:root{--bg:#fff;--soft:#f6f3fc;--ink:#1b1523;--muted:#6b6479;--line:#ece6f6;--brand:#7c3aed;--brand-d:#5b21b6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{max-width:840px;margin:0 auto;display:flex;align-items:center;height:60px;padding:0 20px;gap:12px}
.nav img{height:22px;display:block}
.nav .sp{flex:1}
.nav a.home{color:var(--muted);font-weight:600;font-size:14px}
.wrap{max-width:840px;margin:0 auto;padding:28px 20px 60px}
.wrap h1{font-size:30px;letter-spacing:-.5px;margin:6px 0 4px}
.updated{color:var(--muted);font-size:13px;margin-bottom:24px}
.lead{color:#2c2536;font-size:16px;margin:0 0 8px}
h2{font-size:18px;margin:28px 0 8px}
p,li{color:#2c2536;font-size:15px}
ul{padding-left:20px;margin:8px 0}
li{margin:4px 0}
.card{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
.contact-row{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:15.5px}
.contact-row .ic{width:38px;height:38px;border-radius:10px;background:#ede4ff;display:grid;place-items:center;font-size:18px;flex:none}
.contact-row small{display:block;color:var(--muted);font-size:12px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:24px 20px;line-height:2}
footer a{color:var(--muted)}