:root{--bg:#08090d;--surface:#11131a;--surface-2:#191b24;--text:#f4f2ec;--muted:#9899a5;--line:#2a2c36;--lime:#d7f84a;--pink:#fa6cba;--cyan:#78e5e5;--orange:#ff9f5b;--serif:'Noto Serif SC',serif;--sans:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(8,9,13,.85);backdrop-filter:blur(18px);z-index:10}.brand{color:var(--text);font:600 14px var(--mono);letter-spacing:.11em;text-decoration:none;display:flex;gap:10px;align-items:center}.brand-mark{color:var(--lime);font-size:24px}.brand-accent{color:var(--pink)}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;transition:.2s}.nav-links a.active,.nav-links a:hover{color:var(--text)}.nav-links i{font:10px var(--mono);color:var(--bg);background:var(--lime);border-radius:20px;padding:2px 6px}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn,.mobile-menu{background:none;border:0;color:var(--text);font-size:20px;cursor:pointer}.admin-trigger{background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 14px;border-radius:4px;font:12px var(--mono);cursor:pointer}.admin-trigger:hover{border-color:var(--lime);color:var(--lime)}.mobile-menu{display:none}.hero{min-height:665px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:80px 10vw 70px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:-180px;left:35%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(250,108,186,.13),transparent 65%);filter:blur(10px)}.eyebrow{font:11px var(--mono);letter-spacing:.16em;color:var(--muted);margin:0 0 20px;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}h1{font:900 clamp(48px,6vw,88px)/1.08 var(--serif);letter-spacing:-.045em;margin-bottom:25px}h1 em,h2 em{font-style:normal;color:var(--pink)}.gradient-text{background:linear-gradient(90deg,var(--lime),var(--cyan));background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:16px;margin-bottom:34px}.search-wrap{display:flex;align-items:center;max-width:610px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:7px;border-radius:5px;transition:.2s}.search-wrap:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px rgba(215,248,74,.08)}.search-icon{font-size:25px;margin:0 7px;color:var(--muted)}.search-wrap input{flex:1;background:none;border:0;outline:0;color:var(--text);font:14px var(--sans);min-width:0}.search-wrap button,.primary-btn{background:var(--lime);color:#0b0d0c;border:0;padding:13px 18px;font:600 12px var(--mono);cursor:pointer;border-radius:3px}.quick-tags{font:11px var(--mono);color:var(--muted);margin-top:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quick-tags button{color:var(--text);background:none;border:0;border-bottom:1px solid var(--line);font:11px var(--mono);cursor:pointer;padding:2px}.quick-tags button:hover{color:var(--lime);border-color:var(--lime)}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(215,248,74,.28);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:380px;height:150px}.orbit-b{width:300px;height:420px;transform:rotate(48deg);border-color:rgba(250,108,186,.22)}.moon{position:absolute;right:9%;top:8%;font-size:45px;color:var(--orange);text-shadow:0 0 30px var(--orange);transform:rotate(-18deg)}.art-card{position:absolute;width:205px;height:295px;padding:19px;box-shadow:22px 22px 60px rgba(0,0,0,.45)}.card-back{background:var(--pink);color:#181018;transform:rotate(12deg) translate(55px,0);font:11px var(--mono);display:flex;align-items:flex-end}.card-front{background:linear-gradient(145deg,#22383a,#101315 65%);border:1px solid rgba(215,248,74,.5);transform:rotate(-7deg) translate(-15px,0);display:flex;flex-direction:column}.cover-no{font:11px var(--mono);color:var(--lime)}.cover-visual{font-size:90px;color:var(--cyan);text-align:center;line-height:1;margin:25px 0 15px}.cover-title{font:23px/1.12 var(--serif);margin-bottom:auto}.cover-title b{color:var(--lime);font-weight:900}.cover-meta{font:8px/1.6 var(--mono);color:var(--muted)}.annotation{position:absolute;font:10px var(--mono);padding:7px 10px;border:1px solid var(--line);background:var(--surface);transform:rotate(-4deg)}.annotation b{color:var(--lime)}.note-a{left:7%;top:30%;color:var(--pink)}.note-b{right:5%;bottom:22%;color:var(--lime);transform:rotate(6deg)}.signal-strip{margin:0 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5vw;display:flex;align-items:center;justify-content:space-around;gap:25px}.strip-label{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:7px}.signal-strip strong{font:28px var(--serif);margin-right:10px}.signal-strip small{font-size:11px;color:var(--muted)}.signal-line{height:38px;width:1px;background:var(--line)}.mood-picker{min-width:180px}.mood-picker>div{display:flex;gap:9px}.mood{color:var(--muted);background:none;border:0;font-size:18px;cursor:pointer}.mood.active,.mood:hover{color:var(--lime)}.section{padding:120px 10vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2{font:800 clamp(33px,4vw,58px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}.heading-side{display:flex;align-items:end;gap:35px}.heading-side p,.section-note{color:var(--muted);font-size:12px;text-align:right;line-height:1.7;margin:0}.text-btn{border:0;background:none;color:var(--text);font:12px var(--mono);cursor:pointer;padding:0}.text-btn span{color:var(--lime);font-size:20px;vertical-align:-2px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.book-card{min-height:375px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;cursor:pointer;transition:.35s}.book-card:hover{transform:translateY(-8px)}.book-card:nth-child(1){background:#d6e25c;color:#152016}.book-card:nth-child(2){background:#eb6eae;color:#261324}.book-card:nth-child(3){background:#5e7af2;color:#101635}.book-card:nth-child(4){background:#e98a50;color:#29150d}.book-card .book-top{display:flex;justify-content:space-between;font:10px var(--mono)}.match{background:rgba(0,0,0,.14);padding:4px 7px;border-radius:2px}.book-glyph{font-size:100px;text-align:center;line-height:1;margin:16px 0;opacity:.8}.book-card h3{font:700 24px/1.2 var(--serif);letter-spacing:-.04em;margin:0 0 8px}.book-card .author{font:11px var(--mono);opacity:.75}.add-btn{position:absolute;right:16px;bottom:17px;width:30px;height:30px;border:1px solid currentColor;background:transparent;border-radius:50%;font-size:17px;cursor:pointer}.add-btn.saved{background:var(--bg);color:var(--lime);border-color:var(--bg)}.search-section{background:var(--surface);padding-top:95px;padding-bottom:95px}.compact{margin-bottom:34px}.result-count{font:11px var(--mono);color:var(--muted)}.filter-row{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter{background:none;border:1px solid var(--line);color:var(--muted);font:11px var(--mono);padding:8px 12px;cursor:pointer}.filter.active,.filter:hover{border-color:var(--lime);color:var(--lime)}#sort-select{margin-left:auto;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);font:11px var(--mono);padding:8px 12px}.results-list{display:grid;gap:1px}.result-row{display:grid;grid-template-columns:60px 1.4fr 1fr 90px 100px;gap:18px;align-items:center;padding:18px 12px;border-top:1px solid var(--line);transition:.2s}.result-row:hover{background:rgba(255,255,255,.03)}.result-index{font:12px var(--mono);color:var(--pink)}.result-title{font:600 17px var(--serif)}.result-author,.result-tags{font-size:11px;color:var(--muted)}.result-tags span{border:1px solid var(--line);padding:3px 5px;margin-right:4px}.result-score{font:12px var(--mono);color:var(--lime)}.row-action{justify-self:end;border:1px solid var(--line);background:none;color:var(--text);font:11px var(--mono);padding:7px 9px;cursor:pointer}.row-action:hover{border-color:var(--lime)}.library-section{min-height:500px}.count-pill{font:12px var(--mono);background:var(--lime);color:var(--bg);padding:4px 8px;border-radius:20px;vertical-align:middle}.library-empty{text-align:center;padding:50px;border:1px dashed var(--line)}.empty-mark{color:var(--lime);font-size:30px}.library-empty h3{font:25px var(--serif)}.library-empty p{color:var(--muted);font-size:13px}.ghost-btn{display:inline-block;color:var(--text);border:1px solid var(--line);padding:10px 15px;text-decoration:none;font:11px var(--mono)}.ghost-btn:hover{border-color:var(--lime);color:var(--lime)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-grid .book-card{min-height:230px}.manifesto{padding:135px 10vw;text-align:center;background:linear-gradient(140deg,#171d1d,#17121c);position:relative;overflow:hidden}.manifesto:before{content:'';position:absolute;width:500px;height:500px;top:-280px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(120,229,229,.16),transparent 70%)}.manifesto-symbol{font-size:42px;color:var(--lime);margin-bottom:25px}.manifesto h2{font:900 clamp(43px,6vw,80px)/1.1 var(--serif);margin-bottom:25px;letter-spacing:-.05em}.manifesto h2 span{color:var(--pink)}.manifesto>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}.toast{position:fixed;right:25px;bottom:25px;background:var(--lime);color:var(--bg);padding:13px 17px;font:12px var(--mono);transform:translateY(100px);opacity:0;transition:.3s;z-index:50}.toast.show{transform:translateY(0);opacity:1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);z-index:30;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.detail-modal,.admin-modal{background:var(--surface);border:1px solid var(--line);width:min(900px,100%);max-height:90vh;overflow:auto;position:relative;padding:42px}.modal-close{position:absolute;right:18px;top:14px;background:none;border:0;color:var(--muted);font-size:26px;cursor:pointer}.detail-layout{display:grid;grid-template-columns:250px 1fr;gap:40px}.detail-cover{min-height:350px;padding:22px;background:linear-gradient(145deg,#263b3b,#101417);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--lime)}.detail-cover .book-glyph{font-size:110px}.detail-modal h2,.admin-modal h2{font:800 38px var(--serif);margin-bottom:8px}.detail-author{font:11px var(--mono);color:var(--pink)}.detail-pills{display:flex;gap:6px;margin:20px 0}.detail-pills span{border:1px solid var(--line);padding:4px 8px;font:10px var(--mono);color:var(--muted)}.detail-modal h4{font:11px var(--mono);color:var(--lime);letter-spacing:.1em;margin:25px 0 10px}.detail-modal p{color:#c2c1bd;font-size:14px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.insight{background:var(--surface-2);padding:14px}.insight strong{display:block;font:20px var(--serif);color:var(--cyan)}.insight small{color:var(--muted);font-size:10px}.admin-modal{width:min(520px,100%)}.admin-modal label{display:block;font:11px var(--mono);color:var(--muted);margin:18px 0}.admin-modal input{display:block;width:100%;margin-top:7px;padding:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font:14px var(--sans)}.admin-modal small{display:block;margin-top:15px;color:var(--muted);font:10px var(--mono)}.muted{color:var(--muted);font-size:13px}.hidden{display:none}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.admin-stat{background:var(--surface-2);padding:16px}.admin-stat strong{display:block;font:25px var(--serif);color:var(--lime)}.admin-stat span{font:10px var(--mono);color:var(--muted)}.admin-list{border-top:1px solid var(--line)}.admin-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px}.admin-item small{margin:0}.reveal{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.delay-1{animation-delay:.15s}
@media(max-width:850px){.nav-links{display:none}.mobile-menu{display:block}.admin-trigger{display:none}.hero{grid-template-columns:1fr;padding:70px 7vw 40px}.hero-art{height:380px}.signal-strip{margin:0;padding:20px 6vw;flex-wrap:wrap;justify-content:space-between}.signal-line{display:none}.section{padding:80px 7vw}.section-heading{align-items:start;gap:20px;flex-direction:column}.heading-side{align-items:start;gap:16px}.heading-side p,.section-note{text-align:left}.book-grid{grid-template-columns:repeat(2,1fr)}.book-card{min-height:310px}.result-row{grid-template-columns:35px 1fr 80px}.result-author,.result-tags{display:none}.detail-layout{grid-template-columns:1fr}.detail-cover{min-height:250px}.insight-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.topbar{padding:0 5vw}.hero{padding-top:55px}.hero-art{transform:scale(.82);margin:-20px -30px}.search-wrap button{padding:13px 10px}.search-wrap button{font-size:0}.search-wrap button span{font-size:18px}.book-grid{grid-template-columns:1fr 1fr;gap:8px}.book-card{padding:14px;min-height:260px}.book-card h3{font-size:18px}.book-glyph{font-size:65px}.section-heading h2{font-size:36px}.detail-modal,.admin-modal{padding:30px 22px}.manifesto{padding:90px 7vw}}
.real-cover{width:112px;height:158px;object-fit:cover;display:block;align-self:center;margin:8px auto;border:1px solid rgba(0,0,0,.3);box-shadow:8px 12px 20px rgba(0,0,0,.22)}
.detail-real-cover{width:100%;height:310px;object-fit:contain;display:block}.loading-card,.loading-row{padding:55px;border:1px dashed var(--line);color:var(--muted);font:12px var(--mono);text-align:center}.loading-row{border:0}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;vertical-align:-2px;margin-right:9px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.is-loading .live-dot{animation:pulse .9s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.6)}}.mood-shift{animation:moodShift .7s ease}@keyframes moodShift{0%{opacity:.45;transform:translateY(12px)}100%{opacity:1;transform:none}}
.experience-panel{border:1px solid var(--line);background:var(--surface-2);padding:15px}.experience-status{font-size:12px;color:var(--muted);min-height:38px}.progress-track{height:3px;background:var(--line);margin:8px 0 14px}.progress-track span{display:block;width:0;height:100%;background:var(--lime);transition:width .4s ease}.experience-panel button:disabled{opacity:.45;cursor:wait}.experience-placeholder{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.experience-placeholder strong{font:13px var(--serif);color:var(--cyan)}.experience-placeholder p{font-size:12px;margin:5px 0 0}
.light{--bg:#f0eee8;--surface:#fbfaf5;--surface-2:#e4e1d8;--text:#17181c;--muted:#565862;--line:#c9c5b9;--lime:#aeca24;--accent-ink:#101308}.light .topbar{background:rgba(240,238,232,.88)}.light .hero:before{opacity:.65}.light .grain{opacity:.02}.light .search-wrap{background:rgba(0,0,0,.03)}.light .search-section{background:#e7e4dc}.light .book-card{box-shadow:0 12px 25px rgba(0,0,0,.08)}.light .detail-modal p,.light .detail-modal .experience-status{color:var(--text)}.light .detail-pills span,.light .result-score,.light .result-author,.light .result-tags,.light .section-note,.light .heading-side p{color:var(--muted)}.light .manifesto{background:linear-gradient(140deg,#d8e2df,#e5dce8)}.light .toast{color:var(--accent-ink)}.light .count-pill,.light .primary-btn,.light .search-wrap button{color:var(--accent-ink)}
.watch-note{margin:0 10vw 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.watch-symbol{color:var(--pink);font-size:25px}.watch-note .eyebrow{margin-bottom:4px}.watch-note strong{font:16px var(--serif)}.watch-note p:not(.eyebrow){margin:3px 0 0;color:var(--muted);font-size:12px}.watch-note a{color:var(--lime)}.watch-note>a:last-child{font-size:22px;text-decoration:none}
.experience-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.experience-actions .ghost-btn{cursor:pointer}.generated-scene{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:14px 0;border:1px solid var(--line)}#generate-3d{margin:0 0 10px;cursor:pointer}
.real-cover{width:112px;height:158px;object-fit:cover;display:block;align-self:center;margin:8px auto;border:1px solid rgba(0,0,0,.3);box-shadow:8px 12px 20px rgba(0,0,0,.22)}.detail-real-cover{width:100%;height:310px;object-fit:contain;display:block}.loading-card,.loading-row{padding:55px;border:1px dashed var(--line);color:var(--muted);font:12px var(--mono);text-align:center}.loading-row{border:0}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;vertical-align:-2px;margin-right:9px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.is-loading .live-dot{animation:pulse .9s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.6)}}.mood-shift{animation:moodShift .7s ease}@keyframes moodShift{0%{opacity:.45;transform:translateY(12px)}100%{opacity:1;transform:none}}body[data-mood="紧张"] .hero:before{background:radial-gradient(circle,rgba(255,120,70,.22),transparent 65%)}body[data-mood="松弛"] .hero:before{background:radial-gradient(circle,rgba(120,229,229,.18),transparent 65%)}body[data-mood="好奇"] .hero:before{background:radial-gradient(circle,rgba(215,248,74,.18),transparent 65%)}.experience-panel{border:1px solid var(--line);background:var(--surface-2);padding:15px}.experience-status{font-size:12px;color:var(--muted);min-height:38px}.progress-track{height:3px;background:var(--line);margin:8px 0 14px}.progress-track span{display:block;width:0;height:100%;background:var(--lime);transition:width .4s ease}.experience-panel button:disabled{opacity:.45;cursor:wait}.experience-placeholder{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.experience-placeholder strong{font:13px var(--serif);color:var(--cyan)}.experience-placeholder p{font-size:12px;margin:5px 0 0}.light{--bg:#f0eee8;--surface:#fbfaf5;--surface-2:#e4e1d8;--text:#17181c;--muted:#65666f;--line:#cfcbc0}.light .topbar{background:rgba(240,238,232,.88)}.light .hero:before{opacity:.65}.light .grain{opacity:.02}.light .search-wrap,.light .admin-trigger{background:rgba(0,0,0,.03)}.light .search-section{background:#e7e4dc}.light .book-card{box-shadow:0 12px 25px rgba(0,0,0,.08)}.mobile-open{display:flex!important;position:absolute;top:76px;left:0;right:0;padding:15px 7vw;background:var(--surface);border-bottom:1px solid var(--line)}