:root{--bg:#f8f4ee;--surface:#fffdf9;--text:#1f1a16;--muted:#6f665d;--line:#e9ddd2;--accent:#0f7c77}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Trebuchet MS,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:0 auto}.header{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid var(--line);background:hsla(36,42%,95%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.brand{font-weight:800;letter-spacing:.04em;font-size:1.4rem}.nav{display:flex;gap:16px;align-items:center;color:var(--muted);font-weight:600}.hero{margin:24px 0;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px}.title{font-size:clamp(2rem,6vw,4rem);line-height:1.05;margin:0 0 12px}.muted{color:var(--muted)}.btn{display:inline-block;border-radius:999px;padding:10px 18px;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.section{margin:26px 0}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.thumb{height:180px;background:#f2e9de;display:flex;align-items:center;justify-content:center}.foot{margin-top:50px;border-top:1px solid var(--line);padding:26px 0;color:var(--muted)}.announcement-bar{background:#f3dfd6;text-align:center;font-size:13px;padding:6px 10px;color:#3c3128;border-bottom:1px solid var(--line)}.header-wrap .header{position:-webkit-sticky;position:sticky;top:0;z-index:20}