*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#ffffff;--c-surface:#f8f9fa;--c-border:#e2e6ea;--c-text:#1a1d23;--c-muted:#6b7280;--c-accent:#0d6efd;--c-ok-bg:#ecfdf5;--c-ok-bd:#6ee7b7;--c-ok-tx:#065f46;--c-err-bg:#fff1f2;--c-err-bd:#fda4af;--c-err-tx:#9f1239;--c-code-bg:#f3f4f6;--c-code-bd:#d1d5db;--c-blue-bg:#eff6ff;--c-blue-bd:#bfdbfe;--c-blue-tx:#1e40af;--radius:10px;--font:'Helvetica Neue',Helvetica,Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}html{font-size:16px}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);flex-direction:column;justify-content:center;padding:32px 16px;line-height:1.6;font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a1a;min-height:100vh}.card{width:100%;max-width:560px;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.card-header,body{display:flex;align-items:center}.card-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:18px 24px;gap:12px}.icon-main{font-size:28px;line-height:1;flex-shrink:0}.badge,h1{font-weight:600}.badge,.diag-box pre{font-size:11px;color:var(--c-muted)}.badge{letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:2px}.card-header h1{font-size:17px;font-weight:700;color:var(--c-text);line-height:1.3}.card-body{padding:24px}.message{font-size:14px;color:var(--c-text);margin-bottom:8px}.hint{font-size:13px;color:var(--c-muted);margin-top:12px}.info-box{margin:18px 0;padding:14px 16px;border-radius:var(--radius);background:var(--c-blue-bg);border:1px solid var(--c-blue-bd);color:var(--c-blue-tx);font-size:13px}.info-box strong{display:block;margin-bottom:4px;font-size:14px}.steps{margin:18px 0;counter-reset:step}.step{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:13px}.step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.step-text{color:var(--c-text)}.diag-box{position:relative;margin-top:20px;background:var(--c-code-bg);border:1px solid var(--c-code-bd);border-radius:var(--radius);padding:14px 42px 14px 14px}.diag-box pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;line-height:1.7}.copy-btn{position:absolute;top:8px;right:8px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--c-muted);transition:background .15s}.card-footer,.copy-btn:hover{background:var(--c-surface)}.card-footer{padding:12px 24px;border-top:1px solid var(--c-border);font-size:11px;color:var(--c-muted);text-align:center}.card-footer a{color:var(--c-accent);text-decoration:none}.card-footer a:hover{text-decoration:underline}.page-wrap{padding:40px 32px;max-width:520px}h1{font-size:22px;margin-bottom:6px}