:root { --paper:#fffaf0; --ink:#263c39; --muted:#667871; --line:rgba(67,91,84,.17); --sage:#355f57; --coral:#b85f47; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; color:var(--ink); background:#f3eadc url("happy-english-site/assets/message-bottle-warm.jpg") center/cover fixed; font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; line-height:1.75; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(255,250,240,.97),rgba(255,250,240,.91),rgba(239,246,239,.93)); }
header { position:sticky; top:0; z-index:2; border-bottom:1px solid var(--line); background:rgba(255,251,243,.9); backdrop-filter:blur(18px); }
.topbar { width:min(920px,calc(100% - 32px)); min-height:64px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand,.back { color:inherit; text-decoration:none; font-weight:800; }
.back { color:var(--sage); font-size:14px; }
main { width:min(920px,calc(100% - 32px)); margin:auto; padding:52px 0 72px; }
.eyebrow { margin:0 0 8px; color:var(--coral); font-size:12px; font-weight:850; text-transform:uppercase; }
h1 { margin:0 0 12px; font-family:Georgia,"Songti SC",serif; font-size:clamp(34px,6vw,58px); font-weight:600; line-height:1.15; }
.lead { max-width:760px; margin:0 0 34px; color:var(--muted); }
article { padding:28px; border:1px solid var(--line); border-radius:8px; background:rgba(255,252,246,.94); box-shadow:0 18px 48px rgba(73,56,41,.09); }
section + section { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
h2 { margin:0 0 8px; font-family:Georgia,"Songti SC",serif; font-size:23px; font-weight:600; }
p,ul { margin:8px 0 0; }
ul { padding-left:22px; }
a { color:var(--sage); }
.meta { color:var(--muted); font-size:13px; }
footer { width:min(920px,calc(100% - 32px)); margin:auto; padding:0 0 36px; color:var(--muted); font-size:12px; }
@media(max-width:600px) { main{padding-top:34px} article{padding:20px} .topbar{min-height:58px} }