*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#100a06;color:#e8eaf2;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:root{--ac:#ffb84d;--ac2:#ff5e3a;--bg:#100a06;--glass:rgba(255,255,255,.06);--border:rgba(255,255,255,.08)}

.n_ozgh4q{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:rgba(10,8,20,.55);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.n_ozgh4q ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;flex:1}
.n_ozgh4q ul li a{padding:8px 14px;border-radius:999px;font-size:14px;color:#cfd2e0;transition:.25s;border:1px solid transparent;display:inline-block}
.n_ozgh4q ul li a:hover,.n_ozgh4q ul li a.act{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border-color:transparent;box-shadow:0 8px 24px -8px var(--ac)}
.l_gvycs4{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.5px}
.l_gvycs4 svg{width:34px;height:34px}
.s_8onpri input{background:var(--glass);border:1px solid var(--border);color:#fff;padding:8px 14px;border-radius:999px;outline:none;font-size:13px;width:220px}

.c_wtk51o{padding:18px 24px;font-size:13px;color:#9aa0b4}
.c_wtk51o a:hover{color:var(--ac)}
.c_wtk51o span+span:before{content:"›";margin:0 8px;color:#555}

.h_1r4gb3{position:relative;padding:48px 28px;margin:8px 24px 28px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 20% 30%,var(--ac2) 0%,transparent 55%),radial-gradient(circle at 80% 70%,var(--ac) 0%,transparent 50%),#15101e;border:1px solid var(--border)}
.h_1r4gb3 h1{font-size:34px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#fff,#cfd0ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.3}
.h_1r4gb3 p{margin-top:14px;max-width:780px;color:#cdd0df;font-size:15px}
.b_9em97f{display:inline-block;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.1);font-size:11px;letter-spacing:1px;margin-right:6px}

.p_fwisf2{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:22px;margin:0 0 22px;backdrop-filter:blur(12px)}
.p_fwisf2 h2{font-size:18px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.p_fwisf2 h2:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--ac),var(--ac2));border-radius:3px}

/* card */
.c_k8wa1x{position:relative;border-radius:16px;overflow:hidden;background:#1a1525;border:1px solid var(--border);transition:.3s;cursor:pointer}
.c_k8wa1x:hover{transform:translateY(-4px);border-color:var(--ac);box-shadow:0 24px 60px -20px rgba(0,0,0,.7),0 0 0 1px var(--ac)}
.c_k8wa1x .cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.c_k8wa1x .cover img{width:100%;height:100%;object-fit:cover;transition:.5s;filter:saturate(1.05)}
.c_k8wa1x:hover .cover img{transform:scale(1.08)}
.m_qo2or9{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7));opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center}
.c_k8wa1x:hover .m_qo2or9{opacity:1}
.p_oynjs1{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.45);transform:scale(.8);transition:.3s}
.c_k8wa1x:hover .p_oynjs1{transform:scale(1)}
.p_oynjs1:after{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.c_k8wa1x .dur{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.c_k8wa1x .meta{padding:14px}
.c_k8wa1x .meta h3{font-size:14px;font-weight:600;color:#f1f2f8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c_k8wa1x .tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
.c_k8wa1x .tags em{font-style:normal;font-size:10px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.07);color:var(--ac);border:1px solid rgba(255,255,255,.05)}
.c_k8wa1x .views{margin-top:8px;font-size:11px;color:#7c8095}

.t_dly0hn{display:flex;flex-wrap:wrap;gap:8px}
.t_dly0hn a{padding:6px 12px;border-radius:8px;background:var(--glass);border:1px solid var(--border);font-size:12px;color:#bdc0d0;transition:.2s}
.t_dly0hn a:hover{color:#fff;background:linear-gradient(135deg,var(--ac),var(--ac2));border-color:transparent}

.r_42yawh{display:grid;gap:10px}
.r_42yawh blockquote{padding:12px 14px;border-left:3px solid var(--ac);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0;font-size:13px;color:#cfd1de}

.f_4xmn24 details{border-bottom:1px solid var(--border);padding:14px 0}
.f_4xmn24 summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#f0f1f8}
.f_4xmn24 summary:after{content:"+";color:var(--ac);font-size:20px}
.f_4xmn24 details[open] summary:after{content:"-"}
.f_4xmn24 p{margin-top:10px;color:#a3a7ba;font-size:13px}

.s_7ke5jt{display:flex;gap:10px;align-items:center}
.s_7ke5jt a{width:36px;height:36px;border-radius:50%;background:var(--glass);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#bdc0d0;transition:.2s;font-size:13px;font-weight:600}
.s_7ke5jt a:hover{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border-color:transparent;transform:translateY(-2px)}

.f_0mtbfv{margin-top:60px;padding:40px 24px 24px;background:rgba(0,0,0,.4);border-top:1px solid var(--border);color:#9398ac;font-size:13px}
.f_0mtbfv .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:1280px;margin:0 auto}
.f_0mtbfv h4{color:#e8ebf6;margin-bottom:12px;font-size:14px}
.f_0mtbfv ul{list-style:none}
.f_0mtbfv ul li{margin-bottom:6px}
.f_0mtbfv a:hover{color:var(--ac)}
.f_0mtbfv .bot{margin-top:30px;padding-top:18px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:#6c7186;max-width:1280px;margin-left:auto;margin-right:auto}

@media (max-width:760px){
  .n_ozgh4q{padding:12px 14px;gap:14px}
  .n_ozgh4q ul{order:3;width:100%;justify-content:flex-start}
  .s_8onpri input{width:160px}
  .h_1r4gb3{margin:8px 14px 20px;padding:30px 20px}
  .h_1r4gb3 h1{font-size:24px}
}

.m_kfbzmt{padding:0 24px;max-width:1440px;margin:0 auto}
.s_y8ulh5{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:24px}
.g_sad8x0{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.s_7d0u3l{display:grid;gap:18px}
.h_1r4gb3{min-height:340px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:960px){.s_y8ulh5{grid-template-columns:1fr}.m_kfbzmt{padding:0 14px}}