:root{--bg:#0c0e13;--surface:#14171f;--surface-2:#1a1e29;--line:#232836;--text:#e9edf5;--muted:#8b93a7;--accent:#ffb020;--accent-ink:#1a1200;--shopee:#ee4d2d;--danger:#ff5d5d;--radius:14px;--player-h:86px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.container{max-width:1080px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.hidden-audio{display:none}.small{font-size:13px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(12,14,19,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:58px}.logo{font-weight:700;font-size:17px;letter-spacing:.2px}.logo-mark{color:var(--accent)}.top-nav a{color:var(--muted);padding:8px 12px;border-radius:8px}.top-nav a:hover{color:var(--text);background:var(--surface-2)}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 0 120px;font-size:13.5px;color:var(--muted)}.hero{padding:40px 0 8px}.hero h1{font-size:clamp(24px,4vw,34px);line-height:1.25;margin:0 0 10px}.hero p{color:var(--muted);margin:0;max-width:640px}.stats{display:flex;gap:22px;margin-top:18px;flex-wrap:wrap}.stat b{font-size:20px;color:var(--accent)}.stat span{display:block;color:var(--muted);font-size:13px}.search-form{display:flex;gap:8px;margin:26px 0 6px}.search-form input{flex:1 1;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 14px;font:inherit;outline:none}.search-form input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 16px;font-weight:600;transition:transform .06s ease,background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{background:#222738}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#ffc247}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-top:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .12s ease,border-color .12s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);border-color:#35405a}.card-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1d2230,#12141c)}.card-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--accent);opacity:.6}.badge{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;padding:3px 8px;border-radius:999px}.card-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:3px}.card-body h3{margin:0;font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px 0 10px}.empty{text-align:center;color:var(--muted);padding:60px 0}.breadcrumb{margin-top:18px;font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.story-hero{display:flex;gap:20px;margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.story-cover{width:220px;flex-shrink:0;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#1d2230}.story-cover img{width:100%;height:100%;object-fit:cover}.story-info h1{margin:4px 0 8px;font-size:clamp(19px,3vw,26px);line-height:1.3}.story-meta{display:flex;gap:14px;color:var(--muted);font-size:13.5px;flex-wrap:wrap;margin-bottom:10px}.story-desc{white-space:pre-line;color:#c3c9d8;font-size:14px;max-height:130px;overflow:hidden;position:relative}@media (max-width:640px){.story-hero{flex-direction:column}.story-cover{width:100%}}.section-title{margin:30px 0 12px;font-size:18px}.chapter-list{display:flex;flex-direction:column;gap:8px;margin-bottom:36px}.chapter-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 16px;transition:border-color .12s ease,background .12s ease}.chapter-row:hover{border-color:#35405a}.chapter-row.active{border-color:var(--accent);background:#1c1a12}.chapter-num{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.chapter-row.active .chapter-num{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chapter-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-dur{color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chapter-icon{color:var(--accent);font-size:15px;width:20px;text-align:center}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(17,20,28,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 0 10px;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.player-inner{display:flex;align-items:center;gap:14px}.player-info{min-width:0;width:220px;flex-shrink:0}.player-info .t{font-weight:600;font-size:13.5px}.player-info .s,.player-info .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info .s{color:var(--muted);font-size:12px}.player-controls{gap:6px}.icon-btn,.player-controls{display:flex;align-items:center}.icon-btn{background:none;border:none;color:var(--text);width:38px;height:38px;border-radius:50%;font-size:16px;justify-content:center}.icon-btn:hover{background:var(--surface-2)}.play-btn{width:46px;height:46px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);font-size:18px;display:flex;align-items:center;justify-content:center}.play-btn:active{transform:scale(.94)}.seek-wrap{display:flex;align-items:center;gap:10px;flex:1 1;min-width:120px}.seek{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:999px;background:var(--surface-2);outline:none;cursor:pointer}.seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:none}.seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:none}.time{font-size:12.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rate-btn,.time{white-space:nowrap}.rate-btn{border:1px solid var(--line);color:var(--text);padding:4px 10px;font-size:12.5px;font-weight:600}.rate-btn,.vol{background:var(--surface-2);border-radius:999px}.vol{width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;outline:none;cursor:pointer}.vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text)}@media (max-width:720px){.player-info,.rate-btn,.vol{display:none}}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,6,10,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}.gate-modal{background:var(--surface);border:1px solid #2b3245;border-radius:18px;max-width:420px;width:100%;padding:26px 24px 22px;text-align:center;position:relative;animation:pop .18s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.gate-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:20px;line-height:1;padding:6px}.gate-modal h2{margin:0 0 6px;font-size:19px}.gate-modal .gate-sub{color:var(--muted);font-size:13.5px;margin:0 0 18px}.shopee-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--shopee);color:#fff;border:none;border-radius:12px;padding:15px 18px;font-size:16px;font-weight:700;transition:filter .15s ease,transform .06s ease}.shopee-btn:hover{filter:brightness(1.08)}.shopee-btn:active{transform:scale(.98)}.gate-steps{text-align:left;margin:16px 0 4px;padding:0;list-style:none;counter-reset:step}.gate-steps li{counter-increment:step;display:flex;gap:10px;align-items:flex-start;color:#c3c9d8;font-size:13.5px;padding:5px 0}.gate-steps li:before{content:counter(step);flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.gate-banner{display:block;border-radius:12px;overflow:hidden;margin-bottom:12px;border:1px solid var(--line);transition:border-color .12s ease,transform .06s ease}.gate-banner:hover{border-color:var(--shopee)}.gate-banner:active{transform:scale(.99)}.gate-banner img{width:100%;display:block;aspect-ratio:2/1;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gate-countdown{margin:14px 0 4px;color:var(--muted);font-size:13.5px}.gate-note{margin-top:14px;font-size:12px;color:var(--muted)}.gate-error{color:var(--danger);font-size:13px;margin:10px 0 0}.alert{background:#2a1518;border:1px solid #55262b;color:#ffb3b3;border-radius:10px;padding:10px 14px;font-size:13.5px;margin:14px 0}.suggest-next{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1c1a12;border:1px solid #4b3c14;border-radius:12px;padding:12px 16px;margin:10px 0 20px;font-size:14px}