@charset "UTF-8";.offline-bar{position:fixed;top:0;left:0;right:0;z-index:9999;background:#f87171;color:#fff;text-align:center;padding:6px 12px;font-size:13px;font-weight:500}:root{--bg-canvas: #0B0E14;--bg-surface: #10141C;--bg-elevated: #141923;--bg-elevated-2: #1A1F2B;--bg-input: #0B0E14;--border-subtle: rgba(255,255,255,.04);--border-soft: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.1);--text-primary: #E8E5DC;--text-secondary: #C9CBD3;--text-tertiary: #9AA0AB;--text-muted: rgba(255,255,255,.4);--gold-50: #FBF1DD;--gold-100: #F4DDA8;--gold-200: #EAC681;--gold-300: #E0B25E;--gold-400: #D49A3F;--gold-500: #C2862A;--gold-ink: #1A1208;--up: #7DD37D;--down: #E07A7A;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-md: 0 6px 24px -6px rgba(0,0,0,.4);--grad-gold: linear-gradient(135deg, var(--gold-300), var(--gold-500));--grad-active: linear-gradient(90deg, rgba(224,178,94,.14), rgba(224,178,94,.02))}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card__hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.card__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.card__title :first-child{color:var(--gold-300)}.card__sub{font-size:11px;color:var(--text-muted);font-weight:400}.card__bd{padding:16px 18px}.card__hd-r{display:flex;align-items:center;gap:12px}.btn{font-size:12px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn--gold{background:var(--grad-gold);color:var(--gold-ink);font-weight:600}.btn--gold:hover{filter:brightness(1.06)}.btn--ghost{background:transparent;color:var(--gold-300);border:1px solid rgba(224,178,94,.4)}.btn--ghost:hover{background:#e0b25e0f}.btn--outline{background:transparent;color:var(--gold-300);border:1px solid rgba(224,178,94,.4)}.btn--outline:hover{background:#e0b25e0f}.btn--soft{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn--soft:hover{color:#fff}.btn--sm{padding:4px 12px;font-size:11px}.link{font-size:11px;color:var(--gold-300);cursor:pointer}.link:hover{color:var(--gold-200)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;font-size:10px}.chip--g{background:#7dd37d24;color:var(--up)}.chip--y{background:#e0b25e29;color:var(--gold-300)}.chip--b{background:#7aa2e024;color:#7aa2e0}.chip--p{background:#b27ae024;color:#b27ae0}.chip--c{background:#67e8f924;color:#67e8f9}.chip--r{background:#f472b624;color:#f472b6}.chip--orange{background:#e0b25e24;color:var(--gold-300)}.chip--green{background:#7dd37d24;color:var(--up)}.chip--blue{background:#7aa2e024;color:#7aa2e0}.chip--violet{background:#b27ae024;color:#b27ae0}.chip--cyan{background:#67e8f924;color:#67e8f9}.chip--pink{background:#f472b624;color:#f472b6}.thumb{background-size:cover;background-position:center}.t1{background-image:linear-gradient(135deg,#3a2a1a,#7d5a3a)}.t2{background-image:linear-gradient(135deg,#1a2a3a,#3a5a7d)}.t3{background-image:linear-gradient(135deg,#3a1a2a,#7d3a5a)}.t4{background-image:linear-gradient(135deg,#2a3a1a,#5a7d3a)}.t5{background-image:linear-gradient(135deg,#2a1a3a,#5a3a7d)}.t6{background-image:linear-gradient(135deg,#3a3a1a,#7d7d3a)}.t7{background-image:linear-gradient(135deg,#1a3a2a,#3a7d5a)}.t8{background-image:linear-gradient(135deg,#3a1a1a,#7d3a3a)}.up{color:var(--up)}.down{color:var(--down)}.field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:12.5px;outline:none}.field:focus{border-color:#e0b25e66}.pgn{display:inline-flex;align-items:center;gap:4px}.pgn-item{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-tertiary);cursor:pointer}.pgn-item:hover{background:#ffffff0d;color:var(--text-primary)}.pgn-item.is-on{background:#e0b25e29;color:var(--gold-300)}.page-head{margin-bottom:18px}.page-head h1{margin:0;font-size:22px;font-weight:600;color:#fff}.page-head p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.page-head--bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head__main{min-width:0}.page-head__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}