:root{--ink:#06110f;--ink-2:#0a1b17;--paper:#e6eadf;--muted:#91a69d;--jade:#60d5a7;--jade-2:#1e8f72;--gold:#d9b86d;--line:rgba(192,222,207,.14);--panel:rgba(12,34,29,.72);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.7;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:16px;top:-80px;z-index:99;padding:10px 16px;background:var(--jade);color:#00140e;border-radius:8px}.skip-link:focus{top:16px}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.22;border-radius:50%;z-index:-2}.ambient-a{width:420px;height:420px;background:#0c9b71;top:-180px;right:2vw}.ambient-b{width:360px;height:360px;background:#665322;left:-200px;top:55vh}.topbar{height:82px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border:1px solid rgba(96,213,167,.48);background:linear-gradient(145deg,rgba(96,213,167,.17),rgba(96,213,167,.03));display:grid;place-items:center;color:var(--jade);font-family:serif;font-size:23px;transform:rotate(45deg);border-radius:8px}.brand-mark::first-letter{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand b{font-family:serif;letter-spacing:.16em;font-size:18px}.brand small{font-size:8px;letter-spacing:.13em;color:#67837a;margin-top:5px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#9bb0a7}.nav a{transition:.2s}.nav a:hover{color:var(--jade)}.nav-cta{border:1px solid rgba(96,213,167,.35);padding:8px 16px;border-radius:50px;color:var(--jade)!important}.nav-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:710px;max-width:var(--max);margin:auto;padding:80px 24px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;position:relative}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,213,167,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,213,167,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 72% 40%,black,transparent 62%);z-index:-1}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.26em;color:var(--jade);text-transform:uppercase}.eyebrow span{display:inline-block;width:36px;height:1px;background:var(--jade);vertical-align:middle;margin-right:12px}.hero h1,.section h2,.join h2{font-family:"STKaiti","KaiTi",serif;margin:18px 0 22px;font-size:clamp(50px,6.7vw,92px);line-height:1.08;font-weight:500;letter-spacing:.04em}.hero h1 em{color:var(--gold);font-style:normal;text-shadow:0 0 40px rgba(217,184,109,.15)}.hero-lead{max-width:590px;color:#a6b7b0;font-size:17px}.hero-actions{display:flex;gap:14px;margin:35px 0}.primary{border:0;color:#04130e;background:var(--jade);border-radius:12px;padding:13px 20px;text-align:left;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 14px 36px rgba(40,187,137,.16)}.primary span{font-size:11px;opacity:.7}.primary b{font-size:14px;letter-spacing:.04em}.ghost{border:1px solid var(--line);border-radius:12px;padding:17px 20px;font-size:13px;color:#b4c3bd}.ghost span{color:var(--jade);margin-left:16px}.hero-facts{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:23px}.hero-facts div{display:flex;flex-direction:column}.hero-facts b{font-family:serif;font-size:17px;color:#dbe7e1}.hero-facts span{font-size:10px;color:#6f897e;letter-spacing:.08em}.hero-art{height:520px;position:relative;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(38,130,98,.22),rgba(6,17,15,0) 65%)}.orbit{position:absolute;border:1px solid rgba(96,213,167,.18);border-radius:50%}.orbit-1{width:410px;height:410px}.orbit-1::before,.orbit-1::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 14px var(--jade)}.orbit-1::before{left:49%;top:-4px}.orbit-1::after{right:12%;bottom:11%}.orbit-2{width:310px;height:310px;border-style:dashed;animation:spin 42s linear infinite}.seal{width:205px;height:205px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(100,225,178,.13),rgba(10,34,27,.95) 62%);border:1px solid rgba(96,213,167,.4);border-radius:50%;box-shadow:0 0 0 12px rgba(96,213,167,.02),0 0 80px rgba(42,162,119,.13)}.seal::after{content:"";position:absolute;inset:14px;border:1px dashed rgba(217,184,109,.35);border-radius:50%}.seal strong{font:76px/1 "STKaiti","KaiTi",serif;color:var(--paper);text-shadow:0 0 30px rgba(96,213,167,.35)}.seal span{position:absolute;font-size:9px;letter-spacing:.35em;color:#6c9d8a}.seal-top{top:37px}.seal-bottom{bottom:35px}.realm{position:absolute;font-family:serif;font-size:12px;color:#829b91;background:#081712;padding:4px 10px;border-radius:20px;border:1px solid var(--line)}.r1{left:9%;top:28%}.r2{left:19%;top:9%}.r3{right:21%;top:8%}.r4{right:6%;top:30%}.r5{right:7%;bottom:26%}.r6{right:23%;bottom:7%}.r7{left:20%;bottom:8%}.r8{left:6%;bottom:29%}.floating-card{position:absolute;padding:12px 17px;background:rgba(7,23,19,.92);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 50px rgba(0,0,0,.28);display:flex;flex-direction:column}.floating-card small{font-size:9px;color:#67877a}.floating-card b{font-family:serif;font-size:13px;color:#d7dfda}.fc-1{left:1%;top:45%}.fc-2{right:-1%;bottom:15%}.realm-strip{border-block:1px solid var(--line);height:64px;display:flex;align-items:center;justify-content:center;gap:24px;color:#729187;font-family:serif;font-size:13px;letter-spacing:.16em;background:rgba(5,20,16,.52)}.realm-strip i{width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,184,109,.45),transparent)}.section{max-width:var(--max);margin:auto;padding:125px 24px}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;column-gap:70px;align-items:end;margin-bottom:62px}.section-heading .kicker{grid-column:1/-1}.section-heading h2{font-size:clamp(39px,5vw,65px);margin:10px 0 0}.section-heading>p:last-child{color:#81978e;font-size:14px;margin:0 0 8px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,48,39,.8),rgba(7,22,18,.75));border-radius:var(--radius);padding:30px;display:grid;grid-template-columns:74px 1fr;gap:18px;position:relative;overflow:hidden}.resource-card::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-90px;background:var(--accent);filter:blur(65px);opacity:.13}.resource-card.jade{--accent:var(--jade)}.resource-card.gold{--accent:var(--gold)}.resource-glyph{width:62px;height:62px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);color:var(--accent);display:grid;place-items:center;border-radius:50%;font:28px serif}.resource-card small{color:#6f8d81;font-size:10px;letter-spacing:.12em}.resource-card h3{font:30px serif;margin:2px 0 8px}.resource-card p{font-size:13px;color:#82978e;margin:0}.resource-card ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:14px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}.resource-card li{text-align:center;font-size:10px;color:#6d877c}.resource-card li+li{border-left:1px solid var(--line)}.resource-card li b{display:block;color:var(--accent);font-size:18px}.journey{margin-top:74px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(58,157,119,.13),transparent 32%),#081914;display:grid;grid-template-columns:1.1fr .8fr;min-height:420px;overflow:hidden;position:relative}.journey-map{grid-row:1/4;min-height:420px;background:radial-gradient(circle at 45% 50%,rgba(80,185,145,.19),transparent 3%),radial-gradient(circle at 66% 28%,rgba(80,185,145,.11),transparent 2%),radial-gradient(circle at 26% 27%,rgba(217,184,109,.12),transparent 3%),linear-gradient(130deg,rgba(255,255,255,.015),transparent),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 33px,rgba(96,213,167,.035) 34px 35px);position:relative}.journey-map::before{content:"壹 · 贰 · 叁 · 肆 · 伍 · 陆 · 柒";position:absolute;inset:0;display:grid;place-items:center;color:rgba(140,194,171,.2);font:34px serif;letter-spacing:.3em;writing-mode:vertical-rl}.map-path{position:absolute;width:67%;height:56%;border:1px dashed rgba(217,184,109,.35);border-radius:50%;left:16%;top:23%;transform:rotate(-22deg)}.journey-head{padding:42px 42px 0}.journey-head h3{font:31px serif;margin:5px 0 6px}.journey-head p{color:#71887f;font-size:12px}.region-tabs{display:flex;gap:8px;padding:15px 42px}.region-tabs button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:#749086;cursor:pointer}.region-tabs button.active{background:var(--jade);color:#062018;border-color:var(--jade)}.region-detail{margin:0 42px 38px;padding-top:19px;border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;gap:10px 18px}.region-no{font:26px serif;color:var(--gold)}.region-detail small{display:block;color:#6a857a;font-size:9px}.region-detail h4{font:22px serif;margin:0}.region-detail p{font-size:12px;color:#81978e;margin:5px 0}.region-tags{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.region-tags span{font-size:9px;padding:3px 8px;border-radius:20px;background:rgba(96,213,167,.08);color:#87b8a5}.systems{max-width:none;background:linear-gradient(180deg,rgba(10,36,28,.35),transparent 28%,transparent 72%,rgba(10,36,28,.3));padding-inline:max(24px,calc((100vw - var(--max))/2 + 24px))}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{min-height:285px;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(8,27,22,.72);position:relative;transition:.25s;overflow:hidden}.system-card:hover{transform:translateY(-5px);border-color:rgba(96,213,167,.34)}.system-card.featured{background:linear-gradient(140deg,rgba(31,111,85,.36),rgba(8,27,22,.8))}.system-num{font-size:10px;color:#4d6e61;letter-spacing:.18em}.system-icon{position:absolute;right:23px;top:20px;width:44px;height:44px;border-radius:12px;background:rgba(96,213,167,.08);color:var(--jade);display:grid;place-items:center;font:20px serif}.system-card h3{font:24px serif;margin:58px 0 10px}.system-card p{font-size:13px;color:#83988f}.system-card a{position:absolute;bottom:25px;color:#74bda2;font-size:11px}.mini-stat{display:grid;grid-template-columns:33px 1fr;gap:8px;margin-top:24px;font-size:9px;color:#6c877c}.mini-stat i{height:4px;background:rgba(255,255,255,.06);border-radius:4px;margin-top:7px}.mini-stat i::before{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--jade-2),var(--jade));border-radius:inherit}.professions{margin-top:70px;border:1px solid var(--line);border-radius:25px;padding:40px;display:grid;grid-template-columns:.9fr .72fr 1.25fr;gap:35px;background:#071813}.profession-copy h3{font:31px serif;margin:3px 0 8px}.profession-copy p{font-size:12px;color:#7c9189}.profession-list{display:flex;flex-direction:column;gap:8px}.profession-list button{background:transparent;border:1px solid var(--line);border-radius:10px;color:#81998f;text-align:left;padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between}.profession-list button span{font-family:serif;color:#d3ddd8}.profession-list button small{font-size:9px}.profession-list button.active{border-color:rgba(96,213,167,.45);background:rgba(96,213,167,.07)}.profession-panel{border-left:1px solid var(--line);padding-left:35px;display:flex;align-items:center;gap:24px}.profession-sigil{width:82px;height:82px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(217,184,109,.4);display:grid;place-items:center;font:38px serif;color:var(--gold);box-shadow:inset 0 0 30px rgba(217,184,109,.08)}.profession-panel small{font-size:9px;color:#6f887e}.profession-panel h4{font:23px serif;margin:3px 0}.profession-panel p{font-size:12px;color:#7c9189;margin:0}.atlas{position:relative}.atlas-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.atlas h2{font:clamp(39px,5vw,65px)/1.15 serif;margin:8px 0}.atlas-header p:last-child{color:#7d938a;max-width:650px;font-size:13px}.atlas-header>a{font-size:11px;color:var(--jade);border-bottom:1px solid rgba(96,213,167,.3);padding-bottom:5px}.atlas-tools{border:1px solid var(--line);padding:15px;border-radius:16px;background:rgba(11,31,26,.7)}.search{display:flex;align-items:center;gap:10px;padding:0 12px 14px;border-bottom:1px solid var(--line)}.search span{color:var(--jade);font-size:22px}.search input{width:100%;border:0;outline:0;background:transparent;color:#dfe8e3;font-size:14px}.search input::placeholder{color:#49645a}.filter-row{display:flex;gap:7px;overflow:auto;padding-top:13px;scrollbar-width:none}.filter-row button{white-space:nowrap;border:0;border-radius:20px;padding:6px 12px;color:#728c81;background:rgba(255,255,255,.025);font-size:10px;cursor:pointer}.filter-row button.active{background:rgba(96,213,167,.12);color:var(--jade)}.atlas-summary{font-size:10px;color:#607b70;margin:17px 5px}.atlas-summary span{color:var(--jade);font-size:14px}.atlas-summary i{display:inline-block;width:18px;height:1px;background:var(--line);margin:0 8px;vertical-align:middle}.monster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.monster-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,38,31,.86),rgba(6,21,17,.8));border-radius:13px;padding:17px;min-height:147px;text-align:left;color:inherit;cursor:pointer;position:relative;overflow:hidden;transition:.22s}.monster-card::after{content:attr(data-mark);position:absolute;right:-4px;bottom:-26px;font:75px serif;color:rgba(96,213,167,.035)}.monster-card:hover{border-color:rgba(96,213,167,.35);transform:translateY(-3px)}.monster-region{display:flex;justify-content:space-between;color:#58766a;font-size:9px;letter-spacing:.1em}.monster-level{color:var(--gold)}.monster-card h3{font:18px serif;margin:22px 0 13px}.monster-stats{display:flex;gap:14px;font-size:9px;color:#668176}.monster-stats b{color:#b8c7c1;font-weight:500}.load-more{display:block;margin:24px auto 0;border:1px solid var(--line);color:#8fa49b;background:transparent;border-radius:40px;padding:9px 19px;font-size:11px;cursor:pointer}.load-more span{color:var(--jade);margin-left:9px}.guide{padding-top:100px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;grid-auto-rows:208px}.shot{grid-column:span 4;border:1px solid var(--line);border-radius:15px;background:#091712;padding:0;overflow:hidden;position:relative;cursor:zoom-in}.shot.wide{grid-column:span 8}.shot.tall{grid-row:span 2}.shot img{width:100%;height:100%;object-fit:contain;padding:19px;transition:.3s;filter:saturate(.88)}.shot:hover img{transform:scale(1.03);filter:saturate(1.1)}.shot span{position:absolute;left:0;right:0;bottom:0;padding:28px 17px 12px;background:linear-gradient(transparent,rgba(3,12,9,.95));font-size:10px;color:#779188;text-align:left}.shot b{display:block;font:17px serif;color:#d9e3de}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}.guide-links a{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;border-block:1px solid var(--line);padding:22px 5px}.guide-links span{font-size:10px;color:var(--jade)}.guide-links b{font:15px serif}.guide-links i{color:var(--gold);font-style:normal}.join{min-height:570px;position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 70% 50%,rgba(47,145,109,.19),transparent 26%),linear-gradient(135deg,#071814,#030b09);display:grid;place-items:center}.join::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(96,213,167,.025) 100px),repeating-linear-gradient(0deg,transparent 0 99px,rgba(96,213,167,.025) 100px)}.join-watermark{position:absolute;right:3%;font:280px serif;color:rgba(96,213,167,.025);white-space:nowrap}.join-inner{width:min(820px,calc(100% - 40px));text-align:center;position:relative}.join h2{font-size:clamp(50px,7vw,82px);margin:10px}.join-inner>p:not(.kicker){color:#81988e;max-width:600px;margin:0 auto 26px;font-size:13px}.join-box{max-width:570px;margin:0 auto;border:1px solid rgba(96,213,167,.3);background:rgba(9,31,25,.8);border-radius:14px;padding:13px 14px 13px 22px;display:flex;justify-content:space-between;align-items:center;text-align:left}.join-box small{display:block;color:#658076;font-size:9px}.join-box b{font-size:18px;letter-spacing:.04em}.join-box button{border:0;border-radius:9px;background:var(--jade);color:#052017;padding:10px 17px;font-size:11px;cursor:pointer}.join-meta{display:flex;justify-content:center;gap:26px;margin-top:20px;color:#5d796e;font-size:9px}.join-meta b{color:#9db2a9}footer{max-width:var(--max);margin:auto;padding:42px 24px;display:grid;grid-template-columns:1fr 1.4fr .5fr;gap:30px;align-items:center;color:#536f64;font-size:10px}footer>div{display:flex;gap:16px;justify-content:flex-end}footer>div a:hover{color:var(--jade)}.lightbox{width:min(900px,92vw);max-height:88vh;background:#071511;border:1px solid var(--line);border-radius:16px;padding:12px;color:white}.lightbox::backdrop{background:rgba(0,7,5,.84);backdrop-filter:blur(6px)}.lightbox>button{position:absolute;right:14px;top:10px;z-index:2;border:0;background:rgba(0,0,0,.6);color:white;border-radius:50%;width:34px;height:34px;cursor:pointer}.lightbox figure{margin:0}.lightbox img{width:100%;max-height:76vh;object-fit:contain}.lightbox figcaption{text-align:center;color:#81978e;font-size:11px;padding:8px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--jade);color:#041711;padding:10px 17px;border-radius:40px;font-size:11px;z-index:99;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.nav-toggle{display:block}.nav{position:absolute;top:70px;left:20px;right:20px;padding:18px;display:none;flex-direction:column;background:#0a201a;border:1px solid var(--line);border-radius:14px}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:480px}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{margin-top:20px}.system-grid{grid-template-columns:1fr 1fr}.professions{grid-template-columns:1fr 1fr}.profession-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.monster-grid{grid-template-columns:repeat(3,1fr)}.journey{grid-template-columns:.8fr 1fr}.gallery{grid-auto-rows:180px}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}}@media(max-width:650px){.topbar{height:70px}.hero{padding-top:40px;min-height:auto}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.hero-facts{gap:17px}.hero-art{height:390px;transform:scale(.86);margin-inline:-30px}.orbit-1{width:350px;height:350px}.orbit-2{width:270px;height:270px}.realm-strip{gap:9px;overflow:hidden;justify-content:flex-start;padding:0 15px}.realm-strip i{width:12px}.section{padding:90px 18px}.section-heading h2{font-size:41px}.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:58px 1fr;padding:23px}.resource-glyph{width:50px;height:50px}.journey{grid-template-columns:1fr}.journey-map{min-height:230px;grid-row:auto}.journey-head{padding:26px 24px 0}.region-tabs{padding:12px 24px}.region-detail{margin:0 24px 28px}.system-grid{grid-template-columns:1fr}.professions{padding:24px;grid-template-columns:1fr}.profession-panel{flex-direction:column;align-items:flex-start}.profession-list button small{display:none}.atlas-header{display:block}.atlas-header>a{display:inline-block;margin-top:12px}.monster-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:210px}.shot,.shot.wide{grid-column:auto}.shot.tall{grid-row:auto}.guide-links{grid-template-columns:1fr}.guide-links a{grid-template-columns:75px 1fr 20px}.join-meta{flex-direction:column;gap:5px}.join-box{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.join-box button{width:100%}footer{grid-template-columns:1fr}footer p{grid-column:auto;grid-row:auto}footer>div{justify-content:flex-start}.atlas-tools{padding:10px}.monster-card{min-height:137px}.monster-card h3{font-size:16px}}

.monster-stats{justify-content:space-between;gap:8px}

/* 2026 blue-white xianxia theme */
:root{--ink:#f4f9ff;--ink-2:#eaf4ff;--paper:#18334e;--muted:#647f98;--jade:#258fc7;--jade-2:#1472aa;--gold:#bb8834;--line:rgba(49,112,158,.2);--panel:rgba(255,255,255,.82);--radius:22px;--max:1180px}
html{background:#f4f9ff}
body{background:radial-gradient(circle at 82% 5%,rgba(118,199,239,.28),transparent 27%),radial-gradient(circle at 9% 38%,rgba(179,220,248,.28),transparent 22%),linear-gradient(180deg,#f9fcff 0,#edf7ff 42%,#f8fbff 100%);color:var(--paper)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(118deg,transparent 0 38%,rgba(255,255,255,.7) 50%,transparent 62%),repeating-linear-gradient(0deg,transparent 0 119px,rgba(69,145,195,.035) 120px)}
::selection{background:#8ed1ef;color:#10344f}
.ambient{filter:blur(110px);opacity:.32}.ambient-a{background:#77c9ef}.ambient-b{background:#b8dcf6}
.topbar{background:rgba(250,253,255,.78);border-bottom:1px solid rgba(64,126,170,.12);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(40,99,145,.05)}
.brand-mark{border-color:rgba(37,143,199,.45);background:linear-gradient(145deg,rgba(104,193,232,.28),rgba(255,255,255,.8));color:#167bb2;box-shadow:0 7px 24px rgba(43,130,181,.13)}
.brand b{color:#153b59}.brand small{color:#6a89a2}.nav{color:#54738d}.nav a:hover{color:#147aad}.nav-cta{border-color:rgba(37,143,199,.35);background:rgba(255,255,255,.66);color:#167caf!important}.nav-toggle{color:#245b7d}
.hero::before{background-image:linear-gradient(rgba(51,130,183,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(51,130,183,.055) 1px,transparent 1px)}
.eyebrow,.kicker{color:#187fb6}.eyebrow span{background:#2d9acb}.hero h1,.section h2,.join h2{color:#163751}.hero h1 em{color:#2c91bd;text-shadow:0 12px 32px rgba(69,151,195,.15)}.hero-lead{color:#58738b}
.primary{color:white;background:linear-gradient(135deg,#2c9fd4,#247dbb);box-shadow:0 15px 34px rgba(41,132,184,.24)}.primary:hover{filter:saturate(1.08);transform:translateY(-1px)}
.ghost{border-color:rgba(50,117,163,.22);background:rgba(255,255,255,.68);color:#365f7d;box-shadow:0 9px 26px rgba(36,94,136,.06)}.ghost span{color:#1682b8}
.hero-facts{border-color:var(--line)}.hero-facts b{color:#204b69}.hero-facts span{color:#6b879d}
.hero-art::before{background:radial-gradient(circle,rgba(79,170,218,.22),rgba(245,250,255,0) 66%)}.orbit{border-color:rgba(39,137,190,.25)}.orbit-1::before,.orbit-1::after{background:#48aedd;box-shadow:0 0 18px rgba(54,156,207,.55)}
.seal{background:radial-gradient(circle at 38% 31%,#fff,rgba(223,243,255,.95) 58%,rgba(188,225,247,.82));border-color:rgba(47,145,197,.42);box-shadow:0 0 0 12px rgba(92,177,218,.07),0 22px 70px rgba(54,127,172,.18)}.seal::after{border-color:rgba(187,136,52,.42)}.seal strong{color:#216e9e;text-shadow:0 8px 25px rgba(50,139,186,.22)}.seal span{color:#668da7}
.realm{color:#4d7390;background:rgba(255,255,255,.84);border-color:rgba(53,124,171,.2);box-shadow:0 6px 18px rgba(40,98,139,.07)}
.floating-card{background:rgba(255,255,255,.9);border-color:rgba(53,124,171,.2);box-shadow:0 16px 40px rgba(39,94,134,.12)}.floating-card small{color:#6d8ba0}.floating-card b{color:#1f4f6f}
.realm-strip{color:#608099;background:rgba(255,255,255,.56);border-color:var(--line)}
.section-heading>p:last-child,.resource-card p,.system-card p,.profession-copy p,.profession-panel p,.atlas-header p:last-child,.join-inner>p:not(.kicker){color:#607b92}
.resource-card{border-color:var(--line);background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(232,245,253,.82));box-shadow:0 18px 50px rgba(45,99,139,.08)}.resource-card small,.resource-card li{color:#68849a}.resource-card h3{color:#204863}
.journey{background:radial-gradient(circle at 83% 10%,rgba(95,184,226,.19),transparent 34%),rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(42,96,136,.08)}.journey-map{background:radial-gradient(circle at 45% 50%,rgba(53,151,203,.22),transparent 3%),radial-gradient(circle at 66% 28%,rgba(53,151,203,.15),transparent 2%),radial-gradient(circle at 26% 27%,rgba(194,151,72,.17),transparent 3%),linear-gradient(130deg,rgba(255,255,255,.7),transparent),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 33px,rgba(50,137,187,.07) 34px 35px)}.journey-map::before{color:rgba(48,126,170,.2)}.journey-head p,.region-detail p{color:#678198}.region-tabs button{color:#537892;background:rgba(255,255,255,.72)}.region-tabs button.active{background:#298fc5;color:white}.region-detail small{color:#708ba0}.region-tags span{background:rgba(37,143,199,.09);color:#337ea4}
.systems{background:linear-gradient(180deg,rgba(181,222,246,.2),transparent 24%,transparent 76%,rgba(181,222,246,.2))}.system-card{border-color:var(--line);background:rgba(255,255,255,.77);box-shadow:0 14px 40px rgba(48,101,139,.06)}.system-card:hover{border-color:rgba(41,142,194,.42);box-shadow:0 20px 48px rgba(45,107,150,.12)}.system-card.featured{background:linear-gradient(140deg,rgba(214,241,255,.95),rgba(255,255,255,.84))}.system-num{color:#6a89a0}.system-icon{background:rgba(55,153,204,.1);color:#167db3}.system-card h3{color:#234d69}.system-card a{color:#2586b6}.mini-stat{color:#6d879b}.mini-stat i{background:rgba(43,112,158,.1)}
.professions{background:rgba(255,255,255,.78);box-shadow:0 18px 55px rgba(44,96,135,.07)}.profession-list button{background:rgba(244,250,255,.75);color:#58778f}.profession-list button span{color:#244d69}.profession-list button.active{border-color:rgba(39,143,197,.4);background:rgba(65,164,214,.1)}.profession-sigil{background:rgba(255,250,237,.72);box-shadow:inset 0 0 30px rgba(203,157,67,.09)}.profession-panel small{color:#718a9d}
.atlas-tools{background:rgba(255,255,255,.8);box-shadow:0 15px 42px rgba(44,98,138,.06)}.search input{color:#1f455f}.search input::placeholder{color:#8aa0b1}.filter-row button{color:#5f7d94;background:rgba(64,140,189,.06)}.filter-row button.active{background:rgba(37,143,199,.13);color:#1378aa}.atlas-summary{color:#718ba0}
.monster-card{border-color:var(--line);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(233,246,254,.84));box-shadow:0 10px 32px rgba(42,93,129,.06)}.monster-card::after{color:rgba(38,132,181,.06)}.monster-card:hover{border-color:rgba(36,138,190,.38);box-shadow:0 15px 36px rgba(42,101,142,.11)}.monster-region{color:#66869d}.monster-stats{color:#6f8ba0}.monster-stats b{color:#244b67}.load-more{color:#4f718b;background:rgba(255,255,255,.76)}
.shot{background:linear-gradient(145deg,#fff,#eaf5fc);box-shadow:0 13px 35px rgba(43,96,134,.08)}.shot span{background:linear-gradient(transparent,rgba(18,62,90,.9));color:#d8edf8}.shot b{color:white}
.guide-links a{color:#315d7a}.join{border-color:var(--line);background:radial-gradient(circle at 70% 45%,rgba(98,188,229,.24),transparent 28%),linear-gradient(135deg,#f7fbff,#e3f2fc)}.join::before{background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(42,128,180,.04) 100px),repeating-linear-gradient(0deg,transparent 0 99px,rgba(42,128,180,.04) 100px)}.join-watermark{color:rgba(36,126,177,.04)}.join-box{border-color:rgba(42,138,189,.28);background:rgba(255,255,255,.88);box-shadow:0 18px 44px rgba(45,102,143,.09)}.join-box small{color:#718ba0}.join-box button{background:linear-gradient(135deg,#35a4d5,#2784bd);color:white}.join-meta{color:#6e899e}.join-meta b{color:#355f7c}
footer{color:#6c879b}.lightbox{background:#f6fbff;border-color:rgba(46,122,170,.28);color:#1b405b}.lightbox::backdrop{background:rgba(29,66,92,.76)}.lightbox figcaption{color:#5f7b91}.toast{background:#258fc7;color:white;box-shadow:0 10px 30px rgba(28,105,151,.25)}
@media(max-width:920px){.nav{background:rgba(250,253,255,.97);border-color:var(--line);box-shadow:0 16px 38px rgba(40,94,133,.12)}}

/* cloud-sea and immortal-realm atmosphere */
main,footer{position:relative;z-index:1}
.xianxia-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
.cloud{position:absolute;width:210px;height:52px;border-radius:999px;background:rgba(255,255,255,.72);filter:blur(1px);box-shadow:0 12px 38px rgba(74,145,187,.12);opacity:.82;animation:cloudDrift 28s ease-in-out infinite alternate}
.cloud::before,.cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
.cloud::before{width:92px;height:92px;left:31px;bottom:4px;box-shadow:64px 14px 0 4px rgba(255,255,255,.65)}
.cloud::after{width:66px;height:66px;right:24px;bottom:5px}
.cloud-one{left:-92px;top:16%;transform:scale(.82);animation-duration:34s}
.cloud-two{right:-112px;top:43%;transform:scale(1.18);opacity:.58;animation-duration:41s;animation-delay:-12s}
.cloud-three{left:18%;bottom:9%;transform:scale(.62);opacity:.48;animation-duration:37s;animation-delay:-7s}
.mountain{position:absolute;left:-8%;right:-8%;bottom:-1px;height:31vh;min-height:230px;clip-path:polygon(0 100%,0 79%,7% 61%,13% 78%,22% 38%,29% 67%,38% 24%,46% 67%,56% 43%,63% 72%,72% 28%,80% 64%,88% 39%,95% 72%,100% 56%,100% 100%);transform-origin:bottom center}
.mountain-far{bottom:3vh;background:linear-gradient(180deg,rgba(131,188,222,.04),rgba(110,175,214,.17));filter:blur(2px);opacity:.72;transform:scaleY(.78)}
.mountain-near{background:linear-gradient(180deg,rgba(98,165,207,.035),rgba(76,145,190,.12));opacity:.65}
.hero-copy{position:relative;z-index:1}.hero-copy::before{content:"凌云";position:absolute;left:-32px;top:-75px;z-index:-1;color:rgba(39,132,181,.055);font:190px/1 "STKaiti","KaiTi",serif;letter-spacing:.08em;white-space:nowrap;transform:rotate(-7deg)}
.hero::after{content:"御风 · 问道 · 破境";position:absolute;left:26px;bottom:34px;color:rgba(37,114,158,.26);font:11px serif;letter-spacing:.46em}
.guide-gateway::after{content:"凌云玉简";position:absolute;right:27%;bottom:-30px;color:rgba(40,127,176,.055);font:110px/1 "STKaiti","KaiTi",serif;letter-spacing:.12em;pointer-events:none}
.section-heading h2{position:relative}.section-heading h2::after{content:"✦";display:inline-block;margin-left:.35em;color:rgba(185,132,45,.62);font:16px serif;vertical-align:top;transform:translateY(.35em)}
.realm-strip{position:relative;z-index:2;box-shadow:0 12px 35px rgba(65,128,168,.05)}
.resource-card,.system-card,.monster-card,.professions,.journey,.guide-gateway{backdrop-filter:blur(14px)}
@keyframes cloudDrift{from{margin-left:-18px}to{margin-left:56px}}
@media(max-width:650px){.cloud-one{top:11%;transform:scale(.56)}.cloud-two{top:49%;transform:scale(.7)}.cloud-three{left:-12%;bottom:5%;transform:scale(.48)}.mountain{height:22vh;min-height:155px}.hero-copy::before{font-size:112px;left:-12px;top:-42px}.hero::after{display:none}.guide-gateway::after{right:-25px;font-size:72px}}
@media(prefers-reduced-motion:reduce){.cloud{animation:none}}

/* spacing repair + restrained celestial ornaments */
.system-card{min-height:310px;padding-bottom:70px}.system-card.featured{min-height:350px}
.system-card .mini-stat{grid-template-columns:46px minmax(0,1fr);column-gap:12px;row-gap:12px;align-items:center;margin-top:22px;padding-bottom:12px;line-height:1.2}
.system-card .mini-stat i{margin-top:0}.system-card>a{left:28px;right:28px;bottom:23px;padding-top:11px;border-top:1px solid rgba(53,124,171,.13)}
.celestial-disc{position:absolute;right:7vw;top:112px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 40% 38%,rgba(255,252,235,.92),rgba(229,197,120,.2) 58%,transparent 61%);border:1px solid rgba(185,139,58,.16);box-shadow:0 0 55px rgba(212,176,95,.14);opacity:.72}
.celestial-disc::before,.celestial-disc::after{content:"";position:absolute;border-radius:50%;inset:11px;border:1px solid rgba(178,128,45,.13)}
.celestial-disc::after{inset:25px;border-style:dashed;transform:rotate(18deg)}
.spirit-cranes{position:absolute;right:15vw;top:245px;width:155px;height:auto;fill:none;stroke:rgba(39,105,147,.28);stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 6px 8px rgba(53,116,155,.09));animation:craneFloat 8s ease-in-out infinite alternate}
.spirit-motes{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(79,166,211,.55);box-shadow:44px 31px 0 rgba(111,185,221,.32),92px -13px 0 rgba(195,151,67,.34),138px 42px 0 rgba(63,150,199,.26),185px 6px 0 rgba(77,161,207,.32);animation:motePulse 5s ease-in-out infinite alternate}
.motes-one{left:8%;top:28%}.motes-two{right:17%;top:62%;transform:scale(.75);animation-delay:-2.2s}
.section-heading{position:relative}.section-heading::before{content:"";position:absolute;left:0;top:-28px;width:92px;height:16px;background:radial-gradient(ellipse at 18% 70%,transparent 0 7px,rgba(44,130,178,.22) 8px 9px,transparent 10px),radial-gradient(ellipse at 50% 70%,transparent 0 11px,rgba(44,130,178,.17) 12px 13px,transparent 14px),radial-gradient(ellipse at 82% 70%,transparent 0 7px,rgba(44,130,178,.22) 8px 9px,transparent 10px);opacity:.8}
.system-icon::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(51,137,185,.11);border-radius:15px;transform:rotate(8deg)}
.join::after{content:"";position:absolute;left:7%;bottom:12%;width:160px;height:160px;border:1px solid rgba(42,128,177,.09);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(255,255,255,.18),inset 0 0 0 19px rgba(42,128,177,.06);pointer-events:none}
@keyframes craneFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(16px,-8px,0)}}
@keyframes motePulse{from{opacity:.3;filter:blur(.4px)}to{opacity:.9;filter:blur(0)}}
@media(max-width:920px){.system-card{min-height:325px}.system-card.featured{min-height:365px}.spirit-cranes{right:6vw;top:200px}.celestial-disc{right:2vw;top:105px}}
@media(max-width:650px){.system-card,.system-card.featured{min-height:305px}.system-card>a{left:24px;right:24px}.celestial-disc{width:82px;height:82px;right:-12px;top:86px}.spirit-cranes{width:105px;right:4vw;top:177px;opacity:.72}.motes-one{left:4%}.motes-two{right:9%}.join::after{width:100px;height:100px;left:-25px}}
@media(prefers-reduced-motion:reduce){.spirit-cranes,.spirit-motes{animation:none}}

/* deeper blue ink + freehand immortal typography */
:root{--xian-font:"STXingkai","华文行楷","FZShuTi","华文舒体","STKaiti","KaiTi",serif;--jade:#197eb6;--jade-2:#0f6599;--line:rgba(37,101,148,.24)}
body{background:radial-gradient(circle at 78% 4%,rgba(73,165,216,.32),transparent 28%),radial-gradient(circle at 9% 39%,rgba(112,180,220,.27),transparent 24%),linear-gradient(180deg,#edf7fd 0,#dcecf7 45%,#eaf4fb 100%)}
.hero h1,.section h2,.join h2,.guide-gateway h2,.atlas h2,.resource-card h3,.journey-head h3,.profession-copy h3,.system-card h3,.guide-hero h1,.guide-section-heading h2,.guide-ending h2{font-family:var(--xian-font)!important;font-weight:400;letter-spacing:.085em}
.hero h1,.guide-hero h1{text-shadow:0 10px 28px rgba(31,92,132,.11)}
.brand b{font-family:var(--xian-font);font-size:20px;font-weight:400;letter-spacing:.18em}
.topbar{background:rgba(241,248,253,.84);border-color:rgba(30,93,139,.17)}
.cloud{background:rgba(241,249,253,.82);box-shadow:0 15px 42px rgba(38,105,151,.17);opacity:.9}
.cloud::before{box-shadow:64px 14px 0 4px rgba(235,247,253,.76)}
.mountain-far{background:linear-gradient(180deg,rgba(75,144,187,.08),rgba(51,118,164,.25));opacity:.86}
.mountain-near{background:linear-gradient(180deg,rgba(48,119,167,.07),rgba(34,98,145,.21));opacity:.82}
.spirit-cranes{stroke:rgba(24,76,115,.42);stroke-width:2.35}.spirit-motes{background:rgba(38,130,180,.68)}
.celestial-disc{opacity:.88;background:radial-gradient(circle at 40% 38%,rgba(255,251,226,.94),rgba(218,176,85,.28) 58%,transparent 61%);border-color:rgba(159,111,32,.22)}
.cloud-ribbon{position:absolute;width:520px;height:150px;border:2px solid rgba(41,121,169,.13);border-color:rgba(41,121,169,.13) transparent transparent transparent;border-radius:50%;filter:blur(.2px);opacity:.8}
.ribbon-one{left:-170px;top:39%;transform:rotate(13deg)}.ribbon-two{right:-190px;bottom:24%;transform:rotate(-18deg) scale(.82)}
.dao-ring{position:absolute;right:-95px;top:50%;width:245px;height:245px;border:1px solid rgba(35,103,151,.13);border-radius:50%;background:repeating-conic-gradient(from 12deg,rgba(34,105,153,.09) 0 1deg,transparent 1deg 22.5deg);box-shadow:inset 0 0 0 28px rgba(236,246,252,.15),inset 0 0 0 29px rgba(35,103,151,.08);opacity:.72}
.dao-ring::before{content:"乾\00a0 坤";position:absolute;inset:52px;display:grid;place-items:center;border:1px dashed rgba(35,103,151,.13);border-radius:50%;color:rgba(25,82,123,.24);font:28px/1 var(--xian-font);letter-spacing:.45em;padding-left:.45em}
.floating-peak{position:absolute;left:3.5%;top:57%;width:150px;height:185px;clip-path:polygon(50% 0,65% 25%,74% 46%,92% 100%,9% 100%,28% 49%,37% 22%);background:linear-gradient(135deg,rgba(35,101,148,.33),rgba(67,139,182,.12) 70%);filter:drop-shadow(0 18px 22px rgba(31,88,128,.12));opacity:.78}
.floating-peak::before{content:"";position:absolute;left:16px;right:13px;bottom:-4px;height:42px;border-radius:50%;background:rgba(237,248,253,.9);filter:blur(5px)}
.floating-peak i{position:absolute;left:60px;top:42px;width:32px;height:21px;background:rgba(29,87,128,.45);clip-path:polygon(0 45%,50% 0,100% 45%,84% 46%,84% 100%,18% 100%,18% 46%)}
.floating-peak i::after{content:"";position:absolute;left:13px;top:12px;width:6px;height:22px;background:rgba(29,87,128,.38)}
.resource-card,.system-card,.monster-card,.professions,.journey,.guide-gateway,.choice-card,.knowledge-card,.mechanic-card{border-color:rgba(35,101,148,.24);box-shadow:0 18px 44px rgba(31,86,124,.085)}
@media(max-width:920px){.floating-peak{left:-25px;top:61%;transform:scale(.78)}.dao-ring{right:-145px}.cloud-ribbon{opacity:.55}}
@media(max-width:650px){.hero h1,.section h2,.join h2,.guide-gateway h2,.atlas h2,.guide-hero h1,.guide-section-heading h2{letter-spacing:.045em}.floating-peak{display:none}.dao-ring{width:170px;height:170px;right:-110px;top:54%}.dao-ring::before{inset:37px;font-size:20px}.ribbon-one{left:-300px}.ribbon-two{right:-330px}.brand b{font-size:18px}}

/* illustrated immortal realm — real image layers replace the former geometric ornaments */
.xianxia-sky{z-index:0}.xianxia-sky .sky-ornament{position:absolute;right:-170px;top:54%;width:min(780px,62vw);height:auto;opacity:.11;filter:saturate(.78) drop-shadow(0 24px 38px rgba(30,83,121,.13));transform:translateY(-50%) rotate(-3deg);mix-blend-mode:multiply}
.hero{isolation:isolate;overflow:hidden;border-radius:34px;margin-top:22px;margin-bottom:28px;box-shadow:0 34px 90px rgba(31,91,132,.13),inset 0 0 0 1px rgba(255,255,255,.72)}
.hero-scene{position:absolute;inset:0;z-index:-3;overflow:hidden;border-radius:inherit;background:#d9ecf8}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.92) contrast(.98)}
.hero-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,249,253,.98) 0%,rgba(239,248,253,.94) 29%,rgba(232,245,252,.61) 48%,rgba(219,238,249,.10) 73%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(35,102,150,.10))}
.hero::before{inset:0;z-index:-1;background:linear-gradient(rgba(38,110,159,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(38,110,159,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 62%)}
.hero-copy{padding:34px 0 34px 12px}.hero-lead{color:#496b84}.hero-facts{border-color:rgba(32,93,137,.2)}
.hero-art{transform:scale(.82);transform-origin:center;opacity:.82;filter:drop-shadow(0 22px 42px rgba(18,72,108,.12))}
.seal{background:radial-gradient(circle,rgba(245,251,255,.9),rgba(213,235,248,.74) 64%);backdrop-filter:blur(7px)}
.orbit{border-color:rgba(27,101,151,.29)}.floating-card{background:rgba(239,248,253,.82);backdrop-filter:blur(10px)}
.section-heading{isolation:isolate}.section-heading::before{left:auto;right:-20px;top:-64px;width:min(390px,36vw);height:150px;background:url("assets/xianxia-celestial-ornament.png") center/contain no-repeat;opacity:.32;filter:saturate(.75);z-index:-1}
.guide-gateway{isolation:isolate}.guide-gateway::before{content:"";position:absolute;right:-15px;bottom:-32px;width:430px;height:170px;background:url("assets/xianxia-celestial-ornament.png") center/contain no-repeat;opacity:.2;z-index:-1;pointer-events:none}.guide-gateway::after{display:none}
.join{background:linear-gradient(90deg,rgba(236,247,253,.95),rgba(225,241,250,.72)),url("assets/xianxia-cloud-palace.png") 72% 42%/cover no-repeat}.join::before{opacity:.35}
@media(max-width:920px){.xianxia-sky .sky-ornament{right:-260px;width:820px;opacity:.085}.hero{margin-inline:18px}.hero-copy{padding-left:10px}.hero-art{transform:scale(.74)}.section-heading::before{width:330px;right:-30px;opacity:.23}}
@media(max-width:650px){.xianxia-sky .sky-ornament{right:-320px;width:720px;top:65%}.hero{margin:8px 10px 24px;padding:54px 24px 58px;min-height:670px;display:block;border-radius:25px}.hero-scene img{object-position:68% center}.hero-scene::after{background:linear-gradient(180deg,rgba(242,249,253,.97) 0%,rgba(239,248,253,.9) 45%,rgba(222,240,250,.34) 72%,rgba(207,231,245,.10))}.hero-copy{padding:0}.hero-art{display:none}.section-heading::before{width:240px;height:100px;top:-35px;right:-60px;opacity:.18}.guide-gateway::before{width:300px;right:-90px;opacity:.16}}

/* seven realms — each region owns a distinct illustrated landscape */
.journey{--region-accent:#6f9fba;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);min-height:470px;background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--region-accent),transparent 77%),transparent 35%),rgba(248,252,255,.9);box-shadow:0 28px 70px color-mix(in srgb,var(--region-accent),transparent 83%);transition:background .45s ease,box-shadow .45s ease}
.journey-map{grid-row:1/4;min-height:470px;margin:0;position:relative;overflow:hidden;background:#173044;isolation:isolate}
.journey-map::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 48%,rgba(5,18,28,.08)),linear-gradient(180deg,rgba(5,18,28,.02) 35%,rgba(4,18,29,.78) 100%);writing-mode:initial;pointer-events:none}
.journey-map::after{content:"";position:absolute;inset:18px;z-index:3;border:1px solid rgba(255,255,255,.34);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(8,33,49,.1)}
.region-scene-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block;opacity:1;transform:scale(1.005);transition:opacity .2s ease,transform .65s ease;filter:saturate(.94) contrast(1.02)}
.journey-map:hover .region-scene-image{transform:scale(1.035)}.journey-map.is-changing .region-scene-image{opacity:.18;transform:scale(1.055)}
.region-scene-caption{position:absolute;left:42px;right:42px;bottom:35px;z-index:4;color:white;display:grid;grid-template-columns:auto 1fr;gap:2px 16px;align-items:end;text-shadow:0 2px 18px rgba(0,15,27,.55)}
.region-scene-caption span{grid-row:1/3;padding-right:16px;border-right:1px solid rgba(255,255,255,.46);font:12px/1.7 serif;letter-spacing:.14em;align-self:stretch;display:flex;align-items:center}.region-scene-caption b{font:34px/1.05 var(--xian-font);letter-spacing:.13em}.region-scene-caption small{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.78)}
.journey-head .kicker,.region-no{color:var(--region-accent);transition:color .4s ease}.region-tabs button{transition:background .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.region-tabs button:hover{transform:translateY(-2px);border-color:var(--region-accent)}.region-tabs button.active{background:var(--region-accent);border-color:var(--region-accent);color:white;box-shadow:0 7px 18px color-mix(in srgb,var(--region-accent),transparent 65%)}
.region-tags span{background:color-mix(in srgb,var(--region-accent),transparent 89%);color:color-mix(in srgb,var(--region-accent),#315069 36%);transition:background .4s ease,color .4s ease}
@media(max-width:920px){.journey{grid-template-columns:minmax(0,.92fr) minmax(330px,1.08fr)}.journey-map{min-height:470px}.region-scene-caption{left:30px;right:30px}.region-scene-caption b{font-size:29px}}
@media(max-width:650px){.journey{grid-template-columns:1fr;min-height:0}.journey-map{grid-row:auto;min-height:285px}.journey-map::after{inset:11px;border-radius:14px}.region-scene-caption{left:25px;right:25px;bottom:23px;gap:1px 11px}.region-scene-caption span{font-size:10px;padding-right:10px}.region-scene-caption b{font-size:28px}.region-scene-caption small{font-size:9px}.journey-head{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.region-scene-image,.journey,.region-tabs button{transition:none}.journey-map:hover .region-scene-image{transform:none}}

/* v16 · celestial scenery, jade controls and the floating pathfinder */
.xianxia-sky{opacity:.92}.xianxia-sky::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 20%,rgba(255,255,255,.62),transparent 23%),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.2) 42%,transparent 58%);mix-blend-mode:screen}
.spirit-cranes path{fill:rgba(239,248,253,.24);stroke:inherit}.mountain-far{filter:blur(1px)}.mountain-near{filter:drop-shadow(0 -12px 28px rgba(30,91,132,.06))}
.sky-palace-art{position:absolute;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.88) contrast(.96) drop-shadow(0 30px 42px rgba(28,79,116,.13));pointer-events:none}.palace-main{left:-95px;top:35%;width:min(650px,48vw);opacity:.31;transform:rotate(-2deg)}.palace-distant{right:-130px;bottom:-100px;width:min(510px,37vw);opacity:.16;transform:scaleX(-1) rotate(3deg);filter:saturate(.72) blur(.2px)}
.scroll-thread{position:fixed;z-index:35;right:0;top:0;width:3px;height:100vh;background:rgba(31,112,161,.08);pointer-events:none}.scroll-thread i{display:block;width:100%;height:var(--scroll-progress,0%);background:linear-gradient(180deg,#86cce9,#1476ad 72%,#b98b3d);box-shadow:0 0 12px rgba(35,126,178,.45);transition:height .08s linear}

.section{position:relative;isolation:isolate}.intro::before,.systems::before,.atlas::before,.guide::before{content:"";position:absolute;z-index:-2;pointer-events:none;background-repeat:no-repeat;background-size:cover;filter:saturate(.78) contrast(.94);opacity:.105;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 76%,transparent)}
.intro::before{width:min(760px,64vw);height:420px;right:-150px;top:185px;background-image:url("assets/region-3c-zhuxi-v1.jpg");border-radius:52% 0 0 52%}
.systems::before{width:min(880px,64vw);height:520px;left:-120px;top:360px;background-image:url("assets/region-6c-qingxuanzong-v1.jpg");border-radius:0 52% 52% 0;opacity:.09}
.atlas::before{width:min(760px,60vw);height:470px;right:-150px;top:220px;background-image:url("assets/region-7c-longgong-v1.jpg");border-radius:52% 0 0 52%;opacity:.085}
.guide::before{width:min(820px,63vw);height:420px;left:-170px;bottom:120px;background-image:url("assets/region-2c-luofeng-v1.jpg");border-radius:0 52% 52% 0;opacity:.08}

.primary,.ghost,.nav-cta,.guide-primary,.guide-secondary,.load-more,.join-box button,.region-tabs button,.filter-row button,.profession-list button{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}
.primary::after,.ghost::after,.guide-primary::after,.guide-secondary::after,.join-box button::after{content:"";position:absolute;inset:-60% auto -60% -38%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(18deg);transition:left .5s ease;pointer-events:none}
.primary:hover::after,.ghost:hover::after,.guide-primary:hover::after,.guide-secondary:hover::after,.join-box button:hover::after{left:118%}
.primary:hover,.ghost:hover,.guide-primary:hover,.guide-secondary:hover,.load-more:hover,.join-box button:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(33,105,151,.16)}
.primary:focus-visible,.ghost:focus-visible,.guide-primary:focus-visible,.guide-secondary:focus-visible,.load-more:focus-visible,.compass-trigger:focus-visible,.compass-panel a:focus-visible,.compass-panel button:focus-visible{outline:3px solid rgba(29,126,181,.28);outline-offset:3px}
.primary,.guide-primary,.join-box button{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.nav-cta::before{content:"✦";margin-right:7px;color:#b28235}.load-more::before{content:"◇";margin-right:8px;color:#b28235}
.system-card::before,.resource-card::before,.monster-card::before{content:"";position:absolute;left:12px;top:12px;width:19px;height:19px;border-left:1px solid rgba(32,119,170,.2);border-top:1px solid rgba(32,119,170,.2);pointer-events:none}.system-card:hover .system-icon{transform:rotate(-4deg) scale(1.05)}.system-icon{transition:transform .25s ease}

.xian-compass{position:fixed;right:22px;bottom:22px;z-index:70}.compass-trigger{position:relative;width:76px;height:76px;padding:0;border:1px solid rgba(36,119,168,.32);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#dceff9 67%,#c4e2f2);color:#1d648d;box-shadow:0 16px 42px rgba(24,82,121,.18),inset 0 0 0 6px rgba(255,255,255,.55),inset 0 0 0 7px rgba(35,119,168,.12);cursor:pointer;display:grid;place-items:center;align-content:center;transition:.28s ease}.compass-trigger::before{content:"";position:absolute;width:86px;height:86px;border:1px dashed rgba(177,128,47,.3);border-radius:50%;animation:compassSpin 24s linear infinite}.compass-trigger span{font:27px/1 var(--xian-font);color:#1a78aa}.compass-trigger small{font-size:9px;letter-spacing:.08em;margin-top:4px}.compass-trigger:hover,.xian-compass.open .compass-trigger{transform:translateY(-3px);box-shadow:0 19px 48px rgba(24,82,121,.24),0 0 0 8px rgba(85,167,210,.08)}
.compass-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:264px;padding:12px;border:1px solid rgba(35,104,151,.23);border-radius:20px 20px 7px 20px;background:rgba(244,250,254,.94);backdrop-filter:blur(18px);box-shadow:0 24px 64px rgba(22,74,109,.19);transform:translateY(12px) scale(.96);transform-origin:right bottom;opacity:0;visibility:hidden;transition:.24s ease}.xian-compass.open .compass-panel{transform:none;opacity:1;visibility:visible}.compass-title{display:block;padding:8px 11px 11px;color:#87642f;font:17px var(--xian-font);letter-spacing:.16em;border-bottom:1px solid rgba(43,113,160,.13)}
.compass-panel a,.compass-panel button{width:100%;border:0;background:transparent;color:#254f6c;padding:9px 8px;display:flex;align-items:center;gap:11px;text-align:left;border-radius:11px;cursor:pointer}.compass-panel a:hover,.compass-panel button:hover{background:linear-gradient(90deg,rgba(48,149,200,.12),rgba(255,255,255,.15));transform:translateX(-3px)}.compass-panel i{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(37,126,177,.2);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.64);color:#1d7faf;font:16px var(--xian-font);font-style:normal}.compass-panel span{font-size:12px;font-weight:700}.compass-panel small{display:block;color:#718ba0;font-size:9px;font-weight:400;margin-top:1px}.compass-copy{font:inherit}
@keyframes compassSpin{to{transform:rotate(360deg)}}

@media(max-width:920px){.palace-main{left:-180px;width:690px;opacity:.24}.palace-distant{right:-210px;width:520px;opacity:.12}.intro::before,.atlas::before{right:-260px}.systems::before,.guide::before{left:-260px}.xian-compass{right:14px;bottom:14px}.compass-trigger{width:68px;height:68px}.compass-trigger::before{width:77px;height:77px}}
@media(max-width:650px){.xianxia-sky{opacity:.78}.celestial-disc,.spirit-cranes{display:none}.palace-main{left:-220px;top:42%;width:560px;opacity:.2}.palace-distant{right:-245px;bottom:5%;width:470px;opacity:.11}.scroll-thread{width:2px}.intro::before,.systems::before,.atlas::before,.guide::before{width:105vw;height:340px;left:-28vw;right:auto;opacity:.065}.xian-compass{right:11px;bottom:11px}.compass-trigger{width:58px;height:58px}.compass-trigger::before{width:66px;height:66px}.compass-trigger span{font-size:22px}.compass-trigger small{font-size:8px}.compass-panel{width:min(264px,calc(100vw - 28px));max-height:72vh;overflow:auto}.compass-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.compass-trigger::before{animation:none}.primary::after,.ghost::after,.guide-primary::after,.guide-secondary::after,.join-box button::after{display:none}.scroll-thread i{transition:none}}