:root{--table-green: #1a6b3c;--table-dark: #145530;--table-border: #0d3d22;--gold: #f5c842;--card-white: #fffef8;--red: #e03030;--primary: #4a90d9;--primary-dark: #3570b0;--danger: #d94a4a;--text-light: #f0f0e8;--panel-bg: rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,-apple-system,sans-serif;background:var(--table-dark);color:var(--text-light)}button{cursor:pointer;border:none;border-radius:6px;font-size:15px;padding:10px 24px;font-weight:700;transition:all .15s;font-family:inherit}button:active{transform:scale(.96)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#5ba3e8,var(--primary-dark));color:#fff;box-shadow:0 2px 6px #0000004d}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#6bb3f8,#4080c0)}.btn-gold{background:linear-gradient(180deg,#ffd75e,#d4a012);color:#5a3e00;box-shadow:0 2px 6px #0000004d}.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#ffe070,#e0b020)}.btn-danger{background:linear-gradient(180deg,#e86060,#b03535);color:#fff}.btn-ghost{background:#ffffff1f;color:var(--text-light);border:1px solid rgba(255,255,255,.25)}.btn-ghost:hover:not(:disabled){background:#fff3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.panel{background:var(--panel-bg);border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}