:root{color-scheme:dark;--bg: #1b2030;--surface: #272e40;--surface-2: #323b4f;--surface-3: #3f4a5f;--text: #eef1f7;--muted: #aab4c4;--subtle: #808b9e;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--accent: #2ec6dd;--accent-hover: #4ed7ea;--accent-text: #6fddee;--accent-quiet: rgba(46, 198, 221, .16);--danger: #f0999b;--success: #7fd3a6;--radius-lg: 16px;--radius-md: 11px;--radius-sm: 8px;--shadow-soft: 0 14px 44px rgba(0, 0, 0, .42);--shadow-card: 0 10px 28px rgba(0, 0, 0, .32);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:linear-gradient(178deg,#252e44 0%,var(--bg) 48%,#181d29 100%);background-attachment:fixed;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.header-inner,.site-footer,main{width:min(1280px,calc(100% - clamp(32px,6vw,72px)));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#1b2030cc;border-bottom:1px solid var(--line);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:18px}.brand{font-weight:720;font-size:clamp(17px,2vw,20px);letter-spacing:0}nav{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px}nav a{border-radius:999px;padding:8px 13px;transition:color .15s ease,background .15s ease}nav a:hover,nav a:focus-visible{color:var(--text);background:#ffffff0f}.brand:hover,.brand:focus-visible{color:var(--accent-text)}main{min-height:72vh;padding-bottom:8px}.site-footer{color:var(--subtle);padding:40px 0 56px;margin-top:32px;border-top:1px solid var(--line);font-size:13px}h1{font-size:clamp(24px,3vw,32px);line-height:1.22;margin:0 0 12px;letter-spacing:0;font-weight:720;text-wrap:balance}h2{font-size:clamp(19px,2.2vw,24px);line-height:1.3;margin:0 0 12px;letter-spacing:0;font-weight:680}.eyebrow{color:var(--accent-text);font-size:12px;font-weight:680;letter-spacing:.12em;text-transform:uppercase}.lead{color:var(--muted);max-width:70ch;font-size:clamp(15px,1.5vw,16.5px);line-height:1.75;margin:0}.meta,.muted{color:var(--muted);font-size:13px;line-height:1.55}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;padding:clamp(22px,3.5vw,34px) 0 clamp(16px,2vw,22px);border-bottom:1px solid var(--line);margin-bottom:clamp(18px,2.4vw,26px)}.toolbar-info{display:grid;gap:6px}.toolbar h1{font-size:clamp(21px,2.4vw,27px);margin:0;line-height:1.2}.toolbar-meta{color:var(--muted);font-size:13.5px;margin:0}.toolbar-actions{display:grid;gap:8px;width:100%;max-width:440px}.searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;max-width:440px}.search-note{margin:0;color:var(--accent-text);font-size:13px;line-height:1.45}.searchbar--wide{max-width:620px}input,button,.btn{min-height:46px;border-radius:var(--radius-md);padding:11px 15px;font:inherit}input{background:var(--surface);color:var(--text);border:1px solid var(--line);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--subtle)}input:hover{border-color:var(--line-strong)}input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-quiet)}button,.btn{cursor:pointer;background:var(--accent);color:#06181c;font-weight:680;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s ease,transform .1s ease,opacity .15s ease}button:hover,.btn:hover{background:var(--accent-hover)}button:active,.btn:active{transform:translateY(1px)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[disabled]{opacity:.55;cursor:wait;transform:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:clamp(18px,2vw,26px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;min-width:0;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2);box-shadow:var(--shadow-card)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb{aspect-ratio:3 / 4;background:var(--surface-3);object-fit:cover;width:100%}.card-body{padding:15px 16px 17px}.card h2{font-size:15px;line-height:1.5;font-weight:600;margin:0;min-height:3em;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{margin:9px 0 0}.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:clamp(28px,4vw,42px) 0 8px;flex-wrap:wrap}.pager a,.pill{border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--muted);background:var(--surface);line-height:1;transition:color .15s ease,border-color .15s ease,background .15s ease}.pill{color:var(--text)}.pager a:hover,.pager a:focus-visible{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.detail{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(24px,4vw,46px);padding:clamp(24px,4vw,44px) 0 32px;align-items:start}.detail .eyebrow{display:block;margin-bottom:10px}.detail h1{font-size:clamp(24px,3.2vw,36px);line-height:1.25;letter-spacing:0;margin:0 0 14px}.detail .lead{margin-bottom:16px}.detail .meta{margin:0}.poster{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);position:sticky;top:78px}.poster img,.poster .thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(18px,2.2vw,24px)}.panel h2{margin-top:0}.reveal-panel{margin-top:24px}.reveal-panel form{display:grid;gap:14px;justify-items:start;margin-top:16px}.section-title{margin:clamp(28px,4vw,40px) 0 14px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:0}.preview-grid img{aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2)}.notice{color:var(--muted);line-height:1.7}.error,.panel.error{color:var(--danger)}.reveal-result{margin-top:16px;padding:15px 16px;background:#84c9a61a;border:1px solid rgba(132,201,166,.26);border-radius:var(--radius-md);color:var(--text);overflow-wrap:anywhere;line-height:1.7}.reveal-result a{color:var(--accent-text);text-decoration:underline;text-decoration-color:#8ad7e466;text-underline-offset:3px}@media(max-width:980px){.detail{grid-template-columns:1fr}.poster{max-width:420px;position:static}}@media(max-width:720px){.header-inner,.site-footer,main{width:min(100% - 28px,1280px)}.header-inner{padding:12px 0}nav{font-size:13px;gap:2px}nav a{padding:7px 10px}.toolbar{align-items:stretch;gap:14px}.searchbar,.searchbar--wide{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-body{padding:13px 13px 15px}.card h2{font-size:14px}.meta,.muted{font-size:12px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.header-inner,.site-footer,main{width:min(100% - 22px,1280px)}.grid{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}