/* screen_full.html styles */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;background:#0a0e1a;font-family:"Microsoft YaHei","SimHei","PingFang SC",sans-serif;color:#e0e6f0;}
.big-screen{display:flex;height:100vh;}
.big-left{flex:1;display:flex;flex-direction:column;padding:20px 24px;overflow:hidden;}
.big-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:10px;}
.big-title .dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.big-subtitle{font-size:11px;color:#64748b;margin-bottom:14px;}

.big-stats{display:flex;gap:12px;margin-bottom:14px;flex-shrink:0;}
.big-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 18px;min-width:120px;transition:all .3s;}
.big-stat:hover{background:rgba(255,255,255,.06);}
.big-stat .num{font-size:36px;font-weight:700;line-height:1;}
.big-stat .lbl{font-size:10px;color:#94a3b8;margin-top:1px;}
.big-stat:nth-child(1) .num{color:#6366f1;}
.big-stat:nth-child(2) .num{color:#22c55e;}
.big-stat:nth-child(3) .num{color:#f59e0b;}
.big-stat:nth-child(4) .num{color:#e74c3c;}
.big-stat:nth-child(5) .num{color:#06b6d4;}

.big-chart{flex-shrink:0;height:110px;margin-bottom:12px;display:flex;align-items:flex-end;gap:3px;padding:0 2px;}
.big-chart .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;}
.big-chart .bar-in{background:#6366f1;width:100%;max-width:28px;border-radius:2px 2px 0 0;transition:height .5s;}
.big-chart .bar-out{background:#e74c3c;width:100%;max-width:28px;border-radius:2px 2px 0 0;transition:height .5s;margin-top:1px;}
.big-chart .bar-lbl{font-size:8px;color:#64748b;white-space:nowrap;}

.big-feed{flex:1;overflow-y:auto;min-height:0;}
.big-feed::-webkit-scrollbar{width:4px;}
.big-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px;}

.big-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:6px;margin-bottom:5px;transition:all .3s;}
.big-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);}
.big-item.new-highlight{animation:flashIn .8s ease;}
@keyframes flashIn{0%{background:rgba(99,102,241,.25);border-color:#6366f1}100%{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.04)}}
.big-item .io-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0;}
.big-item .io-dot.in{background:#6366f1;}
.big-item .io-dot.out{background:#e74c3c;}
.big-item .info{flex:1;min-width:0;}
.big-item .plate{font-size:16px;font-weight:700;color:#fff;letter-spacing:1.5px;}
.big-item .meta{font-size:10px;color:#94a3b8;margin-top:1px;}
.big-item .time{font-size:12px;color:#64748b;white-space:nowrap;}
.big-item .tag{display:inline-block;padding:1px 5px;border-radius:2px;font-size:9px;font-weight:600;margin-left:3px;}
.tag.black{background:rgba(231,76,60,.25);color:#f87171;}
.tag.white{background:rgba(34,197,94,.2);color:#4ade80;}
.tag.fuzzy{background:rgba(245,158,11,.2);color:#fbbf24;}
.tag.none{background:rgba(148,163,184,.12);color:#94a3b8;}

.big-right{width:360px;background:rgba(255,255,255,.02);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:18px;overflow-y:auto;gap:14px;}
.big-right::-webkit-scrollbar{width:4px;}
.big-right::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px;}
.big-clock{font-size:36px;font-weight:700;color:#fff;text-align:right;margin-bottom:0;}
.big-date{font-size:11px;color:#94a3b8;text-align:right;}

.big-weather{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px;}
.big-weather .w-icon{font-size:26px;}
.big-weather .w-info{flex:1;}
.big-weather .w-temp{font-size:20px;font-weight:700;color:#fff;}
.big-weather .w-desc{font-size:10px;color:#94a3b8;}

.big-right h3{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:0;}

.big-rank-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.big-rank-item .rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;}
.big-rank-item .rank.r1{background:#f59e0b;}
.big-rank-item .rank.r2{background:#94a3b8;}
.big-rank-item .rank.r3{background:#b85e0c;}
.big-rank-item .rank.rn{background:rgba(255,255,255,.06);}
.big-rank-item .rplate{font-size:12px;font-weight:600;color:#e0e6f0;flex:1;}
.big-rank-item .rcount{font-size:10px;color:#64748b;}