/* Operational status: a compact, dark service ledger with a readable public trail. */
:root { --green: var(--aqua); --yellow: var(--warning); }

.status-page {
  min-width: 320px;
  background:
    radial-gradient(circle at 90% 0, rgba(74, 103, 191, .22), transparent 31rem),
    radial-gradient(circle at 2% 41%, rgba(35, 143, 130, .1), transparent 22rem),
    linear-gradient(90deg, rgba(128, 151, 188, .04) 1px, transparent 1px) 0 0 / 132px 132px,
    var(--canvas);
}
.status-frame { width: min(1200px, calc(100% - 64px)); margin: 0 auto; }
.status-nav { min-height: 70px; }

.status-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(325px, .6fr);
  gap: clamp(40px, 7vw, 110px);
  align-items: end;
  padding: clamp(48px, 7vw, 90px) 0 clamp(46px, 6vw, 76px);
}
.status-kicker, .section-label { margin: 0; color: var(--aqua); font-size: .75rem; font-weight: 760; letter-spacing: .035em; }
.status-kicker { display: flex; align-items: center; gap: 9px; }
.status-kicker span { width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 5px rgba(83, 216, 199, .13); }
.status-copy h1 { max-width: 13ch; margin: 18px 0; color: var(--ink-strong); font-family: var(--font-display); font-size: clamp(2.9rem, 5.4vw, 5.1rem); font-weight: 760; letter-spacing: -.04em; line-height: 1.02; text-wrap: balance; }
.status-copy h1 strong { color: var(--cobalt); font-weight: inherit; }
.intro { max-width: 63ch; margin: 0; color: var(--ink-muted); font-size: .96rem; line-height: 1.8; text-wrap: pretty; }

