@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500&display=swap');
:root{--c1:#e67e22;--c2:#d35400;--c3:#f39c12;--bg:#fff;--tx:#1a1a2e;--tx2:#64748b;--bd:#e2e8f0;--f1:'Playfair Display',Georgia,serif;--f2:'Inter',-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--f2);color:var(--tx);line-height:1.75;background:var(--bg)}
.w{max-width:1100px;margin:0 auto;padding:0 20px}a{color:var(--c1);text-decoration:none}a:hover{text-decoration:underline}
.hd{border-bottom:1px solid var(--bd);padding:14px 0;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);z-index:100}
.hd .w{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx)}.logo img{height:30px;width:30px}.logo b{font-family:var(--f1);font-size:1.15rem}
.nav a{margin-left:24px;color:var(--tx2);font-size:.9rem;text-decoration:none}.nav a:hover{color:var(--c1)}
.hero{padding:64px 0 48px;text-align:center;background:linear-gradient(135deg,#e67e2206,#f39c120a)}
.hero h1{font-family:var(--f1);font-size:2.5rem;font-weight:700;margin-bottom:12px;line-height:1.25}.hero p{font-size:1.05rem;color:var(--tx2);max-width:560px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:40px 0}
.card{border:1px solid var(--bd);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff}
.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.06)}
.ci{width:100%;height:180px;background:linear-gradient(135deg,#e67e2215,#d3540015);display:flex;align-items:center;justify-content:center;color:#e67e22;font-family:var(--f1);font-size:1.1rem;font-weight:600;padding:20px;text-align:center}
.cb{padding:18px}.cb h3{font-family:var(--f1);font-size:1.05rem;margin-bottom:6px;line-height:1.35}
.cb h3 a{color:var(--tx);text-decoration:none}.cb h3 a:hover{color:var(--c1)}.cb p{color:var(--tx2);font-size:.85rem}.cd{font-size:.78rem;color:var(--tx2);margin-top:10px}
article{max-width:720px;margin:0 auto;padding:40px 20px}
article h1{font-family:var(--f1);font-size:2rem;margin-bottom:8px;line-height:1.3}article .mt{color:var(--tx2);font-size:.88rem;margin-bottom:28px}
article h2{font-family:var(--f1);font-size:1.4rem;margin:28px 0 14px}article p{margin-bottom:16px}
article ul,article ol{margin:0 0 16px 22px}article li{margin-bottom:5px}article img{max-width:100%;border-radius:8px;margin:20px 0}
.ad{text-align:center;padding:16px 0;min-height:90px}.ad-lg{min-height:250px}
.ft{border-top:1px solid var(--bd);padding:32px 0;text-align:center;color:var(--tx2);font-size:.82rem}.ft a{color:var(--tx2);margin:0 10px}
.ck{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:9999;font-size:.85rem}
.ck a{color:var(--c3)}.ck button{background:var(--c1);color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.85rem}.ck.h{display:none}
@media(max-width:768px){.hero h1{font-size:1.8rem}.grid{grid-template-columns:1fr}}