:root{color:#17211b;background:#eef2ed;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 15% 15%,rgba(103,137,112,.22),transparent 34%),linear-gradient(145deg,#f7f5ee,#e8eee8)}.hero{width:min(720px,100%);padding:clamp(32px,6vw,64px);border:1px solid rgba(42,68,51,.12);border-radius:28px;background:#fffffcd1;box-shadow:0 24px 80px #283d2f1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 14px;color:#647469;font-size:12px;font-weight:700;letter-spacing:.16em}h1{margin:0;color:#1f3b2a;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(44px,9vw,76px);letter-spacing:-.04em}.summary{margin:14px 0 34px;color:#58655c;font-size:clamp(16px,3vw,20px);line-height:1.65}.status-card{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:16px;background:#f1eee8}.status-card.online{background:#e8f2e9}.indicator{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:#a76c57;box-shadow:0 0 0 6px #a76c571f}.online .indicator{background:#3a7c4b;box-shadow:0 0 0 6px #3a7c4b1f}.status-card strong{display:block;font-size:16px}.status-card p{margin:4px 0 0;color:#6d776f;font-size:13px}.integrations{display:grid;gap:8px;margin-top:18px}.integration-row{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border:1px solid #e2e5df;border-radius:10px;font-size:13px}.integration-row strong{white-space:nowrap}.integration-row .ready{color:#317042}.integration-row .pending{color:#8a695d}.metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0}.metadata div{padding:14px;border:1px solid #e2e5df;border-radius:12px}.metadata dt{color:#7a847d;font-size:12px}.metadata dd{margin:6px 0 0;font-weight:650}.notice{margin:26px 0 0;color:#7b817c;font-size:13px;line-height:1.6}@media(max-width:560px){.metadata{grid-template-columns:1fr}.hero{border-radius:20px}.integration-row{align-items:center}}