.nav-guide{position:relative;display:flex!important;align-items:center;gap:8px;padding:8px 14px!important;border:1px solid rgba(235,193,93,.55);background:linear-gradient(135deg,rgba(235,193,93,.18),rgba(35,112,87,.2));color:#f4d77f!important;border-radius:4px;box-shadow:0 0 22px rgba(235,193,93,.1)}
.nav-guide small{padding:2px 5px;background:#b4472d;color:#fff7e7;font-size:9px;letter-spacing:.08em;border-radius:2px}
.hero-actions{flex-wrap:wrap}.hero-guide{border-color:rgba(235,193,93,.55)!important;background:rgba(235,193,93,.1)!important;color:#f0d385!important}.hero-guide b{font-size:14px}.route-link{padding-inline:10px!important;border-color:transparent!important}
.guide-gateway{width:min(1180px,calc(100% - 48px));margin:34px auto 10px;padding:34px 38px;display:grid;grid-template-columns:90px minmax(0,1fr) 300px;gap:28px;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(225,187,91,.48);background:linear-gradient(115deg,rgba(15,50,42,.97),rgba(8,28,25,.98) 56%,rgba(94,54,27,.92));box-shadow:0 28px 80px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05)}
.guide-gateway:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 30%,rgba(78,175,126,.15),transparent 24%),radial-gradient(circle at 92% 40%,rgba(238,190,86,.16),transparent 30%);pointer-events:none}
.guide-gateway>*{position:relative;z-index:1}.guide-gateway-mark{width:78px;height:78px;border:1px solid rgba(238,198,95,.68);display:grid;place-items:center;color:#f0ce74;font-family:serif;font-size:38px;transform:rotate(-3deg);box-shadow:inset 0 0 0 5px rgba(225,180,70,.06)}
.guide-gateway h2{margin:5px 0 9px;color:#f5f0df;font-size:clamp(25px,3vw,38px);line-height:1.15}.guide-gateway-copy>p:last-of-type{max-width:700px;color:#aebdb4;line-height:1.75}.guide-gateway-steps{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.guide-gateway-steps span{padding:6px 10px;border:1px solid rgba(185,204,190,.18);background:rgba(255,255,255,.035);color:#c9d2cb;font-size:12px}.guide-gateway-steps b{color:#e8c56d;margin-right:5px}.guide-gateway-actions{display:flex;flex-direction:column;gap:10px}.guide-primary,.guide-secondary{display:flex;text-decoration:none}.guide-primary{flex-direction:column;gap:5px;padding:18px 20px;background:#e0b958;color:#13251e;box-shadow:0 10px 34px rgba(225,185,88,.16)}.guide-primary span{font-weight:800;font-size:16px}.guide-primary b{font-size:11px;opacity:.68}.guide-secondary{justify-content:space-between;padding:11px 14px;border:1px solid rgba(231,207,147,.34);color:#dec781;font-size:12px}
.professions{grid-template-columns:minmax(240px,.75fr) minmax(205px,.55fr) minmax(0,1.7fr)!important;align-items:stretch!important}.profession-copy p{max-width:520px}.profession-list button{padding:17px 18px!important}.profession-panel{align-items:flex-start!important;min-height:340px!important}.profession-content{min-width:0;flex:1}.profession-content>p{max-width:none!important}.profession-stats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 17px}.profession-stats span{padding:6px 9px;border:1px solid rgba(224,188,93,.3);background:rgba(225,187,91,.06);color:#e6cd8b;font-size:11px}.awakening-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.awakening-grid article{padding:13px 14px;border:1px solid rgba(194,211,201,.13);background:rgba(255,255,255,.025)}.awakening-grid b{display:block;color:#8fa99a;font-size:10px;letter-spacing:.12em}.awakening-grid strong{display:block;margin:5px 0 7px;color:#f1e8cf;font-size:13px}.awakening-grid p{margin:0!important;font-size:12px!important;line-height:1.6!important;color:#9fb0a6!important}
@media(max-width:980px){.guide-gateway{grid-template-columns:70px 1fr}.guide-gateway-actions{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr}.professions{grid-template-columns:1fr!important}.profession-panel{min-height:0!important}}
@media(max-width:640px){.nav-guide{display:none!important}.hero-guide,.route-link{width:100%;justify-content:space-between}.guide-gateway{width:calc(100% - 24px);margin-top:18px;padding:24px 20px;grid-template-columns:1fr;gap:18px}.guide-gateway-mark{width:58px;height:58px;font-size:28px}.guide-gateway-actions{grid-column:auto;display:flex}.guide-gateway-steps{display:grid;grid-template-columns:1fr}.awakening-grid{grid-template-columns:1fr}.profession-panel{display:block!important}.profession-sigil{margin-bottom:16px}.profession-list{grid-template-columns:1fr!important}}

/* blue-white xianxia theme */
.nav-guide{border-color:rgba(47,143,194,.38);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(208,239,254,.72));color:#207fae!important;box-shadow:0 8px 24px rgba(40,111,155,.08)}
.nav-guide small{background:#ca8d31;color:white}.hero-guide{border-color:rgba(47,143,194,.38)!important;background:rgba(255,255,255,.72)!important;color:#237eab!important}
.guide-gateway{border-color:rgba(50,137,187,.28);background:linear-gradient(115deg,rgba(255,255,255,.95),rgba(228,245,255,.96) 58%,rgba(245,250,255,.94));box-shadow:0 24px 70px rgba(39,96,136,.12),inset 0 1px #fff}
.guide-gateway:before{background:radial-gradient(circle at 13% 30%,rgba(75,166,211,.17),transparent 25%),radial-gradient(circle at 92% 40%,rgba(205,163,76,.13),transparent 30%)}
.guide-gateway-mark{border-color:rgba(38,138,190,.48);color:#2384b5;background:rgba(255,255,255,.68);box-shadow:inset 0 0 0 5px rgba(73,168,216,.07)}
.guide-gateway h2{color:#173f5e}.guide-gateway-copy>p:last-of-type{color:#5e7a91}.guide-gateway-steps span{border-color:rgba(50,127,177,.19);background:rgba(255,255,255,.7);color:#4e7089}.guide-gateway-steps b{color:#b17f2f}
.guide-primary{background:linear-gradient(135deg,#3aa7d8,#2a84bd);color:white;box-shadow:0 12px 30px rgba(38,126,178,.19)}.guide-secondary{border-color:rgba(50,130,180,.27);background:rgba(255,255,255,.6);color:#2d729a}
.profession-stats span{border-color:rgba(45,139,192,.24);background:rgba(55,157,207,.07);color:#2f7499}.awakening-grid article{border-color:rgba(50,126,176,.16);background:rgba(244,250,255,.75)}.awakening-grid b{color:#65839a}.awakening-grid strong{color:#234f6e}.awakening-grid p{color:#607d93!important}