.penetration-mechanic{--mech:#79aef2}
.guide-page{background:radial-gradient(circle at 78% 8%,rgba(36,128,96,.14),transparent 28%),var(--ink)}
.guide-page .topbar{border-bottom:1px solid var(--line)}
.guide-hero{width:min(var(--max),calc(100% - 48px));min-height:590px;margin:auto;padding:88px 0 72px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:80px;align-items:center}
.guide-hero h1{font:500 clamp(47px,6vw,76px)/1.12 "STKaiti","KaiTi",serif;margin:18px 0 25px;letter-spacing:.035em}
.guide-hero h1 em{font-style:normal;color:var(--gold)}
.guide-hero-copy>p:not(.eyebrow){max-width:730px;color:#a5b6af;font-size:16px}
.guide-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;max-width:720px}
.choice-card{min-height:126px;padding:20px 22px;border:1px solid var(--line);background:rgba(8,28,23,.78);display:flex;flex-direction:column;justify-content:center;transition:.2s}
.choice-card:hover{transform:translateY(-3px);border-color:rgba(96,213,167,.4)}
.choice-card small{font-size:9px;letter-spacing:.14em;color:#69877b}.choice-card strong{font:22px serif;margin:4px 0;color:#e9eee9}.choice-card span{font-size:11px;color:#7b958a}
.choice-web{border-color:rgba(220,184,93,.46);background:linear-gradient(135deg,rgba(38,107,82,.38),rgba(84,58,27,.34))}.choice-web small,.choice-web span{color:#d2b869}
.guide-source-note{border:1px solid rgba(217,184,109,.32);background:linear-gradient(145deg,rgba(19,52,43,.88),rgba(9,24,20,.9));padding:30px;position:relative;box-shadow:18px 24px 0 rgba(4,13,11,.55)}
.guide-source-note:before{content:"据";position:absolute;right:22px;top:9px;font:92px serif;color:rgba(217,184,109,.045)}
.guide-source-note>span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.guide-source-note>b{display:block;font:23px serif;margin:5px 0 15px}.guide-source-note p{font-size:12px;color:#8ba098}.guide-source-note div{border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#607b70}.guide-source-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 9px var(--jade);margin-right:7px}
.guide-search-wrap{border-block:1px solid var(--line);background:rgba(8,27,22,.76);padding:18px max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:25px;align-items:center}
.guide-search{display:grid;grid-template-columns:28px auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(96,213,167,.22);background:rgba(4,17,14,.68);padding:8px 9px 8px 14px}.guide-search>span{color:var(--jade);font-size:21px}.guide-search label{font-size:11px;color:#81988e}.guide-search input{min-width:0;border:0;border-left:1px solid var(--line);padding:4px 12px;background:transparent;color:#e3eae6;outline:0}.guide-search input::placeholder{color:#476158}.guide-search button{border:0;background:var(--jade);color:#041711;padding:8px 16px;cursor:pointer;font-size:11px}.guide-search-wrap>p{margin:0;color:#5d786d;font-size:10px}
.guide-layout{width:min(var(--max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:54px;padding:86px 0 120px}
.guide-toc{position:sticky;top:22px;align-self:start;border-left:1px solid var(--line);padding:7px 0 0 18px}.guide-toc>p{text-transform:uppercase;letter-spacing:.2em;font-size:9px;color:#537065;margin:0 0 15px}.guide-toc>a{display:flex;gap:10px;align-items:center;padding:8px 10px;color:#789086;font-size:11px;border-left:2px solid transparent;margin-left:-20px}.guide-toc>a b{font-size:9px;color:#4c665c}.guide-toc>a:hover,.guide-toc>a.active{color:#d8e2dd;border-left-color:var(--jade);background:linear-gradient(90deg,rgba(96,213,167,.08),transparent)}.guide-toc>a.active b{color:var(--jade)}
.toc-server{margin-top:25px;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.toc-server small{display:block;color:#58766a;font-size:9px}.toc-server strong{display:block;color:#d9e6df;margin:2px 0 10px}.toc-server button{width:100%;border:1px solid rgba(96,213,167,.26);background:transparent;color:var(--jade);font-size:10px;padding:6px;cursor:pointer}
.guide-content{min-width:0}.guide-section{scroll-margin-top:25px;padding:20px 0 105px;border-bottom:1px solid var(--line)}.guide-section+.guide-section{padding-top:100px}.guide-section-heading{display:flex;align-items:center;gap:19px;margin-bottom:25px}.guide-section-heading>span{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(217,184,109,.3);color:var(--gold);font:21px serif}.guide-section-heading p{margin:0;color:#579579;font-size:9px;letter-spacing:.24em}.guide-section-heading h2{font:clamp(35px,4vw,52px)/1.15 serif;margin:4px 0 0}.section-lead{max-width:820px;font-size:14px;color:#92a69d;margin:0 0 32px}
.route-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.route-steps article{min-height:205px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,39,31,.82),rgba(7,23,18,.74));padding:22px;position:relative}.route-steps article>b{font:28px serif;color:rgba(96,213,167,.35)}.route-steps h3{font:20px serif;margin:22px 0 6px}.route-steps p{font-size:11px;color:#7b9188;margin:0}
.region-roadmap{margin-top:35px;border:1px solid var(--line);background:rgba(5,19,15,.56)}.roadmap-head{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:20px}.roadmap-head h3{font:22px serif;margin:0}.roadmap-head p{font-size:10px;color:#617d72;margin:0}.roadmap-row{display:grid;grid-template-columns:60px 120px 1fr;gap:15px;align-items:center;padding:12px 25px;border-bottom:1px solid rgba(192,222,207,.07)}.roadmap-row:last-child{border:0}.roadmap-row b{color:var(--gold);font-family:serif}.roadmap-row strong{font-size:13px}.roadmap-row span{color:#738c82;font-size:11px}
.knowledge-grid{display:grid;gap:12px}.knowledge-grid.two{grid-template-columns:1fr 1fr}.knowledge-grid.three{grid-template-columns:repeat(3,1fr)}.knowledge-card{border:1px solid var(--line);background:rgba(8,28,22,.64);padding:25px}.knowledge-card small{font-size:9px;letter-spacing:.15em;color:#648276}.knowledge-card h3{font:22px serif;margin:5px 0 12px}.knowledge-card p{font-size:12px;color:#849a91}.knowledge-card ul{margin:16px 0 0;padding:14px 0 0 17px;border-top:1px solid var(--line);color:#789087;font-size:11px}.knowledge-card li+li{margin-top:6px}.accent-jade{border-top:2px solid var(--jade)}.accent-gold{border-top:2px solid var(--gold)}.accent-jade h3{color:#b7ead6}.accent-gold h3{color:#ead699}.compact .knowledge-card{padding:20px}.compact .knowledge-card h3{font-size:18px}.priority-box{margin-top:22px;padding:20px;border:1px solid rgba(217,184,109,.25);display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:rgba(87,61,25,.1);font-size:10px}.priority-box>b{color:var(--gold);margin-right:5px}.priority-box span{padding:5px 8px;background:rgba(255,255,255,.035);color:#a4b4ad}.priority-box i{font-style:normal;color:#49685c}
.equipment-layers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.equipment-layers article{display:flex;gap:18px;border:1px solid var(--line);padding:22px;background:rgba(9,28,23,.62)}.equipment-layers article>span{font:24px serif;color:var(--gold)}.equipment-layers h3{font:19px serif;margin:0 0 5px}.equipment-layers p{font-size:11px;color:#7c9289;margin:0}.mechanic-note{margin:22px 0;padding:21px 24px;border-left:3px solid var(--jade);background:rgba(96,213,167,.055)}.mechanic-note b{font:17px serif}.mechanic-note p{color:#869c92;font-size:12px;margin:5px 0 0}.mechanic-note.warning{border-color:var(--gold);background:rgba(217,184,109,.06)}
.gear-source-map{border:1px solid rgba(217,184,109,.28);background:linear-gradient(145deg,rgba(24,54,43,.72),rgba(6,20,16,.88));padding:28px;position:relative;overflow:hidden}.gear-source-map:after{content:"器";position:absolute;right:18px;top:-28px;font:160px serif;color:rgba(217,184,109,.035);pointer-events:none}.gear-source-title{position:relative;z-index:1}.gear-source-title small,.gear-formula-panel small,.gear-strength-columns small,.gear-read-template small{font-size:9px;letter-spacing:.17em;color:var(--gold)}.gear-source-title h3{font:27px serif;margin:4px 0}.gear-source-title p{font-size:11px;color:#789087;margin:0}.gear-source-flow{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr) 18px) minmax(105px,1fr);align-items:stretch;margin-top:24px;position:relative;z-index:1}.gear-source-flow>article{border:1px solid rgba(192,222,207,.12);background:rgba(5,20,16,.72);padding:16px 14px;min-height:153px}.gear-source-flow>article b{display:block;font:18px serif;color:rgba(96,213,167,.52)}.gear-source-flow>article span{display:block;font:17px serif;color:#e5ece8;margin:9px 0 5px}.gear-source-flow>article p{font-size:10px;color:#71887e;margin:0;line-height:1.7}.gear-source-flow>i{display:grid;place-items:center;color:#526c61;font-style:normal}
.gear-formula-panel{margin-top:13px;border:1px solid var(--line);background:rgba(4,17,14,.76);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.gear-formula-panel>div{border-left:2px solid var(--jade);padding:3px 15px}.gear-formula-panel code{display:block;margin-top:8px;color:#c5d4cd;font:11px/1.75 "Cascadia Mono","Consolas",monospace;white-space:normal}.gear-formula-panel>p{grid-column:1/-1;margin:4px 0 0;color:#687f75;font-size:10px;border-top:1px solid var(--line);padding-top:13px}
.gear-strength-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.gear-strength-columns>article{border:1px solid var(--line);background:rgba(8,28,22,.64);padding:22px}.gear-strength-columns>article:nth-child(2){border-top:2px solid var(--jade)}.gear-strength-columns>article:nth-child(3){border-top:2px solid var(--gold)}.gear-strength-columns h3{font:19px serif;margin:5px 0 13px}.gear-strength-columns ul{margin:0;padding-left:17px;color:#7c9289;font-size:10px}.gear-strength-columns li+li{margin-top:9px}.gear-strength-columns li b{color:#bdcbc5;font-weight:500}.gear-read-template{display:grid;grid-template-columns:245px 1fr;gap:24px;align-items:center;margin:12px 0 28px;padding:20px 23px;border:1px dashed rgba(217,184,109,.34);background:rgba(217,184,109,.035)}.gear-read-template strong{display:block;margin-top:7px;color:#e4d29e;font:17px serif}.gear-read-template ol{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;margin:0;padding-left:19px;color:#84998f;font-size:10px}
.career-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.career-detail{padding:24px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(13,39,31,.82),rgba(6,20,16,.83));position:relative;overflow:hidden}.career-detail:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-85px;top:-80px;background:var(--career);filter:blur(55px);opacity:.2}.career-detail.sword{--career:#dc6e59}.career-detail.healer{--career:#66d39b}.career-detail.lamp{--career:#e69c42}.career-detail header{display:flex;gap:13px;align-items:center;position:relative}.career-detail header i{width:45px;height:45px;border:1px solid color-mix(in srgb,var(--career),transparent 42%);display:grid;place-items:center;border-radius:50%;color:var(--career);font:22px serif;font-style:normal}.career-detail small{color:#607c71;font-size:9px}.career-detail h3{font:18px serif;margin:2px 0}.career-detail>p{font-size:11px;color:#81978e;min-height:116px}.career-detail dl{margin:20px 0 0;border-top:1px solid var(--line);padding-top:12px}.career-detail dl>div{display:grid;grid-template-columns:46px 1fr;gap:8px;font-size:10px;padding:5px 0}.career-detail dt{color:#577166}.career-detail dd{margin:0;color:#a6b5af}
.ap-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:20px}.ap-intro>div{background:#081a16;padding:19px}.ap-intro b{color:var(--gold);font:16px serif}.ap-intro p{font-size:10px;color:#71897f;margin:5px 0 0}.mechanic-card{border:1px solid var(--line);padding:28px;margin-top:12px;background:rgba(8,26,21,.78);position:relative;overflow:hidden}.mechanic-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--mech)}.crit-mechanic{--mech:#e16b5d}.fire-mechanic{--mech:#e59c49}.reflect-mechanic{--mech:#63ce9d}.leech-mechanic{--mech:#b87ed7}.mechanic-card header{display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center}.mechanic-card header>span{width:51px;height:51px;border:1px solid color-mix(in srgb,var(--mech),transparent 45%);display:grid;place-items:center;color:var(--mech);font:24px serif}.mechanic-card header small{font-size:8px;letter-spacing:.18em;color:#59766b}.mechanic-card header h3{font:22px serif;margin:2px 0}.mechanic-card header em{font-style:normal;font-size:9px;color:var(--mech);border:1px solid color-mix(in srgb,var(--mech),transparent 65%);padding:4px 8px}.formula{display:grid;gap:5px;margin:22px 0 18px;padding:17px;border:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.16)}.formula code{font-family:"Cascadia Mono","Consolas",monospace;font-size:11px;color:#bdccc5;white-space:normal}.mechanic-card ul{margin:0;padding-left:18px;color:#82998f;font-size:11px}.mechanic-card li+li{margin-top:7px}
.daily-list{list-style:none;padding:0;margin:0;border:1px solid var(--line)}.daily-list li{display:grid;grid-template-columns:40px 170px 1fr;gap:18px;padding:17px 22px;counter-increment:daily;border-bottom:1px solid var(--line);align-items:center}.daily-list{counter-reset:daily}.daily-list li:before{content:"0" counter(daily);font:18px serif;color:var(--gold)}.daily-list li:last-child{border:0}.daily-list b{font:16px serif}.daily-list span{font-size:11px;color:#758e84}.faq-list{display:grid;gap:7px}.faq-list details{border:1px solid var(--line);background:rgba(8,27,22,.55);padding:0 20px}.faq-list summary{cursor:pointer;padding:16px 0;color:#cfd9d4;font:15px serif}.faq-list details[open] summary{color:var(--gold)}.faq-list p{padding:0 0 17px;margin:0;color:#7e958b;font-size:11px;max-width:780px}
.guide-ending{padding:100px 25px 20px;text-align:center}.guide-ending h2{font:clamp(38px,5vw,61px)/1.15 serif;margin:10px}.guide-ending>p:not(.kicker){max-width:620px;margin:0 auto 27px;color:#758d83;font-size:12px}.guide-ending>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.guide-ending a{border:1px solid var(--line);padding:10px 16px;color:#8da49a;font-size:10px}.guide-ending .guide-end-primary{background:var(--jade);border-color:var(--jade);color:#052018}
.guide-section.search-hit{animation:guidePulse 1.2s ease}.toast{display:block}@keyframes guidePulse{0%{filter:none}35%{filter:drop-shadow(0 0 16px rgba(96,213,167,.38))}100%{filter:none}}
@media(max-width:980px){.guide-hero{grid-template-columns:1fr;gap:35px}.guide-source-note{max-width:620px}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;display:flex;gap:5px;overflow:auto;border:0;padding:0 0 13px;border-bottom:1px solid var(--line)}.guide-toc>p,.toc-server{display:none}.guide-toc>a{white-space:nowrap;margin:0;border:1px solid var(--line);padding:7px 10px}.guide-toc>a.active{border-color:rgba(96,213,167,.4)}.career-detail-grid{grid-template-columns:1fr}.career-detail>p{min-height:0}.route-steps{grid-template-columns:1fr 1fr}.guide-search-wrap{grid-template-columns:1fr}.knowledge-grid.three{grid-template-columns:1fr 1fr}.gear-source-flow{grid-template-columns:repeat(3,1fr);gap:8px}.gear-source-flow>i{display:none}.gear-strength-columns{grid-template-columns:1fr}.gear-read-template{grid-template-columns:1fr}}
@media(max-width:650px){.guide-hero{width:calc(100% - 36px);padding:55px 0}.guide-hero h1{font-size:43px}.guide-choice{grid-template-columns:1fr}.guide-source-note{box-shadow:9px 12px 0 rgba(4,13,11,.55)}.guide-search-wrap{padding:14px}.guide-search{grid-template-columns:25px 1fr auto}.guide-search label{display:none}.guide-search input{border-left:0;padding-left:0}.guide-search-wrap>p{display:none}.guide-layout{width:calc(100% - 32px);padding-top:50px;gap:30px}.guide-section{padding-bottom:75px}.guide-section+.guide-section{padding-top:70px}.route-steps,.knowledge-grid.two,.knowledge-grid.three,.equipment-layers,.ap-intro{grid-template-columns:1fr}.roadmap-head{display:block}.roadmap-head p{margin-top:7px}.roadmap-row{grid-template-columns:45px 80px 1fr;padding:11px 13px;gap:8px}.priority-box i{display:none}.mechanic-card{padding:21px}.mechanic-card header{grid-template-columns:47px 1fr}.mechanic-card header>span{width:43px;height:43px}.mechanic-card header em{grid-column:2}.daily-list li{grid-template-columns:35px 1fr;gap:8px}.daily-list li span{grid-column:2}.guide-ending{padding-inline:0}.guide-page footer{display:block}.guide-page footer p{margin:17px 0}.guide-page footer>div{justify-content:flex-start}.gear-source-map{padding:20px}.gear-source-flow{grid-template-columns:1fr 1fr}.gear-source-flow>article{min-height:0}.gear-formula-panel{grid-template-columns:1fr}.gear-read-template ol{grid-template-columns:1fr}}

/* blue-white guide theme */
.guide-page{background:radial-gradient(circle at 80% 5%,rgba(119,202,240,.26),transparent 28%),radial-gradient(circle at 8% 45%,rgba(186,224,248,.24),transparent 23%),linear-gradient(180deg,#f9fcff,#edf7ff 48%,#f8fbff)}
.guide-page .topbar{border-color:var(--line)}.guide-hero h1{color:#173b58}.guide-hero h1 em{color:#2588b8}.guide-hero-copy>p:not(.eyebrow){color:#58758c}
.choice-card{border-color:var(--line);background:rgba(255,255,255,.8);box-shadow:0 12px 36px rgba(42,96,135,.07)}.choice-card:hover{border-color:rgba(39,139,193,.4);box-shadow:0 16px 42px rgba(41,104,146,.11)}.choice-card small{color:#728ba0}.choice-card strong{color:#214967}.choice-card span{color:#667f94}.choice-web{border-color:rgba(43,142,194,.38);background:linear-gradient(135deg,rgba(219,244,255,.94),rgba(255,250,237,.75))}.choice-web small,.choice-web span{color:#2c7da6}
.guide-source-note{border-color:rgba(48,136,185,.28);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(226,243,253,.92));box-shadow:18px 24px 0 rgba(90,163,204,.1)}.guide-source-note:before{color:rgba(41,132,180,.07)}.guide-source-note>span{color:#aa782c}.guide-source-note>b{color:#204b69}.guide-source-note p{color:#607d93}.guide-source-note div{color:#70899e}.guide-source-note i{background:#2792c5;box-shadow:0 0 9px rgba(39,146,197,.4)}
.guide-search-wrap{background:rgba(255,255,255,.72);border-color:var(--line);backdrop-filter:blur(12px)}.guide-search{border-color:rgba(42,134,185,.22);background:rgba(241,249,255,.88)}.guide-search>span{color:#258fc7}.guide-search label{color:#648199}.guide-search input{color:#1d425e}.guide-search input::placeholder{color:#8aa0b2}.guide-search button{background:linear-gradient(135deg,#37a5d6,#2a84bd);color:white}.guide-search-wrap>p{color:#728ba0}
.guide-toc>p{color:#6d879b}.guide-toc>a{color:#5b7890}.guide-toc>a b{color:#7890a3}.guide-toc>a:hover,.guide-toc>a.active{color:#1c5c83;background:linear-gradient(90deg,rgba(49,151,201,.1),transparent)}.toc-server{background:rgba(255,255,255,.74)}.toc-server small{color:#718ba0}.toc-server strong{color:#234c69}.toc-server button{border-color:rgba(42,137,188,.27);color:#217fae}
.guide-section-heading>span{border-color:rgba(48,135,184,.29);color:#a9772c;background:rgba(255,255,255,.55)}.guide-section-heading p{color:#2f86ae}.guide-section-heading h2{color:#193e5b}.section-lead{color:#607d93}
.route-steps article,.knowledge-card,.equipment-layers article,.gear-strength-columns>article{border-color:var(--line);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(232,246,254,.77));box-shadow:0 10px 32px rgba(44,95,132,.055)}.route-steps article>b{color:rgba(38,139,190,.42)}.route-steps h3,.knowledge-card h3,.equipment-layers h3,.gear-strength-columns h3{color:#234d69}.route-steps p,.knowledge-card p,.equipment-layers p{color:#667f94}
.region-roadmap{background:rgba(255,255,255,.68)}.roadmap-head p{color:#728a9e}.roadmap-row{border-color:rgba(45,116,162,.1)}.roadmap-row span{color:#637f95}.roadmap-row strong{color:#264f6c}
.knowledge-card small{color:#6d879b}.knowledge-card ul,.gear-strength-columns ul{color:#607c92}.accent-jade h3{color:#2078a6}.accent-gold h3{color:#a6782f}.priority-box{background:rgba(255,250,238,.68);border-color:rgba(187,136,52,.25)}.priority-box span{background:rgba(255,255,255,.8);color:#58758c}.priority-box i{color:#7890a2}
.mechanic-note{background:rgba(47,151,201,.075)}.mechanic-note p{color:#5f7c92}.mechanic-note.warning{background:rgba(193,148,63,.07)}
.gear-source-map{border-color:rgba(47,137,187,.28);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(227,244,253,.88));box-shadow:0 16px 45px rgba(43,99,139,.07)}.gear-source-map:after{color:rgba(40,132,182,.055)}.gear-source-title small,.gear-formula-panel small,.gear-strength-columns small,.gear-read-template small{color:#a67429}.gear-source-title h3{color:#214b68}.gear-source-title p{color:#668198}.gear-source-flow>article{border-color:rgba(46,123,171,.16);background:rgba(255,255,255,.74)}.gear-source-flow>article b{color:rgba(37,137,188,.68)}.gear-source-flow>article span{color:#214a67}.gear-source-flow>article p{color:#668198}.gear-source-flow>i{color:#7d96a9}
.gear-formula-panel{background:rgba(255,255,255,.75)}.gear-formula-panel code{color:#365f7c}.gear-formula-panel>p{color:#70899d}.gear-strength-columns li b{color:#315a76}.gear-read-template{background:rgba(255,250,239,.64);border-color:rgba(186,136,51,.31)}.gear-read-template strong{color:#9b702f}.gear-read-template ol{color:#607c92}
.career-detail{border-color:var(--line);background:linear-gradient(160deg,rgba(255,255,255,.91),rgba(233,246,253,.82));box-shadow:0 12px 34px rgba(43,94,131,.06)}.career-detail small{color:#70899d}.career-detail h3{color:#214b68}.career-detail>p{color:#617e94}.career-detail dt{color:#6d879a}.career-detail dd{color:#365d79}
.ap-intro{background:var(--line)}.ap-intro>div{background:rgba(255,255,255,.9)}.ap-intro p{color:#637f95}.mechanic-card{border-color:var(--line);background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(43,94,131,.055)}.mechanic-card header small{color:#718a9d}.mechanic-card header h3{color:#214a67}.formula{border-color:rgba(47,119,165,.13);background:rgba(226,242,252,.62)}.formula code{color:#315a76}.mechanic-card ul{color:#5f7d93}
.daily-list{background:rgba(255,255,255,.66)}.daily-list b{color:#244e6b}.daily-list span{color:#607d93}.faq-list details{background:rgba(255,255,255,.72)}.faq-list summary{color:#294f6b}.faq-list details[open] summary{color:#9f712b}.faq-list p{color:#607d93}
.guide-ending h2{color:#173d5a}.guide-ending>p:not(.kicker){color:#607c92}.guide-ending a{color:#426983;background:rgba(255,255,255,.64)}.guide-ending .guide-end-primary{background:linear-gradient(135deg,#36a4d5,#2884bd);border-color:#2884bd;color:white}
@media(max-width:650px){.guide-source-note{box-shadow:9px 12px 0 rgba(90,163,204,.1)}}

/* jade-scroll atmosphere */
.guide-hero{position:relative;z-index:1}.guide-hero::before{content:"玉简";position:absolute;right:3%;top:24px;z-index:-1;color:rgba(40,128,177,.055);font:210px/1 "STKaiti","KaiTi",serif;letter-spacing:.08em;transform:rotate(7deg)}
.guide-hero::after{content:"云起凌霄 · 万法归卷";position:absolute;right:1%;bottom:38px;color:rgba(40,116,159,.26);font:10px serif;letter-spacing:.42em}
.guide-layout{position:relative}.guide-layout::before{content:"";position:absolute;left:235px;right:0;top:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,131,180,.24),transparent)}
.guide-section-heading>span{position:relative;box-shadow:inset 0 0 0 5px rgba(70,160,207,.055),0 9px 24px rgba(49,111,151,.08)}
.guide-section-heading>span::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(181,132,50,.13);transform:rotate(45deg);pointer-events:none}
.guide-source-note::after{content:"卷";position:absolute;left:-15px;bottom:-34px;color:rgba(39,127,176,.06);font:120px/1 "STKaiti","KaiTi",serif;pointer-events:none}
.guide-content{position:relative}.guide-content::after{content:"道";position:absolute;right:-70px;top:30%;z-index:-1;color:rgba(42,128,176,.03);font:360px/1 "STKaiti","KaiTi",serif}
@media(max-width:980px){.guide-layout::before{left:0}.guide-hero::before{font-size:150px}.guide-content::after{display:none}}
@media(max-width:650px){.guide-hero::after{display:none}.guide-hero::before{font-size:96px;right:-8px}.guide-section-heading>span::after{inset:-5px}}

/* deeper celestial blue for the jade scroll */
.guide-page{background:radial-gradient(circle at 79% 4%,rgba(73,165,216,.31),transparent 29%),radial-gradient(circle at 8% 44%,rgba(104,176,218,.26),transparent 25%),linear-gradient(180deg,#edf7fd,#dcecf7 48%,#e9f3fa)}
.guide-page .guide-search-wrap{background:rgba(239,247,252,.83)}
.guide-page .guide-toc>a:hover,.guide-page .guide-toc>a.active{background:linear-gradient(90deg,rgba(29,126,181,.14),transparent)}
.guide-section-heading h2{color:#153b59}.guide-hero h1{color:#123a58}

/* painted jade-scroll scenery */
.guide-hero{position:relative;isolation:isolate;overflow:hidden;width:min(var(--max),calc(100% - 48px));padding:78px 54px 72px;grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);gap:48px;border:1px solid rgba(40,110,157,.18);border-radius:32px;box-shadow:0 30px 80px rgba(31,86,124,.11),inset 0 0 0 1px rgba(255,255,255,.7)}
.guide-hero h1{font-size:clamp(47px,5.2vw,68px);letter-spacing:.025em}
.guide-hero-scene{position:absolute;inset:0;z-index:-3;background:#dceef8}.guide-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.88)}
.guide-hero-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,250,253,.98) 0%,rgba(239,248,253,.92) 45%,rgba(221,239,249,.45) 70%,rgba(201,227,243,.2)),linear-gradient(180deg,rgba(255,255,255,.12),rgba(41,103,147,.09))}
.guide-hero::before{display:none}.guide-hero::after{right:36px;bottom:24px;color:rgba(26,91,133,.38)}
.guide-source-note{background:rgba(245,251,254,.79);backdrop-filter:blur(12px);box-shadow:16px 18px 0 rgba(62,123,161,.09),0 22px 55px rgba(27,79,114,.13)}
.guide-section-heading{position:relative;isolation:isolate}.guide-section:nth-of-type(odd) .guide-section-heading::after{content:"";position:absolute;right:-18px;top:-58px;width:245px;height:100px;background:url("assets/xianxia-celestial-ornament.png") center/contain no-repeat;opacity:.2;filter:saturate(.7);z-index:-1;pointer-events:none}
.guide-ending{position:relative;isolation:isolate;overflow:hidden}.guide-ending::before{content:"";position:absolute;right:-80px;bottom:-38px;width:410px;height:160px;background:url("assets/xianxia-celestial-ornament.png") center/contain no-repeat;opacity:.2;z-index:-1}
@media(max-width:980px){.guide-hero{padding:65px 38px}.guide-hero-scene img{object-position:64% center}.guide-section:nth-of-type(odd) .guide-section-heading::after{right:-40px;opacity:.14}}
@media(max-width:650px){.guide-hero{width:calc(100% - 20px);padding:50px 22px 40px;border-radius:24px}.guide-hero-scene img{object-position:69% center}.guide-hero-scene::after{background:linear-gradient(180deg,rgba(243,250,253,.98),rgba(238,248,253,.91) 62%,rgba(219,238,249,.45))}.guide-section:nth-of-type(odd) .guide-section-heading::after{width:180px;height:80px;right:-58px;top:-38px}.guide-ending::before{width:290px;right:-110px}}
