:root{color:#13243a;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;background:#f4f9ff;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.page{--accent: #6cb7ff;min-height:100vh;background:radial-gradient(circle at 82% 18%,rgba(108,183,255,.45),transparent 32rem),linear-gradient(180deg,#eef8ff,#fff 82%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(20px,4vw,64px);background:#ffffffb8;border-bottom:1px solid rgba(150,190,230,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.nav-links,.actions,.footer,.contact{display:flex;align-items:center}.brand{gap:14px;font-size:28px}.mobile-nav-toggle,.nav-backdrop,.nav-close{display:none}.brand img{width:52px;height:52px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent);color:#fff;font-weight:900}.nav-links{gap:24px;color:#56708e;font-weight:700}.locale-switcher{display:flex;align-items:center;gap:8px;margin-left:auto;color:#56708e;font-weight:700}.locale-switcher select{height:38px;padding:0 28px 0 10px;border:1px solid rgba(120,170,220,.4);border-radius:6px;background:#fff;color:#274b72}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:48px;min-height:calc(100vh - 96px);padding:clamp(44px,7vw,108px) clamp(20px,4vw,64px) 64px}.hero-copy{max-width:850px}.eyebrow{display:inline-flex;padding:12px 18px;margin:0 0 26px;border:1px solid rgba(110,170,230,.38);border-radius:999px;background:#ffffffb8;color:#2768b8;font-weight:800}h1{margin:0;max-width:900px;font-size:clamp(54px,8vw,116px);line-height:1.02;letter-spacing:0}.subtitle{max-width:760px;margin:28px 0 0;color:#647d99;font-size:clamp(20px,2.4vw,34px);line-height:1.55}.actions{gap:16px;margin-top:42px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:999px;font-weight:900}.primary{background:var(--accent);color:#fff;box-shadow:0 18px 38px #5391dc40}.secondary{background:#ffffffbf;border:1px solid rgba(120,170,220,.35);color:#2a5d96}.signal{display:grid;place-items:center;min-height:440px}.server-card{width:min(430px,100%);padding:34px;border:1px solid rgba(130,180,225,.42);border-radius:8px;background:#ffffffc7;box-shadow:0 30px 80px #4682be2e}.server-card span{color:#5a7694;font-weight:800}.server-card strong{display:block;margin:24px 0 8px;font-size:52px}.server-card small{color:#6b8098;font-size:18px}.signal-head,.signal-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.signal-dot{width:10px;height:10px;border-radius:50%;background:#c27a18;box-shadow:0 0 0 5px #c27a181f}.server-card[data-status=up] .signal-dot{background:#13a58f;box-shadow:0 0 0 5px #13a58f1f}.server-card[data-status=down] .signal-dot{background:#d24c4c;box-shadow:0 0 0 5px #d24c4c1f}.signal-stats{justify-content:flex-start;margin:0 0 20px;color:#6b8098;font-size:14px}.signal-stats b{margin-right:5px;color:#15344a;font-size:18px}.signal-link{display:inline-block;margin-top:18px;color:#246b8e;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 clamp(20px,4vw,64px) 64px;margin-top:-42px}.service-grid article{min-height:170px;padding:28px;border:1px solid rgba(140,180,220,.28);border-radius:8px;background:#ffffffdb;box-shadow:0 18px 42px #4682be14}.service-grid span{color:#407ec0;font-weight:900}.service-grid h2{margin:18px 0 10px;font-size:30px;letter-spacing:0}.service-grid p{margin:0;color:#6b8098;font-size:18px}.footer{justify-content:space-between;gap:24px;padding:28px clamp(20px,4vw,64px);border-top:1px solid rgba(150,190,230,.28);background:#fff}.footer p{margin:6px 0 0;color:#6b8098}.contact{gap:16px;color:#2a68a8;font-weight:800;flex-wrap:wrap;justify-content:flex-end}@media(max-width:860px){.topbar{position:relative;z-index:10;align-items:center;flex-wrap:wrap}.mobile-nav-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;color:#246b8e;background:#fff;border:1px solid rgba(120,170,220,.4);border-radius:999px;font-weight:800}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:#081c2b6b}.nav-links{display:flex;position:fixed;z-index:30;inset:0 0 0 auto;width:min(320px,86vw);padding:88px 24px 24px;flex-direction:column;align-items:stretch;gap:8px;background:#fff;border-left:1px solid rgba(120,170,220,.35);box-shadow:-18px 0 48px #15344a2e;transform:translate(105%);transition:transform .18s ease}.nav-links.open{transform:translate(0)}.nav-links a{min-height:48px;padding:0 14px;display:flex;align-items:center;border-radius:10px}.nav-links a:hover,.nav-links a:focus-visible{background:#f3f7f8}.nav-close{display:grid;place-items:center;position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(120,170,220,.4);border-radius:50%;background:#fff;color:#15344a;font-size:28px}.locale-switcher{margin-left:0}.hero{grid-template-columns:1fr;min-height:auto}.signal{min-height:auto}.service-grid{grid-template-columns:1fr;margin-top:0}.footer{align-items:flex-start;flex-direction:column}.contact{justify-content:flex-start}}:root{--sd-bg: #f3f7f8;--sd-surface: #ffffff;--sd-surface-soft: #eaf2f4;--sd-line: #d4e1e4;--sd-line-strong: #9dbcc5;--sd-ink: #15344a;--sd-muted: #536b7b;--sd-primary: #246b8e;--sd-primary-strong: #15344a;--sd-live: #13a58f;--sd-amber: #c27a18;--sd-danger: #d24c4c;--sd-lilac: #735ba6;--sd-shadow: 0 12px 32px rgb(21 52 74 / .08);--sd-radius: 10px}:root[data-theme=dark]{--sd-bg: #0f2838;--sd-surface: #173748;--sd-surface-soft: #0b2230;--sd-line: #345566;--sd-line-strong: #5e8491;--sd-ink: #e7f1f3;--sd-muted: #a8bec6;--sd-primary: #64b5d7;--sd-primary-strong: #b9e3ef;--sd-live: #41c7b3;--sd-amber: #f0b35c;--sd-danger: #ef7777;--sd-lilac: #b9a6ef;--sd-shadow: 0 16px 40px rgb(0 0 0 / .24)}html,body,#app{min-width:320px;min-height:100%}body{overflow-x:hidden;background:var(--sd-bg);color:var(--sd-ink)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--sd-primary) 70%,white);outline-offset:3px}.sd-signal-card{position:relative;overflow:hidden;border:1px solid var(--sd-line);border-radius:var(--sd-radius);background:var(--sd-surface);box-shadow:var(--sd-shadow)}.sd-signal-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:var(--sd-line-strong)}.sd-signal-card[data-status=up]:before,.sd-signal-card[data-status=running]:before{background:var(--sd-live)}.sd-signal-card[data-status=degraded]:before,.sd-signal-card[data-status=maintenance]:before{background:var(--sd-amber)}.sd-signal-card[data-status=down]:before,.sd-signal-card[data-status=failed]:before{background:var(--sd-danger)}.sd-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--sd-muted) 12%,transparent);color:var(--sd-muted);font-size:12px;font-weight:750}.sd-status-pill[data-status=up],.sd-status-pill[data-status=running]{background:color-mix(in srgb,var(--sd-live) 14%,transparent);color:var(--sd-live)}.sd-status-pill[data-status=degraded],.sd-status-pill[data-status=maintenance]{background:color-mix(in srgb,var(--sd-amber) 16%,transparent);color:var(--sd-amber)}.sd-status-pill[data-status=down],.sd-status-pill[data-status=failed]{background:color-mix(in srgb,var(--sd-danger) 14%,transparent);color:var(--sd-danger)}.sd-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.sd-table-scroll>table{min-width:680px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}