*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#1d2433;background:#f7f8fb}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}a{color:#4f46e5}header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}
.nav{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#1d2433}.logo span{color:#4f46e5}nav a{margin-left:18px;text-decoration:none;color:#475569}
.hero{text-align:center;padding:56px 20px 24px}.hero h1{font-size:clamp(30px,5vw,48px);margin:0 0 10px}.hero p{color:#475569;max-width:620px;margin:0 auto 22px}
#q,form input{width:100%;max-width:560px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px auto}.chips button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer}.chips .on{background:#4f46e5;color:#fff;border-color:#4f46e5}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;text-decoration:none;color:inherit;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0001}
.card p{margin:6px 0 0;color:#475569;font-size:14px}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.tag{font-size:12px;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:999px;white-space:nowrap}.tag.paid{background:#fef3c7;color:#92400e}
h2{margin:36px 0 14px}.sponsor-slot{border:2px dashed #c7d2fe;background:#eef2ff;border-radius:14px;padding:14px;text-align:center;color:#4338ca;margin:16px auto}
.btn{display:inline-block;background:#4f46e5;color:#fff;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;cursor:pointer;font-size:15px}.tiers .card p{font-size:22px;font-weight:700;color:#1d2433}
.news{text-align:center;padding:30px 20px}form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.muted{color:#64748b}footer{color:#64748b;font-size:14px;padding:40px 20px}
#news-msg{margin-top:10px;min-height:1.5em}#news-msg.ok{color:#166534}#news-msg.err{color:#b91c1c}.btn:disabled{opacity:.6}
.logo{white-space:nowrap}@media(max-width:480px){nav a{margin-left:10px;font-size:14px}.logo{font-size:17px}}
.hp{position:absolute;left:-9999px}.btn.sm{padding:7px 12px;font-size:14px;color:#fff!important;margin-left:14px}
.hero-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:620px;margin:0 auto}.hero-form input[type=email]{flex:1;min-width:220px}.news-msg{flex-basis:100%;margin:6px 0 0;min-height:1.2em}.news-msg.ok{color:#166534}.news-msg.err{color:#b91c1c}
.hero-cta{margin-top:14px}.link-sponsor{font-weight:600}
#q{display:block;margin:10px auto 0}
.ticker-wrap{overflow:hidden;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:28px 0 8px}.ticker{white-space:nowrap}.track{display:inline-flex;gap:14px;padding:12px 0;animation:tick 30s linear infinite}.ticker-wrap:hover .track{animation-play-state:paused}
.tick{display:inline-flex;align-items:center;height:40px;padding:0 22px;border-radius:10px;background:#f1f5f9;color:#334155;text-decoration:none;font-weight:600}.tick.ph{border:2px dashed #c7d2fe;background:#eef2ff;color:#4338ca}.tick img{max-height:28px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.track{animation:none}}
a.sponsor-slot{display:block;text-decoration:none}.pkg ul{padding-left:20px}.pkg li{margin:6px 0}
.sticky-news{position:fixed;left:0;right:0;bottom:0;background:#1d2433;color:#fff;padding:10px;transform:translateY(110%);transition:.3s;z-index:5}.sticky-news.show{transform:none}
.sticky-news form{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}.sticky-news input[type=email]{padding:8px 10px;max-width:240px}.sticky-news .x{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.sticky-news .news-msg{text-align:center}.sticky-news .news-msg.ok{color:#86efac}.sticky-news .news-msg.err{color:#fca5a5}
@media(max-width:480px){nav a:not(.btn){display:none}.sticky-news span{display:none}}
footer{padding-bottom:90px}
/* design refresh */
body{background:#fff8f0;color:#2b2118}a{color:#d9424f}header{background:#fffdf9;border-bottom:1px solid #f3dccb}
.logo{display:inline-flex;align-items:center;gap:10px;color:#2b2118}.logo span{color:#e8505b}nav a{color:#6b5a4c}
.btn,.chips .on{background:linear-gradient(135deg,#ff8a5b,#e8505b);border-color:#e8505b}.btn:hover{filter:brightness(1.05)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;text-align:left;padding:48px 20px 20px}
.hero p{margin-left:0;color:#6b5a4c}.hero-form{justify-content:flex-start;margin:0}.hero-art{width:100%;height:auto}
.hero h1{background:linear-gradient(90deg,#2b2118 55%,#e8505b);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.hero-form{justify-content:center;margin:0 auto}.hero p{margin:0 auto 22px}.hero-art{max-width:340px;margin:0 auto;order:-1}}
#q,form input{border-color:#f0cdb7}.chips button{border-color:#f0cdb7}
.card{border:1px solid #f3dccb;border-top:5px solid #ff8a5b}.grid .card:nth-child(4n+2){border-top-color:#2bb3a3}.grid .card:nth-child(4n+3){border-top-color:#ffc23d}.grid .card:nth-child(4n+4){border-top-color:#e8505b}
.card:hover{box-shadow:0 10px 24px #e8505b22}main h2,#new h2,#advertise h2{color:#2b2118}main h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:#ff8a5b;margin-right:10px;vertical-align:middle}
.sponsor-slot,.tick.ph{border-color:#ffb08f;background:#fff0e6;color:#c2410c}.ticker-wrap{background:#fffdf9;border-color:#f3dccb}.tick{background:#fff3ea;color:#5a4636}
.sticky-news{background:#2b2118}
.cardlink{text-decoration:none;color:inherit}.guide-link{display:inline-block;margin-top:8px;font-weight:600;font-size:14px;color:#e8505b;text-decoration:none}
.article{max-width:760px;padding:30px 20px}.article h1{font-size:clamp(28px,4.5vw,40px);line-height:1.2;margin:10px 0}.article h2{margin-top:34px}.article .zap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin:16px 0}.article .meta{color:#64748b;font-size:14px}.plan{font-size:12px;padding:2px 8px;border-radius:999px;background:#dcfce7;color:#166534;margin-left:6px;vertical-align:middle}.plan.pro{background:#fef3c7;color:#92400e}.note{background:#fff4ec;border:1px solid #f3dccb;border-radius:12px;padding:14px;color:#2b2118}.crumbs{font-size:14px}