:root{--ac:#7c5cff;--ac2:#22d3ee;--bg:#0b0d17;--fg:#e7e9f4;--mut:#9aa0b4;--glass:rgba(255,255,255,.06);--border:rgba(255,255,255,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
body{background:radial-gradient(1200px 600px at 10% -10%,color-mix(in oklab,var(--ac) 28%,transparent),transparent 60%),radial-gradient(900px 500px at 110% 10%,color-mix(in oklab,var(--ac2) 22%,transparent),transparent 60%),var(--bg)}
.v_h1gzc{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px 24px;backdrop-filter:blur(18px) saturate(160%);background:linear-gradient(180deg,rgba(10,12,22,.7),rgba(10,12,22,.35));border-bottom:1px solid var(--border)}
.v_h1gzc svg{height:34px;width:auto}
.v_h1gzc ul{display:flex;gap:6px;list-style:none;flex-wrap:wrap;flex:1}
.v_h1gzc ul li a{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--mut);transition:all .25s}
.v_h1gzc ul li a:hover,.v_h1gzc ul li a.m_w3mvq{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#0b0d17;font-weight:700}
.v_h1gzc form{display:flex;background:var(--glass);border:1px solid var(--border);border-radius:999px;padding:6px 10px}
.v_h1gzc input{background:transparent;border:0;color:var(--fg);outline:none;width:180px;font-size:14px}
.v_h1gzc button{background:transparent;border:0;color:var(--ac2);cursor:pointer;font-weight:700}
.y_m1zw6{max-width:1320px;margin:0 auto;padding:24px}
.s_9mx83{font-size:13px;color:var(--mut);margin:8px 0 18px}
.s_9mx83 a{color:var(--ac2)}
.s_egxzz{position:relative;border-radius:24px;overflow:hidden;padding:48px 40px;margin-bottom:28px;background:linear-gradient(135deg,color-mix(in oklab,var(--ac) 30%,transparent),color-mix(in oklab,var(--ac2) 20%,transparent));border:1px solid var(--border)}
.s_egxzz h1{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#fff,var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.s_egxzz p{margin-top:14px;color:#dde0f0;max-width:720px}
.s_egxzz .m_odx8h{display:inline-block;margin-top:18px;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--border);font-size:12px;color:var(--ac2)}
.b_dsa70{margin:36px 0}
.b_dsa70 h2{font-size:22px;letter-spacing:.5px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.b_dsa70 h2::before{content:"";width:6px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--ac),var(--ac2))}
.m_564p0{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:18px 22px;color:#cbd0e3;font-size:14px;line-height:1.85;margin-bottom:18px;backdrop-filter:blur(10px)}
.m_564p0 strong{color:var(--ac2)}
.e_xhd8a{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.m_e2h98{column-count:3;column-gap:18px}
@media(max-width:960px){.m_e2h98{column-count:2}}
@media(max-width:600px){.m_e2h98{column-count:1}}
.m_e2h98 .c_7g7ly{break-inside:avoid;margin-bottom:18px}
.c_7g7ly{position:relative;border-radius:18px;overflow:hidden;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px);transition:transform .35s,box-shadow .35s}
.c_7g7ly:hover{transform:translateY(-4px);box-shadow:0 16px 40px -10px color-mix(in oklab,var(--ac) 60%,transparent)}
.c_7g7ly .x_dti57{position:relative;aspect-ratio:16/10;overflow:hidden}
.c_7g7ly .x_dti57 img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.c_7g7ly:hover .x_dti57 img{transform:scale(1.08)}
.f_lg2n5{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7));opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}
.c_7g7ly:hover .f_lg2n5{opacity:1}
.n_nzqim{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4);transform:scale(.85);transition:transform .3s}
.c_7g7ly:hover .n_nzqim{transform:scale(1)}
.n_nzqim::before{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #0b0d17;margin-left:4px}
.c_7g7ly .l_b3wpa{padding:14px 16px}
.c_7g7ly .l_b3wpa h3{font-size:15px;line-height:1.45;font-weight:600;color:#fff;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c_7g7ly .l_b3wpa .row{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}
.c_7g7ly .m_odx8h{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);font-size:11px;color:var(--ac2);font-weight:700;letter-spacing:.5px}
.c_7g7ly .dur{position:absolute;bottom:10px;right:10px;padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.7);font-size:11px;color:#fff}
.l_gt2cv{position:sticky;top:80px;height:fit-content}
.l_gt2cv .m_564p0{margin-bottom:14px}
.y_rv9ag{display:grid;grid-template-columns:300px 1fr;gap:24px}
@media(max-width:900px){.y_rv9ag{grid-template-columns:1fr}}
.w_4w0el{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:21/9;margin-bottom:24px;border:1px solid var(--border)}
.w_4w0el img{width:100%;height:100%;object-fit:cover}
.w_4w0el .info{position:absolute;left:0;bottom:0;right:0;padding:32px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}
.w_4w0el h2{font-size:clamp(22px,3vw,36px);color:#fff}
.w_4w0el p{color:#c9cee0;margin-top:8px;max-width:680px;font-size:14px}
.y_ua72r{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.y_ua72r blockquote{padding:18px;background:var(--glass);border:1px solid var(--border);border-radius:14px;font-size:14px;color:#d4d8ea;position:relative}
.y_ua72r blockquote::before{content:"\201C";position:absolute;top:4px;left:10px;color:var(--ac2);font-size:34px;line-height:1;font-family:Georgia}
.y_ua72r blockquote cite{display:block;margin-top:8px;font-size:12px;color:var(--mut);font-style:normal}
.l_cbpgc details{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin-bottom:10px}
.l_cbpgc summary{cursor:pointer;font-weight:600;color:#fff;outline:none}
.l_cbpgc p{margin-top:10px;color:var(--mut);font-size:14px;line-height:1.75}
.j_c8s5m{display:flex;gap:10px;margin:18px 0}
.j_c8s5m a{width:38px;height:38px;border-radius:10px;background:var(--glass);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .25s}
.j_c8s5m a:hover{background:linear-gradient(135deg,var(--ac),var(--ac2));transform:translateY(-2px)}
.j_c8s5m svg{width:18px;height:18px;fill:#fff}
.i_x8ht6{margin-top:64px;padding:48px 24px 24px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));border-top:1px solid var(--border)}
.i_x8ht6 .cols{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
@media(max-width:760px){.i_x8ht6 .cols{grid-template-columns:1fr 1fr}}
.i_x8ht6 h4{font-size:14px;color:#fff;margin-bottom:14px;font-weight:700}
.i_x8ht6 ul{list-style:none}
.i_x8ht6 li{margin:6px 0;font-size:13px;color:var(--mut)}
.i_x8ht6 li a:hover{color:var(--ac2)}
.i_x8ht6 .copy{text-align:center;color:var(--mut);font-size:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}

.s_ha5z8{display:grid;grid-template-columns:280px 1fr;gap:28px}@media(max-width:980px){.s_ha5z8{grid-template-columns:1fr} .l_gt2cv{position:static}}