:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4ead8;--muted:#b9aa93;--faint:#7c6f5d;--night:#090b13;--deep:#101625;--panel:#171a25b8;--paper:#f8edd7;--paper-ink:#231b16;--gold:#d6b56d;--rose:#a64b4b;--blue:#8fb4d8;--green:#8dbb9a;--line:#f4ead824;--shadow:0 30px 90px #00000061;font-family:Noto Serif SC,Songti SC,SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 20% 10%,#8fb4d82e,#0000 32rem),radial-gradient(circle at 88% 6%,#d6b56d1f,#0000 28rem),linear-gradient(135deg,#080a12 0%,#101525 42%,#0a0c14 100%);margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.starfield{z-index:-2;opacity:.9;position:fixed;inset:0}body:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 10%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 10%,#000,#0000 72%)}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#090b13b8;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:14px clamp(16px,4vw,56px);display:grid;position:sticky;top:0}.brand{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:inline-flex}.brand-mark,.icon-button{width:42px;height:42px;color:var(--gold);background:#d6b56d14;border:1px solid #d6b56d40;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 22px #d6b56d14}.brand strong{font-size:18px;line-height:1;display:block}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:11px;display:block}nav{justify-content:center;gap:6px;display:flex}nav button,.chips button,.chips span{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px}nav button{padding:10px 14px;transition:all .2s}nav button:hover,nav button.is-active{color:var(--ink);background:#d6b56d1a;border-color:#d6b56d47}.icon-button{background:#d6b56d14}main{min-height:80vh}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(28px,6vw,80px);min-height:calc(100vh - 72px);padding:clamp(48px,8vw,96px) clamp(18px,6vw,82px) clamp(32px,7vw,72px);display:grid;position:relative}.hero-copy{max-width:660px}.eyebrow,.section-title span,.route-head span,.concept-card span,.author-card span,.author-tile span,.random-card span,.detail-top span,.path-full section>span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-family:Microsoft YaHei,sans-serif;font-size:12px;display:inline-flex}h1,h2,h3,p{margin:0}.hero h1{color:var(--paper);text-shadow:0 8px 60px #d6b56d29;margin-top:12px;font-size:clamp(62px,10vw,132px);font-weight:700;line-height:.95}.hero p{max-width:560px;color:var(--muted);margin-top:26px;font-size:clamp(18px,2vw,24px);line-height:1.8}.hero-actions,.random-card div{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary,.secondary,.text-link{border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.primary{color:#160f08;background:linear-gradient(135deg,#f7dd9c,#c69b46);min-height:48px;padding:0 22px;box-shadow:0 16px 42px #d6b56d3d}.secondary{min-height:48px;color:var(--ink);border:1px solid var(--line);background:#ffffff0e;padding:0 20px}.primary:hover,.secondary:hover,.text-link:hover{transform:translateY(-2px)}.hero-orbit{min-height:620px;position:relative}.book-planet{z-index:3;width:230px;height:292px;color:var(--paper-ink);box-shadow:var(--shadow), inset -18px 0 30px #5a38151f;background:linear-gradient(90deg,#a64b4b2e 0 14px,#0000 14px),linear-gradient(145deg,#f9ebcd,#d7bd81);border:1px solid #231b1638;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:6s ease-in-out infinite bookFloat;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.book-planet strong{font-size:30px}.book-planet span{color:#231b169e}.orbit-ring{border:1px solid #d6b56d38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.ring-a{width:min(70vw,560px);height:min(70vw,560px)}.ring-b{width:min(86vw,690px);height:min(46vw,370px);transform:translate(-50%,-50%)rotate(17deg)}.theme-satellite{min-width:118px;min-height:42px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101625d1;border:1px solid #f4ead829;border-radius:999px;place-items:center;display:grid;position:absolute;box-shadow:0 16px 46px #00000040}.s1{top:20%;left:5%}.s2{top:18%;right:4%}.s3{bottom:24%;left:0}.s4{bottom:28%;right:0}.s5{top:3%;left:32%}.s6{bottom:5%;left:36%}.band,.page-section{padding:clamp(52px,8vw,98px) clamp(18px,5vw,72px)}.band{border-top:1px solid var(--line);background:linear-gradient(#ffffff07,#ffffff02)}.band.no-frame{background:0 0}.section-title{max-width:760px;margin-bottom:28px}.section-title h2{color:var(--paper);margin-top:8px;font-size:clamp(32px,5vw,58px);line-height:1.12}.section-title p{color:var(--muted);margin-top:12px;font-size:17px;line-height:1.8}.path-preview,.theme-grid,.concept-grid,.routes,.authors-grid,.books-grid,.saved-grid{gap:16px;display:grid}.path-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.path-step,.concept-card,.route-card,.author-card,.author-tile,.random-card{color:var(--ink);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000002e}.path-step,.concept-card,.author-card,.author-tile,.theme-card{text-align:left}.path-step{min-height:250px;padding:24px}.path-step:after,.concept-card:after,.author-card:after,.route-card:after{content:"";border:1px solid #d6b56d2e;border-radius:50%;width:58px;height:58px;position:absolute;inset:auto 18px 16px auto}.path-step:hover,.concept-card:hover,.route-card:hover,.author-card:hover,.author-tile:hover,.theme-card:hover{background:#202433d1;border-color:#d6b56d61;transform:translateY(-4px)}.path-step h3,.concept-card h3,.route-card h3,.author-card h3,.author-tile h3{color:var(--paper);margin-top:12px;font-size:22px;line-height:1.25}.path-step p,.concept-card p,.route-card p,.author-card p,.author-tile p,.random-card p{color:var(--muted);margin-top:14px;line-height:1.78}.text-link{color:var(--gold);background:0 0;margin-top:28px;padding:0}.theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.theme-card{min-height:190px;color:var(--paper);background:radial-gradient(circle at 50% 18%,#d6b56d29,#0000 42%),#101625c2;border:1px solid #d6b56d38;border-radius:50% 50% 8px 8px;padding:20px}.theme-card span{color:#d6b56d8f;font-size:12px}.theme-card strong{margin-top:54px;font-size:20px;line-height:1.2;display:block}.theme-card small{color:var(--muted);margin-top:10px;display:block}.author-strip{scrollbar-width:thin;grid-auto-columns:minmax(260px,340px);grid-auto-flow:column;gap:16px;padding-bottom:12px;display:grid;overflow-x:auto}.author-tile{min-height:248px;padding:24px}.page-section{min-height:calc(100vh - 72px)}.search-line,.big-search{color:var(--muted);border:1px solid var(--line);background:#ffffff0e;border-radius:999px;align-items:center;gap:12px;display:flex}.search-line{max-width:680px;margin-bottom:30px;padding:14px 18px}.search-line input,.big-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-dock{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;padding:18px;display:grid}.filter-dock>div>span,.result-count{color:var(--gold);letter-spacing:.12em;font-family:Microsoft YaHei,sans-serif;font-size:12px}.result-count{margin:0 0 18px}.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-card{border:1px solid var(--line);background:radial-gradient(circle at 85% 12%, #d6b56d1f, transparent 34%), var(--panel);border-radius:8px;min-height:300px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000002e}.book-main{width:100%;height:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:18px 1fr;gap:18px;padding:24px 52px 24px 22px;display:grid}.book-spine{border-radius:3px;width:14px;min-height:230px;box-shadow:inset 3px 0 8px #ffffff1f}.book-main small{color:var(--muted)}.book-main h3{color:var(--paper);margin-top:12px;font-size:25px}.book-main p{color:var(--muted);margin-top:14px;line-height:1.8}.book-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.book-tags span{color:var(--gold);border:1px solid #d6b56d38;border-radius:999px;padding:5px 9px;font-size:12px}.book-fav{width:36px;height:36px;color:var(--muted);border:1px solid var(--line);background:#ffffff0d;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.book-fav.active{color:#160f08;background:var(--gold);border-color:#0000}.empty-state{min-height:320px;color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:8px;align-content:center;place-items:center;gap:14px;display:grid}.saved-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.saved-grid button{min-height:180px;color:var(--ink);text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px}.saved-grid span,.saved-grid small{color:var(--muted)}.saved-grid strong{color:var(--paper);margin:14px 0;font-size:22px;display:block}.concept-card,.author-card{min-height:258px;padding:24px}.routes{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card{padding:26px}.route-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.route-head strong{min-width:54px;height:54px;color:var(--gold);border:1px solid #d6b56d42;border-radius:50%;place-items:center;display:grid}.route-stages{gap:10px;margin-top:20px;display:flex}.route-stages button{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.route-stages button.checked{color:#181006;background:var(--gold);border-color:#0000}.chips{flex-wrap:wrap;gap:8px;margin:0 0 26px;display:flex}.chips button,.chips span{border-color:var(--line);padding:8px 12px}.chips button.active{color:#160f08;background:var(--gold)}.chips.compact{margin:12px 0 22px}.authors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.author-card div{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.author-card small{color:var(--gold);border:1px solid #d6b56d33;border-radius:999px;padding:5px 9px}.random-stage{align-content:center;place-items:center;display:grid}.random-card{text-align:center;max-width:760px;padding:clamp(28px,5vw,56px)}.random-card h2{color:var(--paper);margin-top:12px;font-size:clamp(44px,7vw,86px)}.random-card div{justify-content:center}.overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040509b8;place-items:center;padding:18px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.search-panel,.detail-panel{background:linear-gradient(135deg, #121826f5, #0b0d15fa), var(--deep);width:min(980px,100%);max-height:min(820px,88vh);box-shadow:var(--shadow);border:1px solid #d6b56d3d;border-radius:10px;position:relative;overflow:auto}.search-panel{padding:clamp(20px,4vw,38px)}.close{width:38px;height:38px;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.big-search{margin:24px 54px 22px 0;padding:18px 20px}.big-search input{font-size:24px}.search-results{gap:10px;display:grid}.search-results>p{color:var(--muted);padding:20px 0}.search-results button{color:var(--ink);text-align:left;border:1px solid var(--line);background:#ffffff0b;border-radius:8px;gap:6px;padding:16px;display:grid}.search-results span,.search-results small{color:var(--muted)}.detail-panel{padding:clamp(26px,5vw,54px)}.detail-top{justify-content:space-between;align-items:center;gap:48px;margin-right:44px;display:flex}.save{color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.save.saved{color:#160f08;background:var(--gold);border-color:#0000}.detail-panel h2{color:var(--paper);margin-top:18px;font-size:clamp(36px,6vw,72px);line-height:1.08}.detail-panel blockquote{color:var(--gold);border-left:3px solid var(--gold);background:#d6b56d12;margin:24px 0 28px;padding:20px 24px;line-height:1.8}.detail-panel h3{color:var(--paper);margin-top:28px;font-size:20px}.detail-panel p,.detail-panel li{color:var(--muted);margin-top:12px;line-height:1.9}.lead{max-width:760px;font-size:19px}.book-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.book-list span{color:var(--paper-ink);background:var(--paper);border-radius:4px;padding:8px 11px}.path-full{gap:16px;margin-top:30px;display:grid}.path-full section{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:20px}footer{color:var(--muted);border-top:1px solid var(--line);padding:34px clamp(18px,5vw,72px) 48px}footer span{color:var(--paper);font-size:20px;display:block}footer p{margin-top:8px}@keyframes bookFloat{0%,to{transform:translate(-50%,-50%)rotate(-4deg)translateY(0)}50%{transform:translate(-50%,-50%)rotate(-2deg)translateY(-14px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1040px){.site-header{grid-template-columns:1fr auto}nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-orbit{min-height:520px}.path-preview,.theme-grid,.concept-grid,.authors-grid,.books-grid,.filter-dock,.saved-grid,.routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.site-header{gap:12px;padding:12px}.brand small{display:none}nav button{white-space:nowrap;padding:8px 10px}.hero{padding-top:52px}.hero h1{font-size:64px}.hero-orbit{min-height:380px}.book-planet{width:170px;height:222px}.book-planet strong{font-size:22px}.theme-satellite{min-width:92px;min-height:34px;font-size:12px}.path-preview,.theme-grid,.concept-grid,.authors-grid,.books-grid,.filter-dock,.saved-grid,.routes{grid-template-columns:1fr}.theme-card{border-radius:8px;min-height:128px}.theme-card strong{margin-top:30px}.detail-top{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}