:root{--paper: #f5f1e8;--paper-deep: #efe9dd;--ink: #1c1c1c;--ink-soft: #4a4a4a;--ink-faint: rgba(74, 74, 74, .38);--ink-hair: rgba(28, 28, 28, .12);--water: #8fa9b8;--lamp: #e8a33d;--font-serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--t-title: 1.6s;--t-ui: 2.9s}*{box-sizing:border-box}html{background:var(--paper);overflow-x:hidden}body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}::selection{background:#8fa9b852}.app{position:relative;width:100%}.scene-layer{position:fixed;inset:0;z-index:0;opacity:0;transition:opacity 1.1s ease;will-change:opacity}.app[data-ready=true] .scene-layer{opacity:1}.scene-layer canvas{display:block;width:100%!important;height:100%!important;outline:none}.scroll-track{position:relative;z-index:1;height:500vh;pointer-events:none}.veil{position:fixed;inset:0;z-index:3;pointer-events:none;display:grid;place-items:center;background:var(--paper);opacity:1;transition:opacity 1.1s ease}.veil svg{position:absolute;inset:0;width:100%;height:100%}.veil-text{position:relative;font-family:var(--font-serif);font-size:12px;letter-spacing:.42em;color:var(--ink-soft);opacity:.55;animation:veil-pulse 2.4s ease-in-out infinite}@keyframes veil-pulse{0%,to{opacity:.35}50%{opacity:.68}}.overlay{position:fixed;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,3.4vw,44px);font-family:var(--font-sans)}.overlay a,.overlay button{pointer-events:auto;font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}.brand{display:flex;align-items:baseline;gap:12px;font-size:12px;letter-spacing:.34em;color:var(--ink-soft);opacity:0}.overlay[data-ready=true] .brand{animation:fade-up 1.2s ease .35s forwards}.brand strong{font-family:var(--font-serif);font-size:15px;font-weight:500;letter-spacing:.3em}.brand .dot{width:5px;height:5px;border-radius:50%;background:var(--lamp);transform:translateY(-2px);animation:lamp-breathe 4.2s ease-in-out infinite}.brand .en{font-size:10px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase}.hero{position:absolute;left:clamp(20px,3.4vw,44px);top:50%;transform:translateY(-50%);max-width:min(46ch,42vw)}.hero h1{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(38px,6.2vw,84px);line-height:1.12;letter-spacing:.22em;text-indent:.22em;color:var(--ink);opacity:0}.overlay[data-ready=true] .hero h1{animation:ink-rise 1.9s cubic-bezier(.22,.68,.24,1) var(--t-title) forwards}.hero .sub{margin:22px 0 0;font-family:var(--font-serif);font-size:clamp(13px,1.15vw,16px);letter-spacing:.26em;color:var(--ink-soft);opacity:0}.overlay[data-ready=true] .hero .sub{animation:ink-rise 1.6s cubic-bezier(.22,.68,.24,1) calc(var(--t-title) + .35s) forwards}.hero .rule{width:0;height:1px;margin-top:30px;background:linear-gradient(90deg,var(--ink-hair),rgba(28,28,28,0))}.overlay[data-ready=true] .hero .rule{animation:rule-grow 1.8s cubic-bezier(.22,.68,.24,1) calc(var(--t-title) + .5s) forwards}.footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.scroll-hint{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.3em;color:var(--ink-faint);opacity:0;transition:opacity .6s ease}.overlay[data-ready=true] .scroll-hint{animation:fade-up 1.4s ease var(--t-ui) forwards}.scroll-hint .line{position:relative;width:46px;height:1px;background:var(--ink-hair);overflow:hidden}.scroll-hint .line:after{content:"";position:absolute;inset:0;background:var(--ink-soft);transform-origin:left;animation:line-sweep 2.6s ease-in-out infinite}.app[data-scrolled=true] .scroll-hint{opacity:0!important;animation:none}.nav{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:flex-end;opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease}.app[data-entered=true] .nav{opacity:1;transform:none}.nav button{padding:7px 14px;border:1px solid var(--ink-hair);border-radius:999px;font-size:12px;letter-spacing:.16em;color:var(--ink-soft);background:#f5f1e866;backdrop-filter:blur(2px);transition:border-color .35s ease,color .35s ease,background .35s ease}.nav button:hover,.nav button:focus-visible{border-color:var(--water);color:var(--ink);background:#8fa9b824;outline:none}.rail{position:fixed;right:clamp(14px,2.2vw,30px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0}.overlay[data-ready=true] .rail{animation:fade-up 1.4s ease var(--t-ui) forwards}.rail .track{position:relative;width:1px;height:clamp(120px,22vh,220px);background:var(--ink-hair)}.rail .thumb{position:absolute;left:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--ink-soft);transform:translateY(-50%)}.rail .tick{position:absolute;left:50%;width:9px;height:1px;margin-left:-4.5px;background:var(--ink-hair);transition:background .3s ease,width .3s ease}.rail .tick.is-near{background:var(--water);width:15px;margin-left:-7.5px}.rail .pct{font-size:10px;letter-spacing:.14em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.card{position:fixed;left:clamp(20px,3.4vw,44px);bottom:clamp(84px,12vh,130px);min-width:210px;padding:14px 18px 16px;border-left:1px solid var(--water);background:linear-gradient(90deg,#f5f1e8eb,#f5f1e800);opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease}.card.is-on{opacity:1;transform:none}.card .en{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--water)}.card .name{margin:6px 0 4px;font-family:var(--font-serif);font-size:20px;letter-spacing:.18em;color:var(--ink)}.card .desc{margin:0;font-size:12px;letter-spacing:.08em;color:var(--ink-soft)}.card .go{margin-top:10px;font-size:10px;letter-spacing:.24em;color:var(--ink-faint)}.island-label{font-family:var(--font-serif);font-size:13px;letter-spacing:.2em;white-space:nowrap;color:var(--ink-soft);padding:3px 10px 4px;border-bottom:1px solid rgba(74,74,74,.22);transform:translateY(-6px);transition:color .3s ease,border-color .3s ease,opacity .4s ease;pointer-events:none;user-select:none}.island-label.is-hot{color:var(--ink);border-color:var(--water)}.island-label .en{display:block;font-family:var(--font-sans);font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.starmap-toggle{padding:7px 16px;border:1px solid var(--ink-hair);border-radius:999px;font-size:12px;letter-spacing:.18em;color:var(--ink-soft);background:#f5f1e880;backdrop-filter:blur(2px);transition:border-color .35s ease,color .35s ease,background .35s ease}.starmap-toggle:hover,.starmap-toggle:focus-visible{border-color:var(--water);color:var(--ink);background:#8fa9b829;outline:none}.footer-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.starmap{position:fixed;inset:0;z-index:5;pointer-events:auto;background:radial-gradient(120% 90% at 50% 45%,#f5f1e83d,#f5f1e8b8 78%);animation:starmap-in .55s cubic-bezier(.22,.68,.24,1) both}@keyframes starmap-in{0%{opacity:0}to{opacity:1}}.starmap-canvas{position:absolute;inset:0;width:100%;height:100%}.starmap-nodes{position:absolute;inset:0;pointer-events:none}.starmap-node{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 10px;border:0;background:none;cursor:pointer;transition:opacity .3s ease}.starmap-node.is-dim{opacity:.18}.starmap-dot{width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 0 #8fa9b800;transition:width .25s ease,height .25s ease,box-shadow .25s ease}.starmap-node.is-hot .starmap-dot{width:14px;height:14px;box-shadow:0 0 0 9px #8fa9b838}.starmap-name{font-family:var(--font-serif);font-size:14px;letter-spacing:.16em;white-space:nowrap;color:var(--ink-soft);transition:color .25s ease}.starmap-node.is-hot .starmap-name,.starmap-node:focus-visible .starmap-name{color:var(--ink)}.starmap-node:focus-visible{outline:none}.starmap-head{position:relative;z-index:2;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:clamp(18px,3vw,40px);padding-bottom:14px}.starmap-title{font-family:var(--font-serif);font-size:clamp(20px,2.4vw,30px);letter-spacing:.3em;color:var(--ink)}.starmap-sub{margin-top:6px;font-size:11px;letter-spacing:.22em;color:var(--ink-faint)}.starmap-search{flex:1 1 220px;min-width:160px;max-width:340px;padding:8px 14px;border:1px solid var(--ink-hair);border-radius:999px;background:#fffdf8c7;font-family:inherit;font-size:13px;letter-spacing:.08em;color:var(--ink);outline:none;transition:border-color .3s ease}.starmap-search:focus{border-color:var(--water)}.starmap-close{padding:8px 16px;border:1px solid var(--ink-hair);border-radius:999px;font-size:12px;letter-spacing:.16em;color:var(--ink-soft);background:#fffdf899;transition:border-color .3s ease,color .3s ease}.starmap-close:hover,.starmap-close:focus-visible{border-color:var(--water);color:var(--ink);outline:none}.starmap-region{fill:#8fa9b80f;stroke:#4a4a4a29;stroke-width:1.2;stroke-dasharray:4 7}.starmap-region-name{font-family:var(--font-serif);font-size:17px;letter-spacing:.36em;fill:#4a4a4a;opacity:.62}.starmap-results{position:absolute;left:clamp(18px,3vw,40px);top:96px;width:min(320px,42vw);max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--ink-hair);border-radius:10px;background:#fffdf8eb;backdrop-filter:blur(4px)}.starmap-results button{display:flex;flex-direction:column;gap:3px;padding:9px 12px;border-radius:7px;text-align:left;transition:background .25s ease}.starmap-results button:hover,.starmap-results button:focus-visible{background:#8fa9b829;outline:none}.starmap-results strong{font-family:var(--font-serif);font-size:15px;font-weight:500;letter-spacing:.16em;color:var(--ink)}.starmap-results span{font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.starmap-empty{margin:8px 12px;font-size:12px;color:var(--ink-faint)}.app[data-view=star] .hero,.app[data-view=star] .rail,.app[data-view=star] .card,.app[data-view=star] .scroll-hint,.app[data-view=star] .nav,.app[data-view=star] .starmap-toggle{opacity:0;pointer-events:none;transition:opacity .35s ease}.app[data-view=star] .scroll-track{pointer-events:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ink-rise{0%{opacity:0;transform:translateY(18px);filter:blur(10px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes rule-grow{to{width:min(320px,30vw)}}@keyframes line-sweep{0%{transform:scaleX(0);opacity:0}35%{transform:scaleX(1);opacity:1}to{transform:scaleX(1) translate(100%);opacity:0}}@keyframes lamp-breathe{0%,to{opacity:.72;box-shadow:0 0 #e8a33d00}50%{opacity:1;box-shadow:0 0 8px #e8a33d8c}}@media (max-width: 820px){.overlay{padding:18px}.hero{top:auto;bottom:26vh;transform:none;max-width:86vw}.hero h1{font-size:clamp(34px,12vw,52px);letter-spacing:.16em;text-indent:.16em}.rail{display:none}.footer{flex-direction:column;align-items:flex-start;gap:14px}.nav{justify-content:flex-start}.nav button{padding:6px 11px;font-size:11px}.card{bottom:auto;top:64px}}@media (prefers-reduced-motion: reduce){.brand,.hero h1,.hero .sub,.hero .rule,.scroll-hint,.rail{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.hero .rule{width:min(320px,30vw)!important}.brand .dot,.scroll-hint .line:after,.veil-text{animation:none!important}.scene-layer,.veil{transition:none}}.island-transition{position:fixed;inset:0;z-index:40;overflow:hidden;background:transparent}.it-filter{position:absolute;width:0;height:0;pointer-events:none}.it-blob{position:absolute;border-radius:50%;background:radial-gradient(circle at 42% 38%,#1c1c1cfa,#1c1c1cf5 34%,#1c1c1ceb 62%,#1c1c1cd9 82%,#1c1c1c00);filter:url(#it-ink-edge);transform:scale(var(--it-drop, .035));opacity:0;transition:transform 1.35s cubic-bezier(.22,1,.36,1),opacity .28s ease-out;will-change:transform,opacity}.it-halo{position:absolute;border-radius:50%;background:radial-gradient(circle,#1c1c1c57,#1c1c1c2e 55%,#1c1c1c00);filter:url(#it-ink-edge) blur(6px);transform:scale(var(--it-drop, .056));opacity:0;animation:it-halo-go 1.6s cubic-bezier(.22,1,.36,1) .12s forwards}@keyframes it-halo-go{0%{transform:scale(var(--it-drop, .056));opacity:0}12%{opacity:.8}to{transform:scale(1);opacity:0}}.it-name-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.it-name{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transform:translateY(10px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.it-name .zh{writing-mode:vertical-rl;font-family:var(--font-serif);font-size:clamp(30px,5vw,58px);letter-spacing:.34em;color:#f5f1e8f0;text-shadow:0 0 24px rgba(245,241,232,.12)}.it-name .en{font-family:var(--font-sans);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#f5f1e880}@media (prefers-reduced-motion: reduce){.it-blob,.it-halo,.it-name{transition:none!important;animation:none!important}}