:root{--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-title: 24px;--text-hero: clamp(26px, 3.2vw, 36px);--text-brand: clamp(34px, 5vw, 44px);--leading-body: 1.5715;--leading-title: 1.3;--leading-display: 1.18;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-strong: 700;color:#202733;background:#f3f4f8;font-family:var(--font-body);font-synthesis:none;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-size:var(--text-base);line-height:var(--leading-body)}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{min-height:100vh;background:#f3f4f8}.entry-screen{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;color:#3d4d63;padding:clamp(28px,5vh,56px) 0 clamp(34px,6vh,64px);background:radial-gradient(circle at 50% 44%,rgba(35,112,255,.1),transparent 30%),linear-gradient(180deg,#fff,#fafbfe 58%,#eef1f7)}.entry-screen:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%,rgba(230,234,242,.42)),repeating-linear-gradient(90deg,transparent 0 73px,rgba(31,65,123,.04) 73px 74px);content:"";pointer-events:none}.hero-image{position:relative;display:block;z-index:1;width:auto;max-width:min(74vw,760px);max-height:clamp(260px,42vh,450px);object-fit:contain;filter:drop-shadow(0 24px 46px rgba(42,68,116,.24))}.hero-home{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto;gap:clamp(14px,2.4vh,26px);justify-items:center;align-items:center;width:min(860px,calc(100% - 32px));min-height:calc(100svh - clamp(62px,11vh,120px))}.hero-brand{display:flex;align-items:center;gap:18px;justify-self:center;width:min(560px,100%);border:1px solid rgba(210,218,230,.72);border-radius:8px;padding:16px 22px;background:linear-gradient(180deg,#ffffffeb,#f7f9fdc7);box-shadow:0 18px 46px #1f32551c,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-logo{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 38%),linear-gradient(180deg,#3b88ff,#155dcc);box-shadow:0 16px 30px #155dcc3d;font-size:var(--text-title);font-weight:var(--weight-strong)}.hero-brand div:last-child{display:grid;gap:6px;min-width:0}.hero-brand strong{color:#32435a;font-size:var(--text-brand);font-weight:var(--weight-strong);line-height:1}.hero-brand span{color:#778393;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.18em;text-transform:uppercase}.countdown-text{color:#7b8798;font-size:var(--text-base);line-height:var(--leading-body)}.hero-visual{display:grid;grid-template-rows:auto minmax(0,max-content) auto;gap:clamp(8px,1.6vh,16px);min-height:0;width:min(820px,100%);align-content:center;place-items:center}.hero-kicker{color:#667387;font-size:clamp(30px,3.8vw,42px);font-weight:var(--weight-semibold);line-height:var(--leading-display);text-align:center}.hero-slogan{color:#3f5168;font-size:var(--text-hero);font-weight:var(--weight-semibold);line-height:var(--leading-display);text-align:center}.hero-jump{display:grid;gap:10px;align-self:start;width:min(340px,calc(100% - 24px));margin-top:clamp(8px,1.5vh,16px);justify-items:center}.route-process{position:relative;display:grid;gap:4px;width:100%;min-width:0;min-height:52px;overflow:hidden;border:0;border-radius:8px;padding:8px 12px 9px;background:transparent;box-shadow:0 8px 20px #1f32550f,inset 0 1px #ffffffbd;pointer-events:none;transform:translateY(clamp(10px,1.5vh,16px))}.route-process:before{position:absolute;right:12px;bottom:7px;left:12px;height:1px;border-radius:999px;background:#768bac2e;content:""}.route-process:after{position:absolute;bottom:7px;left:12px;width:34%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(43,115,246,.62),transparent);content:"";animation:route-line-flow 2.4s ease-in-out infinite}.route-process-header{position:relative;z-index:1;display:grid;gap:2px;text-align:center}.route-process-status{min-height:24px;color:#314258;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4;overflow-wrap:anywhere}.route-process-ticker{width:100%;max-width:100%;overflow:hidden;color:#6d7b8f;font-size:var(--text-xs);line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap;animation:route-ticker-in .42s ease-out}@keyframes route-line-flow{0%{transform:translate(-18%)}50%{transform:translate(210%)}to{transform:translate(-18%)}}@keyframes route-ticker-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-jump-button{position:relative;z-index:2;width:100%;min-height:48px;border:0;border-radius:8px;color:#fff;background:#2b73f6;box-shadow:0 10px 24px #2b73f638;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.hero-jump-button:disabled{cursor:wait;color:#8d98aa;background:#e4e9f2;box-shadow:none}.demo-modal-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#1821306b}.demo-modal{display:grid;gap:14px;width:min(380px,100%);border:1px solid #e1e6ef;border-radius:8px;padding:22px;background:#fff;box-shadow:0 18px 48px #1f32552e}.demo-modal h2{color:#32435a;font-size:var(--text-xl);line-height:var(--leading-title)}.demo-modal p{color:#667387;font-size:var(--text-base);line-height:var(--leading-body)}.league-label,.eyebrow{margin:0;color:#2b73f6;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0;letter-spacing:0}h1{max-width:760px;color:#202733;font-size:38px;line-height:1.22;font-weight:var(--weight-semibold)}h2{color:#202733;font-size:var(--text-xl);line-height:var(--leading-title);font-weight:var(--weight-semibold)}.primary-button,.secondary-button{min-height:42px;border:0;border-radius:6px;padding:0 16px;font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap}.primary-button{color:#fff;background:#2b73f6;box-shadow:0 8px 20px #2b73f629}.secondary-button{color:#2b73f6;background:#eaf1ff}.secondary-button:disabled{cursor:default;color:#8d98aa;background:#eef2f7}.tools-section{--tool-action-width: min(320px, calc(100% - 24px) );display:grid;gap:10px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:14px 0 24px;color:#202733}.details-toggle{display:grid;place-items:center;justify-self:center;width:auto}.details-icon-button{display:flex;align-items:center;gap:8px;min-width:74px;min-height:38px;border:1px solid #cfd5df;border-radius:999px;padding:0 14px;color:#6b7280;background:#eef0f4;box-shadow:inset 0 1px #ffffffc7}.tools-section .panel-heading>button{width:var(--tool-action-width)}.details-icon-button:hover{border-color:#c3cad5;background:#e7eaf0}.control-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.chevron-icon{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.chevron-icon.expanded{transform:translateY(2px) rotate(225deg)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tools-section .subtitle{max-width:760px;margin-top:4px;color:#667387;font-size:var(--text-base);line-height:var(--leading-body)}.notice,.panel,.summary-card{border:1px solid #e1e6ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f32550f}.notice{padding:12px 14px}.notice.error{color:#8b1e2d;background:#ffe8ec}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{display:grid;gap:6px;padding:12px}.summary-card span,.summary-card small,dt,.domain-head,.variant-list span,.copy-list span,.copy-list small{color:#667387;font-size:var(--text-xs);line-height:1.5}.summary-card strong{overflow-wrap:anywhere;color:#2b73f6;font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-semibold)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;align-items:stretch}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel{min-width:0;padding:12px}.entry-panel{display:grid;grid-template-rows:auto 1fr;min-height:430px;padding:0;overflow:hidden}.entry-panel .panel-heading{margin-bottom:0;border-bottom:1px solid #e1e6ef;padding:18px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.status-pill{display:inline-grid;min-height:28px;place-items:center;border-radius:999px;padding:0 12px;color:#175bd0;background:#eaf1ff;font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.router-host{min-height:360px}.router-host .entry-router-root{min-height:360px;background:#f7f9fd}.router-host .entry-router-title{color:#202733}.router-host .entry-router-button{border-radius:8px;color:#fff;background:#2b73f6}.router-host-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.state-list{display:grid;gap:10px;margin:0}.state-list div{display:grid;gap:4px;border-bottom:1px solid #e8edf5;padding-bottom:10px}dd{margin:0;overflow-wrap:anywhere;color:#202733;font-size:var(--text-base);font-weight:var(--weight-medium)}.domain-table{display:grid;gap:6px;overflow-x:auto}.domain-head,.domain-row{display:grid;grid-template-columns:170px 70px minmax(230px,1fr) minmax(230px,1fr) 100px 70px 110px;gap:10px;align-items:center;min-width:980px}.domain-head{padding:0 10px;font-weight:var(--weight-semibold)}.domain-row{border:1px solid #e1e6ef;border-radius:8px;padding:9px 10px;background:#fbfcff;font-size:var(--text-sm);line-height:1.5}.domain-id{font-weight:var(--weight-semibold)}.url{overflow:hidden;color:#667387;text-overflow:ellipsis;white-space:nowrap}.tag,.measure{width:fit-content;border-radius:999px;padding:4px 9px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.tag.healthy,.measure.ok{color:#175bd0;background:#eaf1ff}.tag.degraded,.measure.testing{color:#7a4b00;background:#fff0cf}.tag.disabled,.tag.blocked,.measure.failed{color:#8b1e2d;background:#ffe8ec}.measure.pending{color:#667387;background:#eef2f7}.variant-list,.copy-list,.log-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.variant-list div,.variant-list article,.copy-list article,.log-list li{display:grid;gap:5px;border-radius:8px;padding:8px 10px;background:#f7f9fd}.variant-list article{grid-template-columns:1fr auto}.copy-list p,.empty,.log-list li{color:#667387;font-size:var(--text-sm);line-height:var(--leading-body)}@media(max-width:980px){.summary-grid,.layout,.details-grid{grid-template-columns:1fr}}@media(max-width:720px){.entry-screen{max-width:100vw;min-height:86vh;min-height:86svh;padding:18px 0 20px}.entry-screen *{max-width:100%}.tools-section{width:calc(100% - 32px)}.hero-image{width:auto;max-width:62vw;max-height:24vh}.hero-slogan,.hero-kicker{font-size:24px}.hero-kicker{font-size:27px}.hero-home{grid-template-rows:auto auto auto;gap:10px;min-height:calc(86svh - 38px)}.hero-visual{gap:8px}.hero-jump{width:calc(100vw - 32px);margin-top:6px}.route-process{width:100%;min-height:52px;padding:12px;transform:translateY(14px)}.hero-brand{justify-self:center;gap:12px;padding:14px 16px}.hero-logo{width:52px;height:52px;font-size:var(--text-xl)}.hero-brand strong{font-size:34px}.hero-brand span{font-size:10px;letter-spacing:.12em}h1{font-size:30px;overflow-wrap:anywhere}.topbar,.panel-heading{align-items:stretch;flex-direction:column}.tools-section .panel-heading{align-items:center;text-align:center}.details-toggle{justify-self:center}.primary-button,.secondary-button{width:100%}.tools-section .panel-heading>button{width:var(--tool-action-width)}}