:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#ffffff;--soft:#f1f5f9;--brand:#0f766e;--brand-dark:#0b5e57;--accent:#f59e0b}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);z-index:10}
.nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px 20px;max-width:1120px;margin:0 auto}
.nav .brand{font-weight:900;color:var(--ink);font-size:20px;letter-spacing:.2px}
.nav a{font-size:15px;color:#334155}.nav a:hover{color:var(--brand)}
.hero{padding:40px 28px 32px;background:linear-gradient(135deg,#0f766e 0%,#134e4a 100%);color:#fff;border-radius:20px;margin-top:24px}
.hero h1{font-size:34px;line-height:1.25;margin:0 0 10px;letter-spacing:.2px;color:#fff}
.hero p{color:#ccfbf1;margin:6px 0;font-size:17px}
@media(min-width:640px){.hero h1{font-size:44px}}
.hero .btn{background:#fff;color:var(--brand-dark)!important}
.hero .btn.sec{background:transparent;color:#fff!important;border:1px solid #fff}
.trust{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.trust span{background:#ecfdf5;border:1px solid #99f6e4;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;color:#0f766e}
.thumb{height:120px;background:linear-gradient(135deg,#14b8a6,#0f766e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:900;margin-bottom:14px}
.grid{display:grid;grid-template-columns:1fr;gap:16px;margin:16px 0}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.grid{grid-template-columns:1fr 1fr 1fr}}
.card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.card:hover{box-shadow:0 12px 32px rgba(15,23,42,.12);transform:translateY(-2px)}
.card a{cursor:pointer}
.card h3 a:hover{text-decoration:underline}
.card .btn{display:inline-block}
.card h2,.card h3{margin:0 0 8px;line-height:1.4}.card p{margin:6px 0;color:var(--muted)}
.price{font-weight:900;color:var(--ink);font-size:20px}
.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:12px 20px;border-radius:10px;margin:10px 10px 0 0;font-weight:700}
.btn:hover{background:var(--brand-dark);text-decoration:none}
.btn.sec{background:#fff;color:var(--brand)!important;border:1px solid var(--brand)}
.badge{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:13px;color:var(--muted)}
.note{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 18px;margin:20px 0}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;color:var(--muted);font-size:14px}
input[type=search]{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px}
.bread{font-size:14px;color:var(--muted);margin:16px 0 0}
h2{font-size:24px;margin:32px 0 4px}
table{width:100%;border-collapse:collapse;margin:12px 0}
th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
th{color:var(--muted);font-size:14px}