:root{--bg:#f8f9fc;--surface:#fff;--surface-sub:#fafbfd;--surface-muted:#f4f6fa;--line:#eef0f4;--line-soft:#f1f3f7;--line-strong:#e5e8ef;--text:#1f2937;--text-2:#6b7280;--text-3:#9ca3af;--text-on-primary:#fff;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-line:#c7d2fe;--accent:#8b5cf6;--accent-soft:#f5f3ff;--accent-line:#ddd6fe;--up:#10b981;--up-soft:#ecfdf5;--down:#ef4444;--down-soft:#fef2f2;--warn:#f59e0b;--warn-soft:#fffbeb;--info:#4f46e5;--info-soft:#eef2ff;--series-price:#7cb6e8;--series-load:#1e40af;--series-renewable:#ea580c;--series-solar:#7c3aed;--series-wind:#db2777;--series-nonmarket:#0d9488;--series-crossprov:#b45309;--series-gen:#64748b;--series-hydro:#0891b2;--series-neutral:#94a3b8;--chart-1:#4f46e5;--chart-2:#06b6d4;--chart-3:#ec4899;--chart-4:#facc15;--chart-5:#8b5cf6;--chart-6:#10b981;--chart-7:#f97316;--chart-8:#64748b;--chart-9:#14b8a6;--chart-10:#e11d48;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:20px;--fs-xl:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--shadow-card:none;--shadow-float:0 8px 24px #1018281f;--shadow-pop:0 4px 16px #1018281a;--sidebar-w:208px;--sidebar-w-mini:56px;--header-h:64px;--page-pad-x:var(--sp-5);--page-pad-y:var(--sp-5);--card-gap:var(--sp-4);--font-sans:"Inter", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:Consolas, Monaco, "Courier New", monospace}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit;color:inherit;margin:0}.num,td,.metric-value{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d3dae4;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b9c3d0}.btn{justify-content:center;align-items:center;gap:var(--sp-1);height:32px;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:border-color .12s,color .12s,background-color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary-line);color:var(--primary)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--text-on-primary)}.btn--sm{height:28px;padding:0 var(--sp-2);font-size:var(--fs-xs)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-muted)}.seg{border:1px solid var(--line-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg>button{height:32px;padding:0 var(--sp-3);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;border:0;transition:background-color .12s,color .12s}.seg>button+button{border-left:1px solid var(--line-strong)}.seg>button:hover{background:var(--surface-muted)}.seg>button.is-active{background:var(--primary);color:var(--text-on-primary);font-weight:600}.field{height:32px;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm);outline:none;transition:border-color .12s,box-shadow .12s}.field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}select.field{cursor:pointer}.field--pill,select.field--pill{border-radius:var(--radius-pill);padding:0 var(--sp-4)}.field--pill:focus{box-shadow:0 0 0 2px var(--primary-soft)}.tag{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);background:var(--surface-muted);color:var(--text-2);white-space:nowrap;display:inline-flex}.tag--up{background:var(--up-soft);color:var(--up)}.tag--down{background:var(--down-soft);color:var(--down)}.tag--warn{background:var(--warn-soft);color:var(--warn)}.tag--info{background:var(--info-soft);color:var(--info)}.tag--accent{background:var(--accent-soft);color:var(--accent)}.tag--pill{border-radius:var(--radius-pill);padding:2px var(--sp-3)}.notice{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);border:1px solid #0000;line-height:1.65;display:flex}.notice--info{background:var(--info-soft);color:var(--info);border-color:var(--primary-line)}.notice--warn{background:var(--warn-soft);color:#92400e;border-color:#fde68a}.notice--down{background:var(--down-soft);color:#991b1b;border-color:#fecaca}.notice--accent{background:var(--accent-soft);color:#6d28d9;border-color:var(--accent-line)}.notice strong{font-weight:600}.skeleton{background:linear-gradient(90deg, var(--line-soft) 25%, #f7f9fc 37%, var(--line-soft) 63%);border-radius:var(--radius);background-size:400% 100%;animation:1.4s infinite skeleton-flow}@keyframes skeleton-flow{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{--tabs-h:44px;flex-direction:column;flex-shrink:0;min-height:100%;display:flex}.page__body{padding:var(--page-pad-y) var(--page-pad-x);gap:var(--sp-4);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:visible}.card__head{align-items:center;gap:var(--sp-6);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;display:flex}.card__title{font-size:var(--fs-md);flex:none;font-weight:600}.card__desc{font-size:var(--fs-sm);color:var(--text-3);font-variant-numeric:tabular-nums}.card__body{padding:var(--sp-3) var(--sp-3) var(--sp-2)}.card__note{padding:var(--sp-2) var(--sp-3) var(--sp-3);font-size:var(--fs-xs);color:var(--text-3);line-height:1.55}.filters{align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-left:auto;display:flex}.filter{align-items:center;gap:var(--sp-2);flex:none;display:flex}.filter__label{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap}.page__hint{padding:var(--sp-8) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-3)}.page__hint--error{color:var(--down)}.dl{gap:var(--sp-4);padding:var(--page-pad-y) var(--page-pad-x);grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.dl__side{top:calc(var(--page-pad-y) + var(--tabs-h,0px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex;position:sticky}.dl__side-head{align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line-soft);display:flex}.dl__side-title{font-size:var(--fs-sm);color:var(--text-1);font-weight:600}.dl__side-acts{gap:var(--sp-1);margin-left:auto;display:flex}.dl__list{flex-direction:column;gap:1px;min-height:120px;max-height:calc(100vh - 430px);display:flex;overflow-y:auto}.dl__item{align-items:center;gap:var(--sp-2);padding:5px var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);transition:background-color .12s,color .12s;display:flex}.dl__item:hover{background:var(--bg);color:var(--text-1)}.dl__item.is-on{color:var(--primary);font-weight:600}.dl__box{width:14px;height:14px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.dl__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dl__flag{text-align:center;background:var(--down);color:#fff;cursor:help;border-radius:50%;flex:none;width:14px;height:14px;margin-left:auto;font-size:10px;font-weight:700;line-height:14px}.dl__flag--gap{margin-left:var(--sp-1);background:var(--warn);border-radius:7px;width:auto;min-width:16px;padding:0 4px}.dl__side-foot{gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line-soft);flex-direction:column;display:flex}.dl__side-foot .filter{align-items:stretch;gap:var(--sp-1);flex-direction:column}.dl__side-foot .field{width:100%;min-width:0}.dl__reset{align-self:flex-start}.dl__range{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums;line-height:1.5}.dl__range-dim{color:var(--text-3);opacity:.8}.dl__grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.dl__grid-hint{grid-column:1/-1}@media (width<=1180px){.dl__grid{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.dl{grid-template-columns:minmax(0,1fr)}.dl__side{position:static}.dl__list{gap:1px var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(78px,1fr));max-height:200px;display:grid}}