:root{ --fg:#0b1324; --muted:#607089; --line:#e5e7eb; --panel:#ffffff; --bg:#f7f7fb; --blue:#2563eb; --red:#ef4444; }

/* 固定 LOGO 尺寸为 25×25 */
#site-logo{
  width: 25px !important;
  height: 25px !important;
  display: block;
  object-fit: contain;
}

/* 让 LOGO 与品牌文字垂直居中、间距合适（可选） */
.brand{ display:flex; align-items:center; gap:8px; }

/* 如果 <a href="/">...</a> 外层影响行高，可加（可选） */
.brand a[href="/"]{ display:flex; align-items:center; line-height:1; }

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';color:var(--fg);background:radial-gradient(800px 300px at 80% -120px, rgba(37,99,235,.06), transparent 60%), radial-gradient(600px 300px at -60px 80%, rgba(22,163,74,.05), transparent 60%), var(--bg)}
.wrap{max-width:880px;margin:0 auto;padding:28px 18px 96px}
.header{position:sticky;top:0;background:rgba(255,255,255,.7);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid rgba(17,24,39,.06)}
.bar{max-width:880px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.badge{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#34d399);display:grid;place-items:center;color:#0b1324;font-weight:800}
.langbar{display:flex;flex-wrap:wrap;gap:8px}
.langbar a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;color:#0b1324;text-decoration:none}
.langbar a.active{border-color:var(--blue);color:#fff;background:#2563eb}
.hero{margin-top:20px;background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(22,163,74,.05));border:1px solid var(--line);border-radius:16px;padding:22px}
.hero h1{margin:0 0 8px;font-size:28px}
.hero p{margin:0;color:var(--muted)}
.section{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:860px){.section{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.card h2{margin:0 0 10px;font-size:18px}
.meta{font-size:13px;color:var(--muted)}
.steps{display:grid;gap:10px}
.step{display:flex;gap:12px;align-items:flex-start;background:#fafafa;border:1px dashed #e6e9f0;border-radius:12px;padding:10px}
.num{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#34d399);display:grid;place-items:center;color:#0b1324;font-weight:800}
.addr-card{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.addr{flex:1;font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:16px;word-break:break-all}
.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}
.tips{display:grid;gap:8px}
.tips li{background:#fafafa;border:1px solid #eceff5;border-radius:12px;padding:10px}
.faq{margin-top:18px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;margin-top:8px}
.faq summary{cursor:pointer;font-weight:600}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;display:none}
.toast.show{display:block;animation:fade .18s ease-out}
@keyframes fade{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
/* Red helpers */
.danger{color:var(--red);font-weight:600}
.form{display:grid;gap:10px}
.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.input.error{border-color:var(--red);outline-color:var(--red)}
.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}
.helper{font-size:12px;color:var(--red)}