:root{
  --bg:#f5f7fb;--paper:#fff;--ink:#172033;--muted:#69758a;--line:#dbe3ef;
  --blue:#1d63e9;--blue-dark:#173a65;--green:#16865b;--green-bg:#eaf9f1;
  --amber:#a7680b;--amber-bg:#fff7e5;--red:#b83a39;--shadow:0 18px 45px rgba(29,58,104,.08);
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}body{margin:0;background:linear-gradient(180deg,#eef4ff 0,#f7f9fc 360px,#f5f7fb 100%)}
a{color:inherit}.site-header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-weight:800;color:var(--blue-dark)}.brand-mark{color:#e2a51e}.site-header nav{display:flex;gap:22px}.site-header nav a{text-decoration:none;color:#4b5c75;font-size:14px}.page-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:56px 0 48px}.hero{text-align:center;padding:26px 12px 34px}.eyebrow,.kicker{text-transform:none;letter-spacing:.08em;color:#56708e;font-weight:700;font-size:13px;margin:0 0 10px}.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:0;color:#112f55}.lead{max-width:720px;margin:18px auto;color:#56647a;font-size:17px;line-height:1.8}.mode-chip{display:inline-block;border:1px solid #bed1ef;background:#f8fbff;color:#315d96;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.console-card,.workflow,.details-card,.privacy-note{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin-top:18px}.console-card{padding:26px}.card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.card-heading h2,.workflow h2{margin:0;font-size:24px;color:#16365d}.status-badge{border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;white-space:nowrap}.status-checking{background:#eef2f7;color:#617085}.status-good{background:var(--green-bg);color:var(--green)}.status-bad{background:#fff0ef;color:var(--red)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.status-item{border:1px solid #e4eaf3;border-radius:16px;padding:16px;display:flex;gap:12px;min-height:112px;background:#fbfcfe}.status-item strong{display:block;margin-bottom:7px}.status-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.status-dot{width:11px;height:11px;border-radius:50%;background:#b9c4d3;flex:0 0 auto;margin-top:5px}.dot-good{background:#29a06c}.dot-neutral{background:#7892b3}.dot-bad{background:#d75454}.primary-actions{display:flex;gap:12px;margin-top:22px}.btn{min-height:48px;border-radius:16px;padding:0 20px;font-size:15px;font-weight:800;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff;flex:1}.btn-secondary{background:#fff;border-color:#b9c8dc;color:#254b79}.hint{margin:14px 0 0;color:#718097;font-size:12px;line-height:1.65}.workflow{padding:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.step{border:1px solid #e2e8f1;border-radius:16px;padding:18px;background:#fbfcfe}.step span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf1ff;color:var(--blue);font-weight:900;margin-bottom:12px}.step strong{display:block;font-size:17px}.step p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.details-card{overflow:hidden}.details-card summary{cursor:pointer;padding:18px 22px;font-weight:800;color:#24466d;list-style:none}.details-card summary::-webkit-details-marker{display:none}.details-card summary::before{content:"▸";margin-right:9px}.details-card[open] summary::before{content:"▾"}.details-body{padding:0 22px 22px;border-top:1px solid #edf1f6}.meta-list{margin:16px 0}.meta-list div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed #e5eaf1}.meta-list dt{font-weight:700;color:#64738a}.meta-list dd{margin:0}.link-row{display:flex;flex-wrap:wrap;gap:10px}.link-row a{font-size:13px;padding:8px 10px;border-radius:10px;background:#eef4ff;color:#225baf;text-decoration:none}.privacy-note{padding:20px 22px;background:#f5fbf7;border-color:#cfeadb;box-shadow:none}.privacy-note strong{color:#1d6849}.privacy-note p{margin:8px 0 0;color:#557365;line-height:1.7;font-size:13px}.site-footer{text-align:center;color:#7a8798;font-size:12px;padding:24px 16px 42px}
@media(max-width:720px){.site-header nav{display:none}.page-shell{width:min(100% - 20px,980px);padding-top:28px}.status-grid,.steps{grid-template-columns:1fr}.primary-actions{flex-direction:column}.btn{width:100%}.meta-list div{grid-template-columns:1fr}.hero{padding-top:16px}.console-card,.workflow{padding:20px}}