@font-face{font-family:"Lora";src:url(fonts/lora-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201D,U+2026}
:root{--serif:"Lora","Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",Georgia,serif;--sans:"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif}
:root{--ink:#2C3A2A;--muted:#4A5747;--bg:#EAF4DC;--card:#FBF7F0;--accent:#46722A;--accent2:#46722A;--btn:#4E7D2E;--grass:#8DBF5A;--line:#d6e8bf;--soft:#EAF4DC;--tint:#DCEDC6;--peach:#FCE9C8;--shadow:0 1px 2px rgba(50,70,30,.06),0 8px 24px rgba(50,70,30,.08)}
*{box-sizing:border-box}
html{font-size:19px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.75;letter-spacing:.01em;
 background-image:radial-gradient(1200px 500px at 85% -10%,rgba(255,255,255,.55),transparent 60%),radial-gradient(900px 400px at -10% 30%,rgba(255,255,255,.35),transparent 60%)}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 8px}
.brand{font-weight:700;font-size:1.15rem;letter-spacing:.04em}
.brand small{display:block;font-weight:400;color:var(--muted);font-size:.78rem;letter-spacing:.06em}
.lang{border:1.5px solid var(--accent);background:var(--card);color:var(--accent);font-size:.95rem;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;min-height:48px}
.lang:hover{background:#fff}
.lang:focus-visible,button.go:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.hero{padding:28px 0 8px}
.eyebrow{display:inline-block;margin:0 0 10px;font-size:.85rem;font-weight:600;color:var(--accent);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 14px;letter-spacing:.05em}
h1{font-family:var(--serif);font-weight:700;font-size:2.15rem;line-height:1.3;margin:.15em 0 .35em;letter-spacing:.02em}
.sub{font-size:1.1rem;color:var(--muted);margin:0 0 6px;max-width:34em}
.features{display:grid;gap:14px;margin:26px 0;grid-template-columns:1fr}
.f{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 78px;position:relative;box-shadow:var(--shadow);min-height:96px}
.ic{position:absolute;left:18px;top:18px;width:46px;height:46px;border-radius:14px;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center}
.f h3{margin:0 0 2px;font-size:1.08rem;color:var(--accent)}
.f p{margin:0;color:var(--ink)}
.offer{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 22px;margin:24px 0;box-shadow:0 2px 4px rgba(50,70,30,.06),0 18px 40px rgba(50,70,30,.12);position:relative;overflow:hidden}
.offer:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--accent)}
.offer-ic{display:flex;align-items:center;gap:12px;color:var(--accent);margin-bottom:6px}
.offer-ic svg{background:var(--tint);border-radius:14px;padding:8px;width:52px;height:52px}
.badge{font-size:.85rem;font-weight:700;color:#7A4A12;background:var(--tint);border-radius:999px;padding:3px 12px}
.offer h2{font-family:var(--serif);margin:4px 0 6px;font-size:1.4rem;line-height:1.45}
label{display:block;font-weight:700;margin:16px 0 6px}
input[type=email]{width:100%;font-size:1.1rem;padding:14px 16px;border:1.5px solid #7f9a6c;border-radius:12px;min-height:56px;background:#fff;color:var(--ink)}
input[type=email]::placeholder{color:#6b7682}
input[type=email]:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
button.go{width:100%;margin-top:16px;font-size:1.15rem;font-weight:700;letter-spacing:.06em;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:16px;min-height:58px;cursor:pointer;box-shadow:0 6px 16px rgba(78,125,46,.28);transition:transform .15s,box-shadow .15s}
button.go:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(78,125,46,.32)}
button.go:disabled{opacity:.7;cursor:wait}
.consent{font-size:.95rem;margin-top:14px;display:flex;gap:10px;align-items:flex-start;font-weight:600}
.consent input{width:24px;height:24px;margin-top:4px;flex:none;accent-color:var(--accent)}
.privacy{font-size:.9rem;color:var(--muted);background:var(--soft);border-radius:12px;padding:12px 14px;margin-top:16px;line-height:1.7}
.msg{margin-top:12px;font-weight:700}
.msg.ok{color:#1f6b3a}.msg.err{color:#a3271b}
footer{font-size:.85rem;color:var(--muted);padding:26px 0 44px;border-top:1px solid var(--line);margin-top:28px}
a{color:var(--accent2)}
.hp{position:absolute;left:-9999px}
@media(min-width:760px){html{font-size:20px}h1{font-size:2.9rem}.hero{padding-top:48px}.features{grid-template-columns:1fr 1fr}.cols{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:start}.offer{margin-top:48px;padding:30px 28px}}
@media(prefers-reduced-motion:reduce){button.go{transition:none}}
body.l-zh .en, body.l-en .zh{display:none!important}

/* v2 */
.logo{display:inline-flex}.logo img{height:44px;width:auto}
.i{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.i.sm{width:20px;height:20px}.i.lg{width:34px;height:34px}
.eyebrow{display:inline-flex;align-items:center;gap:6px}
.lead{font-family:var(--serif);font-size:1.3rem;line-height:1.5;color:var(--ink);margin:0 0 10px;font-weight:600}
.book-art{margin:22px 0 4px;max-width:420px}.book-art svg{width:100%;height:auto;display:block}
.offer p{margin:.3em 0}
.offer-ic .i.lg{background:var(--tint);border-radius:14px;padding:8px;width:52px;height:52px;box-sizing:border-box}
.block{margin:34px 0}
.sec{font-family:var(--serif);font-size:1.5rem;margin:0 0 6px;letter-spacing:.02em}
.mlist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;grid-template-columns:1fr 1fr}
.mlist li{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink)}
.mlist .i{color:var(--accent)}
.offer.bottom{max-width:640px;margin:40px auto 10px;text-align:left}
.privacy-mini{font-size:.9rem;color:var(--muted);margin-top:12px}
.f .i{width:26px;height:26px}
@media(min-width:760px){.mlist{grid-template-columns:repeat(4,1fr)}.features{grid-template-columns:repeat(2,1fr)}.sec{font-size:1.7rem}.lead{font-size:1.45rem}}
/* ===== 正式主题 E（浅草绿）细节 ===== */
button.go{background:var(--btn);box-shadow:0 6px 16px rgba(78,125,46,.28)}
.offer{border-color:var(--line);border-top:1px solid var(--line)}
.offer:before{background:var(--grass)}
.f{border-left:4px solid var(--grass)}
.badge{background:var(--peach);color:#7A4A12}
.eyebrow .i{color:#C98A2E}
input[type=email]{border-color:#7f9a6c}
.lang{background:var(--card)}
.note{background:var(--tint);border-radius:10px;padding:10px 12px;color:var(--ink);font-size:.95rem}
.who{margin:18px 0 0;padding:14px 16px;border-left:4px solid var(--grass);background:var(--card);border-radius:10px;color:var(--ink)}