:root{color-scheme:dark;--bg: #0a0a0b;--elev: #141419;--elev-2: #1a1a22;--card: #17171d;--card-hi: #1f1f26;--card-hover: #22222a;--border: rgba(255,255,255,.06);--border-hi: rgba(255,255,255,.14);--text: rgba(255,255,255,.95);--text-mid: rgba(255,255,255,.62);--text-dim: rgba(255,255,255,.4);--purple: #a78bfa;--purple-deep: #7c3aed;--pink: #ff6b8a;--red: #ff2e51;--cyan: #34d9a9;--grad-brand: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 50%, #ec4899 100%);--grad-nav-active: linear-gradient(135deg, rgba(139,92,246,.22) 0%, rgba(236,72,153,.1) 100%);--grad-active-solid: linear-gradient(135deg, rgba(139,92,246,.9) 0%, rgba(236,72,153,.75) 100%);--grad-series: linear-gradient(135deg, rgba(167,139,250,.42), rgba(236,72,153,.36));--grad-copy: linear-gradient(135deg, #ff2e51, #ff6b8a);--grad-random: linear-gradient(135deg, #ff2e51 0%, #ff6b8a 40%, #a78bfa 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--fs: 15px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--shadow-card: 0 4px 20px rgba(0,0,0,.32);--shadow-hover: 0 14px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:var(--text);font:500 var(--fs)/1.45 var(--font)}html{scrollbar-gutter:stable}body{overflow-x:hidden}img{max-width:100%;display:block}button,input,select,a{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.app{min-height:100vh;display:flex;flex-direction:column}#app{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 28px;background:#0a0a0bdb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;justify-self:start}.brand-mark{width:32px;height:32px;border-radius:10px;background:#000 url(../icon-256.png) center / 130% no-repeat;box-shadow:0 4px 14px #8b5cf661;flex-shrink:0}.brand-name{font-size:16.5px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.search-box{flex:1 1 320px;max-width:620px;min-width:200px;display:flex;align-items:center;gap:11px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border);transition:border-color .18s ease,background .18s ease}.search-box:focus-within{border-color:#a78bfa73;background:var(--elev-2)}.search-box svg{width:16px;height:16px;color:var(--text-dim);flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14.5px}.search-box input::placeholder{color:var(--text-dim)}.random-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 32px;min-width:280px;color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border:1px solid rgba(167,139,250,.5);border-radius:3px;background:linear-gradient(135deg,#8b5cf638,#ec489929,#8b5cf638),linear-gradient(to right,#0d0d13,#131319);box-shadow:0 0 0 1px #a78bfa2e,0 0 28px #a78bfa59,inset 0 1px #ffffff1a,inset 0 -1px #a78bfa33;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .16s ease,box-shadow .16s ease,letter-spacing .2s ease;flex-shrink:0;justify-self:center;overflow:hidden;isolation:isolate}.random-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.35) 45%,rgba(236,72,153,.25) 55%,transparent 100%);background-size:220% 100%;animation:random-scan 3.2s linear infinite;pointer-events:none;z-index:0}.random-btn:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(90deg,transparent 0,transparent 49%,rgba(167,139,250,.08) 50%,transparent 51%,transparent 100%) 0 0 / 4px 100%;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:overlay}.random-btn>*{position:relative;z-index:1}.random-btn:hover{transform:translateY(-1px);letter-spacing:.26em;box-shadow:0 0 0 1px #a78bfa66,0 0 42px #a78bfa99,inset 0 1px #ffffff2e,inset 0 -1px #ec489959}.random-btn:active{transform:translateY(0)}.random-btn .random-dice{font-size:18px;line-height:1;display:inline-block;filter:drop-shadow(0 0 6px rgba(167,139,250,.85));transition:transform .4s cubic-bezier(.4,1.3,.5,1)}.random-btn:hover .random-dice{transform:rotate(-15deg) scale(1.18)}.random-btn.spin .random-dice{animation:dice-spin .6s cubic-bezier(.4,1.3,.5,1)}.random-btn .random-label{display:inline-flex;align-items:center;gap:8px}.random-btn .random-label:before,.random-btn .random-label:after{content:"◆";font-size:7px;opacity:.75;color:var(--pink);text-shadow:0 0 8px rgba(236,72,153,.8)}@keyframes dice-spin{0%{transform:rotate(0) scale(1)}45%{transform:rotate(360deg) scale(1.28)}to{transform:rotate(720deg) scale(1)}}@keyframes random-scan{0%{background-position:220% 0}to{background-position:-220% 0}}.top-right{display:flex;align-items:center;flex-wrap:wrap;gap:4px;justify-self:end}.icon-btn{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-mid);transition:background .16s ease,color .16s ease}.icon-btn:hover{background:var(--elev);color:var(--text)}.icon-btn svg{width:17px;height:17px}.lang-dd{position:relative;margin-left:8px}.lang-dd-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border);color:var(--text-mid);font-size:13.5px;font-weight:600;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.lang-dd-trigger:hover,.lang-dd.open .lang-dd-trigger{color:var(--text);border-color:#a78bfa61;background:var(--elev-2)}.lang-dd-trigger .lang-globe{width:15px;height:15px;opacity:.85;flex-shrink:0}.lang-dd-trigger .lang-caret{width:12px;height:12px;opacity:.7;transition:transform .18s ease}.lang-dd.open .lang-dd-trigger .lang-caret{transform:rotate(180deg)}.lang-dd-label{letter-spacing:.01em}.lang-dd-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:172px;padding:6px;list-style:none;background:#14141af5;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(167,139,250,.22);border-radius:var(--radius-md);box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff08;opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60}.lang-dd.open .lang-dd-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lang-dd-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-mid);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.lang-dd-option:hover{background:#ffffff0d;color:var(--text)}.lang-dd-option.active{background:var(--grad-nav-active);color:#fff}.lang-dd-dot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;flex-shrink:0}.lang-dd-option.active .lang-dd-dot{background:linear-gradient(135deg,#a78bfa,#ff6b8a);box-shadow:0 0 8px #a78bfa8c}.lang-dd-name{flex:1}.lang-dd-check{width:14px;height:14px;color:var(--purple);flex-shrink:0}.cat-row{position:sticky;top:60px;z-index:40;display:flex;flex-wrap:wrap;gap:8px;padding:14px 28px 12px;background:#0a0a0bdb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.cat-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border);color:var(--text-mid);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease}.cat-chip:hover{color:var(--text);border-color:var(--border-hi);background:var(--elev-2)}.cat-chip.active{color:#fff;border-color:#a78bfa73;background:var(--grad-nav-active);box-shadow:0 2px 12px #8b5cf633}.cat-chip .cat-icon{font-size:14px;line-height:1;opacity:.95}.cat-chip .cat-count{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:5px;background:#ffffff0d;margin-left:3px}.cat-chip.active .cat-count{background:#ffffff29;color:#fff}.topic-row-wrap{position:relative;padding:12px 28px 4px}.topic-row{display:flex;flex-wrap:wrap;gap:6px;max-height:76px;overflow:hidden;padding-right:116px;transition:max-height .24s ease}.topic-row.has-more{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 10px),transparent 100%)}.topic-row.expanded{max-height:none;mask-image:none;-webkit-mask-image:none;padding-right:116px;padding-bottom:4px}.topic-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border);color:var(--text-mid);font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .14s ease,color .14s ease,border-color .14s ease}.topic-chip:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff08}.topic-chip.active{color:#fff;background:var(--grad-active-solid);border-color:transparent;box-shadow:0 4px 14px #8b5cf652}.topic-chip.topic-chip-all{border-color:#a78bfa47}.topic-chip .topic-count{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums;padding:0 5px;border-radius:4px;background:#ffffff0a}.topic-chip.active .topic-count{background:#fff3;color:#fff}.topic-all-btn{position:absolute;right:28px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--elev-2),var(--elev));border:1px solid rgba(167,139,250,.3);color:var(--text);font-size:12.5px;font-weight:700;box-shadow:0 4px 14px #0006;transition:background .16s ease,border-color .16s ease,transform .16s ease}.topic-all-btn:hover{background:var(--grad-nav-active);border-color:#a78bfa8c;transform:translate(2px)}.topic-all-btn svg{width:11px;height:11px;opacity:.85;transition:transform .24s ease}.topic-all-btn.expanded svg{transform:rotate(-90deg)}.detail-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 28px 10px}.detail-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;flex:1}.detail-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em}.detail-count{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--text-dim);padding:2px 9px;border-radius:5px;background:#ffffff0d;font-variant-numeric:tabular-nums}.detail-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-mode{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border)}.vm-btn{padding:5px 12px;border-radius:var(--radius-pill);color:var(--text-mid);font-size:12px;font-weight:600;line-height:1;transition:background .16s ease,color .16s ease}.vm-btn:hover{color:var(--text)}.vm-btn.active{background:var(--grad-nav-active);color:#fff;box-shadow:0 2px 8px #8b5cf638}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:72px 24px 24px;overflow-y:auto;animation:scrim-in .2s ease}.panel-scrim.open{display:flex}.topic-panel{width:min(960px,96vw);max-height:calc(100vh - 96px);display:flex;flex-direction:column;background:#14141afa;border:1px solid rgba(167,139,250,.22);border-radius:var(--radius-lg);box-shadow:0 24px 64px #000000b3;overflow:hidden}.panel-head{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.panel-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.005em}.panel-title .panel-icon{font-size:20px}.panel-title .panel-sub{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-dim);margin-left:2px}.panel-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border)}.panel-search:focus-within{border-color:#a78bfa73;background:var(--elev-2)}.panel-search svg{width:14px;height:14px;color:var(--text-dim);flex-shrink:0}.panel-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13.5px}.panel-search input::placeholder{color:var(--text-dim)}.panel-close{width:32px;height:32px;border-radius:50%;background:var(--elev);border:1px solid var(--border);color:var(--text-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .14s ease}.panel-close:hover{color:var(--text);border-color:var(--border-hi);background:var(--elev-2)}.panel-close svg{width:14px;height:14px}.panel-grid{flex:1;overflow-y:auto;padding:14px 16px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.panel-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text-mid);font-size:13px;font-weight:600;text-align:left;transition:all .14s ease}.panel-item:hover{color:var(--text);border-color:var(--border-hi);background:var(--elev);transform:translateY(-1px)}.panel-item.active{color:#fff;background:var(--grad-nav-active);border-color:#a78bfa73}.panel-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-item-count{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:4px;background:#ffffff0a}.panel-item.active .panel-item-count{background:#ffffff29;color:#fff}.panel-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);padding:40px 20px;font-size:13px}.waterfall{column-gap:18px;column-count:3;padding:10px 28px 60px}@media(min-width:1280px){.waterfall{column-count:4}}@media(min-width:1680px){.waterfall{column-count:5}}@media(min-width:2100px){.waterfall{column-count:6}}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:18px;display:block;width:100%}.card>.cover{border-radius:inherit;overflow:hidden}.card.is-stack{margin-bottom:32px}.card.is-stack .stack-layer{position:absolute;left:0;right:0;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);pointer-events:none;transition:transform .24s ease}.card.is-stack .stack-1{top:0;bottom:-7px;transform:scaleX(.955);opacity:.88}.card.is-stack .stack-2{top:0;bottom:-14px;transform:scaleX(.91);opacity:.62}.card.is-stack:hover .stack-1{transform:scaleX(.955) translateY(-2px)}.card.is-stack:hover .stack-2{transform:scaleX(.91) translateY(-4px)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#ffffff1f}.card:hover .cover img{transform:scale(1.06)}.card:hover .mini-btn{opacity:1;transform:translateY(0)}.cover{position:relative;aspect-ratio:var(--ar, 1/1);overflow:hidden;background:linear-gradient(135deg,#1a1a20,#0e0e12)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:38px;color:#ffffff2e;background:linear-gradient(135deg,hsl(var(--hue, 280),35%,18%),hsl(var(--hue, 280),20%,10%))}.cover img.failed{display:none}.cover img.failed+.cover-placeholder{display:flex}.card-overlay{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,transparent 100%);color:#fff;transition:background .22s ease;pointer-events:none}.card:hover .card-overlay{background:linear-gradient(to top,#000000eb,#0009 55%,#0000001a)}.card-title{font-size:16px;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.series-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 11px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#a78bfaf2,#ec4899d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 18px #a78bfa73}.series-badge svg{width:14px;height:14px}.series-badge .n{font-variant-numeric:tabular-nums}.mini-btn{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .22s ease,background .16s ease,color .16s ease;opacity:0;transform:translateY(4px);z-index:3}.mini-btn:hover{color:var(--purple);background:#18181eeb;border-color:#a78bfa80}.mini-btn svg{width:15px;height:15px}@media(hover:none){.mini-btn{opacity:1;transform:translateY(0)}}.empty{column-span:all;padding:60px 20px;text-align:center;color:var(--text-dim);font-size:13px}.foot{text-align:center;padding:20px;color:var(--text-dim);font-size:11.5px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:30px}.modal-scrim.open{display:flex;animation:scrim-in .22s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}body.modal-open{overflow:hidden}.modal{position:relative;display:grid;grid-template-columns:1.2fr .9fr;width:min(1260px,96vw);max-height:92vh;background:#101014;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #000000b3}.modal-close{position:absolute;top:14px;right:14px;z-index:20;width:36px;height:36px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#18181ce6;border-color:#fff3}.modal-close svg{width:17px;height:17px}.modal-media{position:relative;background:#05050a;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden}.modal-media img{max-width:100%;max-height:92vh;object-fit:contain}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#0a0a0cad;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.16);color:#fff;display:none;align-items:center;justify-content:center;z-index:12;transition:all .2s ease;box-shadow:0 8px 24px #00000080}.nav-arrow.show{display:flex}.nav-arrow:hover{background:#18181cf0;border-color:#a78bfa80;transform:translateY(-50%) scale(1.08)}.nav-arrow.prev{left:14px}.nav-arrow.next{right:14px}.nav-arrow svg{width:20px;height:20px}.modal-side{position:relative;padding:28px 30px 84px;display:flex;flex-direction:column;max-height:92vh;min-height:0;overflow:hidden;background:#0f0f14}.modal-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#a78bfa24,#ff6b8a1a);border:1px solid rgba(167,139,250,.3);color:#d4c5fd;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:14px;align-self:flex-start}.modal-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#ff6b8a)}.modal-eyebrow .pos{margin-left:4px;font-family:var(--font-mono);font-weight:700;color:#fff;background:#ffffff14;padding:1px 8px;border-radius:4px;font-size:10.5px}.modal-title{font-size:24px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.015em;margin-bottom:4px}.modal-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.m-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;font-family:var(--font-mono);border:1px solid transparent;letter-spacing:.01em}.m-pill-topic{background:linear-gradient(135deg,#a78bfa24,#ff6b8a14);color:#c4b5fd;border-color:#a78bfa42}.m-pill-aspect{background:#ffffff0d;color:#ffffffb3;border-color:#ffffff1a}.m-pill-type{background:#34d9a91a;color:var(--cyan);border-color:#34d9a938}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.tag-chip{padding:3px 10px;border-radius:var(--radius-pill);background:#ffffff0a;color:#ffffffb8;font-size:11.5px;border:1px solid rgba(255,255,255,.06);transition:all .15s ease}.tag-chip:hover{background:#a78bfa1f;color:#c4b5fd;border-color:#a78bfa47}.prompt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.prompt-label{font-size:10.5px;font-weight:800;color:#ffffff85;letter-spacing:.14em;text-transform:uppercase}.copy-big{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-pill);background:var(--grad-brand);color:#fff;font-weight:700;font-size:12.5px;box-shadow:0 5px 14px #8b5cf661;transition:transform .15s ease,box-shadow .15s ease}.copy-big:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8b5cf68c}.copy-big svg{width:13px;height:13px}.prompt-text{flex:1;min-height:0;background:#08080c;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.62;color:#ffffffd1;white-space:pre-wrap;word-break:break-word;overflow-y:auto;margin-bottom:0}.modal-actions{position:absolute;right:24px;bottom:22px;display:flex;gap:10px;z-index:12}.modal-action{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--elev);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.modal-action:hover{border-color:#a78bfa73;background:#a78bfa14;color:#fff;transform:translateY(-1px)}.modal-action svg{width:15px;height:15px;opacity:.85;flex-shrink:0}.series-dots{display:none;gap:6px;align-items:center;margin-left:6px}.series-dots.show{display:flex}.series-dots .dot{width:7px;height:7px;border-radius:50%;background:#ffffff38;cursor:pointer;border:none;padding:0;transition:all .2s ease}.series-dots .dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#a78bfa,#ff6b8a)}.series-dots .dot:hover:not(.active){background:#ffffff80}.toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%) translateY(20px);background:#14141af5;color:#fff;font-size:13px;font-weight:600;padding:11px 22px;border-radius:var(--radius-pill);border:1px solid rgba(167,139,250,.32);box-shadow:0 12px 40px #0009;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:200;display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{width:15px;height:15px;color:var(--cyan)}@media(max-width:900px){.topbar{display:flex;flex-wrap:wrap;padding:10px 14px;gap:10px}.brand{flex:1;justify-self:auto}.top-right{margin-left:auto;justify-self:auto}.random-btn{order:3;flex:1 1 100%;min-width:0;padding:11px 20px;font-size:12px;letter-spacing:.18em;justify-self:auto}.cat-row{padding:10px 14px 8px;gap:6px;top:104px}.cat-chip{padding:7px 11px 7px 10px;font-size:12px}.topic-row-wrap{padding:10px 14px 2px}.topic-row{gap:5px;max-height:72px;padding-right:100px}.topic-all-btn{right:14px}.detail-bar{padding:12px 14px 8px}.detail-title{font-size:17px}.detail-right{width:100%;justify-content:flex-end}.waterfall{padding:6px 14px 40px;column-count:2;column-gap:10px}.card{margin-bottom:10px}.panel-scrim{padding:20px 12px}.panel-head{padding:12px 14px;gap:10px}.panel-search{min-width:160px}.panel-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal{grid-template-columns:1fr;max-height:94vh}.modal-media{max-height:48vh}.modal-side{padding:20px}.modal-action{padding:9px 14px;font-size:12.5px}}@media(max-width:540px){.cat-chip .cat-label{display:none}.cat-chip{padding:7px 10px;gap:5px}.cat-chip .cat-icon{font-size:15px}}
