:root{--bg0:#07060a;--bg1:#0f0d16;--card:#14111c;--card2:#1a1624;--text:#efe9d6;--muted:#b9b1a2;--faint:#7e768a;--line:hsla(0,0%,100%,.08);--gold:#d6b56a;--red:#b64a4a;--shadow:0 24px 80px rgba(0,0,0,.55);--radius:18px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 20% 0,hsla(42,57%,63%,.12),transparent 55%),radial-gradient(900px 600px at 90% 10%,rgba(182,74,74,.1),transparent 55%),radial-gradient(900px 700px at 50% 110%,hsla(264,8%,50%,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:ui-serif,"Noto Serif TC",Songti SC,PMingLiU,serif;letter-spacing:.2px}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:980px;margin:0 auto;padding:24px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;flex-direction:column;gap:4px}.brandTitle{font-size:18px;letter-spacing:1.2px}.brandSub{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}@media (min-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--line);background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border-radius:var(--radius);padding:16px;box-shadow:0 16px 60px rgba(0,0,0,.4)}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.name{font-size:18px;letter-spacing:.6px}.tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.lock{color:var(--red)}.fate{margin-top:6px;color:var(--gold)}.desc,.fate{font-size:13px}.desc{margin-top:10px;color:var(--muted);line-height:1.55}.stats{margin-top:12px;color:var(--faint);font-size:12px}.ctaRow,.stats{display:flex;gap:10px}.ctaRow{margin-top:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsla(42,57%,63%,.35);background:linear-gradient(180deg,hsla(42,57%,63%,.18),hsla(42,57%,63%,.08));color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;transition:transform .08s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);border-color:hsla(42,57%,63%,.55)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btnGhost{background:hsla(0,0%,100%,.02);color:var(--muted)}.btnGhost,.panel{border:1px solid var(--line)}.panel{margin-top:16px;background:rgba(0,0,0,.28);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panelHeader{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panelTitle{display:flex;flex-direction:column;gap:4px}.panelTitle b{font-weight:600}.panelTitle span{font-size:12px;color:var(--muted)}.panelBody{padding:16px}.scene{line-height:1.75;font-size:15px;white-space:pre-wrap}.divider{height:1px;background:var(--line);margin:14px 0}.actions,.nav{display:flex;flex-wrap:wrap;gap:10px}.nav{margin-top:10px}.small{font-size:12px}.small,.toast{color:var(--muted)}.toast{margin-top:12px;padding:12px;border:1px dashed hsla(42,57%,63%,.35);border-radius:14px;background:hsla(42,57%,63%,.08);line-height:1.6;white-space:pre-wrap}.debugToggle{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debugPanel{margin-top:14px;padding:12px;border:1px dashed hsla(42,57%,63%,.35);border-radius:14px;background:hsla(42,57%,63%,.06)}.debugPre{margin-top:8px;max-height:260px;overflow:auto;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:10px;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45}