.wanning-3d-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:100vw;height:100dvh;background:#0b0e11;color:#f3ead7;font-family:var(--font-book, "Qianli Kai", serif);overflow:hidden;isolation:isolate}.wanning-webgl-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;background:#0b0e11;opacity:0;transition:opacity .55s ease;z-index:1}.wanning-webgl-iframe.is-ready{opacity:1}.wanning-escape-bar{position:absolute;top:18px;left:22px;right:22px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none;transition:opacity .35s ease}.wanning-escape-bar.is-idle{opacity:.28}.wanning-escape-bar:hover,.wanning-escape-bar:focus-within{opacity:1}.wanning-exit-btn,.wanning-tool-pill,.wanning-unlocked-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:#0e1216d1;border:1px solid rgba(226,190,120,.42);box-shadow:0 8px 24px #0000007a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f6ecda;font-size:12.5px;letter-spacing:.08em;transition:border-color .18s,background .18s,transform .18s}.wanning-exit-btn:hover,.wanning-tool-pill:hover{background:#1c242af0;border-color:#f5d694d9;color:#fffaf0}.wanning-exit-btn kbd{padding:2px 6px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font:10.5px/1.1 monospace;color:#dec9a2}.wanning-Quick-tools{display:flex;align-items:center;gap:8px}.wanning-unlocked-pill{background:linear-gradient(135deg,#9c341ce0,#6e2010e0);border-color:#f6d28ab8;color:#fff7e6}.wanning-vestibule{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:76px 32px 28px;overflow-y:auto}.wanning-vestibule-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.wanning-bg-overview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) contrast(1.06) saturate(.88) blur(1.5px);transform:scale(1.03)}.wanning-bg-closeup{position:absolute;right:-4%;bottom:-6%;width:62vw;height:76vh;object-fit:cover;opacity:.36;mask-image:radial-gradient(ellipse at 65% 58%,#000 18%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 65% 58%,#000 18%,transparent 72%);filter:contrast(1.08) saturate(.92)}.wanning-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,#161f242e,#0a0d11b8 78%),linear-gradient(180deg,#090c0f94,#0b0e123d 48%,#090c0fd1)}.wanning-vestibule-inner{width:min(940px,100%);padding:32px 38px 30px;border-radius:18px;background:linear-gradient(160deg,#13191ee0,#0d1115f0);border:1px solid rgba(226,190,120,.34);box-shadow:0 28px 80px #000000a6,inset 0 1px #fff4d624;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.wanning-era-kicker{font-size:12px;letter-spacing:.28em;color:#e4be76;margin-bottom:8px}.wanning-vestibule-inner h1{font-family:var(--brush, "Kaiti SC", serif);font-weight:400;font-size:clamp(32px,3.3vw,46px);letter-spacing:.08em;color:#fbf3e2;line-height:1.2}.wanning-subtitle{margin-top:8px;font-size:14px;line-height:1.7;letter-spacing:.04em;color:#c8bfa9}.wanning-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.wanning-step-card{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-radius:11px;background:#ffffff09;border:1px solid rgba(226,190,120,.2)}.wanning-step-num{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#9d341d,#742210);border:1px solid rgba(244,208,138,.65);font-family:var(--brush, serif);font-size:14px;color:#fff6e5}.wanning-step-card strong{display:block;font-size:14px;letter-spacing:.08em;color:#f8eed8;margin-bottom:4px}.wanning-step-card p{font-size:12px;line-height:1.6;color:#bfb59e}.wanning-spawn-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.wanning-spawn-label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;letter-spacing:.08em;color:#d6c8ab;margin-right:4px}.wanning-spawn-chip{height:32px;padding:0 13px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(226,190,120,.24);color:#dfd4bc;font-size:12.5px;letter-spacing:.06em;transition:background .18s,border-color .18s,color .18s}.wanning-spawn-chip:hover{background:#ffffff1a;color:#fff9ec}.wanning-spawn-chip.is-selected{background:linear-gradient(135deg,#9f331c,#762110);border-color:#fada98d9;color:#fff9ec}.wanning-controls-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:14px;padding:10px 14px;border-radius:9px;background:#00000052;border:1px solid rgba(255,255,255,.07);font-size:12px;color:#cfc4ad}.wanning-controls-legend span{display:inline-flex;align-items:center;gap:5px}.wanning-controls-legend kbd{display:inline-block;min-width:21px;padding:2px 6px;border-radius:4px;background:#ffffff1c;border:1px solid rgba(226,190,120,.35);text-align:center;font:600 11px/1.2 system-ui,sans-serif;color:#f7e9ca}.wanning-progress-panel{margin-top:20px}.wanning-loading-bar-wrap{padding:16px 18px;border-radius:11px;background:#ffffff0a;border:1px solid rgba(226,190,120,.25)}.wanning-loading-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#f4e8cf;margin-bottom:9px}.wanning-loading-meta b{font-variant-numeric:tabular-nums;color:#ecc679}.wanning-loading-track{height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.wanning-loading-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#b84227,#ecc679);transition:width .28s ease}.wanning-loading-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:#b7ad97}.wanning-loading-sub button{color:#ecc679;text-decoration:underline;text-underline-offset:3px}.wanning-standby-notice{padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,#1f2c2a8f,#141a1fc7);border:1px solid rgba(226,190,120,.34)}.wanning-standby-badge{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#faeeda}.wanning-standby-badge code{padding:1px 6px;border-radius:4px;background:#00000059;color:#ecc679;font-size:12px}.wanning-dot{width:8px;height:8px;border-radius:50%;background:#ecc679;box-shadow:0 0 10px #ecc679}.wanning-standby-notice>p{margin-top:8px;font-size:13px;line-height:1.72;color:#cbc0a9}.wanning-fallback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.wanning-cta-primary,.wanning-cta-secondary,.wanning-cta-ghost{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;font-size:13px;letter-spacing:.07em;transition:transform .16s,border-color .18s,background .18s}.wanning-cta-primary{background:linear-gradient(135deg,#a8361e,#7a2110);border:1px solid rgba(250,218,152,.85);color:#fff9ec;box-shadow:0 6px 18px #7a211073}.wanning-cta-secondary{background:#225248a6;border:1px solid rgba(142,232,210,.48);color:#eefaf6}.wanning-cta-ghost{background:#ffffff0f;border:1px solid rgba(226,190,120,.35);color:#f3e6cb;margin-left:auto}.wanning-cta-primary:hover,.wanning-cta-secondary:hover,.wanning-cta-ghost:hover{transform:translateY(-1px);border-color:#ffe3a3}.wanning-perf-toast{position:absolute;right:22px;bottom:20px;z-index:15;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#101418eb;border:1px solid rgba(226,190,120,.55);font-size:12.5px;color:#f3e6cc}.wanning-perf-toast button{padding:4px 10px;border-radius:6px;background:#a8361ed9;color:#fff8ea;font-size:12px}.wanning-fallback-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:28px;background:#05080ad6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wanning-fallback-box{width:min(1060px,94vw);height:min(740px,88dvh);display:flex;flex-direction:column;border-radius:14px;background:#11161b;border:1px solid rgba(226,190,120,.45);box-shadow:0 28px 90px #000000c7;overflow:hidden}.wanning-fallback-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;background:#161d23;border-bottom:1px solid rgba(226,190,120,.24)}.wanning-fallback-head small{display:block;font-size:11px;letter-spacing:.16em;color:#dfb971}.wanning-fallback-head h2{font-size:18px;font-weight:400;letter-spacing:.06em;color:#faf1df;margin-top:2px}.wanning-fallback-head-actions{display:flex;align-items:center;gap:10px}.wanning-head-switch{height:32px;padding:0 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(226,190,120,.36);color:#f3e6cb;font-size:12px;transition:background .16s,border-color .16s,color .16s}.wanning-head-switch.is-active{background:linear-gradient(135deg,#a4351d,#792210);border-color:#fada98d9;color:#fff9ec}.wanning-modal-close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;color:#f3e6cb}.wanning-fallback-body{flex:1;min-height:0;background:#090c0f;display:grid;place-items:center}.wanning-fallback-video,.wanning-fallback-lab{width:100%;height:100%;border:0;display:block;object-fit:contain;background:#090c0f}@media(max-width:900px){.wanning-steps-grid{grid-template-columns:1fr}.wanning-vestibule-inner{padding:22px 20px}.wanning-cta-ghost{margin-left:0}}@font-face{font-family:Qianli Kai;src:url(/qianli/assets/fonts/qianli-kai-u20261111-wanning.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:QianliSong;src:url(/qianli/assets/home-v72/fonts/qianli-song-v7.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:QianliBrush;src:url(/qianli/assets/home-v72/fonts/qianli-brush-v9.woff2) format("woff2");font-display:swap}@font-face{font-family:QianliBrushExtra;src:url(/qianli/assets/home-v72/fonts/qianli-brush-supplement-v6.woff2) format("woff2");font-display:swap}:root{--font-book:"Qianli Kai",QianliSong,"Songti SC",serif;font-family:Qianli Kai,QianliSong,Songti SC,"Noto Serif CJK SC",serif;color:#314a40;background:#eee8d9;font-synthesis:none;--ink:#314a40;--muted:#7b806e;--red:#94533f;--paper:#f4efe3;--brush:QianliBrush,QianliBrushExtra,"Kaiti SC",serif}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}button,input{font:inherit}img{max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}h1,h2,p{margin:0}.qianli-app{position:relative;min-height:100dvh;overflow-x:clip;background:var(--paper)}.site-header{position:absolute;inset:0 0 auto;z-index:30;height:82px;padding:16px 3.7vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;width:180px;padding:0;line-height:0}.brand img{width:100%}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;letter-spacing:.16em}.site-header nav>button,.site-header nav>a{position:relative;display:flex;align-items:center;gap:5px;min-height:40px;white-space:nowrap;padding:0}.site-header nav>button:not(.motion-toggle):after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--red);transform:scaleX(0);transition:transform .3s}.site-header nav>button.active:after,.site-header nav>button:hover:after{transform:scaleX(1)}.site-header nav>a:hover{color:var(--red)}.nav-divider{height:17px;width:1px;background:#5a65552b}.site-header nav .motion-toggle{gap:9px;font-size:12px}.view-home .brand{opacity:.88;width:155px}.view-atlas .site-header{background:#f4eddecf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #45564619}.hero{position:relative;height:100dvh;min-height:620px;overflow:hidden;background:#e9d9b4;isolation:isolate}.hero-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:landscape-breath 30s ease-in-out infinite alternate;z-index:-2}.hero-water{position:absolute;top:12%;right:14%;bottom:24%;left:14%;z-index:-1;opacity:.085;background:url(/qianli/assets/home-v72/living/cloud.png) center/contain no-repeat;pointer-events:none;animation:mist-drift 32s ease-in-out infinite alternate}.hero-inscription{position:absolute;top:22%;left:5%;display:flex;align-items:center;gap:18px;writing-mode:vertical-rl;font-size:13px;letter-spacing:.4em;color:#5a6250}.hero-inscription i{width:1px;height:36px;background:#6f776c59}.hero-title{position:absolute;top:25%;left:50%;transform:translate(-50%);width:min(690px,72vw);text-align:center;animation:ink-arrive 1.6s both}.eyebrow{font-size:11px;letter-spacing:.35em;color:var(--muted);font-weight:400}.hero-title .eyebrow{color:#5b6b56;letter-spacing:.6em;font-size:12px}.hero-title h1{margin:10px 0 6px;line-height:0}.hero-title h1 img{width:100%;max-height:230px;object-fit:contain}.hero-poem{font-size:17px;letter-spacing:.36em;color:#475a48}.hero-actions{margin-top:39px;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-primary{display:flex;align-items:center;justify-content:center;gap:43px;font-size:18px;letter-spacing:.23em;min-width:214px;padding:14px 21px;border:1px solid #5b6a5066;background:#f9f1d636;transition:background .3s,box-shadow .3s}.hero-primary:hover{background:#f9f1d6b5;box-shadow:0 5px 18px #2f3c2412}.hero-primary svg{transition:transform .3s}.hero-primary:hover svg{transform:translate(5px)}.hero-secondary{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.16em;padding:9px 12px;color:#6d7058}.hero-secondary:hover{color:var(--red)}.hero-footer{position:absolute;bottom:25px;left:3.7%;right:3.7%;display:flex;justify-content:space-between;align-items:flex-end;color:#324b3c;font-size:11px;letter-spacing:.18em;text-shadow:0 0 8px #efead3}.hero-footer>button{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:11px;letter-spacing:.3em}.hero-footer>button svg{animation:down-cue 3s ease-in-out infinite}.quiet-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.14em;min-height:44px;padding:6px 0;color:#616e59}.quiet-link:hover{color:var(--red)}.icon-button{display:grid;place-items:center;width:40px;height:40px}.text-action{display:flex;align-items:center;gap:22px;font-size:15px;letter-spacing:.12em;color:var(--red);padding:13px 0;border-bottom:1px solid #94533f55}.atlas-view{position:relative;height:100dvh;min-height:600px;overflow:hidden;touch-action:none;cursor:grab;animation:atlas-open 1.1s cubic-bezier(.18,.7,.2,1) both}.atlas-world{position:absolute;left:50%;top:50%;will-change:transform}.atlas-world>img{width:100%;height:100%;max-width:none;display:block;pointer-events:none}.city-node{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;isolation:isolate}.node-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#eef1da;box-shadow:0 0 0 3px #f4f2d849,0 0 15px 5px #284c30a1;transition:transform .25s}.city-node.is-city .node-dot{background:#f6fcf1;box-shadow:0 0 0 3px #f4f2d873,0 0 17px 8px #284c30a1}.node-name{position:absolute;top:30px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:13px;letter-spacing:.12em;background:#f6efdccf;padding:5px 8px;box-shadow:0 2px 9px #41483512;opacity:0;transition:opacity .2s}.city-node:hover,.city-node:focus-visible{z-index:8}.city-node:hover .node-dot{transform:scale(1.3)}.city-node:hover .node-name,.city-node:focus-visible .node-name,.beijing-node .node-name{opacity:1}.beijing-node .node-name{display:flex;align-items:center;gap:12px;background:#f5efdcf0;padding:10px 13px;font-size:17px;box-shadow:0 4px 24px #263c3030}.beijing-node small{font-size:11px;display:flex;align-items:center;gap:3px;color:var(--red)}.beijing-node .node-dot{animation:node-breathe 3.5s infinite}.atlas-intro{position:absolute;left:4%;top:20%;padding:22px 30px;background:#f1e9d6ed;box-shadow:0 8px 40px #253b2b10;cursor:default}.atlas-intro h1{font-family:var(--brush);font-size:48px;letter-spacing:.1em;margin:10px 0 13px;font-weight:400}.atlas-intro p{font-size:12px;letter-spacing:.1em;margin-bottom:12px}.atlas-intro .eyebrow{font-size:10px}.atlas-tools{position:absolute;bottom:26px;left:4%;display:flex;align-items:center;gap:10px;background:#f5efdeeb;padding:5px 12px;cursor:default}.atlas-tools>span{font-size:11px;letter-spacing:.1em;margin-right:10px}.atlas-tools button{width:36px;height:36px;display:grid;place-items:center}.art-map-note{position:absolute;bottom:34px;right:3%;font-size:11px;color:#304c40;background:#f4efdcb5;padding:4px 7px}.atlas-note{position:absolute;width:330px;right:5%;top:23%;background:#f3eedeea;padding:25px 30px 28px;box-shadow:0 18px 40px #20352733;text-align:center;cursor:default}.atlas-note>.icon-button{position:absolute;right:8px;top:8px}.atlas-note>img{height:180px;object-fit:contain;mix-blend-mode:multiply}.atlas-note h2{font-family:var(--brush);font-size:35px;font-weight:400;margin:10px 0}.atlas-note>p:not(.eyebrow){font-size:14px;line-height:1.8}.atlas-note>small{display:block;color:#7e836f;font-size:10px;margin-top:13px}.view-book{background:#eeeadf url(/qianli/assets/home-v72/paper.png) center/cover fixed}.view-book:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background:url(/qianli/assets/home-v72/hero-landscape.png) center/cover no-repeat;pointer-events:none}.book-view{position:relative;max-width:1530px;margin:auto;padding:88px 5vw 35px;animation:book-open .7s ease both}.book-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;margin:0 0 22px}.book-heading>div{text-align:center}.book-heading .eyebrow{font-size:10px;letter-spacing:.3em;margin-bottom:9px}.book-heading h1{font-size:18px;letter-spacing:.22em;font-weight:400;display:flex;align-items:center;justify-content:center;gap:12px;outline:none}.place-seal{font-size:15px;display:grid;place-items:center;line-height:1;width:23px;height:27px;border:1px solid #9a654e80;color:var(--red);letter-spacing:0}.source-link{justify-self:end}.book-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:auto}.book-perspective{perspective:2200px;width:min(1080px,calc(100% - 60px));padding-bottom:6px}.book-object{position:relative;height:clamp(380px,calc(100dvh - 308px),480px);transform:rotateX(5deg);transform-style:preserve-3d;touch-action:pan-y;-webkit-user-select:none;user-select:none}.book-cover{position:absolute;top:3px;right:-8px;bottom:-13px;left:-8px;background:#526457 url(/qianli/assets/home-v72/paper.png) center/240% 160%;background-blend-mode:multiply;border-radius:3px 5px 9px 7px;box-shadow:0 24px 30px -18px #29362d62,0 2px 4px #2b302e40;transform:translateZ(-6px)}.page-stack{position:absolute;top:3px;right:-3px;bottom:-7px;left:-3px;background:#ddd4bb;border:1px solid #b2a790;border-radius:3px 4px 7px 5px;box-shadow:0 2px #f8f0dc,0 3px #b9ae96,0 4px #eae0ca;transform:translateZ(-3px)}.stack-two{top:1px;right:-1px;bottom:-3px;left:-1px;background:#f4eddc;transform:translateZ(-1px)}.book-spread{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;box-shadow:0 4px 16px #574e2a20;border-radius:3px 4px 5px 3px}.book-page{position:relative;width:50%;height:100%;background:#f6f1e6 url(/qianli/assets/home-v72/paper.png) center/240% 170%;overflow:hidden}.page-left{border-radius:4px 1px 0 5px;box-shadow:inset -13px 0 18px -13px #6a614ec9}.page-right{border-radius:0 5px 6px 0;box-shadow:inset 13px 0 20px -14px #60503edb;border-left:1px solid #a89c8070}.page-content{position:relative;width:100%;height:100%;padding:26px 8.8% 20px}.page-running{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#818474;border-bottom:1px solid #7b806b22;padding-bottom:12px}.narrative-body{padding-top:20px}.era-dateline{display:flex;align-items:center;gap:13px;font-size:12px;color:#7d725e;letter-spacing:.06em}.era-dateline>span:first-child{font-size:16px;color:#405a49}.short-rule{width:28px;height:1px;background:#aaa185}.era-name{display:flex;align-items:flex-start;gap:18px;margin:6px 0}.era-name h2{font-family:var(--brush);font-size:clamp(64px,6vw,88px);line-height:1.08;font-weight:400;letter-spacing:.09em;color:#294e40}.red-seal{font-family:var(--font-book);writing-mode:vertical-rl;padding:5px 3px;border:1px solid #97544077;font-size:9px;color:var(--red);letter-spacing:.13em;line-height:1.4;margin-top:9px;transform:rotate(2deg)}.era-subtitle{font-size:11px;color:#7b806c;letter-spacing:.08em;margin:5px 0 12px}.era-description{font-size:13px;line-height:1.95;color:#52634f;max-width:32em}.era-motifs{font-size:10px;line-height:1.8;color:#7e816d;letter-spacing:.01em;margin-top:11px;white-space:nowrap}.enter-era{display:grid;grid-template-columns:auto 30px;gap:3px 25px;align-items:center;width:max-content;color:var(--red);text-align:left;padding:12px 0 6px;margin-top:4px;border-bottom:1px solid #a36c5140}.enter-era>span{font-family:var(--brush);font-size:26px;letter-spacing:.16em}.enter-era small{grid-column:1/-1;font-size:10px;letter-spacing:.1em;color:#857763}.enter-era svg{transition:transform .3s}.enter-era:hover svg{transform:translate(6px)}.era-unavailable{display:flex;align-items:center;gap:15px;min-height:69px;margin-top:3px}.era-unavailable>span{font-family:var(--brush);font-size:23px;color:#65715a}.era-unavailable>small{font-size:10px;color:#7d806c}.page-footnote{position:absolute;bottom:15px;left:8.8%;color:#96937f;font-size:9px;letter-spacing:.12em}.page-art{padding:26px 6.5% 20px}.page-art .page-running{margin:0 3%}.era-painting{position:absolute;top:53px;left:0;width:100%;height:calc(100% - 105px);object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.painting-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center}.painting-caption p{font-size:13px;letter-spacing:.18em;color:#46614e}.painting-caption span{display:block;font-size:9px;margin-top:7px;color:#8b8c76;letter-spacing:.05em}.page-arrow{position:absolute;z-index:10;width:40px;height:64px;display:grid;place-items:center;color:#7e8975;transition:color .2s,transform .2s}.prev-page{left:-14px}.next-page{right:-14px}.page-arrow:hover:not(:disabled){color:var(--red);transform:translateY(-2px)}.page-arrow:disabled{opacity:.25}.book-controls{display:flex;align-items:center;justify-content:space-between;width:min(1050px,calc(100% - 82px));margin:20px auto 12px;font-size:10px;letter-spacing:.13em;color:#7d806e;min-height:21px}.book-gesture{display:flex;align-items:center;gap:9px}.book-position{display:flex;align-items:baseline;gap:12px;color:#87907a;font-size:11px;letter-spacing:.1em}.book-position b{font-weight:400;font-size:22px;color:#4f6754;font-variant-numeric:tabular-nums}.book-position>span{color:#b5b49e}.era-directory{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(1000px,calc(100% - 60px));margin:0 auto;gap:10px}.era-directory button{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 3px 11px;transition:color .3s;color:#747e69;min-width:0}.era-directory img{width:66px;height:31px;object-fit:contain;mix-blend-mode:multiply;opacity:.6;transition:opacity .3s,transform .3s}.era-directory button>span{font-family:var(--brush);font-size:18px;letter-spacing:.08em;white-space:nowrap;margin:4px 0 1px}.era-directory small{font-size:9px;letter-spacing:.18em;opacity:.85}.era-directory i{position:absolute;bottom:1px;width:20px;height:1px;background:var(--red);transform:scaleX(0);transition:transform .3s}.era-directory .is-selected{color:var(--red)}.era-directory .is-selected img,.era-directory button:hover img{opacity:1;transform:translateY(-2px)}.era-directory .is-selected i{transform:scaleX(1)}.folio-footer{position:absolute;bottom:12px;left:3.7%;right:3.7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#8a8b76;pointer-events:none}.turning-leaf{position:absolute;left:50%;top:0;height:100%;width:0;z-index:5;transform-style:preserve-3d;pointer-events:none}.paper-segment{position:absolute;top:0;transform-style:preserve-3d;will-change:transform}.turn-forward{transform-origin:left center}.turn-backward{transform-origin:right center}.segment-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;background:#f5edda;box-shadow:0 0 1px #b4a987}.segment-front{transform:translateZ(.2px)}.segment-back{transform:rotateY(180deg) translateZ(.2px)}.segment-content{position:absolute;top:0;background:#f6f1e6 url(/qianli/assets/home-v72/paper.png) center/240% 170%;overflow:hidden}.segment-face .page-content,.is-turning .book-spread{pointer-events:none}.is-turning .book-object{cursor:grabbing}.source-dialog{width:min(630px,calc(100vw - 32px));max-height:82dvh;overflow:auto;background:#f5f0e4 url(/qianli/assets/home-v72/paper.png) center/cover;border:1px solid #b4ac9680;box-shadow:0 25px 120px #263d354f;padding:45px 45px 33px;color:var(--ink)}.source-dialog::backdrop{background:#203f345c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:12px}.source-dialog h2{font-family:var(--brush);font-size:42px;font-weight:400;margin:13px 0 20px;letter-spacing:.1em}.source-detail{font-size:14px;line-height:1.9}.source-dialog ol{padding-left:18px;margin:25px 0}.source-dialog li{padding:13px 0;border-top:1px solid #6e745c29;font-size:13px}.source-dialog li a{color:var(--red);line-height:1.8}.source-dialog li a svg{margin-left:7px;vertical-align:middle}.source-dialog li p{font-size:12px;line-height:1.75;margin-top:7px}.source-dialog li small{font-size:10px;color:#888870;line-height:1.8}.source-disclaimer{font-size:11px;color:#7a806c}.map-view{height:100dvh;min-height:600px;padding-top:82px;background:#e5dab0}.map-view.is-fullscreen-atlas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-height:100dvh;padding-top:0;z-index:50}.map-topbar{height:48px;padding:0 3.7%;display:flex;align-items:center;justify-content:space-between;background:#f0eadb;position:relative;z-index:5}.map-topbar>span{font-size:13px;letter-spacing:.15em;display:flex;align-items:center;gap:16px}.map-topbar>span i{width:25px;height:1px;background:#9f9f85}.map-topbar>a{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em}.map-view iframe{width:100%;height:calc(100% - 48px);border:0;opacity:0;transition:opacity .6s;display:block;background:#e5dab0}.map-view.is-fullscreen-atlas iframe{height:100%}.map-view iframe.is-loaded{opacity:1}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.map-loading>img{width:60%;height:60%;object-fit:contain;mix-blend-mode:multiply;opacity:.7}.map-loading p{font-family:var(--brush);font-size:30px;letter-spacing:.3em;margin-top:12px}.map-loading a{margin:18px;font-size:14px;display:flex;align-items:center;gap:8px}.entry-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:all;background:#f5f0e5;animation:paper-fill 1s both;overflow:hidden;display:grid;place-items:center}.entry-transition img{width:75vw;height:85vh;object-fit:contain;mix-blend-mode:multiply;animation:painting-enter 1s cubic-bezier(.3,.05,.3,1) both}.entry-transition span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--brush);font-size:40px;letter-spacing:.25em;color:#324b3b;background:#f5f0e4d9;padding:12px 22px;animation:entry-word 1s both}@keyframes landscape-breath{0%{transform:scale(1.015)}to{transform:scale(1.055) translateY(-4px)}}@keyframes mist-drift{0%{transform:translate(-35px)}to{transform:translate(55px)}}@keyframes ink-arrive{0%{opacity:0;filter:blur(4px);transform:translate(-50%,15px)}to{opacity:1;filter:blur(0);transform:translate(-50%)}}@keyframes down-cue{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}@keyframes atlas-open{0%{opacity:.25;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes book-open{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes node-breathe{50%{box-shadow:0 0 0 6px #f4f2d824,0 0 20px 9px #284c30a1}}@keyframes paper-fill{0%{opacity:0}20%,to{opacity:1}}@keyframes painting-enter{0%{transform:translate(18vw) scale(.43)}70%{opacity:1}to{transform:translate(0) scale(1.7);opacity:.3}}@keyframes entry-word{0%,35%{opacity:0}70%,to{opacity:1}}.is-still *,.is-still *:before,.is-still *:after{animation:none!important;transition:none!important}.is-still .hero-title{opacity:1}.is-still .hero-landscape{transform:none}@media(min-width:1500px){.book-view{padding-top:108px}.book-heading{margin-bottom:30px}.book-controls{margin-top:30px}.era-directory{margin-top:14px}.hero-title{top:27%}}@media(max-height:700px)and (min-width:801px){.book-view{padding-top:76px}.book-heading{margin-bottom:14px}.book-object{height:380px}.page-content{padding-top:20px}.narrative-body{padding-top:15px}.era-name h2{font-size:65px}.era-description{font-size:12px}.era-motifs{margin-top:6px}.enter-era{padding-top:8px;margin-top:0}.page-footnote{display:none}.book-controls{margin-top:15px;margin-bottom:5px}.era-directory img{height:22px}.era-directory button>span{font-size:16px}.folio-footer{display:none}}@media(max-width:1000px){.site-header{padding-inline:4%;height:75px}.site-header nav{gap:20px}.brand{width:150px}.book-view{padding-inline:3%;padding-top:88px}.book-perspective{width:calc(100% - 66px)}.page-content{padding-inline:8%}.page-running{font-size:9px;letter-spacing:.05em}.era-name h2{font-size:66px}.era-description{font-size:12px;line-height:1.9}.era-motifs{font-size:9px;white-space:normal}.era-subtitle{font-size:10px}.book-heading h1{font-size:16px}.quiet-link{font-size:11px}.prev-page{left:-5px}.next-page{right:-5px}.era-directory{width:calc(100% - 58px);gap:2px}.era-directory button>span{font-size:16px}.atlas-intro{padding:18px 20px;top:18%}.atlas-intro h1{font-size:38px}.book-controls{width:calc(100% - 82px)}.hero-title{width:min(620px,75vw);top:27%}}@media(max-width:700px){.site-header{height:69px;padding:13px 19px;gap:12px}.brand,.view-home .brand{width:123px;flex-shrink:0}.site-header nav{gap:15px;font-size:12px;letter-spacing:.05em}.site-header nav>a,.nav-divider{display:none}.site-header nav .motion-toggle{gap:0}.motion-toggle span{display:none}.hero{min-height:590px}.hero-landscape{object-position:48% center}.hero-title{top:29%;width:92vw}.hero-title .eyebrow{font-size:10px;letter-spacing:.35em}.hero-title h1{margin:17px 0 15px}.hero-poem{font-size:14px;letter-spacing:.2em}.hero-actions{margin-top:32px;gap:14px}.hero-primary{font-size:16px;min-width:195px;padding:13px 19px}.hero-inscription{display:none}.hero-footer{left:19px;right:19px;bottom:23px}.hero-footer>span{font-size:9px;max-width:75px;line-height:1.9;letter-spacing:.12em}.hero-footer>button{font-size:10px}.book-view{padding:85px 16px 23px;min-height:100dvh}.book-heading{display:grid;grid-template-columns:1fr 1fr;row-gap:8px;margin-bottom:14px}.book-heading>div{grid-row:1;grid-column:1/-1}.book-heading h1{font-size:16px;letter-spacing:.13em}.book-heading .eyebrow{font-size:9px;margin-bottom:6px}.book-heading .quiet-link{min-height:34px;font-size:10px}.book-area{display:block}.book-perspective{width:100%;perspective:none}.book-object{height:auto;transform:none;touch-action:pan-y}.book-spread{position:relative;flex-direction:column;min-height:0;box-shadow:0 4px 15px #574e2a19}.book-page{width:100%;height:auto;box-shadow:none}.page-right{order:-1;border:0;border-radius:4px 4px 0 0}.page-left{border-radius:0 0 5px 5px}.page-art{height:232px;padding:18px 23px 8px}.page-art .page-running{margin:0;font-size:9px}.era-painting{top:38px;height:184px}.painting-caption{display:none}.page-narrative{padding:2px 25px 23px}.page-narrative .page-running,.page-footnote{display:none}.narrative-body{padding-top:4px}.era-dateline{font-size:11px;gap:10px}.era-dateline>span:first-child{font-size:14px}.era-name{margin:5px 0;gap:12px}.era-name h2{font-size:57px;line-height:1.05}.red-seal{font-size:8px;margin-top:3px;padding:4px 2px}.era-subtitle{font-size:10px;line-height:1.6;margin:5px 0 10px}.era-description{font-size:12px;line-height:1.85}.era-motifs{font-size:9px;margin-top:8px;line-height:1.8}.enter-era{margin-top:6px;padding-top:6px;gap:0 20px;min-height:52px}.enter-era>span{font-size:24px}.enter-era small{font-size:9px;margin-top:3px}.era-unavailable{min-height:58px;margin-top:5px}.era-unavailable>span{font-size:22px}.era-unavailable>small{font-size:9px}.book-cover{top:4px;right:-4px;bottom:-9px;left:-4px}.page-stack{top:3px;right:-2px;bottom:-4px;left:-2px}.book-controls{width:100%;margin:16px 0 8px;justify-content:center;gap:23px;font-size:9px}.book-gesture{display:none!important}.book-position{font-size:10px;gap:8px}.book-position b{font-size:18px}.page-arrow{top:auto;bottom:-41px;height:35px;width:44px;background:#ede6d3;box-shadow:0 1px #c4b9a261}.prev-page{left:2px}.next-page{right:2px}.era-directory{display:flex;overflow:auto;width:100%;gap:5px;padding:8px 2px 4px;scrollbar-width:thin;scrollbar-color:#a9ac92 transparent}.era-directory button{flex:0 0 57px;padding-bottom:10px}.era-directory img{height:25px;width:52px}.era-directory button>span{font-size:15px}.era-directory small{font-size:9px}.folio-footer{position:relative;bottom:auto;left:auto;right:auto;justify-content:center;padding:0 16px 14px;font-size:8px}.folio-footer>span:first-child{display:none}.source-dialog{padding:34px 25px 23px}.source-dialog h2{font-size:34px}.source-detail{font-size:13px}.atlas-view{min-height:590px}.atlas-intro{top:90px;left:18px;right:auto;padding:16px 20px}.atlas-intro h1{font-size:33px;margin-bottom:8px}.atlas-intro p{font-size:10px}.atlas-intro .eyebrow{font-size:9px}.atlas-intro .text-action{font-size:13px;padding-top:5px}.atlas-tools{left:15px;bottom:22px;gap:2px;padding:4px 8px}.atlas-tools>span{font-size:9px;margin-right:4px}.atlas-tools button{width:31px}.art-map-note{bottom:75px;right:15px;font-size:9px}.atlas-note{top:auto;bottom:90px;left:6%;right:6%;width:auto;padding:18px 20px}.atlas-note>img{height:145px}.atlas-note h2{font-size:31px}.map-view{padding-top:69px}.map-topbar{padding:0 16px;height:46px}.map-topbar>span{font-size:11px;gap:9px}.map-topbar>a{font-size:10px;gap:4px}.map-topbar .quiet-link{font-size:10px}.map-view iframe{height:calc(100% - 46px)}.entry-transition img{width:120vw;max-width:none;height:75vh}.entry-transition span{font-size:27px;white-space:nowrap}}@media(min-width:701px)and (min-height:701px){.book-view{padding-bottom:24px}.book-object{height:clamp(400px,calc(100dvh - 340px),480px)}.book-controls{margin-top:14px;margin-bottom:8px}.book-position b{font-size:19px}.era-directory img{height:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:700px){.book-view{min-height:calc(100dvh - 35px)}.page-arrow{height:44px;bottom:-50px}.book-controls{min-height:28px;margin-top:18px;margin-bottom:15px}}.city-marker{position:absolute;width:0;height:0}.marker-origin{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#f8f4df;box-shadow:0 0 0 2px #344c3670;pointer-events:none}.marker-leader{position:absolute;left:0;top:0;height:1px;background:#f5efd8cc;box-shadow:0 1px #32493860;transform-origin:left center;pointer-events:none}.has-leader .node-dot{display:none}.has-leader .node-name{top:50%;transform:translate(-50%,-50%);opacity:1;font-size:12px;padding:7px 9px;background:#f5efdce8}.city-marker:has(.city-node:hover),.city-marker:has(.city-node:focus-visible){z-index:8}.hero-title h1.site-name{line-height:0;margin:12px 0 14px}.hero-title .site-name img{display:block;width:min(440px,78vw);height:auto;max-height:none;margin-inline:auto}@media(min-width:701px)and (min-height:701px)and (max-height:850px){.hero-title:has(>.site-name){top:calc(25% - 48px)}}@media(max-width:700px){.hero-title .site-name img{width:min(320px,80vw)}.hero-title h1.site-name{margin:15px 0 18px}.hero-title{top:23%}}@media(max-height:700px)and (min-width:701px){.hero-title{top:17%}.hero-title .site-name img{width:330px}.hero-actions{margin-top:22px}}.river-scroll{--journey-progress:0;--river-reveal:0;--river-travel:0;--opening-opacity:1;--opening-y:0px;--near-cloud-x:0px;--far-cloud-x:0px;--boat-x:66%;--boat-y:82%;--chapter-1:0;--chapter-2:0;--chapter-3:0;position:relative;background:#e9d9b4}.river-stage{position:sticky;top:0;height:100svh;min-height:520px;margin-bottom:-100svh;overflow:clip;isolation:isolate;touch-action:pan-y;z-index:0}.view-home .site-header{position:fixed;background:#eee8d50d}.qianli-app.view-home{overflow-anchor:none}.river-painting,.river-painting canvas,.river-fallback-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.river-painting{z-index:-5;overflow:hidden}.river-fallback-hero{object-fit:cover;transform:scale(1.025)}.river-fallback-panorama{position:absolute;height:106%;width:auto;max-width:none;top:-3%;left:0;transform:translate(calc(var(--river-travel) * (100vw - 318svh)));opacity:var(--river-reveal)}.river-painting canvas{opacity:0}.river-painting canvas.is-ready{opacity:1}.scroll-opening{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--opening-opacity);transform:translateY(var(--opening-y));will-change:transform,opacity}.scroll-opening .hero-title{animation:ink-arrive 1.6s both}.scroll-opening .hero-inscription{left:4%;color:#445943;text-shadow:0 1px 8px #f2e8cb}.river-cloud{position:absolute;pointer-events:none;z-index:-2;will-change:transform;mix-blend-mode:screen}.river-cloud img{width:100%;animation:river-mist-breathe 15s ease-in-out infinite alternate}.river-cloud-far{width:120%;top:15%;left:-24%;opacity:.18;transform:translate(var(--far-cloud-x))}.river-cloud-near{width:115%;bottom:-9%;left:25%;opacity:.26;transform:translate(var(--near-cloud-x))}.river-cloud-near img{animation-delay:-7s;animation-duration:20s}.travelling-boat{position:absolute;left:var(--boat-x);top:var(--boat-y);width:clamp(62px,6.8vw,108px);mix-blend-mode:multiply;pointer-events:none;z-index:-1;opacity:.72;will-change:left,top;transform:translate(-50%,-50%)}.travelling-boat img{width:100%;display:block;filter:saturate(.43) sepia(.13);animation:boat-on-current 8s ease-in-out infinite alternate}.river-panels{position:relative;pointer-events:none;z-index:1}.river-intro-space{height:115svh}.river-section{height:168svh;padding:0 8% 26svh;position:relative;pointer-events:none}.story-chapter{position:sticky;top:clamp(108px,18svh,162px);width:min(500px,43vw);pointer-events:auto;background:#f3eee0 url(/qianli/assets/home-v72/paper.png) center/cover;box-shadow:0 20px 70px #28251e14;opacity:0;will-change:opacity;--cloth-content:1}.cloth-content{position:relative;padding:clamp(30px,3.6vw,48px);z-index:2}.story-chapter .eyebrow{font-size:11px;letter-spacing:.3em;color:#8f513b;margin-bottom:30px;display:flex;align-items:center;gap:18px}.story-chapter .eyebrow:after{content:"";width:35px;height:1px;background:#a66e4b70}.scroll-ink{font-family:var(--brush);font-size:clamp(42px,4.5vw,64px);line-height:1.3;font-weight:400;color:#294e40;letter-spacing:.035em}.ink-line{display:block;white-space:nowrap}.ink-word{display:inline-block;opacity:var(--letter,1);filter:blur(calc((1 - var(--letter,1))*5px));will-change:filter,opacity}.chapter-prose{font-size:14px;line-height:2.05;letter-spacing:.05em;margin-top:24px;color:#425b49}.chapter-seal{display:grid;place-items:center;border:1px solid #98523c99;width:31px;height:36px;color:var(--red);font-size:18px;margin-top:25px;font-family:var(--brush);transform:rotate(-3deg)}.chapter-source{opacity:var(--chapter-1)}.chapter-voyage{margin-left:auto;margin-right:4%;opacity:var(--chapter-2)}.chapter-city{opacity:var(--chapter-3)}.chapter-city .chapter-seal{position:absolute;right:25px;top:0}.chapter-enter{display:flex;align-items:center;gap:30px;border-bottom:1px solid #57715660;padding:13px 0;margin-top:25px;color:#345440;font-size:17px;letter-spacing:.1em;min-height:52px;transition:color .2s}.chapter-enter:hover{color:var(--red)}.chapter-enter svg{transition:transform .3s}.chapter-enter:hover svg{transform:translate(5px)}.chapter-atlas{display:flex;align-items:center;gap:19px;padding:13px 0;font-size:11px;letter-spacing:.1em;color:#6e735f;min-height:44px}.chapter-atlas:hover{color:var(--red)}.cloth-canvas{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);pointer-events:none;filter:drop-shadow(0 22px 30px #28251e20)}.cloth-enabled{background:transparent;box-shadow:none}.cloth-enabled .cloth-content{clip-path:inset(0 0 var(--cloth-clip-bottom,100%) 0);transform:perspective(1200px) translate3d(var(--cloth-content-x,0px),var(--cloth-content-y,0px),0) rotateX(var(--cloth-content-rx,0deg)) rotateY(var(--cloth-content-ry,0deg));transform-origin:50% 8%}.cloth-enabled .chapter-prose,.cloth-enabled .eyebrow,.cloth-enabled .chapter-seal,.cloth-enabled button{opacity:var(--cloth-content,0);filter:blur(calc((1 - var(--cloth-content,0))*4px))}.cloth-enabled .cloth-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at var(--cloth-pointer-x,50%) var(--cloth-pointer-y,50%),#fffdf529,transparent 60%);opacity:var(--cloth-hover,0);pointer-events:none}.river-story-footer{position:absolute;bottom:28px;left:3.7%;right:3.7%;display:flex;align-items:flex-end;justify-content:space-between;color:#3e5745;font-size:11px;letter-spacing:.15em}.river-caption{text-shadow:0 1px 7px #e7e2c5}.scroll-cue{display:flex;align-items:center;flex-direction:column;gap:11px;min-height:48px;padding:7px 12px;background:#f3ecd37a;font-size:11px;letter-spacing:.25em}.scroll-cue svg{animation:down-cue 3s ease-in-out infinite}.scroll-chapters{position:absolute;right:3%;top:38%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:76px;z-index:4}.scroll-chapters>button{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px 0 16px;color:#506147;background:#f3ecd3b5}.scroll-chapters small{font:10px var(--font-book,serif);letter-spacing:.02em}.scroll-chapters button>span{font-size:11px;letter-spacing:.16em;opacity:.85}.scroll-chapters button[aria-current]{color:#8c4936}.scroll-chapters button[aria-current]>span,.scroll-chapters button:hover>span{opacity:1}.journey-rail{position:absolute;top:17px;bottom:17px;left:0;width:1px;background:#60705140}.journey-rail i{position:absolute;top:0;right:0;bottom:0;left:0;background:#935039;transform-origin:top;transform:scaleY(var(--journey-progress))}.scroll-chapters button[aria-current]:before{content:"";position:absolute;left:-3px;width:7px;height:7px;background:#a55f44;border:1px solid #f0e9d2;border-radius:50%}@keyframes river-mist-breathe{0%{transform:translate3d(-50px,5px,0)}to{transform:translate3d(55px,-8px,0)}}@keyframes boat-on-current{0%{transform:translate3d(-9px,2px,0) rotate(-1.2deg)}45%{transform:translate3d(0,-2px,0) rotate(.6deg)}to{transform:translate3d(13px,1px,0) rotate(-.4deg)}}@media(max-width:1000px){.river-section{padding-inline:7%}.story-chapter{width:min(480px,68vw)}.chapter-voyage{margin-right:8%}.scroll-ink{font-size:48px}.scroll-chapters{right:2%;width:65px}}@media(max-width:700px){.river-section{height:168svh;padding:0 7% 30svh}.river-intro-space{height:115svh}.story-chapter{width:100%;top:18svh}.cloth-content{padding:28px 26px}.chapter-voyage{margin:0}.scroll-ink{font-size:38px;line-height:1.45;letter-spacing:.02em}.story-chapter .eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:.2em}.chapter-prose{font-size:12px;line-height:2;letter-spacing:.02em;margin-top:20px}.chapter-enter{font-size:15px;gap:23px;margin-top:19px;min-height:46px}.chapter-atlas{font-size:11px;padding-bottom:0}.chapter-city .chapter-seal{display:none}.chapter-seal{margin-top:20px;width:26px;height:31px;font-size:16px}.scroll-opening .hero-title{top:28%}.scroll-opening .hero-title h1{margin:17px 0 15px}.scroll-chapters{top:auto;bottom:92px;left:50%;right:auto;transform:translate(-50%);width:calc(100% - 54px);max-width:350px;flex-direction:row;justify-content:space-between;gap:0}.scroll-chapters>button{gap:6px;padding:0 9px;min-height:44px}.scroll-chapters small{font-size:9px}.journey-rail{left:10px;right:10px;top:auto;bottom:1px;width:auto;height:1px}.journey-rail i{transform-origin:left;transform:scaleX(var(--journey-progress))}.scroll-chapters button[aria-current]:before{bottom:-2px;left:calc(50% - 3px)}.river-story-footer{left:18px;right:18px;bottom:24px;justify-content:center}.river-caption{display:none}.scroll-cue{font-size:10px;gap:8px;background:#f3ecd3cf}.travelling-boat{width:68px}.river-cloud-near{width:170%;left:5%;bottom:2%;opacity:.22}.river-cloud-far{width:230%;left:-90%;top:16%;opacity:.12}}@media(max-height:650px)and (min-width:701px){.story-chapter{top:16svh}.cloth-content{padding:26px 34px}.scroll-ink{font-size:44px}.chapter-prose{font-size:13px;margin-top:16px}.story-chapter .eyebrow{margin-bottom:18px}.chapter-enter{margin-top:16px}.scroll-opening .hero-title{top:21%}.scroll-opening .hero-actions{margin-top:22px}.scroll-opening .hero-title h1 img{max-height:185px}.scroll-chapters{top:32%}}@media(max-width:700px)and (max-height:740px){.scroll-opening .hero-title{top:20%}.scroll-opening .hero-actions{margin-top:24px;gap:9px}.story-chapter{top:14svh}.cloth-content{padding:24px 23px}.scroll-ink{font-size:33px;line-height:1.4}.story-chapter .eyebrow{margin-bottom:17px}.chapter-prose{margin-top:16px}.chapter-city .chapter-enter{margin-top:15px;padding-block:10px;min-height:44px}}.river-still .river-cloud,.river-still .travelling-boat{display:none}.river-still .ink-word{filter:none!important;opacity:1!important}.view-book{background-color:#eeeadf;background-image:linear-gradient(#eeeadf9c,#eeeadf9c),url(/qianli/assets/home-v72/paper.png)}.view-book:before{opacity:.025}.view-book{overflow-x:clip}.book-view{padding-top:96px;padding-bottom:32px}.book-heading{margin-bottom:30px}.book-perspective{position:relative;perspective:1750px;perspective-origin:50% 46%;width:min(1000px,calc(100% - 100px));padding:0}.book-object{height:clamp(370px,calc(100svh - 330px),460px);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--book-zoom,1));transform-style:preserve-3d;will-change:transform;cursor:grab;transition:transform .16s ease-out}.book-area{padding-block:calc(max(0,var(--book-zoom,1) - 1)*210px);transition:padding .35s}.book-cast{position:absolute;top:55%;right:-7%;bottom:-23%;left:-7%;pointer-events:none;background:radial-gradient(ellipse at center,#493c2838,transparent 66%);filter:blur(20px)}.book-cover{top:6px;right:-3px;bottom:-7px;left:-3px;background-color:#708174;border-radius:15px 10px 14px 16px;box-shadow:0 18px 24px -15px #29362d42}.page-stack{border-color:#baad913d;border-radius:12px 8px 10px 13px;box-shadow:0 2px #f8f0dc,0 3px #b9ae9670,0 4px #eae0ca}.book-spread{box-shadow:0 4px 9px #574e2a17}.book-page{background-color:#f6f2e8}.page-left{border-radius:15px 2px 2px 14px;box-shadow:inset -22px 0 22px -15px #70664d70,inset 1px 0 2px #fffbec}.page-right{border-radius:2px 12px 13px 1px;border-left:1px solid #a89c8050;box-shadow:inset 18px 0 22px -18px #60503eaa,inset -1px 0 2px #fffbec}.book-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:calc(var(--turn-shade,0)*.62)}.page-left:after{background:linear-gradient(270deg,#34261445,transparent 65%)}.page-right:after{background:linear-gradient(90deg,#34261445,transparent 65%)}.era-painting{left:-3%;width:106%;top:44px;height:calc(100% - 88px)}.page-running{font-size:9px;color:#92907e;border-bottom-color:#7b806b17}.page-content{padding-top:25px}.page-narrative{padding-left:10%;padding-right:10%}.narrative-body{padding-top:18px}.era-name h2{font-size:clamp(60px,6vw,79px)}.era-description{font-size:12px;line-height:1.95}.era-motifs{font-size:9px}.era-subtitle{font-size:10px}.page-footnote{font-size:9px}.painting-caption{bottom:18px}.painting-caption p{font-size:12px}.painting-caption span{font-size:9px}.page-arrow{color:#8e917d;font-weight:200}.prev-page{left:4px}.next-page{right:4px}.segment-face{right:-1.1px;box-shadow:none;-webkit-backface-visibility:hidden}.strip-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(58,43,20,var(--shade-near,0)),rgba(58,43,20,var(--shade-far,0)))}.segment-back .strip-shade{background:linear-gradient(270deg,rgba(58,43,20,var(--shade-near,0)),rgba(58,43,20,var(--shade-far,0)))}.strip-shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fffaf0;opacity:var(--glow,0)}.segment-content .page-narrative{padding-left:10%;padding-right:10%}.book-tools{display:flex;width:max-content;align-items:center;gap:2px;margin:28px auto 5px;color:#64715b;border:1px solid #b8b39d50;border-radius:30px;padding:3px 9px;background:#f5f1e18c;position:relative;z-index:10}.book-tools button{min-width:34px;height:32px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px}.book-tools button:hover{color:var(--red)}.book-tools button:disabled{opacity:.3}.book-tools .zoom-read{font-family:var(--font-book,serif);width:48px;font-size:11px}.book-tools i{width:1px;height:15px;background:#a3a58b50;margin:0 8px}.book-tools [aria-pressed=true]{color:#944f35}.book-tools [aria-pressed]{padding-inline:8px}.book-controls{margin-top:10px;margin-bottom:13px;font-size:9px;max-width:970px}.book-gesture{font-size:10px}.era-directory{max-width:930px}.era-directory img{height:26px}.folio-footer{position:relative;inset:auto;padding:2px 3.7% 13px}.book-loupe{position:absolute;z-index:9;border-radius:50%;border:10px solid #c4b481;box-shadow:0 2px 2px #fff9e5b3,inset 0 2px 4px #fff9e5,0 7px 16px #463a2845,inset 0 0 0 2px #6f67477a;cursor:grab;touch-action:none;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1);isolation:isolate;background:#efeadd22}.book-loupe:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid #f7e6b7;pointer-events:none;z-index:3}.book-loupe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 2px 10px #4a453740;background:linear-gradient(140deg,#ffffff3b,transparent 40%,#fffdf51a 80%);pointer-events:none}.book-loupe.held{cursor:grabbing;transition:none}.loupe-glass{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:50%;pointer-events:none}.loupe-copy{position:absolute;top:0;left:0;display:flex;transform-origin:0 0;pointer-events:none}.loupe-copy .book-page{flex-shrink:0}.loupe-handle{position:absolute;width:19px;height:74px;background:linear-gradient(90deg,#85764b,#cec094 50%,#a89462);border:1px solid #aa9b70;border-radius:4px 4px 9px 9px;left:calc(50% - 9px);top:calc(100% + 5px);transform:rotate(-38deg);transform-origin:50% -80px;box-shadow:2px 3px 6px #493d3026;pointer-events:none}.is-turning .loupe-copy{opacity:.1;transition:opacity .2s}.book-loupe:focus-visible{outline:2px solid #8c4936;outline-offset:5px}@media(min-width:1500px){.book-view{padding-top:114px}.book-heading{margin-bottom:40px}.book-controls{margin-top:12px}.era-directory{margin-top:0}}@media(max-width:1000px)and (min-width:701px){.book-perspective{width:calc(100% - 64px)}.page-content,.page-narrative{padding-inline:8%}.era-name h2{font-size:63px}.era-description{font-size:11px}.era-subtitle{font-size:9px}.book-heading h1{font-size:16px}.book-loupe{border-width:8px}.book-controls{font-size:9px}.book-tools{margin-top:26px}}@media(max-height:700px)and (min-width:701px){.book-view{padding-top:83px}.book-heading{margin-bottom:24px}.book-object{height:370px}.page-content{padding-top:23px}.narrative-body{padding-top:14px}.book-tools{margin-top:24px}.era-name h2{font-size:64px}.book-controls{margin-top:8px}.era-directory img{height:23px}}@media(max-width:700px){.book-view{padding-top:85px;padding-bottom:23px}.book-heading{margin-bottom:14px}.book-perspective{width:100%;perspective:none}.book-object{height:auto;transform:none;cursor:auto;will-change:auto}.book-cast{display:none}.book-area{padding:0}.book-page{box-shadow:none}.page-left{border-radius:0 0 10px 10px}.page-right{border-radius:10px 10px 0 0;border:0}.page-content{padding-top:2px}.page-art{height:236px;padding-top:18px}.page-narrative{padding:2px 25px 23px}.era-painting{top:34px;height:195px;left:0;width:100%}.era-name h2{font-size:57px}.narrative-body{padding-top:4px}.era-description{font-size:12px}.era-subtitle{font-size:10px}.book-tools{display:none}.book-controls{width:100%;margin-top:18px;margin-bottom:15px}.page-arrow{bottom:-50px;height:44px}.book-cover{border-radius:10px}.book-loupe{display:none}.folio-footer{padding:0 16px 14px}.era-directory img{height:25px}}.is-still .book-object{transform:scale(var(--book-zoom,1))!important}.is-still .book-loupe{transition:none}.segment-front{transform:none}.segment-back{transform:rotateY(180deg)}.paper-segment>.segment-face{right:-2px}.book-tools{border:0;background:none;padding:0;gap:6px}.book-controls{justify-content:center;grid-template-columns:1fr}.red-seal.is-open-era{background:linear-gradient(180deg,#a8341c,#7e2210);color:#fff7e8;border-color:#f0cb82b3;padding:6px 4px;border-radius:3px;box-shadow:0 3px 10px #5e180a33}.enter-era{padding:10px 18px 9px;margin-top:10px;border-radius:8px;border:1px solid #f0cb82b3;background:linear-gradient(135deg,#a6341d,#7a2110),url(/qianli/assets/home-v72/brocade.webp) center/auto 64px repeat-x;background-blend-mode:normal,soft-light;color:#fff8ea;box-shadow:0 6px 18px #5716093d,inset 0 1px #fff5dc47;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.enter-era>span{color:#fff9ed;font-size:24px}.enter-era small{color:#f7dfb8}.enter-era:hover{transform:translateY(-1px);border-color:#ffe3a4;box-shadow:0 9px 22px #57160952}.era-directory .is-featured-era{background:linear-gradient(180deg,#a6341d12,#a6341d24);border:1px solid #a8351d59;border-radius:8px;padding-top:8px;color:#8e2915;box-shadow:0 4px 14px #6b1d0d1a}.era-directory .is-featured-era img{opacity:.92}.era-directory .is-featured-era.is-selected{background:linear-gradient(135deg,#a6341d,#7c2211),url(/qianli/assets/home-v72/brocade.webp) center/cover;background-blend-mode:normal,soft-light;border-color:#f2ce86cc;color:#fff8eb;box-shadow:0 8px 20px #59160947}.era-directory .is-featured-era.is-selected small{color:#fae2ba;opacity:1}.era-directory .is-featured-era.is-selected img{filter:brightness(1.06);opacity:1}.era-directory .is-featured-era.is-selected i{background:#ffe2a0}.era-open-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,#aa361e,#7e2311);border:1px solid #f5d48ecc;color:#fff8ea;font:600 9.5px/1.35 var(--font-book,serif);font-style:normal;letter-spacing:.08em;white-space:nowrap;box-shadow:0 2px 6px #4d130740}@font-face{font-family:QianliChinaBody;src:url(/qianli/assets/home-v72/fonts/qianli-china-body-v2.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:QianliChinaBrush;src:url(/qianli/assets/home-v72/fonts/qianli-china-brush-v1.woff2) format("woff2");font-display:swap}.continuous-journey,.engineering-note{--font-book:"Qianli Kai",QianliSong,QianliChinaBody,"Songti SC",serif;--brush:QianliBrush,QianliBrushExtra,QianliChinaBrush,"Kaiti SC",serif;font-family:var(--font-book)}.continuous-journey .river-stage{min-height:0}.continuous-journey .river-intro-space{height:var(--intro-length)}.continuous-journey .river-section{height:var(--project-length);padding:0}.continuous-journey .travelling-boat{opacity:var(--boat-opacity,.72)}.continuous-journey .river-cloud-near{opacity:.13;bottom:-19%}.continuous-journey .river-cloud-far{opacity:.1;top:4%}.handscroll-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--panorama-width);transform:translate(var(--painting-left,0px));opacity:var(--river-reveal);will-change:transform}.handscroll-fallback>img{position:absolute;top:0;width:var(--plate-width);height:100svh;max-width:none;object-fit:fill}.handscroll-fallback>img:not([data-plate="0"]){-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--plate-overlap));mask-image:linear-gradient(to right,transparent,#000 var(--plate-overlap))}.handscroll-seam{position:absolute;top:0;bottom:0;width:var(--plate-overlap);background:linear-gradient(90deg,transparent,#e6d4ad59,transparent)}.journey-controls{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:10;pointer-events:none;overflow:clip}.journey-controls button,.journey-controls nav,.journey-controls input{pointer-events:auto}.journey-controls.is-outside{visibility:hidden;pointer-events:none}.hero-sub-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.hero-sub-divider{color:#6d705899;font-size:12px}.hero-secondary.is-hero-3d{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;border:1px solid #9c3d248c;background:linear-gradient(135deg,#fbf2dfcc,#f3e3c2cc);color:#852d17;font-weight:600;box-shadow:0 3px 12px #26382b14}.hero-secondary.is-hero-3d svg{color:#9c351c}.hero-secondary.is-hero-3d:hover{background:linear-gradient(135deg,#9f331c,#792110);color:#fff8ea;border-color:#f0ca82}.hero-secondary.is-hero-3d:hover svg{color:#ffe099}.handscroll-inscriptions{position:absolute;top:0;left:0;width:var(--panorama-width);height:100%;transform:translate(var(--painting-left,0px));opacity:var(--river-reveal);will-change:transform}.handscroll-inscription{position:absolute;top:clamp(74px,var(--title-top,9svh),120px);width:360px;transform:translate(-180px);padding:13px 22px 15px;color:#122b21;text-shadow:0 0 6px #faf1ddf7,0 0 14px #f5e6c8f2,0 1px 22px #eedcb8eb;isolation:isolate;opacity:var(--edge-opacity,1)}.handscroll-inscription:before{content:"";position:absolute;top:-18px;right:-36px;bottom:-18px;left:-36px;z-index:-1;border-radius:24px;background:radial-gradient(ellipse 72% 68% at 44% 48%,#f9efe0f0 0%,#f4e6c9cf 46%,#eddab366 72%,transparent 96%);pointer-events:none}.place-coordinate{display:inline-flex;align-items:center;gap:7px;width:max-content;min-height:24px;padding:2px 10px 2px 3px;border-radius:999px;border:1px solid #c9ab7866;background:linear-gradient(90deg,#faf1ded9,#f3e5c6b3);box-shadow:0 2px 8px #182b2217;color:#193529;font-size:12.5px;line-height:1.3;letter-spacing:.1em;text-shadow:none;white-space:nowrap}.place-coordinate .place-number{display:inline-grid;place-items:center;padding:1.5px 6px;border-radius:999px;border:1px solid #eccd8c99;background:linear-gradient(135deg,#9b311b,#762110);color:#fff7e6;font:600 11px var(--font-book,serif);letter-spacing:.05em;line-height:1.2}.place-coordinate svg{width:12px;height:12px;color:#96371e;opacity:.92}.place-landscape{font-size:12.5px;line-height:1.48;letter-spacing:.07em;color:#1c382a;white-space:nowrap;border-left:2px solid #96482b80;padding-left:9px;margin-top:6px}.handscroll-inscription h2{display:flex;align-items:center;gap:12px;font-family:var(--brush);font-weight:400;font-size:40px;line-height:1.26;letter-spacing:.05em;margin-top:6px;white-space:nowrap;color:#112c21}.heritage-seal{display:inline-grid;place-items:center;font-family:var(--brush);font-size:15px;width:24px;height:28px;line-height:1;border:1px solid #9c4d34cc;background:#fbf3e2d9;color:#943c24;transform:rotate(-2deg);flex-shrink:0;text-shadow:none}.place-phrase{font-size:13px;line-height:1.55;letter-spacing:.045em;margin-top:3px;white-space:nowrap;color:#173124;border-left:2px solid #96482b80;padding-left:9px}.inscription-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.read-waterwork{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 11px;min-height:30px;border-radius:999px;font-size:12px;letter-spacing:.1em;border:1px solid #9c3d24a6;background:linear-gradient(180deg,#fcf5e6f5,#f2e2c3eb);box-shadow:0 3px 10px #192c2321;color:#852e17;font-weight:600;text-shadow:none;transition:background .18s,color .18s,border-color .18s,transform .18s}.read-waterwork:hover,.read-waterwork:focus-visible{color:#fff8ea;background:linear-gradient(135deg,#a2331c,#7b2110);border-color:#f0ca82;transform:translateY(-1px)}.read-waterwork.is-dadu-jump{border-color:#26635599;background:linear-gradient(180deg,#eef7f3f2,#d7ebe3eb);color:#17473c}.read-waterwork.is-dadu-jump:hover{background:linear-gradient(135deg,#1f594c,#153e36);color:#f6fcf9;border-color:#8ee8d2}.handscroll-inscription:not(.is-current){visibility:hidden}.handscroll-inscription[inert] button{pointer-events:none}.handscroll-feature{position:absolute;z-index:2;display:flex;align-items:center;gap:0;min-height:36px;padding:0 2px 0 0;transform:translate(-4px,-50%);white-space:nowrap;color:#23392f}.handscroll-feature.label-left{flex-direction:row-reverse;transform:translate(calc(-100% + 4px),-50%);padding:0 0 0 2px}.handscroll-feature[inert]{visibility:hidden;pointer-events:none}.feature-pin{position:relative;display:inline-flex;align-items:center;width:9px;height:9px;border:1.5px solid #f4e4c1;border-radius:50%;background:#9b4026;box-shadow:0 0 0 1.5px #263f324d,0 1px 3px #18261f4d;margin-right:10px;flex-shrink:0}.feature-pin:after{content:"";position:absolute;left:8px;top:50%;width:10px;height:1px;background:#654e358c;transform:translateY(-50%)}.handscroll-feature.label-left .feature-pin{margin-right:0;margin-left:10px}.handscroll-feature.label-left .feature-pin:after{left:auto;right:8px}.feature-caption{display:flex;align-items:baseline;gap:5px;padding:3px 8px 3px 7px;border:1px solid #6e573945;border-left:2px solid #96422ab8;background:linear-gradient(180deg,#e7d3abcf,#dec69bc4);box-shadow:0 1px 6px #1a28201a;font-size:11.5px;line-height:1.25;letter-spacing:.045em;text-shadow:0 1px 2px #f3e4c380}.handscroll-feature.label-left .feature-caption{border-left:1px solid #6e573945;border-right:2px solid #96422ab8}.feature-caption small{font:600 9.5px var(--font-book,serif);color:#8e3f27}.handscroll-feature:hover .feature-caption,.handscroll-feature:focus-visible .feature-caption{color:#84331d;background:#f4e5c8eb;border-color:#8c3b2488}.heritage-directory{top:25%;right:2%;width:130px;display:block;text-shadow:0 0 5px #f8edce,0 0 12px #f8edce}.heritage-directory:before{content:"";position:absolute;top:-40px;right:-47px;bottom:-40px;left:-47px;z-index:-1;background:radial-gradient(ellipse,#f2e6c6f5 20%,#f2e6c6bb 51%,transparent 74%);pointer-events:none}.heritage-directory .directory-toggle,.directory-heading{display:none}.directory-items{position:relative;display:flex;flex-direction:column;gap:5px}.directory-items>button{position:relative;display:flex;align-items:center;gap:8px;min-height:37px;padding:0 0 0 12px;color:#304a37;white-space:nowrap;font-size:12px;background:transparent;text-shadow:inherit}.directory-items>button small{font:9px var(--font-book,serif);color:#6e7054}.directory-items>button[aria-current]{color:#94432c}.directory-items>button[aria-current]:before{content:"";position:absolute;left:-3px;width:6px;height:6px;background:#a5684b;border-radius:50%}.directory-items>button:hover{color:#994f36}.directory-items>button.catalogue-link{margin-top:4px;color:#8c482f}.heritage-directory .journey-rail{top:14px;bottom:14px}.heritage-journey .river-story-footer{bottom:21px}.heritage-journey .scroll-cue{background:#eee2c4b8;text-shadow:0 1px 8px #f2e4c4,0 0 20px #f2e4c4;padding:7px 18px;min-width:164px}.continuous-journey .river-stage:after{content:"";position:absolute;inset:auto 0 0;height:80px;pointer-events:none;background:linear-gradient(transparent,#eee2c486);z-index:-1}.engineering-note{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(565px,calc(100vw - 36px));max-height:calc(100svh - 64px);padding:0;border-radius:12px;border:1px solid #d8b7748c;border-top:6px solid #163731;background:linear-gradient(172deg,#faf5e8db,#eef0e4d6 52%,#d4e6dfd9),url(/qianli/assets/home-v72/paper.png) center/cover;background-blend-mode:multiply,normal;background-color:#f4efe1;color:#233d32;box-shadow:0 26px 96px #0b1f1c66,inset 0 1px #fff8e680;overscroll-behavior:contain}.engineering-note::backdrop{background:#1e382c42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(min-width:860px){.engineering-note:not(.china-catalogue){margin:auto 24px auto auto;width:min(436px,calc(100vw - 44px));max-height:calc(100svh - 48px);box-shadow:-18px 24px 68px #07191759,0 0 0 1px #0d24214d,inset 0 1px #fff8e699}.engineering-note:not(.china-catalogue)::backdrop{background:linear-gradient(90deg,transparent 56%,#0c201d47 100%);backdrop-filter:none;-webkit-backdrop-filter:none}.engineering-note:not(.china-catalogue) .engineering-note-content{padding:34px 32px 28px}.engineering-note:not(.china-catalogue) .note-water-route{flex-wrap:wrap}}.engineering-note-content{position:relative;padding:43px 45px 34px}.note-close{position:absolute;right:17px;top:16px;width:40px;height:40px;display:grid;place-items:center;color:#5a6a51}.engineering-note .eyebrow{font-size:10px;letter-spacing:.3em;color:#905d42;margin-bottom:22px}.engineering-note h2{display:flex;align-items:center;gap:15px;font-family:var(--brush);font-size:39px;line-height:1.35;font-weight:400;color:#315540}.heritage-meta{display:flex;gap:16px;align-items:center;margin-top:15px;font-size:11px;letter-spacing:.05em;color:#677056}.heritage-meta>span{padding-left:16px;border-left:1px solid #6c79553b}.note-theme{font-size:15px;margin-top:28px;color:#3c5b43;line-height:1.8}.note-prose{font-size:14px;line-height:1.9;margin-top:12px;color:#405641;letter-spacing:.02em}.note-water-route{list-style:none;padding:18px 0 0;margin:22px 0 0;display:flex;gap:11px;border-top:1px solid #82906d3b}.note-water-route li{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.note-water-route small{font:10px var(--font-book,serif);color:#a16f4d}.feature-tabs{display:flex;gap:22px;border-bottom:1px solid #78856538;margin-top:26px}.feature-tabs button{position:relative;font-size:12px;min-height:38px;color:#667457;white-space:nowrap}.feature-tabs button[aria-selected=true]{color:#905239}.feature-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#a46747}.feature-detail{font-size:13px;line-height:1.9;color:#405641;min-height:64px;margin-top:14px}.heritage-source{display:flex;align-items:center;gap:8px;margin-top:22px;min-height:36px;font-size:10px;letter-spacing:.04em;color:#7a654b}.heritage-source+.heritage-source{margin-top:0}.painting-note{font-size:9px;line-height:1.7;color:#8a8672;margin-top:10px;letter-spacing:.03em}.china-catalogue{width:min(780px,calc(100vw - 36px))}.china-catalogue-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:16px 18px;margin-top:24px}.china-catalogue-years section{border-top:1px solid #78694d45;padding-top:11px}.china-catalogue-years h3{font:21px var(--font-book,serif);color:#874b34;margin:7px 0 10px}.china-catalogue-years h3 span{font-size:11px;color:#6b6c55}.china-catalogue-years ul{list-style:none;padding:0;margin:8px 0 0}.china-catalogue-years li{font-size:13px;line-height:1.5;min-height:28px;padding:3px 0}.china-catalogue-years li button{display:block;min-height:24px;padding:0;text-align:left;color:#315540}.china-catalogue-years li button:hover{text-decoration:underline;text-underline-offset:3px}.china-catalogue-years li small{display:inline-flex;align-items:center;gap:2px;margin-left:6px;color:#92482e;font-size:10px;white-space:nowrap}.national-loading{display:grid;place-items:center;font-family:var(--brush);font-size:36px}.qianli-app:has(.journey-controls.is-outside) .site-header nav{background:#f3e8c9de;padding:0 13px}@media(max-width:700px){.handscroll-inscription{top:111px;width:280px;transform:translate(-140px);padding:17px 18px}.handscroll-inscription:before{top:-25px;right:-35px;bottom:-25px;left:-35px;background:radial-gradient(ellipse,#eddfbccc 12%,#eadcb9a1 35%,transparent 71%)}.handscroll-inscription h2{font-size:33px;gap:13px;margin-top:8px}.handscroll-inscription .heritage-seal{width:22px;height:26px;font-size:15px}.place-coordinate{font-size:12px;gap:6px}.place-coordinate .place-number{font-size:13px}.place-landscape,.place-phrase{font-size:10px;letter-spacing:.035em}.read-waterwork{font-size:11px;gap:20px;margin-top:3px;min-height:44px}.heritage-directory{display:block;left:20px;right:auto;bottom:19px;top:auto;transform:none;width:auto;z-index:5}.heritage-directory:before{display:none}.heritage-directory .directory-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;background:#f3eddded;border:1px solid #74795c33;font-size:10px;color:#55644a}.directory-toggle small{font-size:9px;color:#95745a;padding-left:5px}.heritage-directory .directory-items{display:none;position:absolute;bottom:53px;left:0;width:200px;padding:15px 19px;background:#f4edde;box-shadow:0 8px 40px #36433129;border:1px solid #a3a78a44;gap:3px}.heritage-directory.is-open .directory-items{display:flex}.directory-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 0 8px;color:#455c45}.directory-heading button{display:grid;place-items:center;width:32px;height:32px}.directory-items>button{font-size:12px;padding-left:8px;min-height:37px;gap:16px}.heritage-directory .journey-rail{display:none}.directory-items>button[aria-current]:before{left:-5px;bottom:auto}.heritage-journey .river-story-footer{bottom:19px;left:auto;right:18px}.heritage-journey .scroll-cue{font-size:9px;letter-spacing:.04em;gap:4px;background:#f3edddcf;padding:4px 8px;min-height:44px;min-width:0}.heritage-journey .scroll-cue svg{width:15px;height:15px}.engineering-note{max-height:calc(100svh - 36px);width:calc(100vw - 30px)}.engineering-note-content{padding:36px 25px 25px}.engineering-note h2{font-size:35px;gap:15px}.note-close{top:10px;right:9px}.engineering-note .eyebrow{margin-bottom:18px}.heritage-meta{font-size:10px;gap:12px}.heritage-meta>span{padding-left:12px}.note-theme{font-size:13px;margin-top:24px}.note-prose{font-size:12px}.note-water-route{gap:9px}.note-water-route li{font-size:10px;gap:4px}.note-water-route small{display:none}.feature-tabs{gap:18px;margin-top:20px}.feature-tabs button{font-size:11px}.feature-detail{font-size:12px}.heritage-source{margin-top:12px;min-height:40px}.qianli-app:has(.journey-controls.is-outside) .site-header{background:#f3edddf7}.qianli-app:has(.journey-controls.is-outside) .site-header nav{background:none;padding:0}}@media(max-width:700px)and (max-height:650px){.handscroll-inscription{top:82px;padding-block:13px}.handscroll-inscription h2{font-size:29px;margin-top:5px}.place-phrase{display:none}.heritage-directory{left:13px}.heritage-directory .directory-toggle{font-size:9px;padding:0 9px}.heritage-journey .river-story-footer{right:13px}.heritage-journey .scroll-cue{max-width:130px}}@media(prefers-reduced-motion:reduce){.handscroll-fallback,.handscroll-inscriptions,.original-cloud,.original-boat{will-change:auto}}.national-overview{position:relative;height:100svh;background:#1a4f66;scroll-margin-top:0;font-family:var(--font-book)}.national-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:clip;isolation:isolate}.national-paint-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;touch-action:none;cursor:grab}.national-paint-window:active{cursor:grabbing}.national-world{position:absolute;left:0;top:0;transform-origin:0 0}.national-world.is-smooth-camera{transition:transform .56s cubic-bezier(.22,.82,.24,1)}.original-painting{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.original-painting:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;box-shadow:inset 0 0 72px #0f242833,inset 0 0 20px #1e352f1f;pointer-events:none}.original-painting:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse at 44% 48%,transparent 42%,#0e262938 100%);opacity:0;transition:opacity .35s ease;pointer-events:none}.has-preview .original-painting:after{opacity:.42}.original-geography,.original-water,.original-cloud-field,.original-waterway-svg,.original-fx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.original-geography{z-index:0}.original-water{z-index:1}.original-waterway-svg{z-index:2;opacity:0;transition:opacity .45s ease;pointer-events:none}.original-cloud-field{z-index:2;opacity:0;transition:opacity .4s ease}.original-cloud-field[data-ready=true]{opacity:1}.is-clouds-hidden .original-cloud-field,.is-clouds-hidden .original-cloud,.is-clouds-hidden .original-boat{opacity:0!important}.original-cloud,.original-boat{position:absolute;left:0;top:0;height:auto;max-width:none;opacity:0;will-change:transform;transition:opacity .35s ease}.original-cloud{z-index:2;transform-origin:50% 50%;filter:drop-shadow(0 8px 18px #0f2c3824)}.original-boat{z-index:3;transform-origin:50% 85%;filter:drop-shadow(0 5px 10px #0b222c54)}.original-fx-canvas{z-index:3;pointer-events:none}.atlas-huge-icon{display:block;flex:none;color:currentColor}.original-waterway-svg.is-visible{opacity:1}.waterway-vein-group{transition:opacity .35s ease}.has-preview .waterway-vein-group:not(.is-highlighted){opacity:.48}.waterway-vein-wash{fill:none;stroke:#9fd8ce;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.24;mix-blend-mode:soft-light;transition:stroke-width .35s,opacity .35s,stroke .35s}.waterway-vein-group.is-major-vein .waterway-vein-wash{stroke-width:4.8px;opacity:.28}.waterway-vein-base{fill:none;stroke:#eaf6f4;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;opacity:.36;mix-blend-mode:soft-light;transition:stroke-width .35s,opacity .35s,stroke .35s}.waterway-vein-group.is-major-vein .waterway-vein-base{stroke-width:2.2px;opacity:.42}.waterway-vein-glints{fill:none;stroke:#f7fbf8;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;opacity:.68;mix-blend-mode:screen;stroke-dasharray:14 38 6 52 20 74;stroke-dashoffset:204;animation:atlas-water-glint 20s linear infinite;transition:stroke-width .35s,opacity .35s,stroke .35s}.waterway-vein-group.is-major-vein .waterway-vein-glints{stroke-width:1.45px;opacity:.76}.waterway-vein-group.is-highlighted .waterway-vein-wash{stroke:#f8dca0;stroke-width:6.4px;opacity:.42}.waterway-vein-group.is-highlighted .waterway-vein-base{stroke:#fff3ce;stroke-width:2.5px;opacity:.64}.waterway-vein-group.is-highlighted .waterway-vein-glints{stroke:#fff8e2;stroke-width:1.7px;opacity:.94;animation-duration:11s}.waterway-guidance-arc{fill:none;stroke:#fff1be;stroke-width:1.65px;stroke-linecap:round;opacity:.68;mix-blend-mode:screen;stroke-dasharray:18 46 7 63 26 90;stroke-dashoffset:250;animation:atlas-water-glint 12s linear infinite}.waterway-vein-label{font:400 13px/1.3 var(--font-book,serif);fill:#faf2dc;letter-spacing:.2em;opacity:0;paint-order:stroke;stroke:#122b28d9;stroke-width:4px;stroke-linejoin:round;transition:opacity .3s ease}.waterway-vein-label.is-highlighted{opacity:.96}@keyframes atlas-water-glint{0%{stroke-dashoffset:250}to{stroke-dashoffset:0}}.original-map-point{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%) scale(var(--point-scale));padding:0;width:22px;height:22px;border:0;border-radius:50%;background:transparent;z-index:6;cursor:pointer;animation:atlas-point-enter .5s cubic-bezier(.3,.7,.2,1) backwards;animation-delay:calc(var(--point-i,0)*45ms);transition:opacity .24s ease,transform .24s ease}.original-map-point.is-secondary-star{width:20px;height:20px;z-index:4}.original-map-point.has-label{z-index:6}.original-map-point.is-filtered-out{opacity:.14;pointer-events:none}.original-map-point.is-occluded{opacity:0!important;pointer-events:none}.has-preview .original-map-point:not(.is-active):not(.is-hovered):not(:hover):not(.is-filtered-out):not(.is-occluded){opacity:.82}.original-map-point.is-active{z-index:11}.original-map-point.is-hovered,.original-map-point:hover,.original-map-point:focus-visible{z-index:14}.original-point-lift{position:absolute;width:136px;height:136px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff5d43d 0%,#82ebd41f 42%,transparent 72%);transition:opacity .28s ease}.original-map-point:hover .original-point-lift,.original-map-point.is-hovered .original-point-lift,.original-map-point.is-active .original-point-lift,.original-map-point:focus-visible .original-point-lift{opacity:1}.original-point-core{position:relative;z-index:2;width:8.5px;height:8.5px;border-radius:50%;background:#a83c22;border:1.5px solid #fff3d6;box-shadow:0 0 0 1.5px #16332e80,0 0 10px 3px #f7cf7899;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.original-map-point.is-secondary-star .original-point-core{width:6px;height:6px;background:#be5330;border:1px solid #fff4d8;box-shadow:0 0 7px 2px #f6cf788c}.original-point-aura{position:absolute;width:22px;height:22px;border-radius:50%;pointer-events:none;background:#f7d48638;box-shadow:0 0 14px 5px #f7d4862e;animation:point-aura-pulse 3.4s ease-in-out infinite}.original-map-point.is-secondary-star .original-point-aura{width:14px;height:14px;opacity:.7}.point-city .original-point-core{width:9.5px;height:9.5px;background:#1f6b5c;border-color:#f5fcf9;box-shadow:0 0 0 1.5px #102e2880,0 0 12px 3.5px #7ae6ce99}.point-city .original-point-aura{width:24px;height:24px;background:#82ebd438;box-shadow:0 0 14px 5px #82ebd42e}.original-map-point:hover .original-point-core,.original-map-point.is-hovered .original-point-core{transform:scale(1.34);background:#c74627}.point-city:hover .original-point-core,.point-city.is-hovered .original-point-core{transform:scale(1.32);background:#2a8a76}.original-map-point.is-active .original-point-core{transform:scale(1.38);background:#b8361c;border-color:#fff8e4;box-shadow:0 0 0 2px #6b1f0e8c,0 0 18px 6px #f7c768d9}.original-point-name{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3.5px 11px 3.5px 8px;border-radius:999px;background:linear-gradient(135deg,#0f2725ee,#183a35e8);border:1px solid #e2be7894;box-shadow:0 5px 16px #091b1a54,inset 0 1px #fff5d833;color:#faf2de;font:400 13.5px/20px var(--font-book,serif);letter-spacing:.11em;white-space:nowrap;text-shadow:0 1px 2px #07141399;pointer-events:auto;cursor:pointer;transition:opacity .2s ease,transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.point-city .original-point-name{border-color:#eed08eb3;background:linear-gradient(135deg,#12332ef2,#1c4941eb)}.point-town-tag{display:inline-grid;place-items:center;padding:1px 5px;border-radius:4px;font:600 10px/1.25 var(--font-book,serif);font-style:normal;letter-spacing:.04em;color:#15473d;background:linear-gradient(180deg,#f6f7ec,#cde6dd);box-shadow:0 1px 2px #091f1b33;text-shadow:none}.original-point-name .atlas-huge-icon{color:#e7c278;opacity:.95;transition:transform .2s ease,color .2s ease}.point-city .original-point-name .atlas-huge-icon{color:#84ebd4}.original-point-name:before{content:"";position:absolute;background:transparent}.original-point-name:after{content:"";position:absolute;width:8px;height:1px;background:#e2be78a6;pointer-events:none}.original-map-point.tag-right .original-point-name{left:calc(50% + 14px);top:50%;transform:translateY(-50%)}.original-map-point.tag-right .original-point-name:before{left:-16px;top:-3px;bottom:-3px;width:18px}.original-map-point.tag-right .original-point-name:after{left:-8px;top:50%;transform:translateY(-50%)}.original-map-point.tag-left .original-point-name{right:calc(50% + 14px);top:50%;transform:translateY(-50%)}.original-map-point.tag-left .original-point-name:before{right:-16px;top:-3px;bottom:-3px;width:18px}.original-map-point.tag-left .original-point-name:after{right:-8px;top:50%;transform:translateY(-50%)}.original-map-point.tag-up-left .original-point-name{right:calc(50% + 9px);bottom:calc(50% + 9px)}.original-map-point.tag-up-left .original-point-name:before{right:-14px;bottom:-14px;width:24px;height:22px}.original-map-point.tag-up-left .original-point-name:after{right:-7px;bottom:3px;transform:rotate(36deg)}.original-map-point.tag-up-right .original-point-name{left:calc(50% + 9px);bottom:calc(50% + 9px)}.original-map-point.tag-up-right .original-point-name:before{left:-14px;bottom:-14px;width:24px;height:22px}.original-map-point.tag-up-right .original-point-name:after{left:-7px;bottom:3px;transform:rotate(-36deg)}.original-map-point.tag-down-right .original-point-name{left:calc(50% + 9px);top:calc(50% + 9px)}.original-map-point.tag-down-right .original-point-name:before{left:-14px;top:-14px;width:24px;height:22px}.original-map-point.tag-down-right .original-point-name:after{left:-7px;top:4px;transform:rotate(36deg)}.original-map-point.tag-down-left .original-point-name{right:calc(50% + 9px);top:calc(50% + 9px)}.original-map-point.tag-down-left .original-point-name:before{right:-14px;top:-14px;width:24px;height:22px}.original-map-point.tag-down-left .original-point-name:after{right:-7px;top:4px;transform:rotate(-36deg)}.original-map-point:hover .original-point-name,.original-map-point.is-hovered .original-point-name,.original-map-point:focus-visible .original-point-name{color:#fffaf0;border-color:#f6d793f2;background:linear-gradient(135deg,#1d5247f7,#153c39f2);box-shadow:0 7px 20px #081c1a73,0 0 14px #ebd08847}.original-map-point.is-active .original-point-name{padding:4px 12px 4px 8px;background:linear-gradient(135deg,#a8351df7,#7b2110f2),url(/qianli/assets/home-v72/brocade.webp) center/cover;background-blend-mode:normal,soft-light;border-color:#ffe3a4;box-shadow:0 8px 24px #4a120770,0 0 18px #f4be5e52,inset 0 1px #fff5d859;color:#fff9ec;font-weight:600}.original-map-point.is-active .original-point-name .atlas-huge-icon{color:#ffe4a6;opacity:1}.original-map-point.is-active .point-town-tag{color:#862511;background:linear-gradient(180deg,#fff7e2,#edd096)}.original-map-point:hover .original-point-name .atlas-huge-icon,.original-map-point.is-active .original-point-name .atlas-huge-icon{transform:translateY(-1px) scale(1.06);opacity:1}@keyframes atlas-point-enter{0%{opacity:0;transform:translate(-50%,calc(-50% + 5px)) scale(calc(var(--point-scale)*.92))}to{opacity:1;transform:translate(-50%,-50%) scale(var(--point-scale))}}@keyframes point-aura-pulse{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1.16);opacity:1}}.original-atlas-inscription{position:absolute;top:clamp(76px,8.8svh,104px);left:clamp(24px,3.2vw,44px);z-index:8;width:max-content;max-width:min(486px,calc(100vw - 48px));padding:10px 20px 14px;color:#122b22;text-shadow:0 0 8px #f6e9ccf5,0 0 18px #f0dec0f0,0 1px 24px #ebd8b4eb;isolation:isolate;cursor:default;pointer-events:none}.original-atlas-inscription:before{content:"";position:absolute;top:-42px;right:-68px;bottom:-42px;left:-68px;z-index:-1;background:radial-gradient(closest-side at 42% 48%,#f6e9ccbf 0%,#eeddb873 58%,transparent 100%);pointer-events:none}.original-atlas-inscription .place-coordinate{display:inline-flex;align-items:center;gap:7px;padding:2px 10px 2px 3px;border-radius:999px;background:linear-gradient(90deg,#f6ebd2cc,#f2e4c499);border:1px solid #c9ab7859;box-shadow:0 2px 10px #1a2d241a;font-size:12.5px;letter-spacing:.11em;color:#18352a;text-shadow:none}.original-atlas-inscription .place-number{display:inline-block;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#9b311b,#762110);border:1px solid #edd09099;color:#fff7e6;font-size:11.5px;letter-spacing:.12em;text-shadow:none;box-shadow:0 2px 6px #4f160933}.original-atlas-inscription h2{display:flex;align-items:center;gap:12px;font-family:var(--brush);font-weight:400;font-size:clamp(33px,3vw,41px);line-height:1.22;letter-spacing:.06em;margin-top:7px;white-space:nowrap;color:#112c22}.original-atlas-inscription .place-phrase{white-space:normal;max-width:436px;font-size:13.5px;line-height:1.65;margin-top:5px;color:#183227}.atlas-brush-line{display:inline-flex;align-items:baseline}.atlas-ink-char{display:inline-block;animation:atlas-char-rise .52s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--char-i,0)*75ms)}@keyframes atlas-char-rise{0%{opacity:0;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.original-apparition{position:absolute;right:clamp(22px,2.8vw,38px);top:46%;left:auto;transform:translateY(-50%);width:min(392px,35vw);text-align:left;pointer-events:auto;z-index:9;padding:5px;border-radius:12px;background:linear-gradient(155deg,#122b28fa,#1b3d38f7),url(/qianli/assets/home-v72/brocade.webp) center/auto 74px repeat;background-blend-mode:normal,soft-light;border:1px solid #e2be78a6;box-shadow:0 26px 64px #08181778,0 0 0 1px #0d22208c,inset 0 1px #fff3d14d;animation:atlas-apparition-in .32s cubic-bezier(.22,.82,.24,1) both;cursor:default;overflow:hidden}.apparition-brocade-crown{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 8px 13px;background:linear-gradient(90deg,#122b28d9,#1c3f3acc 55%,#142f2cd9),url(/qianli/assets/home-v72/brocade.webp) left center/auto 68px repeat-x;background-blend-mode:multiply,normal;border-radius:8px 8px 0 0;border-bottom:1px solid #dfbb7680}.apparition-crown-tag{display:inline-flex;align-items:center;gap:6px;font:400 12px/1.3 var(--font-book,serif);letter-spacing:.15em;color:#f5e7c6;text-shadow:0 1px 2px #071413a6}.apparition-crown-tag .atlas-huge-icon{color:#e7c176}.apparition-close{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:#ead9b5;background:#ffffff0d;border:1px solid #e2be7833;transition:color .18s,background .18s,border-color .18s}.apparition-close:hover{color:#fff9eb;background:#9c351ecc;border-color:#f3cf8899}.apparition-scroll-sheet{position:relative;border-radius:0 0 8px 8px;padding:14px 18px 16px;background:radial-gradient(circle at 18% 14%,#d9af5c38 0,transparent 2.2px),radial-gradient(circle at 82% 28%,#d9af5c30 0,transparent 1.8px),radial-gradient(circle at 64% 76%,#d9af5c33 0,transparent 2.2px),linear-gradient(172deg,#faf5e8db,#eef0e4d6 52%,#d2e5ded9),url(/qianli/assets/home-v72/paper.png) center bottom/135% 135% no-repeat;background-size:118px 118px,148px 148px,128px 128px,100% 100%,135% 135%;background-blend-mode:normal,normal,normal,multiply,normal;background-color:#f4efe1;border:1px solid #d8b77473;border-top:0;box-shadow:inset 0 0 28px #1e42391a}.apparition-scroll-sheet:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #6b857929;border-radius:4px;pointer-events:none}.apparition-art-frame,.apparition-meta,.original-apparition h3,.apparition-phrase,.apparition-note,.apparition-vein,.apparition-actions{animation:atlas-codex-rise .38s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--stagger-i,0)*55ms)}@keyframes atlas-codex-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.apparition-art-frame{position:relative;width:100%;height:clamp(142px,19.5svh,182px);display:grid;place-items:center;border-radius:6px;background:radial-gradient(ellipse at center,#faf5e6,#dce7e199 88%);border:1px solid #b59b6d4d;box-shadow:inset 0 0 18px #1d3f3714;overflow:hidden}.apparition-art-frame>img{width:100%;height:100%;object-fit:contain;display:block;filter:url(/qianli/assets/home-v72/ink-composite.svg#paper-key) drop-shadow(0 6px 14px #1d3c3426)}.apparition-art-frame.is-plate-crop>img{object-fit:cover;object-position:center 46%;filter:saturate(.98)}.apparition-body{padding-top:12px}.apparition-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:400 12px/1.5 var(--font-book,serif);letter-spacing:.15em;color:#3d5b50}.original-apparition h3{display:flex;align-items:center;gap:12px;font:400 clamp(27px,2.2vw,33px)/1.24 var(--brush,serif);letter-spacing:.08em;color:#133026;margin:5px 0 8px;text-shadow:none}.apparition-phrase{font:400 14.5px/1.7 var(--font-book,serif);letter-spacing:.05em;color:#18382c;border-left:2.5px solid #9c3820b3;padding-left:10px;margin:7px 0}.apparition-note{font:400 14px/1.78 var(--font-book,serif);letter-spacing:.04em;color:#232c26;margin-top:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.apparition-vein{display:inline-flex;align-items:center;gap:7px;font:400 12px/1.55 var(--font-book,serif);letter-spacing:.13em;color:#194d41;margin-top:9px;padding:3px 11px 3px 8px;border-radius:4px;background:linear-gradient(90deg,#bad8cf8c,#bad8cf1a);border-left:2px solid #1f6656b3}.apparition-actions{display:flex;flex-direction:column;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid #6b857933}.apparition-enter{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:41px;padding:8px 13px 8px 14px;border-radius:7px;font:400 13.5px/1.4 var(--font-book,serif);letter-spacing:.09em;color:#fff8ea;background:linear-gradient(135deg,#a2331cf2,#782111eb),url(/qianli/assets/home-v72/brocade.webp) center/auto 64px repeat-x;background-blend-mode:normal,soft-light;border:1px solid #f0cb82a6;box-shadow:0 5px 14px #4d130738,inset 0 1px #fff5d83d;text-decoration:none;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,background .22s ease}.apparition-enter-label{display:inline-flex;align-items:center;gap:9px}.apparition-enter-label .atlas-huge-icon{color:#ffe19d}.apparition-enter:hover,.apparition-enter:focus-visible{transform:translateY(-1px);border-color:#ffe6aa;box-shadow:0 8px 20px #59170a52,0 0 14px #f2be683d}.apparition-enter:hover>.atlas-huge-icon{transform:translate(3px);transition:transform .2s ease}.apparition-enter.is-jade-secondary{background:linear-gradient(135deg,#18473ef2,#11332deb),url(/qianli/assets/home-v72/brocade.webp) center/auto 64px repeat-x;border-color:#d8b77499;color:#f7efda}.apparition-enter.is-jade-secondary .apparition-enter-label .atlas-huge-icon{color:#84ebd4}.apparition-enter.is-jade-secondary:hover,.apparition-enter.is-jade-secondary:focus-visible{border-color:#93f0da;box-shadow:0 8px 20px #0a252052,0 0 14px #5fd9c033}.apparition-era-hint{font:400 11.5px/1.45 var(--font-book,serif);letter-spacing:.06em;color:#526a5f;text-align:center;margin-top:2px}.atlas-hud-frame{position:absolute;inset:auto 0 0;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px max(16px,env(safe-area-inset-bottom));gap:10px}.atlas-hud-bar{display:inline-flex;align-items:center;gap:6px;max-width:min(1140px,calc(100vw - 28px));height:50px;padding:5px 8px;border-radius:999px;background:radial-gradient(90% 180% at 15% 0%,#48a89438 0%,transparent 60%),radial-gradient(85% 180% at 88% 100%,#e0b4642e 0%,transparent 62%),linear-gradient(135deg,#0d2322de,#153330d9 52%,#0f2628e3),url(/qianli/assets/home-v72/brocade.webp) center/auto 74px repeat-x;background-blend-mode:normal,normal,normal,soft-light;border:1px solid #e2be788c;box-shadow:0 16px 42px #06151470,0 0 0 1px #0a1d1b80,inset 0 1px #fff4d442,inset 0 -1px #d6af6229;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);pointer-events:auto;-webkit-user-select:none;user-select:none}.hud-town-group{display:inline-flex;align-items:center;gap:3px;padding:2px 4px 2px 5px;border-radius:999px;background:#ffffff0a;border:1px solid #e2be7842;flex-shrink:0}.hud-town-seal{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font:400 12.5px/1 var(--brush,serif);font-style:normal;color:#fff7e6;background:linear-gradient(135deg,#9f321c,#782110);border:1px solid #f2ce86a6;box-shadow:0 1px 4px #3b0e054d;flex-shrink:0;margin-right:2px}.hud-town-chip{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:999px;color:#faefd9;font:400 13px/1 var(--font-book,serif);letter-spacing:.07em;white-space:nowrap;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.hud-town-chip:hover,.hud-town-chip:focus-visible{background:#24544ab3;border-color:#e2be7873;color:#fffaf0}.hud-town-chip.is-current{background:linear-gradient(135deg,#a6351e,#7b2110);color:#fff9ec;border-color:#ffe09ecc;box-shadow:0 3px 10px #4d130766}.hud-divider{width:1px;height:22px;background:linear-gradient(180deg,transparent,#e2be7866,transparent);flex-shrink:0;margin:0 1px}.hud-featured-strip{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.hud-featured-strip::-webkit-scrollbar{display:none}.hud-quick-chip{display:inline-flex;align-items:center;height:33px;padding:0 10px;border-radius:999px;background:transparent;border:1px solid transparent;color:#f2e7ce;font:400 13px/1 var(--font-book,serif);letter-spacing:.07em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.hud-quick-chip:hover,.hud-quick-chip:focus-visible{background:#24544ab3;border-color:#e2be7873;color:#fff9eb}.hud-quick-chip.is-current{background:linear-gradient(135deg,#a6351e,#7b2110);color:#fff9ec;border-color:#ffe09ecc;box-shadow:0 3px 10px #4d130766}.hud-drawer-trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#e3be7429,#3b8a7929);border:1px solid #e2be7873;color:#faefd8;font:400 12.5px/1 var(--font-book,serif);letter-spacing:.07em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;flex-shrink:0}.hud-drawer-trigger .atlas-huge-icon{color:#ecc87e}.hud-drawer-trigger:hover,.hud-drawer-trigger:focus-visible,.hud-drawer-trigger.is-active{background:linear-gradient(135deg,#2a6b5ce6,#1d4d45e6);border-color:#f4d490cc;color:#fff9ec;box-shadow:0 3px 12px #081c1959}.hud-caret{display:inline-grid;place-items:center;transform:rotate(-90deg);transition:transform .22s ease;color:#ecc87e}.hud-caret.is-open{transform:rotate(90deg)}.hud-zoom-controls{display:inline-flex;align-items:center;height:34px;padding:0 3px;border-radius:999px;background:#ffffff0d;border:1px solid #e2be7847;flex-shrink:0}.hud-zoom-btn{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#f2e5c6;transition:background .16s,color .16s}.hud-zoom-btn:hover:not(:disabled),.hud-zoom-btn:focus-visible:not(:disabled){background:#296659cc;color:#fffaf0}.hud-zoom-btn:disabled{opacity:.32}.hud-zoom-readout{height:26px;min-width:44px;padding:0 5px;border-radius:999px;font:400 11.5px/1 var(--font-book,serif);font-variant-numeric:tabular-nums;color:#ebd8b2;letter-spacing:.03em;transition:color .16s,background .16s}.hud-zoom-readout:hover{color:#fffaf0;background:#ffffff14}.hud-layer-toggles{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.hud-layer-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff14;color:#cbbda0;font:400 12.5px/1 var(--font-book,serif);letter-spacing:.08em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}.hud-layer-btn.is-on{background:linear-gradient(135deg,#22594dc7,#18423bc7);border-color:#e2be7873;color:#f8efda}.hud-layer-btn.is-on .atlas-huge-icon{color:#7ee6cf}.hud-layer-btn.is-reset{background:linear-gradient(135deg,#9f341dd9,#782210d9);border-color:#f0ca8299;color:#fff6e5}.hud-layer-btn:hover,.hud-layer-btn:focus-visible{background:#2b695bd9;border-color:#f2d28ecc;color:#fff9ec}.atlas-basin-popover{width:min(946px,calc(100vw - 32px));padding:5px;border-radius:16px;background:linear-gradient(155deg,#112a27fa,#1a3c37f7),url(/qianli/assets/home-v72/brocade.webp) center/auto 74px repeat;background-blend-mode:normal,soft-light;border:1px solid #e2be78a6;box-shadow:0 22px 56px #07171680,inset 0 1px #fff4d447;pointer-events:auto;animation:atlas-codex-rise .24s cubic-bezier(.22,.82,.24,1) both;overflow:hidden}.popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 10px 14px;border-radius:11px 11px 0 0;background:linear-gradient(90deg,#112927d9,#1b3e39cc,#122b28d9),url(/qianli/assets/home-v72/brocade.webp) left center/auto 68px repeat-x;background-blend-mode:multiply,normal;border-bottom:1px solid #e2be7873}.popover-title-group{display:flex;align-items:center;gap:8px;min-width:0}.popover-title-group strong{font:600 14px/1.2 var(--font-book,serif);letter-spacing:.08em;color:#fbf2dc;white-space:nowrap}.popover-title-group span{font:400 12px/1.2 var(--font-book,serif);letter-spacing:.06em;color:#d6ccb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.popover-catalogue-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:linear-gradient(135deg,#99321cd9,#762211d9);border:1px solid #f0ca8299;color:#fff6e5;font:400 12px/1 var(--font-book,serif);letter-spacing:.06em;transition:transform .16s,border-color .18s}.popover-catalogue-btn:hover{transform:translateY(-1px);border-color:#ffe5aa;color:#fffdf7}.popover-close-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#e8d8b5;background:#ffffff0f;border:1px solid #e2be7833;transition:background .18s,color .18s}.popover-close-btn:hover{background:#9c351ecc;color:#fff9ec}.popover-basin-tabs{display:flex;align-items:center;gap:5px;padding:10px 12px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,#f3ede0f0,#e6ece7eb);border-bottom:1px solid #6b85792e}.popover-basin-tabs::-webkit-scrollbar{display:none}.popover-basin-tab{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px 0 7px;border-radius:8px;background:#ffffff8c;border:1px solid #7c948838;color:#1b352c;font:400 12.5px/1 var(--font-book,serif);letter-spacing:.06em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.popover-basin-tab small{font-size:11px;color:#546e63}.popover-basin-tab:hover{background:#fffdf7;border-color:#26635580}.popover-basin-tab.is-selected{background:linear-gradient(135deg,#19463d,#245c50);color:#fbf3df;border-color:#dfbb76b3;box-shadow:0 3px 10px #102e2838}.popover-basin-tab.is-selected .sable-item-seal{color:#fff5dc;background:#ffffff1f;border-color:#f3d28e80}.popover-basin-tab.is-selected small{color:#ebd8b0}.popover-site-grid{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:11px 12px 12px;max-height:152px;overflow-y:auto;border-radius:0 0 11px 11px;background:linear-gradient(175deg,#f3f1e7db,#d6e6e0db),url(/qianli/assets/home-v72/paper.png) center bottom/115% auto no-repeat;background-blend-mode:multiply,normal;background-color:#f2eee0}.basin-shelf-seal{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:4px;font:400 12px/1 var(--brush,serif);font-style:normal;color:#8e2a15;background:linear-gradient(180deg,#fff7e4,#ecd096);border:1px solid #f5d694;flex-shrink:0}.sable-item-seal{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:4px;font:400 12px/1 var(--brush,serif);font-style:normal;color:#8f3a22;background:#9c4d3414;border:1px solid #9c4d3459;flex-shrink:0}.basin-shelf-chip{display:inline-flex;align-items:center;gap:5px;height:29px;padding:0 11px 0 8px;border-radius:999px;background:#fbf8f0cc;border:1px solid #5f7d7238;color:#182e26;font:400 13px/1 var(--font-book,serif);letter-spacing:.08em;white-space:nowrap;box-shadow:0 1px 4px #1430280f;transition:background .18s,color .18s,border-color .18s,transform .18s}.basin-shelf-chip small{font:400 11px/1 var(--font-book,serif);color:#8f3921;opacity:.92;letter-spacing:.02em}.basin-shelf-chip.is-city small{color:#1b6152;font-weight:600}.basin-shelf-chip:hover,.basin-shelf-chip:focus-visible{background:#fff;border-color:#23615299;color:#12382e;transform:translateY(-1px)}.basin-shelf-chip.is-current{background:linear-gradient(135deg,#a6351e,#7b2110);border-color:#ffe09ecc;color:#fff9ec;box-shadow:0 3px 10px #4d130747}.basin-shelf-chip.is-current small{color:#fae1b2;opacity:1}@keyframes atlas-apparition-in{0%{opacity:0;transform:translateY(-46%) scale(.98)}to{opacity:1;transform:translateY(-50%) scale(1)}}.is-still .original-painting:after,.is-still .original-map-point,.is-still .national-world{transition:none}.is-still .original-apparition,.is-still .waterway-vein-glints,.is-still .waterway-guidance-arc,.is-still .original-point-aura,.is-still .atlas-ink-char{animation:none}@media(max-width:1080px){.hud-featured-strip{display:none}.original-atlas-inscription{top:76px;left:16px;padding:10px 16px}.original-atlas-inscription h2{font-size:28px}.original-apparition{right:16px;width:min(340px,46vw);padding:5px}}@media(max-width:700px){.national-overview{height:108svh}.national-stage{min-height:0}.original-atlas-inscription{top:72px;left:12px;right:12px;max-width:none;padding:8px 12px}.original-atlas-inscription h2{font-size:24px;margin-top:4px}.original-atlas-inscription .place-phrase{display:none}.original-apparition{left:12px;right:12px;top:auto;bottom:84px;transform:none;width:auto;padding:4px}.apparition-art-frame{height:120px}.original-apparition h3{font-size:26px}.apparition-note{font-size:13px;-webkit-line-clamp:2}.original-map-point{width:26px;height:26px}.original-point-name{font-size:12px;padding:2px 8px}.atlas-hud-frame{padding:0 10px max(10px,env(safe-area-inset-bottom))}.atlas-hud-bar{height:44px;padding:4px 6px;gap:4px}.hud-zoom-readout,.hud-layer-btn span,.popover-title-group span{display:none}}@media(prefers-reduced-motion:reduce){.original-painting:after,.original-map-point,.national-world{transition:none}.original-apparition,.waterway-vein-glints,.waterway-guidance-arc,.original-point-aura,.atlas-ink-char{animation:none}}.scroll-hud-frame.heritage-directory{position:absolute;inset:auto 0 0;top:auto;right:0;left:0;width:auto;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px max(16px,env(safe-area-inset-bottom));gap:10px;text-shadow:none;transform:none}.scroll-hud-frame.heritage-directory:before{display:none}.scroll-hud-bar{display:inline-flex;align-items:center;gap:8px;max-width:min(1060px,calc(100vw - 140px));min-height:50px;padding:6px 10px 6px 14px;border-radius:999px;background:radial-gradient(90% 180% at 15% 0%,#48a89438 0%,transparent 60%),radial-gradient(85% 180% at 88% 100%,#e0b4642e 0%,transparent 62%),linear-gradient(135deg,#0d2322e6,#153330e0 52%,#0f2628eb),url(/qianli/assets/home-v72/brocade.webp) center/auto 74px repeat-x;background-blend-mode:normal,normal,normal,soft-light;border:1px solid #e2be788c;box-shadow:0 16px 42px #06151470,0 0 0 1px #0a1d1b80,inset 0 1px #fff4d442;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);pointer-events:auto;-webkit-user-select:none;user-select:none}.scroll-hud-progress{display:flex;flex-direction:column;gap:4px;min-width:210px;max-width:270px}.scroll-hud-meta{display:flex;align-items:center;gap:7px;min-width:0}.scroll-hud-badge{display:inline-block;padding:1.5px 6px;border-radius:999px;background:#ffffff14;border:1px solid #e2be7859;font:600 10.5px/1.2 var(--font-book,serif);font-variant-numeric:tabular-nums;color:#f5d896;letter-spacing:.04em;flex-shrink:0}.scroll-hud-place{font:400 12px/1.2 var(--font-book,serif);color:#faefd9;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-hud-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;margin:0;border-radius:999px;background:linear-gradient(90deg,#3d8a7a66,#e2be7880);outline:none;cursor:pointer}.scroll-hud-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#f7d58b;border:2px solid #9c341c;box-shadow:0 1px 5px #06151499;cursor:grab;transition:transform .15s}.scroll-hud-scrubber::-webkit-slider-thumb:hover{transform:scale(1.2)}.scroll-hud-scrubber::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#f7d58b;border:2px solid #9c341c;box-shadow:0 1px 5px #06151499;cursor:grab}.scroll-hud-pacing{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:#ffffff0d;border:1px solid #e2be7840;flex-shrink:0}.scroll-pace-chip{height:30px;padding:0 10px;border-radius:999px;font:400 12px/1 var(--font-book,serif);letter-spacing:.06em;color:#d6cbb2;white-space:nowrap;transition:background .18s,color .18s}.scroll-pace-chip:hover{color:#fff9ec}.scroll-pace-chip.is-active{background:linear-gradient(135deg,#255f52,#19453c);color:#fff9ec;box-shadow:0 2px 8px #07191759}.scroll-hud-next{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#a2331ce6,#782111e6);border:1px solid #f0ca8299;color:#fff8ea;font:400 12.5px/1 var(--font-book,serif);letter-spacing:.08em;white-space:nowrap;box-shadow:0 4px 12px #4a12074d;transition:transform .16s,border-color .18s,background .18s;flex-shrink:0}.scroll-hud-next:hover,.scroll-hud-next:focus-visible{transform:translateY(-1px);border-color:#ffe4a6;background:linear-gradient(135deg,#b53a20,#872512)}.scroll-hud-frame .directory-toggle.scroll-hud-dir-btn{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:34px;height:34px;padding:0 12px;border-radius:999px;background:#ffffff0d;border:1px solid #e2be7859;color:#f5ebd4;font:400 12.5px/1 var(--font-book,serif);letter-spacing:.08em;text-shadow:none;box-shadow:none;flex-shrink:0}.scroll-hud-frame .directory-toggle.scroll-hud-dir-btn:hover,.scroll-hud-frame .directory-toggle.scroll-hud-dir-btn.is-open{background:#24544ad9;border-color:#f4d490cc;color:#fffaf0}.scroll-hud-frame .directory-items{display:none;position:relative;bottom:auto;right:auto;left:auto;width:min(340px,calc(100vw - 32px));padding:15px 14px 10px;border-radius:14px;background:linear-gradient(172deg,#faf5e8f2,#eef0e4ed 52%,#d4e6dff0),url(/qianli/assets/home-v72/paper.png) center/cover;background-blend-mode:multiply,normal;background-color:#f4efe1;border:1px solid #d8b774ad;box-shadow:0 20px 54px #081a1866;gap:8px;pointer-events:auto}.scroll-hud-frame.is-open .directory-items{display:flex}.scroll-hud-frame .directory-heading{display:flex;justify-content:space-between;align-items:center;padding:0 2px 9px;border-bottom:1px solid #6b857938;font-size:14px;color:#18382c}.directory-heading button{display:grid;place-items:center;width:30px;height:30px;color:#3d5b50}.directory-scroll{position:relative;display:flex;flex-direction:column;gap:1px;max-height:min(52svh,440px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7d968a transparent}.directory-scroll>button{position:relative;display:flex;align-items:baseline;gap:12px;min-height:48px;padding:7px 9px;border-radius:6px;color:#1c3b30;text-align:left;flex-shrink:0}.directory-scroll>button>small{flex-shrink:0;min-width:18px;font-size:11px;color:#8f3a22;letter-spacing:0}.directory-scroll>button>span{font-size:14px;letter-spacing:.035em;white-space:normal}.directory-scroll>button em{display:block;font-style:normal;font-size:11px;letter-spacing:.015em;color:#4f695d;margin-top:2px}.directory-scroll>button:hover{background:#fff9}.directory-scroll>button[aria-current]{background:#d7e8e1bf;color:#87351e}.directory-scroll>button[aria-current]:before{content:"";position:absolute;top:12px;bottom:12px;left:0;width:2.5px;border:0;border-radius:2px;background:#9c3820}.scroll-hud-frame .catalogue-link{display:flex;align-items:center;gap:8px;padding:7px 4px;min-height:36px;font-size:12px;color:#8c3a22;border-top:1px solid #6b857938}@media(min-width:701px){.handscroll-inscription{width:400px;transform:translate(-200px)}.handscroll-inscription h2{font-size:clamp(32px,3.1vw,42px);white-space:normal}.place-phrase,.place-landscape{white-space:normal;max-width:340px}}@media(max-width:860px){.scroll-hud-bar{max-width:calc(100vw - 24px);padding:5px 8px;gap:6px}.scroll-hud-pacing{display:none}.scroll-hud-progress{min-width:136px;max-width:175px}}@media(max-width:600px){.scroll-hud-progress{display:none}}.top-dock-frame{position:fixed;inset:0 0 auto;height:100px;z-index:40;pointer-events:none}.top-dock{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;display:flex;align-items:flex-start;gap:4px;height:54px;padding:5px 6px;overflow:visible;border:1px solid #e2be788c;border-radius:15px;background:radial-gradient(90% 180% at 15% 0%,#48a89436 0%,transparent 60%),radial-gradient(85% 180% at 88% 100%,#e0b46429 0%,transparent 62%),linear-gradient(135deg,#0e2423de,#163431d9 52%,#102729e3),url(/qianli/assets/home-v72/brocade.webp) center/auto 74px repeat-x;background-blend-mode:normal,normal,normal,soft-light;box-shadow:0 14px 36px #07171659,0 0 0 1px #0a1d1b73,inset 0 1px #fff4d440;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);transform:translate(-50%);isolation:isolate;pointer-events:auto;-webkit-user-select:none;user-select:none}.top-dock-item{position:relative;z-index:1;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:7px;width:106px;height:42px;min-width:0;padding:0 8px;border:1px solid transparent;border-radius:10px;color:#eadfc6;background:#ffffff08;font:400 12.5px/1 var(--font-book);letter-spacing:.08em;white-space:nowrap;transform-origin:50% 0;transition:color .15s,border-color .18s,background .18s,box-shadow .18s;cursor:pointer}.top-dock-item svg{display:block;flex:none;width:17px;height:17px;color:#e3be74;opacity:.82;transition:opacity .16s,color .16s}.top-dock-item[data-dock-near=true],.top-dock-item:focus-visible{z-index:2;color:#fff9ec;border-color:#e2be7880;background:#225248cc;box-shadow:0 7px 16px #07181647}.top-dock-item[data-dock-near=true] svg,.top-dock-item:focus-visible svg{opacity:1;color:#f5d896}.top-dock-item:focus-visible{outline:2px solid #e7c278;outline-offset:3px}.top-dock-item[aria-current]{color:#fff9ec;border-color:#f0cf8bb3;background:linear-gradient(135deg,#28695a,#1a4941);box-shadow:0 6px 18px #07191759,inset 0 1px #fff6dc38}.top-dock-item[aria-current] svg{opacity:1;color:#8ee8d2}.top-dock-seal{width:42px;background:linear-gradient(135deg,#a6361f,#7d2311);border-color:#f0ca8280;color:#fff6e4;box-shadow:0 3px 10px #4a12074d;overflow:hidden}.top-dock-seal>span{font:400 29px/1 var(--brush);transform:translateY(-1px)}.top-dock-seal[data-dock-near=true],.top-dock-seal:focus-visible{background:linear-gradient(135deg,#ba3e24,#8d2814);border-color:#ffe3a4;color:#fffdf6}.top-dock-3d{width:128px;padding:0 11px;background:linear-gradient(135deg,#9b311be6,#731f0fe6);border-color:#f0ca8299;color:#fff7e6;box-shadow:0 4px 14px #4a120759,inset 0 1px #fff5d840}.top-dock-3d svg{color:#ffe099;opacity:1}.top-dock-3d[data-dock-near=true],.top-dock-3d:focus-visible,.top-dock-3d[aria-current]{background:linear-gradient(135deg,#b63a20,#872512);border-color:#ffe5a8;color:#fffdf7;box-shadow:0 7px 18px #4a120773,0 0 14px #f2be6840}.top-dock-3d[data-dock-near=true] svg,.top-dock-3d:focus-visible svg,.top-dock-3d[aria-current] svg{color:#fff0c2;opacity:1}.top-dock-motion{width:76px}.top-dock-motion[aria-pressed=true]{color:#87583f;background:#dfd5bd80}.top-dock[data-dock-state=active] .top-dock-item,.top-dock[data-dock-state=focus] .top-dock-item{will-change:width,height,transform}@media(max-width:600px){.top-dock-frame{height:80px}.top-dock{top:max(12px,env(safe-area-inset-top));gap:2px;height:54px;padding:4px;border-radius:12px}.top-dock-item{width:auto;height:44px;padding:0 9px;font-size:11px;letter-spacing:0;border-radius:8px}.top-dock-item svg{display:none}.top-dock-seal{width:38px;padding:0}.top-dock-seal>span{font-size:27px}.top-dock-motion{width:40px;padding:0}}@media(max-width:359px){.top-dock-item{padding-inline:6px;font-size:10px}.top-dock-seal{width:33px;padding:0}.top-dock-motion{width:34px;padding:0}}@media(prefers-reduced-motion:reduce){.top-dock-item{transition:none}}.motion-toggle{position:fixed;right:24px;bottom:18px;z-index:40;display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid #e2be7859;background:#0e2524a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f3ead4;font:12px var(--font-book,"Songti SC",serif);letter-spacing:.2em;opacity:.88;cursor:pointer;box-shadow:0 4px 14px #07171638;transition:opacity .2s,color .2s,border-color .2s,background .2s}.motion-toggle svg{width:15px;height:15px;color:#e3be74}.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1;color:#fff9ec;border-color:#f2d28ecc;background:#1a423bd9}.motion-toggle[aria-pressed=true]{color:#ffdca0;border-color:#e2be7899}@media(max-width:700px){.motion-toggle{right:14px;bottom:12px;font-size:11px;letter-spacing:.16em}}