:root{--primary:#2b5fed;--primary-hover:#507df5;--primary-active:#2049b8;--primary-light:#eef2fe;--primary-border:#c5d2fb;--success:#18bf66;--success-light:#e8f8f0;--warning:#ff6933;--warning-light:#fff0eb;--danger:#f1404b;--danger-light:#fdecee;--text:#27264d;--text-secondary:#606266;--text-tertiary:#999;--text-disabled:#c0c4cc;--border:#e4e7ed;--border-light:#f5f7fa;--bg:#f5f7fa;--card-bg:#fff;--shadow:0 2px 12px 0 #0000000d;--radius-card:8px;--radius-btn:4px;--radius-chip:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at top right, #2b5fed14, transparent 22%), var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.57}#root{min-height:100vh}.layout{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.side{color:#dbe5ff;z-index:10;background:linear-gradient(#0b1735 0%,#101b3e 38%,#0c1530 100%);border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;padding:24px 0;display:flex;position:sticky;top:0;box-shadow:10px 0 30px #0a12282e}.side-brand{border-bottom:1px solid #ffffff14;margin-bottom:10px;padding:0 20px 20px}.side-brand .logo{color:#fff;letter-spacing:.5px;font-size:19px;font-weight:700}.side-brand .ver{color:#dbe5ff9e;margin-top:6px;font-size:11px}.side-section{padding:12px 20px 4px}.side-section .label{text-transform:uppercase;letter-spacing:1.5px;color:#a0aed085;font-size:10px;font-weight:600}.side nav{flex:1;padding:4px 12px}.side nav a{color:#dbe5ffb8;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:11px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.side nav a:hover{color:#f8fbff;background:#ffffff0f;transform:translate(2px)}.side nav a.active{color:#fff;background:linear-gradient(90deg,#2b5fede0 0%,#507df5b8 100%);font-weight:600;box-shadow:0 8px 18px #2b5fed40}.side nav a .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.side nav a.active .dot{background:#fff;box-shadow:0 0 10px #ffffff73}.wrap{max-width:1480px;padding:28px 32px 40px}.page-header{box-shadow:var(--shadow);background:linear-gradient(#fffffff5 0%,#ffffffe0 100%);border:1px solid #e4e7ede6;border-radius:12px;margin-bottom:20px;padding:24px 28px;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%);width:160px;height:4px;position:absolute;inset:0 auto auto 0}.page-header .top-row{justify-content:space-between;align-items:flex-start;display:flex}.page-header h1{color:var(--text);letter-spacing:0;margin:0;font-size:24px;font-weight:700;line-height:32px}.page-header .subtitle{color:var(--text-secondary);max-width:560px;margin-top:6px;font-size:13px;line-height:20px}.page-header .meta{color:var(--text-tertiary);border:1px solid var(--border);background:#f5f7fae0;border-radius:999px;gap:16px;padding:8px 14px;font-size:12px;line-height:20px;display:flex}.page-header .meta span{align-items:center;gap:4px;display:flex}.top{box-shadow:var(--shadow);background:linear-gradient(#fffffff5 0%,#ffffffe0 100%);border:1px solid #e4e7ede6;border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.top:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%);width:160px;height:4px;position:absolute;inset:0 auto auto 0}.top h1{color:var(--text);margin:0 0 6px;font-size:26px;font-weight:700}.top p{color:var(--text-secondary);margin:0;font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-btn);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:#fff;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--primary-border);color:var(--primary)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-active);box-shadow:0 4px 12px #2b5fed40}.btn.ghost{color:var(--text-tertiary);background:0 0;border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed}.role-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.role-bar:before{content:"";background:linear-gradient(180deg, var(--primary) 0%, var(--primary-hover) 100%);width:4px;position:absolute;top:0;bottom:0;left:0}.role-bar .role-label{color:var(--text-tertiary);font-size:12px;line-height:20px}.role-bar .role-tag{background:var(--primary-light);color:var(--primary);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;line-height:20px}.role-bar select{border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text);cursor:pointer;background:#fff;outline:none;padding:6px 10px;font-size:14px;line-height:20px}.role-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.role-bar .role-scope{color:var(--text-secondary);background:var(--border-light);border-radius:var(--radius-btn);padding:4px 10px;font-size:12px;line-height:20px}.role-bar .role-tip{color:var(--primary);margin-left:auto;font-size:12px;font-weight:500;line-height:20px}.role-empty{text-align:center;color:var(--text-tertiary);background:var(--card-bg);border-radius:var(--radius-card);border:1px dashed var(--border);padding:80px 20px;display:none}.role-empty strong{color:var(--primary);margin-bottom:8px;font-size:18px;display:block}.role-empty p{margin-top:4px;font-size:13px}.filters{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;padding:18px 20px;display:grid}.filters.filters-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px}.filter-group{flex-direction:column;gap:8px;padding:4px 0;display:flex}.filter-group label{color:var(--text-tertiary);letter-spacing:.2px;font-size:12px;font-weight:500;line-height:20px}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;line-height:20px;transition:all .2s}.filter-chip:hover{border-color:var(--primary-border);color:var(--primary)}.filter-chip.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px #2b5fed14}.filter-chip.role-locked{pointer-events:none;opacity:.4}.kpi-row{grid-template-columns:1.25fr repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg,#2b5fed29 0%,#2b5fed8c 100%);width:100%;height:3px;position:absolute;inset:0 auto auto 0}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #27264d14}.kpi-card .kpi-label{color:var(--text-tertiary);margin-bottom:10px;font-size:12px;font-weight:500;line-height:20px}.kpi-card .kpi-value{color:var(--text);letter-spacing:-.6px;font-size:32px;font-weight:700;line-height:1.15}.kpi-card .kpi-change{background:#f8fafc;border-radius:999px;align-items:center;gap:4px;margin-top:10px;padding:4px 8px;font-size:12px;line-height:20px;display:inline-flex}.kpi-card .kpi-change.up{color:var(--success)}.kpi-card .kpi-change.down{color:var(--danger)}.kpi-card.featured{background:linear-gradient(135deg,#17337f 0%,#2b5fed 58%,#507df5 100%);border-color:#2b5fed73;box-shadow:0 16px 34px #2b5fed38}.kpi-card.featured:before{background:#ffffff42}.kpi-card.featured .kpi-label,.kpi-card.featured .kpi-value{color:#fff}.kpi-card.featured .kpi-change{color:#dff6ea;background:#ffffff1f}.kpi-row-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.content-grid{grid-template-columns:1.6fr .95fr;gap:20px;margin-bottom:20px;display:grid}.content-grid-equal{grid-template-columns:1.2fr 1fr}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%);width:72px;height:3px;position:absolute;inset:0 auto auto 0}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:18px;font-weight:700;line-height:26px}.panel-header .panel-meta{color:var(--text-tertiary);font-size:12px;line-height:20px}.panel-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:22px}.chart-box{border-radius:var(--radius-card);background:linear-gradient(#f9fbff 0%,#f4f7ff 100%);border:1px solid #c5d2fb8f;min-height:200px;padding:8px;overflow:hidden}.panel h2{color:var(--text);margin:0 0 14px;font-size:16px;font-weight:600}.tabs{gap:10px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:999px;padding:10px 16px;font-size:13px;transition:all .2s}.tab:hover{border-color:var(--primary-border);color:var(--primary)}.tab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:600}.tab.locked{opacity:.4;pointer-events:none;background:var(--border-light);color:var(--text-tertiary)}.subtabs{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.subtab{border-radius:var(--radius-btn);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:#fff;padding:10px 16px;font-size:13px;transition:all .2s}.subtab:hover{border-color:var(--primary-border);color:var(--primary)}.subtab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:600}.period-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px;font-size:13px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:14px}th{color:var(--text-tertiary);white-space:nowrap;font-size:12px;font-weight:600}td.col-val{text-align:right;font-variant-numeric:tabular-nums}td.col-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}td.col-file{color:var(--text);word-break:break-word;min-width:180px;font-weight:600;line-height:1.5}td.col-status{white-space:nowrap;text-align:center}td.col-op{white-space:nowrap}td.col-id{white-space:nowrap;color:var(--text-secondary);font-size:12px}tr.row-fail{background:var(--danger-light)}tr.row-fail td:first-child{border-left:3px solid var(--danger)}.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.tag-ok{background:var(--success-light);color:var(--success)}.tag-warn{background:var(--warning-light);color:var(--warning)}.tag-alert{background:var(--danger-light);color:var(--danger)}.status{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.ok{background:var(--success-light);color:var(--success)}.doing{background:var(--warning-light);color:var(--warning)}.fail{background:var(--danger-light);color:var(--danger)}.rank-list{flex-direction:column;gap:4px;display:flex}.rank-item{color:var(--text);border-radius:8px;grid-template-columns:72px 1fr 64px 52px;align-items:center;gap:12px;padding:12px;font-size:13px;text-decoration:none;transition:background .15s,transform .15s;display:grid}.rank-item:hover{background:var(--border-light);transform:translate(2px)}.rank-item .rank-name{font-weight:600}.rank-item .rank-bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.rank-item .rank-bar span{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%);border-radius:999px;height:100%;display:block}.rank-item .rank-val{text-align:right;font-variant-numeric:tabular-nums}.rank-item .rank-link-text{color:var(--primary);text-align:right;font-size:12px;line-height:20px}.warn-list{flex-direction:column;gap:8px;display:flex}.warn-item{border:1px solid var(--border);border-radius:var(--radius-card);background:#f8fafc;padding:14px 16px;text-decoration:none;transition:all .15s;display:block;position:relative}.warn-item:before{content:"";background:linear-gradient(180deg, var(--warning) 0%, var(--danger) 100%);border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.warn-item:hover{border-color:var(--primary-border);background:var(--primary-light)}.warn-item .warn-title{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:600;line-height:22px;display:block}.warn-item .warn-desc{color:var(--text-secondary);font-size:12px;line-height:20px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-link{border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(#fff 0%,#fbfcff 100%);padding:18px;text-decoration:none;transition:all .15s;display:block;position:relative;overflow:hidden}.quick-link:before{content:"";background:linear-gradient(90deg,#2b5fed1f 0%,#2b5fed73 100%);width:100%;height:3px;position:absolute;inset:0 auto auto 0}.quick-link:hover{border-color:var(--primary-border);box-shadow:var(--shadow)}.quick-link .ql-title{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;line-height:22px;display:block}.quick-link .ql-desc{color:var(--text-secondary);font-size:12px;line-height:20px}.summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-card{border-radius:var(--radius-card);background:var(--primary-light);border:1px solid var(--primary-border);padding:18px 20px;position:relative}.summary-card label{color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:500;display:block}.summary-card strong{color:var(--text);font-size:26px;font-weight:700}.summary-card:before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.overview{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.overview-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:18px 20px}.overview-card .label{color:var(--text-tertiary);margin-bottom:8px;font-size:12px;font-weight:500}.overview-card .value{font-size:28px;font-weight:700}.overview-card.ok .value{color:var(--success)}.overview-card.doing .value{color:var(--warning)}.overview-card.fail .value{color:var(--danger)}.overview-card .extra{color:var(--text-tertiary);margin-top:6px;font-size:12px}.upload-box{border:2px dashed var(--primary-border);border-radius:var(--radius-card);background:var(--primary-light);text-align:center;padding:28px}.upload-box strong{color:var(--text);margin-bottom:8px;font-size:16px;display:block}.upload-box>small{color:var(--text-tertiary);max-width:520px;margin:0 auto;font-size:12px;display:block}.upload-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.meta-list{gap:12px;display:grid}.meta-item{border-radius:var(--radius-card);background:var(--card-bg);border:1px solid var(--border);padding:16px}.meta-item .meta-head{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.meta-item strong{color:var(--text);display:block}.meta-item .toggle{color:var(--primary);font-size:12px}.meta-item .meta-detail{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px;display:none}.meta-item.open .meta-detail{display:block}.meta-item ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:13px;line-height:1.8}.path{border-radius:var(--radius-card);background:var(--card-bg);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow);margin-bottom:16px;padding:14px 20px}.insight-list{flex-direction:column;gap:10px;display:flex}.insight-item{border-radius:var(--radius-card);background:var(--border-light);border:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.insight-item .insight-num{color:var(--text);text-align:center;min-width:36px;font-size:20px;font-weight:700}.insight-item .insight-label{color:var(--text-secondary)}.result-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.result-bar .result-count{color:var(--text);font-weight:600}.result-bar .result-meta{color:var(--text-tertiary);font-size:12px}.result-bar .result-actions{gap:8px;display:flex}.screen{background:linear-gradient(#070f1f 0%,#0a1628 30%,#0c1f3d 65%,#08142b 100%);min-height:100vh;padding:20px 40px 36px}.screen .screen-top{border-bottom:1px solid #2b5fed26;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.screen .screen-top h1{letter-spacing:2px;color:#e0e8ff;margin:0;font-size:36px;font-weight:700}.screen .screen-top .top-left{align-items:baseline;gap:14px;display:flex}.screen .screen-top p{color:#b4c8f08c;margin:0 0 0 12px;font-size:14px}.screen .header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.screen .role-bar{background:#2b5fed14;border:1px solid #2b5fed26;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.screen .role-bar:before{display:none}.screen .role-bar .role-label{color:#c8d7ff80;font-size:11px}.screen .role-bar .role-tag{background:var(--primary);color:#fff;padding:3px 10px;font-size:11px}.screen .role-bar select{color:#fff;background:#0000004d;border:1px solid #fff3;padding:4px 8px;font-size:12px}.screen .role-bar .role-scope{color:#c8d7ff80;background:#0003;padding:3px 8px;font-size:11px}.screen .role-bar .role-tip{color:#60a5fa;margin-left:auto;font-size:11px}.screen .switchers{flex-wrap:wrap;gap:8px;display:flex}.screen .switchers button{color:#c8d7ffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .2s}.screen .switchers button:hover{background:#2b5fed33;border-color:#2b5fed66}.screen .switchers button.active{color:#fff;background:#2b5fed8c;border-color:#2b5feda6;font-weight:600;box-shadow:0 0 16px #2b5fed4d}.screen .kpis{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:18px;display:grid}.screen .kpi{background:#2b5fed1f;border:1px solid #2b5fed33;border-radius:14px;padding:28px 24px}.screen .kpi:first-child{background:#2b5fed33;border-color:#2b5fed59;box-shadow:0 0 30px #2b5fed1f}.screen .kpi label{color:#bed2fab3;letter-spacing:1px;margin-bottom:12px;font-size:14px;display:block}.screen .kpi strong{letter-spacing:-.5px;font-size:42px;font-weight:700}.screen .grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:18px;display:grid}.screen .panel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:22px}.screen .panel:before{display:none}.screen .panel h2{color:#d2e1ffd9;margin:0 0 14px;font-size:18px;font-weight:600}.screen .chart-box{background:#00000026;border:1px solid #ffffff14;border-radius:8px;height:300px;padding:10px}.screen .rank-list{gap:10px;display:grid}.screen .row{grid-template-columns:72px 1fr 64px;align-items:center;gap:12px;font-size:15px;display:grid}.screen .bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.screen .bar span{background:linear-gradient(90deg,#2b5fed,#507df5,#60a5fa);border-radius:999px;height:100%;display:block}.screen .topics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.screen .topic{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.screen .topic strong{color:#c8d7ffcc;flex-shrink:0;margin:0;font-size:15px}.screen .topic .topic-num{color:#60a5fa;flex-shrink:0;font-size:28px;font-weight:700}.screen .topic .topic-desc{color:#b4c8f073;font-size:12px}.status-bar{color:var(--text-tertiary);margin-top:12px;font-size:12px;line-height:20px}.note{color:var(--text-secondary);font-size:14px;line-height:1.8}.hint{color:var(--text-secondary);margin-top:12px;font-size:13px}.section{margin-top:20px}.h5-stage{padding:24px 0}.h5-wrap{max-width:420px;margin:0 auto;padding:18px 12px 32px}.phone{background:#fff;border-radius:28px;min-height:100vh;overflow:hidden;box-shadow:0 14px 32px #00000014}.phone .phone-hero{color:#fff;background:linear-gradient(#e43b4c 0%,#c72335 100%);padding:20px 18px}.phone .phone-hero h1{margin:0 0 8px;font-size:22px}.phone .phone-hero p{opacity:.92;margin:0;font-size:13px}.phone .phone-section{border-bottom:1px solid #f0f0f0;padding:16px 18px}.phone .phone-section h2{margin:0 0 12px;font-size:16px}.phone .phone-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.phone .phone-card{background:#fafafa;border:1px solid #ececec;border-radius:14px;padding:14px}.phone .phone-card label{color:#888;margin-bottom:8px;font-size:12px;display:block}.phone .phone-card strong{font-size:20px}.phone .phone-filters{flex-wrap:wrap;gap:8px;display:flex}.phone .phone-chip{color:#c82b3b;cursor:pointer;background:#fff5f6;border:none;border-radius:999px;padding:8px 10px;font-size:12px}.phone .phone-chip.active{color:#fff;background:#c82b3b}.phone .phone-quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.phone .phone-quick{text-align:center;color:#c82b3b;background:#fff5f6;border-radius:12px;padding:12px 6px;font-size:12px;text-decoration:none;display:block}.phone .phone-list{gap:10px;display:grid}.phone .phone-row{grid-template-columns:28px 1fr 44px;align-items:center;gap:8px;font-size:13px;display:grid}.phone .phone-badge{color:#c52b3b;background:#fff1f2;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.phone .phone-bar{background:#f0f0f0;border-radius:999px;height:8px;overflow:hidden}.phone .phone-bar span{background:linear-gradient(90deg,#f29b57,#d62d3d);height:100%;display:block}.phone .phone-notice{color:#9c6a08;background:#fff7e9;border-radius:12px;padding:12px;font-size:13px;text-decoration:none;display:block}.phone .phone-chart-box{background:#fcfcfc;border:1px solid #ececec;border-radius:12px;height:110px;padding:8px}.phone .phone-bottom{text-align:center;color:var(--text-tertiary);padding:16px;font-size:11px}.phone .phone-actions{gap:12px;padding:0 18px 20px;display:flex}.nav-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.nav-side{box-sizing:border-box;background:#fff;border-right:1px solid #ececec;height:100vh;padding:22px 16px;position:sticky;top:0}.nav-side .logo{color:#d62d3d;margin-bottom:8px;font-size:20px;font-weight:700}.nav-side .sub{color:#777;margin-bottom:18px;font-size:12px;line-height:1.7}.nav-side .menu-title{color:#999;text-transform:uppercase;letter-spacing:1px;margin:18px 0 10px;font-size:12px}.nav-side .menu a{color:#444;border-radius:10px;margin-bottom:8px;padding:12px 14px;font-size:14px;text-decoration:none;display:block}.nav-side .menu a.active{color:#c62335;background:#fff1f2;font-weight:700}.nav-main{padding:28px 28px 40px}.nav-main h1{margin:0 0 12px;font-size:32px}.nav-main p{color:#666;margin:0 0 18px;line-height:1.8}.nav-tips{color:#8a3b3b;background:#fff7f7;border:1px solid #f0d0d0;border-radius:12px;margin-bottom:24px;padding:16px 18px}.nav-section-title{margin:28px 0 14px;font-size:20px}.nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.nav-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000000a}.nav-card h2{margin:0 0 10px;font-size:20px}.nav-card .tag{color:#c62335;background:#fff1f2;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:12px;display:inline-block}.nav-card p{min-height:48px;margin-bottom:14px;font-size:14px}.nav-card .meta{color:#888;margin-bottom:14px;font-size:13px}.nav-card a.btn{color:#fff;background:#d62d3d;border-radius:10px;padding:10px 14px;font-size:14px;text-decoration:none;display:inline-block}@media (width<=1200px){.layout{grid-template-columns:1fr}.side{border-right:none;height:auto;position:static}.filters{grid-template-columns:1fr}.kpi-row,.kpi-row-4{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.quick-grid,.summary,.overview,.screen .kpis{grid-template-columns:repeat(2,1fr)}.screen .grid,.screen .topics{grid-template-columns:1fr}}@media (width<=1100px){.nav-layout{grid-template-columns:1fr}.nav-side{border-bottom:1px solid #ececec;border-right:none;height:auto;position:static}.nav-grid{grid-template-columns:1fr}}.modal-mask{z-index:100;background:#00000059;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-mask.show{display:flex}.modal{background:#fff;border-radius:12px;flex-direction:column;width:720px;max-width:92vw;max-height:82vh;display:flex;box-shadow:0 16px 48px #0000001f}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:18px;font-weight:700}.modal-close{color:var(--text-tertiary);cursor:pointer;font-size:22px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.modal-note{color:var(--text-tertiary);margin-top:14px;font-size:12px}.drawer-mask{z-index:99;background:#0000004d;display:none;position:fixed;inset:0}.drawer-mask.show{display:block}.drawer{z-index:100;background:#fff;flex-direction:column;width:520px;max-width:92vw;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000014}.drawer.show{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.drawer-header h3{color:var(--text);margin:0;font-size:18px;font-weight:700}.drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.drawer-tabs{gap:6px;margin-bottom:16px;display:flex}.drawer-tab{border-radius:var(--radius-btn);cursor:pointer;background:var(--border-light);color:var(--text-secondary);border:1px solid var(--border);padding:6px 14px;font-size:13px}.drawer-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.drawer-section h4{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:600}.drawer-section .kv{grid-template-columns:110px 1fr;gap:8px;margin-bottom:16px;font-size:13px;display:grid}.drawer-section .kv .k{color:var(--text-tertiary);font-weight:500}.audit-item{border-bottom:1px solid var(--border-light);padding:10px 0;font-size:13px}.audit-item:last-child{border-bottom:none}.log{border-radius:var(--radius-card);color:#d2d5db;background:#1d1f24;min-height:120px;max-height:250px;padding:14px;font-family:Consolas,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.log .biz{color:#9ca3af}.log .ok{color:#18bf66}.log .warn{color:#ffb020}.log .error{color:#f1404b}.log-tabs{gap:6px;margin-bottom:8px;display:flex}.log-tab{border-radius:var(--radius-btn);cursor:pointer;color:#aaa;background:#2a2d34;border:none;padding:4px 12px;font-size:12px}.log-tab.active{background:var(--primary);color:#fff}.log-filter{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.log-filter label{cursor:pointer;align-items:center;gap:4px;display:flex}.op-btn{border-radius:var(--radius-btn);cursor:pointer;background:var(--primary-light);color:var(--primary);border:none;margin-right:4px;padding:4px 10px;font-size:12px;transition:all .15s}.op-btn:hover{background:var(--primary);color:#fff}.op-btn.disabled{background:var(--border-light);color:var(--text-disabled);cursor:not-allowed}.op-btn.disabled:hover{background:var(--border-light);color:var(--text-disabled)}.template-table{border-collapse:collapse;width:100%;min-width:auto;font-size:13px}.template-table th,.template-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}.template-table th{color:var(--text-tertiary);font-size:12px;font-weight:600}.badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.daily{color:#2e7d32;background:#e8f5e9}.badge.week{color:#1565c0;background:#e3f2fd}.badge.month{color:#e65100;background:#fff3e0}.badge.game{color:#c62828;background:#fce4ec}.tips{border-radius:var(--radius-card);color:#8d6e00;background:#fff8e1;border:1px solid #ffe082;margin-top:16px;padding:12px 16px;font-size:12px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c5d2fb;border-radius:3px}