:root{--bg:#0a0f0c;--el:#121a15;--fg:#f4f6f4;--dim:#93a097;--g:#00b85c;--y:#ffd400;--bd:rgba(255,255,255,.14);--wa:#25d366}
@media(prefers-color-scheme:light){:root{--bg:#f7faf7;--el:#fff;--fg:#0d1a12;--dim:#5b6b60;--bd:rgba(0,0,0,.15)}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.d{font-weight:800;letter-spacing:-.03em;line-height:1.05}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.nav{max-width:1150px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-size:24px}.logo span{color:var(--g)}
main{max-width:1150px;margin:auto;padding:0 20px 50px}.btn{background:var(--g);color:#031;border:1px solid var(--g);padding:10px 16px;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;display:inline-grid;place-items:center}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--bd)}.btn.wa{background:var(--wa);border-color:var(--wa)}.btn[disabled]{opacity:.4;pointer-events:none}
input,textarea,select{background:var(--el);border:1px solid var(--bd);padding:10px;width:100%;border-radius:0}label{display:grid;gap:5px;font-size:11px;color:var(--dim);text-transform:uppercase}
.sec{margin-top:36px}.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.sh h2{font-size:26px;margin:0}.sh a{color:var(--g);font-size:14px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.card{background:var(--el);border:1px solid var(--bd);display:flex;flex-direction:column}.card:hover{border-color:var(--y)}
.im{aspect-ratio:4/3;background:linear-gradient(135deg,#063d22,#1a1a05);display:grid;place-items:center;font-size:28px;position:relative;overflow:hidden}.im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:6px;left:6px;background:var(--y);color:#000;font-size:9px;font-weight:700;padding:2px 6px;z-index:1;text-transform:uppercase}.pr{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.85);color:#fff;padding:3px 7px;font-size:12px;z-index:1}
.bd{padding:9px;display:flex;flex-direction:column;gap:5px;flex:1}.bd h3{margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bd p{margin:0;color:var(--dim);font-size:12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{font-size:10px;color:var(--dim);text-transform:uppercase}.bd .btn{padding:7px 8px;font-size:10px}
.art{max-width:720px;margin:32px auto}.art h1{font-size:clamp(30px,6vw,50px)}.art p,.art li{line-height:1.75;color:var(--dim);font-size:17px}.art blockquote{border-left:3px solid var(--g);margin:18px 0;padding:4px 16px;color:var(--fg)}
.lk{color:var(--g);text-decoration:underline}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--bd);padding:5px 12px;font-size:13px;border-radius:99px;background:none;cursor:pointer}
.box{background:var(--el);border:1px solid var(--bd);padding:20px;display:grid;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:130px}
.note{border:1px dashed var(--bd);padding:12px 14px;font-size:13px;color:var(--dim);margin-top:24px}.eps{display:flex;flex-wrap:wrap;gap:10px}.btn.ep{min-width:120px}.btn.off{opacity:.35;pointer-events:none;background:none;color:var(--fg);border-color:var(--bd)}
.hs{position:relative;overflow:hidden;width:100%;margin:0 0 8px;border:0;border-bottom:1px solid var(--bd)}.hs-track{display:flex;transition:transform .55s}.sl{min-width:100%;position:relative;min-height:320px;display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 20%,#0a6b38,#0a0f0c 70%);color:#fff}
.sl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sl.ov::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.15) 70%)}.sl .c{position:relative;z-index:2;padding:22px 22px 44px max(22px,calc((100vw - 1150px)/2 + 20px));max-width:calc(680px + max(0px,(100vw - 1150px)/2))}
.sl h2{font-size:clamp(28px,6vw,60px);margin:8px 0}.sl h2 span{color:var(--g)}.sl p{color:rgba(255,255,255,.8);margin:0 0 14px}.kd{background:var(--y);color:#000;font-size:11px;font-weight:700;padding:3px 9px;text-transform:uppercase}
.hb{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;cursor:pointer}.hb.l{left:10px}.hb.r{right:10px}
.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:3}.dots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.4);cursor:pointer;transition:.3s}.dots i.on{background:var(--g);width:24px}
dialog{background:var(--el);color:var(--fg);border:1px solid var(--bd);width:min(480px,94vw);padding:22px}dialog::backdrop{background:rgba(0,0,0,.7)}
footer{border-top:1px solid var(--bd);padding:28px 20px;text-align:center;color:var(--dim);font-size:13px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;z-index:50;font-size:13px}
#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;transition:opacity .35s,visibility .35s}#loader.hide{opacity:0;visibility:hidden}
.sp{width:44px;height:44px;border:4px solid var(--bd);border-top-color:var(--g);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
#topbar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--g);z-index:99}#topbar.run{animation:bar .6s ease-out forwards}@keyframes bar{0%{width:0;opacity:1}80%{width:100%;opacity:1}100%{width:100%;opacity:0}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tab{border:1px solid var(--bd);background:none;padding:8px 14px;cursor:pointer}.tab.on{background:var(--fg);color:var(--bg)}.ar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--bd);font-size:14px;flex-wrap:wrap}.err{color:#ff5a4d;font-size:13px;min-height:16px}

.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.nl{display:flex;align-items:center;gap:14px}.nr{justify-self:end}.logo{justify-self:center;white-space:nowrap}
.links{display:flex;gap:14px;font-size:13px;font-weight:500}.links a{color:var(--dim)}.links a.on,.links a:hover{color:var(--fg)}
.ib{background:none;border:1px solid var(--bd);width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.ib:hover{border-color:var(--g)}.mb{display:none}
.sbar{display:none;max-width:1150px;margin:auto;padding:0 20px 12px;gap:8px}header.sopen .sbar{display:flex}.sbar input{flex:1}
.vid{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--bd)}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1000px){.mb{display:grid}.links{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--bd);padding:6px 20px 16px;flex-direction:column;gap:0;visibility:hidden;opacity:0;transform:translateY(-10px);transition:.22s;box-shadow:0 18px 40px rgba(0,0,0,.4)}header.open .links{visibility:visible;opacity:1;transform:none}.links a{padding:14px 4px;border-bottom:1px solid var(--bd);font-size:17px}.links a.on{color:var(--g)}}
.share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:24px 0}.share .btn{padding:8px 14px}
.fig{margin:22px 0}.fig img{width:100%;display:block}.fig figcaption{font-size:13px;color:var(--dim);margin-top:6px}
.art h3{font-size:22px;margin:22px 0 6px}.art ol{color:var(--dim);line-height:1.8}.art hr{border:0;border-top:1px solid var(--bd);margin:26px 0}