.summary { position: relative; display: grid; grid-template-columns: 11px 1fr auto; gap: 14px; align-items: center; min-height: 116px; padding: 21px; overflow: hidden; border: 1px solid #2f685f; border-radius: var(--radius); background: linear-gradient(135deg, #102b2a, #0f1820 72%); box-shadow: var(--shadow-soft); }
.summary::after { position: absolute; right: -48px; bottom: -71px; width: 170px; aspect-ratio: 1; content: ""; border: 1px solid rgba(83, 216, 199, .23); border-radius: 50%; box-shadow: 0 0 0 32px rgba(83, 216, 199, .045); }
.dot { position: relative; z-index: 1; width: 9px; height: 9px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 5px rgba(83, 216, 199, .12); }
.summary strong { position: relative; z-index: 1; display: block; color: #a5f1e5; font-size: .98rem; }
.summary span:not(.summary-mark) { position: relative; z-index: 1; display: block; margin-top: 4px; color: #8ebbb5; font-size: .81rem; line-height: 1.55; }
.summary-mark { position: relative; z-index: 1; display: grid; width: 29px; aspect-ratio: 1; place-items: center; color: var(--aqua); font-weight: 800; border: 1px solid currentColor; border-radius: 50%; }

.status-section { padding: clamp(43px, 6vw, 74px) 0; border-top: 1px solid var(--line); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 26px; margin-bottom: 23px; }
.section-heading h2, .access-copy h2 { margin: 10px 0 0; color: var(--ink-strong); font-family: var(--font-display); font-size: clamp(1.9rem, 3.25vw, 3rem); font-weight: 745; letter-spacing: -.04em; line-height: 1.07; text-wrap: balance; }
.meta { margin: 0; color: var(--ink-faint); font-size: .79rem; line-height: 1.6; }
.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.card { min-height: 150px; padding: 19px; background: var(--surface); }
.card + .card { padding-left: 19px; border-left: 0; }
.row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.row b { color: var(--ink-strong); font-size: .94rem; }
.status { display: inline-flex; align-items: center; gap: 6px; color: var(--aqua); font-size: .76rem; font-weight: 720; }
.status::before { width: 7px; aspect-ratio: 1; content: ""; border-radius: 50%; background: currentColor; }
.status.down { color: var(--warning); }
.card p { margin: 18px 0 0; color: var(--ink-muted); font-size: .84rem; line-height: 1.68; }

.downloads-section { padding-bottom: 0; }
.downloads-panel { overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-large); background: var(--surface); box-shadow: var(--shadow-soft); }
.downloads-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: clamp(21px, 3vw, 32px); cursor: pointer; list-style: none; }
.downloads-panel > summary::-webkit-details-marker { display: none; }
.downloads-panel > summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus) 58%, white); outline-offset: -4px; }
.downloads-panel > summary small, .downloads-panel > summary strong, .downloads-panel > summary em { display: block; }
.downloads-panel > summary small { color: var(--aqua); font-size: .73rem; font-weight: 760; font-style: normal; letter-spacing: .035em; }
.downloads-panel > summary strong { margin-top: 8px; color: var(--ink-strong); font-family: var(--font-display); font-size: clamp(1.48rem, 2.75vw, 2.15rem); letter-spacing: -.035em; }
.downloads-panel > summary em { margin-top: 7px; color: var(--ink-muted); font-size: .84rem; font-style: normal; }
.downloads-toggle { flex: 0 0 auto; padding: 7px 11px; color: var(--cobalt-deep); font-size: .78rem; font-weight: 740; border: 1px solid #43557d; border-radius: 999px; background: var(--cobalt-soft); }
.downloads-panel[open] .downloads-toggle { color: var(--aqua); border-color: #377a70; background: var(--aqua-soft); font-size: 0; }
.downloads-panel[open] .downloads-toggle::after { content: "收起"; font-size: .78rem; }
.downloads-content { padding: 0 clamp(21px, 3vw, 32px) clamp(21px, 3vw, 32px); border-top: 1px solid var(--line); }
.downloads-content .intro { margin-top: 20px; }
.downloads-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.download-card { display: grid; gap: 12px; padding: 18px; background: var(--canvas-raised); }
.download-link { display: block; }
.download-link:hover .download-title { color: var(--cobalt-deep); }
.download-title { display: block; color: var(--ink-strong); font-weight: 750; }
.download-meta { display: block; margin-top: 6px; color: var(--ink-muted); font-size: .78rem; line-height: 1.55; overflow-wrap: anywhere; }
.integrity { color: #8bb8b1; font-size: .74rem; line-height: 1.5; }
.integrity > summary { display: list-item; padding: 0; color: var(--ink-muted); cursor: pointer; list-style: revert; }
.integrity > summary:focus-visible { outline-offset: 2px; }
.hash-row { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
.hash-row code { min-width: 0; overflow-wrap: anywhere; color: var(--aqua); font-size: .67rem; }
.copy-hash { flex: 0 0 auto; padding: 5px 8px; color: var(--ink-muted); font-size: .71rem; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-raised); }
.copy-hash:hover { color: var(--cobalt-deep); border-color: var(--cobalt); }

.access-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .43fr); gap: 42px; align-items: end; }
.access-copy .intro { margin-top: 17px; }
.admin-links { display: grid; gap: 10px; }
.admin-link { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; padding: 18px 20px; color: var(--ink-strong); border: 1px solid #3a4b72; border-radius: var(--radius); background: linear-gradient(135deg, #1a2948, #111925); transition: transform 180ms var(--ease-out), border-color 180ms var(--ease-out), box-shadow 180ms var(--ease-out); }
.admin-link:hover { border-color: var(--cobalt); transform: translateY(-2px); box-shadow: var(--shadow-soft); }
.admin-link span { font-family: var(--font-display); font-size: 1.05rem; font-weight: 750; letter-spacing: -.02em; }
.admin-link b { color: var(--aqua); font-size: 1.2rem; }
.admin-link small { grid-column: 1 / -1; color: var(--ink-muted); font-size: .78rem; }
.proxy-admin-link { border-color: #316b65; background: linear-gradient(135deg, #123331, #111925); }
.proxy-admin-link:hover { border-color: #4daf9f; }
.network-lede { max-width: 32ch; margin: 0; color: var(--ink-muted); font-size: .87rem; line-height: 1.68; }
.tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.tool { min-height: 122px; padding: 19px; background: var(--surface); transition: background 180ms var(--ease-out); }
.tool:hover { background: var(--surface-raised); }
.tool b, .tool span { display: block; }
.tool b { color: var(--ink-strong); font-size: .94rem; }
.tool span { margin-top: 7px; color: var(--ink-muted); font-size: .79rem; line-height: 1.55; }
.note { margin: 14px 0 0; color: var(--ink-faint); font-size: .77rem; line-height: 1.68; }
.status-footer { margin-top: 2px; }

@media (max-width: 900px) {
  .status-hero { grid-template-columns: 1fr; gap: 30px; }
  .summary { width: min(100%, 500px); }
  .grid { grid-template-columns: repeat(2, 1fr); }
  .card:nth-child(3) { padding-left: 19px; }
  .access-section { grid-template-columns: 1fr; align-items: start; }
  .admin-link { width: min(100%, 430px); }
}

@media (max-width: 680px) {
  .status-frame { width: min(100% - 36px, 1200px); }
  .status-nav { min-height: 62px; }
  .status-hero { padding: 42px 0 54px; }
  .status-copy h1 { font-size: clamp(2.65rem, 12vw, 4rem); }
  .section-heading { flex-direction: column; align-items: start; gap: 13px; }
  .grid, .downloads-grid, .tools { grid-template-columns: 1fr; }
  .card, .card + .card, .card:nth-child(3) { min-height: auto; padding: 18px; border-left: 0; }
  .downloads-panel > summary { align-items: start; }
  .downloads-toggle { margin-top: 7px; }
}