.gateway-status-section{width:calc(100% - 48px);max-width:880px;margin:0 auto 28px;color:#253b43}.gateway-status-card{background:#fcfefe;border:1px solid #d4dfe3;border-radius:20px;padding:26px 28px;box-shadow:0 8px 26px #3459650c}.gateway-status-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.gateway-status-top h2{font-size:20px;font-weight:600;line-height:1.4;margin:0}.gateway-state{display:flex;align-items:center;gap:7px;flex:none;font-size:13px;font-weight:500;line-height:1.5;color:#63777b;padding:5px 10px;border:1px solid #dce3e7;border-radius:99px;background:#f1f4f6;white-space:nowrap}.gateway-state::before{content:"";width:9px;height:9px;border-radius:50%;background:#a7b4b8;flex:none}.gateway-state[data-status=operational]{color:#16816a;background:#edf8f3;border-color:#cce9dd}.gateway-state[data-status=operational]::before{background:#29b790}.gateway-state[data-status=outage]{color:#b0353c;background:#fff1f2;border-color:#f0d3d6}.gateway-state[data-status=outage]::before{background:#de565e}.gateway-state[data-status=degraded]{color:#927010;background:#fff8e8;border-color:#efdfb2}.gateway-state[data-status=degraded]::before{background:#dba820}.gateway-status-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:#66797d;margin:10px 0 0;line-height:1.8;font-variant-numeric:tabular-nums}.gateway-status-note{font-size:13px;line-height:1.6;color:#64748b;margin:0}.gateway-history{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:4px;height:42px;margin-top:0}.gateway-history button{appearance:none;padding:0;border:0;min-width:0;min-height:42px;background:#e2e7eb;border-radius:3px;cursor:pointer;touch-action:pan-y}.gateway-history button[data-status=operational]{background:#41b99a}.gateway-history button[data-status=outage]{background:#df777d}.gateway-history button[data-status=degraded]{background:#e4ba59}.gateway-history button:hover,.gateway-history button:focus-visible{outline:2px solid #4564c8;outline-offset:2px;filter:brightness(.94)}.gateway-history-labels{display:flex;justify-content:space-between;font-size:12px;line-height:1.6;color:#7a8b8f;margin-top:8px}.gateway-history-tip{position:fixed;z-index:10000;pointer-events:none;padding:10px 12px;background:#fff;border:1px solid #d4dfe3;border-radius:10px;box-shadow:0 4px 18px #34596516;font-size:12px;line-height:1.8;color:#33474d;max-width:calc(100vw - 24px)}.gateway-history-tip[hidden]{display:none}.sla-page{max-width:880px;width:calc(100% - 48px);margin:88px auto 64px;color:#253b43}.sla-page>header{margin-bottom:32px}.sla-page h1{font-size:clamp(26px,4vw,38px);line-height:1.4;font-weight:600;margin:0 0 14px}.sla-page header p{font-size:14px;line-height:1.8;color:#64748b}.sla-phase{background:#edf1fb;border:1px solid #dce3f3;border-radius:12px;padding:18px 20px;font-size:14px;line-height:1.9;color:#455b88;margin-bottom:28px}.sla-page section{padding:22px 0;border-bottom:1px solid #dfe2e6}.sla-page h2{font-size:19px;font-weight:600;margin:0 0 12px;line-height:1.5}.sla-page p,.sla-page li{font-size:15px;line-height:1.9;color:#526171}.sla-page p{margin:10px 0}.sla-page ul{padding-left:22px}.sla-page a{color:#4564c8;text-underline-offset:3px}.sla-page strong{font-weight:600}.sla-page .sla-meta{font-size:12px;color:#7a8b8f;margin-top:30px}@media(max-width:600px){.gateway-status-section{margin-top:0}.gateway-status-card{padding:20px}.gateway-status-top{align-items:center;gap:12px}.gateway-status-top h2{font-size:18px}.gateway-state{font-size:12px;padding:4px 8px}.gateway-history{gap:2px;height:36px}.gateway-history button{min-height:36px}.gateway-status-meta{gap:4px 16px}.sla-page{margin-top:44px}.sla-page section{padding:20px 0}.sla-page p,.sla-page li{font-size:14px}.sla-phase{padding:16px}}

.gateway-history[hidden],.gateway-history-labels[hidden]{display:none}

.gateway-metrics{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0;padding:0 0 20px}.gateway-metrics article>span{display:block;font-size:13px;color:#66797d;line-height:1.7}.gateway-metrics strong{display:block;font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-.6px;color:#253b43;margin:5px 0;font-variant-numeric:tabular-nums}.gateway-metrics article:first-child strong{color:#16816a}.gateway-metrics p{font-size:12px;line-height:1.7;color:#66797d;margin:0}.sla-compensation{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;line-height:1.8}.sla-compensation th,.sla-compensation td{text-align:left;padding:13px 14px;border:1px solid #dfe2e6}.sla-compensation th{background:#edf1f7;font-weight:600}.sla-compensation td{background:#fcfefe}.sla-page .sla-lead{font-size:18px;color:#253b43}@media(max-width:600px){.gateway-metrics{gap:16px}.gateway-metrics strong{font-size:28px}.sla-compensation th,.sla-compensation td{padding:10px 8px;font-size:13px}}

.gateway-metrics article{min-width:0}.gateway-metrics article+article{border-left:1px solid #e1e7ed;padding-left:28px}.gateway-records{border-top:1px solid #e1e7ed;padding-top:16px}.gateway-status-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;border-top:1px solid #e1e7ed;padding-top:12px;margin-top:16px}.gateway-status-footer a{display:inline-flex;align-items:center;min-height:28px;font-size:13px;line-height:1.6;color:#4564c8;text-underline-offset:3px}.gateway-status-footer a:focus-visible{outline:2px solid #4564c8;outline-offset:3px;border-radius:3px}
@media(max-width:600px){.gateway-metrics article+article{padding-left:16px}.gateway-metrics article>span{font-size:12px}.gateway-status-footer a{min-height:44px}.gateway-status-meta span{max-width:100%;overflow-wrap:anywhere}}

/* DeepSeek download page canvas color; service status page only. */
html.public-light-background:has(.official-status-page){background-color:#fdfeff!important}
html.public-light-background:has(.official-status-page) body{background-color:#fdfeff!important}

/* Gateway card design (2026-10-23): actual availability leads, the 99.9% commitment is the reference line. */
.gateway-status-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6f9ff 0,#fff 150px);border-color:#dbe4ef;border-radius:20px;padding:26px 28px 22px;box-shadow:0 1px 2px #1827440a,0 16px 36px -20px #2e4ebe3d}
.gateway-status-card::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:220px;border-radius:50%;background:radial-gradient(circle,#4d6bfe14,#4d6bfe00 70%);pointer-events:none}
.gateway-status-top{position:relative;z-index:1;align-items:flex-start;margin-bottom:22px}
.gateway-title h2{font-size:20px;font-weight:650;line-height:1.35;margin:0;color:#182744}
.gateway-sub{margin:4px 0 0;font-size:12.5px;line-height:1.6;color:#7a8a9f}
.gateway-state{background:#fff;box-shadow:0 1px 2px #1827440d}
.gateway-state[data-status=operational]::before{box-shadow:0 0 0 0 #22c08a73;animation:gw-pulse 2.4s ease-out infinite;background:#22c08a}
@keyframes gw-pulse{0%{box-shadow:0 0 0 0 #22c08a73}70%{box-shadow:0 0 0 6px #22c08a00}100%{box-shadow:0 0 0 0 #22c08a00}}
.gateway-metrics{position:relative;z-index:1;grid-template-columns:1.25fr 1fr;gap:0;padding:0 0 16px}
.gateway-metrics article>span{font-size:12.5px;font-weight:500;color:#6b7b90;letter-spacing:.2px}
.gateway-metrics .gateway-metric-main strong{font-size:44px;line-height:1.15;font-weight:650;letter-spacing:-1.2px;color:#12805f;margin:6px 0 4px}
html.public-light-background #gateway-status .gateway-metrics .gateway-metric-main strong{color:#12805f!important}
html.public-light-background #gateway-status:not([data-status=operational]) .gateway-metrics .gateway-metric-main strong{color:#182744!important}
.gateway-metrics .gateway-metric-goal{border-left:1px solid #e3e9f1;padding-left:28px}
.gateway-metrics .gateway-metric-goal strong{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.6px;color:#182744;margin:10px 0 6px}
.gateway-metrics p{font-size:12px;line-height:1.7;color:#7a8a9f}
.gateway-meter-wrap{position:relative;z-index:1;margin:2px 0 20px}
.gateway-meter-wrap[hidden]{display:none}
.gateway-meter{position:relative;height:8px;border-radius:999px;background:#e6ecf4;box-shadow:inset 0 1px 1px #18274410}
.gateway-meter-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#22c08a,#3fd0a0);transition:width .6s ease}
.gateway-meter-wrap[data-level=below] .gateway-meter-fill{background:linear-gradient(90deg,#e8b23f,#f2c86b)}
.gateway-meter-wrap[data-level=low] .gateway-meter-fill{background:linear-gradient(90deg,#ef5b63,#f48a90)}
.gateway-meter-goal{position:absolute;left:90%;top:-5px;width:2px;height:18px;margin-left:-1px;border-radius:1px;background:#182744;opacity:.6}
.gateway-meter-goal em{position:absolute;right:6px;top:-18px;font-style:normal;font-size:11px;line-height:16px;color:#42506a;white-space:nowrap;opacity:1}
.gateway-meter-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;line-height:16px;color:#9aa6bb;font-variant-numeric:tabular-nums}
.gateway-records{position:relative;z-index:1;border-top:1px solid #e3e9f1;padding-top:16px}
.gateway-records-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12.5px;font-weight:500;color:#42506a}
.gateway-legend{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:400;color:#7a8a9f}
.gateway-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:8px;background:#e2e8f0}
.gateway-legend i[data-k=ok]{background:#41b99a;margin-left:0}.gateway-legend i[data-k=bad]{background:#df777d}
/* 90 day track: future days show as light slots aligned with the grid columns (gap 4px). */
.gateway-history{background:repeating-linear-gradient(90deg,#eef2f7 0,#eef2f7 calc((100% + 4px)/90 - 4px),transparent calc((100% + 4px)/90 - 4px),transparent calc((100% + 4px)/90));border-radius:3px}
.gateway-status-meta{margin-top:10px;color:#7a8a9f}
.gateway-status-footer{position:relative;z-index:1;margin-top:16px;padding-top:14px;border-top:1px solid #e3e9f1}
.gateway-status-note{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#42506a}
.gateway-status-note::before{content:"";flex:0 0 14px;width:14px;height:14px;background:#3e5bf2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3zm-1 14-4-4 1.4-1.4L11 13.2l4.6-4.6L17 10l-6 6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3zm-1 14-4-4 1.4-1.4L11 13.2l4.6-4.6L17 10l-6 6z'/%3E%3C/svg%3E") center/contain no-repeat}
.gateway-status-footer a{font-weight:500;color:#3e5bf2}
@media(max-width:600px){
  .gateway-status-card{padding:20px 18px 16px}
  .gateway-metrics{grid-template-columns:1fr 1fr}
  .gateway-metrics .gateway-metric-main strong{font-size:34px}
  .gateway-metrics .gateway-metric-goal{padding-left:16px}
  .gateway-metrics .gateway-metric-goal strong{font-size:24px;margin-top:8px}
  .gateway-legend{display:none}
  .gateway-history{background:repeating-linear-gradient(90deg,#eef2f7 0,#eef2f7 calc((100% + 2px)/90 - 2px),transparent calc((100% + 2px)/90 - 2px),transparent calc((100% + 2px)/90))}
  .gateway-status-note{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.gateway-state::before{animation:none!important}.gateway-meter-fill{transition:none}}

/* Status page: compact gateway card in the vendor card shape; the SLA comparison lives on /sla/ (2026-10-23). */
.gateway-compact .gateway-status-top{margin-bottom:18px}
.gateway-top-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 14px}
.gateway-uptime{display:inline-flex;align-items:baseline;gap:6px;font-size:13px;color:#6b7b90;white-space:nowrap}
html.public-light-background #gateway-status .gateway-uptime strong{font-size:16px;font-weight:650;color:#12805f!important;font-variant-numeric:tabular-nums}
html.public-light-background #gateway-status:not([data-status=operational]) .gateway-uptime strong{color:#182744!important}
@media(max-width:600px){.gateway-compact .gateway-status-top{flex-wrap:wrap}.gateway-top-right{width:100%;justify-content:space-between}}
/* SLA page: this month's result */
.sla-page section.sla-live{padding:0;border:0;margin:0 0 30px}
.sla-live-card{margin:0}
.sla-live-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.sla-page .sla-live-top h2{margin:0;font-size:19px;line-height:1.4;color:#182744}
.sla-page .sla-live .gateway-sub{margin:4px 0 0;font-size:12.5px;color:#7a8a9f}
html.public-light-background .sla-live .gateway-metrics .gateway-metric-main strong{color:#182744!important}
html.public-light-background .sla-live[data-level=met] .gateway-metrics .gateway-metric-main strong{color:#12805f!important}
html.public-light-background .sla-live[data-level=below] .gateway-metrics .gateway-metric-main strong{color:#a07a10!important}
html.public-light-background .sla-live[data-level=low] .gateway-metrics .gateway-metric-main strong{color:#c2363e!important}
.sla-page .sla-live .gateway-metrics p{font-size:12px;line-height:1.7;color:#7a8a9f;margin:0}
.sla-page .sla-live-tier{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:#f3f6fb;color:#42506a;font-size:14px;line-height:1.6}
.sla-live-tier::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#a7b4c2}
.sla-page .sla-live[data-level=met] .sla-live-tier{background:#eef8f3;color:#12805f}.sla-live[data-level=met] .sla-live-tier::before{background:#22c08a}
.sla-page .sla-live[data-level=below] .sla-live-tier{background:#fff8e8;color:#8a6a0c}.sla-live[data-level=below] .sla-live-tier::before{background:#e8b23f}
.sla-page .sla-live[data-level=low] .sla-live-tier{background:#fff1f2;color:#b0353c}.sla-live[data-level=low] .sla-live-tier::before{background:#ef5b63}
.sla-page .sla-live-meta{position:relative;z-index:1;margin:12px 0 0;font-size:12px;line-height:1.7;color:#8a98ab}
.sla-compensation tr.is-current td{background:#eef8f3;font-weight:600;color:#12805f}
.sla-compensation tr.is-current td:first-child::after{content:"当前";margin-left:8px;padding:1px 7px;border-radius:999px;background:#12805f;color:#fff;font-size:11px;font-weight:500;vertical-align:1px}