卡师传奇

:root{--game-bg:#050711;--game-panel-bg:#101321;--game-panel-bg-alt:#171a2a;--game-accent:#37ffe0;--game-accent-soft:rgba(55,255,224,0.2);--game-danger:#ff4e6a;--game-warning:#ffcc4d;--game-text-main:#f4f8ff;--game-text-muted:#8b92b7;--game-border:#2b314b;--game-shadow-strong:0 0 24px rgba(0,0,0,0.9);--game-radius-lg:14px;--game-radius-md:10px;--game-radius-sm:6px;--game-transition-fast:0.18s ease-out;--game-transition-slow:0.28s ease-out;}
body{background:radial-gradient(circle at top,#1b2140 0%,#050711 55%,#010109 100%);color:var(--game-text-main);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;}
.game-ui-root{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100vh;padding:80px 16px 24px 16px;box-sizing:border-box;}
.game-status-bar{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:96%;max-width:1100px;height:64px;background:linear-gradient(135deg,rgba(8,10,22,0.95),rgba(8,10,22,0.98));border-radius:999px;border:1px solid rgba(130,152,255,0.3);box-shadow:0 0 0 1px rgba(23,30,74,0.8),0 18px 45px rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:space-between;padding:8px 18px 10px 18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-sizing:border-box;overflow:hidden;}
.game-status-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(0,0,0,0.7);pointer-events:none;}
.game-status-bar::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at top,rgba(110,140,255,0.16),transparent 55%);mix-blend-mode:screen;pointer-events:none;}
.game-status-left,.game-status-center,.game-status-right{display:flex;align-items:center;gap:10px;position:relative;z-index:1;}
.game-status-left{flex:0 0 auto;min-width:180px;}
.game-status-center{flex:1 1 auto;justify-content:center;}
.game-status-right{flex:0 0 auto;justify-content:flex-end;min-width:180px;}
.game-status-avatar{width:42px;height:42px;border-radius:18px;background:radial-gradient(circle at 30% 20%,#ffffff,rgba(200,210,255,0.4) 32%,rgba(18,22,48,1) 65%);box-shadow:0 0 0 2px rgba(55,255,224,0.15),0 0 0 1px rgba(12,15,34,1),0 10px 18px rgba(0,0,0,0.7);position:relative;overflow:hidden;}
.game-status-avatar::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 0 18px rgba(0,0,0,0.7);}
.game-status-meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.game-status-name{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#fdfcff;text-shadow:0 0 8px rgba(112,148,255,0.7);}
.game-status-role{font-size:11px;color:var(--game-text-muted);letter-spacing:0.08em;text-transform:uppercase;}
.game-status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid rgba(55,255,224,0.35);background:radial-gradient(circle at 0% 0%,rgba(55,255,224,0.35),rgba(10,18,34,0.4));box-shadow:0 0 10px rgba(55,255,224,0.4);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:rgba(218,255,248,0.95);}
.game-status-tag-dot{width:6px;height:6px;border-radius:999px;background:var(--game-accent);box-shadow:0 0 8px rgba(55,255,224,1);}
.game-status-bars{display:flex;flex-direction:column;gap:3px;min-width:220px;max-width:320px;}
.game-status-bar-row{display:flex;align-items:center;gap:6px;}
.game-status-bar-label{width:26px;font-size:9px;text-transform:uppercase;letter-spacing:0.14em;color:var(--game-text-muted);}
.game-status-bar-track{flex:1;border-radius:999px;background:radial-gradient(circle at 0 50%,rgba(255,255,255,0.06),rgba(7,9,20,0.9));box-shadow:inset 0 0 0 1px rgba(32,40,86,0.85),0 0 0 1px rgba(0,0,0,0.8);position:relative;height:14px;overflow:hidden;}
.game-status-bar-track::before{content:"";position:absolute;inset:1px;border-radius:999px;border:1px solid rgba(0,0,0,0.9);opacity:0.9;}
.game-status-bar-fill{position:absolute;inset:2px;right:auto;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.6),rgba(255,255,255,0.9));mix-blend-mode:soft-light;opacity:0.55;pointer-events:none;}
.game-status-bar-value{position:absolute;inset:2px;border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;box-sizing:border-box;font-size:9px;font-weight:600;text-shadow:0 0 6px rgba(0,0,0,0.9);}
.game-status-bar-value span{opacity:0.86;}
.game-status-bar-track.game-hp{background:radial-gradient(circle at 0 50%,rgba(255,121,135,0.28),rgba(18,4,9,0.95));box-shadow:inset 0 0 0 1px rgba(142,36,54,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-hp .game-status-bar-value{background:linear-gradient(90deg,#ff375f,#ff4e6a,#ff7a45);color:#ffeef4;box-shadow:0 0 16px rgba(255,71,112,0.9);}
.game-status-bar-track.game-mp{background:radial-gradient(circle at 0 50%,rgba(126,217,255,0.3),rgba(4,14,26,0.96));box-shadow:inset 0 0 0 1px rgba(41,109,175,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-mp .game-status-bar-value{background:linear-gradient(90deg,#46a2ff,#6b7dff,#37ffe0);color:#f1f8ff;box-shadow:0 0 16px rgba(85,158,255,0.9);}
.game-status-bar-track.game-xp{background:radial-gradient(circle at 0 50%,rgba(255,241,158,0.3),rgba(24,16,4,0.96));box-shadow:inset 0 0 0 1px rgba(185,129,40,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-xp .game-status-bar-value{background:linear-gradient(90deg,#ffb347,#ffe66d,#37ffe0);color:#fffaf0;box-shadow:0 0 18px rgba(255,198,79,0.9);}
.game-status-pips{display:flex;align-items:center;gap:4px;margin-left:6px;}
.game-status-pip{width:8px;height:8px;border-radius:3px;border:1px solid rgba(165,181,255,0.9);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.95),rgba(138,163,255,0.8) 36%,rgba(7,10,24,1) 70%);box-shadow:0 0 8px rgba(119,145,255,0.9);}
.game-status-pip.game-status-pip--empty{background:radial-gradient(circle at 30% 20%,rgba(31,35,64,1),rgba(7,10,24,1));box-shadow:none;opacity:0.4;}
.game-status-clock{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--game-text-muted);text-shadow:0 0 8px rgba(0,0,0,0.8);}
.game-status-clock-icon{width:18px;height:18px;border-radius:6px;border:1px solid rgba(97,116,178,0.9);background:radial-gradient(circle at 30% 10%,rgba(255,255,255,0.75),rgba(96,124,214,0.6) 40%,rgba(6,9,24,1) 75%);box-shadow:0 0 12px rgba(114,139,235,0.9);}
.game-status-resource{display:flex;align-items:center;gap:8px;padding:4px 9px 4px 7px;border-radius:999px;border:1px solid rgba(55,255,224,0.4);background:radial-gradient(circle at 0 0,rgba(55,255,224,0.35),rgba(5,8,24,0.95));box-shadow:0 0 16px rgba(55,255,224,0.7);font-size:11px;color:rgba(210,255,244,0.98);text-shadow:0 0 10px rgba(0,0,0,0.9);}
.game-status-resource-dot{width:7px;height:7px;border-radius:999px;background:var(--game-accent);box-shadow:0 0 12px rgba(55,255,224,1);}
.game-status-resource-value{font-variant-numeric:tabular-nums;}
.game-status-buttons{display:flex;align-items:center;gap:8px;margin-left:10px;}
.game-status-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(125,141,222,0.9);background:radial-gradient(circle at 0 0,rgba(151,168,255,0.35),rgba(9,11,30,0.95));box-shadow:0 0 18px rgba(112,139,255,0.9);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:#f6f2ff;cursor:default;}
.game-status-chip::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.85);mix-blend-mode:multiply;pointer-events:none;}
.game-status-chip-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:14px;padding:0 4px;border-radius:5px;border:1px solid rgba(247,250,255,0.9);background:linear-gradient(to bottom,#ffffff,#b9c7ff);box-shadow:0 2px 0 rgba(40,46,98,1),0 0 10px rgba(171,187,255,0.9);font-size:9px;font-weight:700;color:#161a3a;}
.game-status-chip-label{opacity:0.95;}
.game-status-indicator{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid rgba(235,190,92,0.9);background:radial-gradient(circle at 0 0,rgba(255,221,140,0.4),rgba(21,18,6,0.95));box-shadow:0 0 18px rgba(255,194,79,0.9);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:#fff5da;}
.game-status-indicator-light{width:7px;height:7px;border-radius:999px;background:var(--game-warning);box-shadow:0 0 10px rgba(255,199,102,1);}
.game-dialog-layer{position:relative;width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:flex-end;z-index:0;}
.game-dialog-panel{position:relative;width:100%;background:linear-gradient(145deg,rgba(6,8,20,0.96),rgba(13,16,34,0.98));border-radius:var(--game-radius-lg);border:1px solid rgba(118,138,228,0.9);box-shadow:var(--game-shadow-strong),0 0 0 1px rgba(0,0,0,0.85),0 0 40px rgba(79,108,255,0.7);padding:14px 16px 13px 16px;box-sizing:border-box;overflow:hidden;}
.game-dialog-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 0 0,rgba(69,113,255,0.42),transparent 52%),radial-gradient(circle at 100% 100%,rgba(55,255,224,0.32),transparent 52%);mix-blend-mode:screen;opacity:0.8;pointer-events:none;}
.game-dialog-panel::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.9);box-shadow:inset 0 0 30px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,2.1fr);column-gap:18px;align-items:stretch;z-index:1;}
.game-dialog-character{display:flex;flex-direction:column;gap:10px;}
.game-dialog-character-header{display:flex;align-items:center;gap:10px;}
.game-dialog-character-avatar{width:60px;height:60px;border-radius:22px;background:radial-gradient(circle at 20% 10%,#ffffff,rgba(186,203,255,0.9) 35%,rgba(19,25,68,1) 65%);box-shadow:0 0 0 3px rgba(55,255,224,0.55),0 0 0 1px rgba(6,10,30,1),0 18px 25px rgba(0,0,0,0.9);position:relative;overflow:hidden;}
.game-dialog-character-avatar::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.22);box-shadow:inset 0 0 18px rgba(0,0,0,0.7);}
.game-dialog-character-meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.game-dialog-character-name{font-size:15px;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#ffffff;text-shadow:0 0 16px rgba(55,255,224,0.9);}
.game-dialog-character-title{font-size:11px;color:var(--game-text-muted);text-transform:uppercase;letter-spacing:0.14em;}
.game-dialog-character-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;}
.game-dialog-character-tag{padding:3px 7px;border-radius:999px;border:1px solid rgba(130,149,255,0.95);background:linear-gradient(120deg,rgba(139,162,255,0.3),rgba(8,10,26,0.96));box-shadow:0 0 14px rgba(130,151,255,0.95);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:#edf2ff;}
.game-dialog-character-frame{position:relative;flex:1;border-radius:var(--game-radius-md);border:1px solid rgba(63,79,158,0.95);background:radial-gradient(circle at 0 0,rgba(89,121,255,0.28),transparent 60%),radial-gradient(circle at 100% 100%,rgba(37,255,206,0.25),transparent 55%),radial-gradient(circle at 50% 120%,rgba(2,4,13,1),rgba(2,4,13,1));box-shadow:0 0 0 1px rgba(0,0,0,0.85),0 18px 35px rgba(0,0,0,0.95);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:10px 8px;box-sizing:border-box;}
.game-dialog-character-frame::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(9,12,32,1);box-shadow:inset 0 0 30px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-character-silhouette{position:relative;width:90%;max-width:230px;height:140px;border-radius:999px;background:radial-gradient(circle at 50% 0,rgba(216,230,255,0.45),rgba(55,255,224,0.25) 22%,rgba(8,14,30,1) 60%);opacity:0.98;filter:drop-shadow(0 22px 40px rgba(0,0,0,0.95));}
.game-dialog-characte

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。