
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0a0e1a;color:#e8ecf4;font-family:-apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
body::before{content:"";position:fixed;inset:0;background:
  radial-gradient(60% 50% at 20% 10%, #ff3d7122, transparent 60%),
  radial-gradient(50% 60% at 90% 30%, #9b6bff22, transparent 60%),
  radial-gradient(80% 60% at 50% 100%, #ff3d7111, transparent 70%);
  pointer-events:none;z-index:0}
.n_0rpxzp{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(28,32,48,0.55);border-bottom:1px solid #ffffff14}
.n_0rpxzp > section{display:flex;align-items:center;gap:24px;max-width:1380px;margin:0 auto;padding:14px 28px}
.b_dqyg20{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.5px}
.b_dqyg20 svg{width:34px;height:34px}
.n_0rpxzp ul{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex:1;flex-wrap:wrap}
.n_0rpxzp ul a{padding:8px 14px;border-radius:999px;font-size:14px;color:#e8ecf4cc;transition:.25s}
.n_0rpxzp ul a:hover,.n_0rpxzp ul a.act{background:linear-gradient(135deg,#ff3d71,#9b6bff);color:#fff;box-shadow:0 6px 22px #ff3d7155}
.n_0rpxzp form input{background:#ffffff10;border:1px solid #ffffff20;color:#e8ecf4;padding:8px 14px;border-radius:999px;outline:none;width:200px}
.c_ax9lg0{max-width:1380px;margin:18px auto 0;padding:0 28px;font-size:13px;color:#e8ecf488}
.c_ax9lg0 a{color:#ff3d71}
.h_qz5tgb{max-width:1380px;margin:24px auto;padding:0 28px;position:relative;z-index:1}

.m_wcyow9{display:grid;grid-template-columns:280px 1fr;gap:28px;max-width:1380px;margin:0 auto;padding:24px 28px;position:relative;z-index:1}
.s_62q5a9{position:sticky;top:80px;align-self:start;padding:22px;border-radius:20px;background:rgba(28,32,48,0.55);backdrop-filter:blur(14px);border:1px solid #ffffff14}
.s_62q5a9 h3{margin:0 0 12px;font-size:14px;color:#e8ecf499;letter-spacing:1px}
.s_62q5a9 ol{margin:0;padding-left:18px;font-size:13px;color:#e8ecf4cc}
.s_62q5a9 li{margin-bottom:8px}
.g_abntk0{column-count:3;column-gap:20px}
@media(max-width:1100px){.g_abntk0{column-count:2}}
@media(max-width:760px){.m_wcyow9{grid-template-columns:1fr}.g_abntk0{column-count:1}.s_62q5a9{position:static}}
.c_c4pt4a{break-inside:avoid;margin-bottom:20px;border-radius:18px;overflow:hidden;background:rgba(28,32,48,0.55);backdrop-filter:blur(10px);border:1px solid #ffffff14;transition:.3s;cursor:pointer;position:relative}

.c_c4pt4a:hover{transform:translateY(-6px);box-shadow:0 24px 60px #00000080,0 0 0 1px #ff3d7166}
.c_c4pt4a .pv{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111}
.c_c4pt4a .pv img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.c_c4pt4a:hover .pv img{transform:scale(1.08)}
.c_c4pt4a .pv::after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,#0000 30%,#0009 100%);opacity:0;transition:.35s}
.c_c4pt4a:hover .pv::after{opacity:1}
.c_c4pt4a .pl{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,#ff3d71,#9b6bff);display:flex;align-items:center;justify-content:center;
  transform:translate(-50%,-50%) scale(.6);opacity:0;transition:.35s;box-shadow:0 8px 28px #ff3d7188}
.c_c4pt4a:hover .pl{opacity:1;transform:translate(-50%,-50%) scale(1)}
.c_c4pt4a .pl::before{content:"";width:0;height:0;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.c_c4pt4a .dur{position:absolute;right:10px;bottom:10px;background:#000a;color:#fff;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.5px}
.c_c4pt4a .qb{position:absolute;left:10px;top:10px;background:linear-gradient(135deg,#ff3d71,#9b6bff);color:#fff;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}
.c_c4pt4a .bd{padding:14px 16px 18px}
.c_c4pt4a .bd h3{margin:0 0 8px;font-size:15px;line-height:1.45;font-weight:600}
.c_c4pt4a .bd .me{font-size:12px;color:#e8ecf488;display:flex;justify-content:space-between}
.e_77xff1{margin:0 0 24px;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#ff3d7110,#9b6bff10);border:1px solid #ff3d7133;font-size:14px;line-height:1.85;color:#e8ecf4dd;position:relative}
.e_77xff1::before{content:"E·E·A·T";position:absolute;top:-10px;left:18px;background:#0a0e1a;padding:2px 10px;font-size:11px;color:#ff3d71;border-radius:8px;letter-spacing:2px}
.t_ka5a4y{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffffff10;color:#e8ecf4cc;font-size:12px;margin:2px;border:1px solid #ffffff15;transition:.2s}
.t_ka5a4y:hover{background:#ff3d71;color:#fff}
.f_2f7sli{margin-top:60px;padding:48px 28px 28px;background:#00000060;backdrop-filter:blur(12px);border-top:1px solid #ffffff10;position:relative;z-index:1}
.f_2f7sli > section{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
@media(max-width:860px){.f_2f7sli > section{grid-template-columns:repeat(2,1fr)}}
.f_2f7sli h4{margin:0 0 14px;font-size:14px;color:#ff3d71}
.f_2f7sli ul{list-style:none;padding:0;margin:0;font-size:13px;color:#e8ecf499;line-height:2}
.f_2f7sli .cp{max-width:1380px;margin:24px auto 0;padding-top:24px;border-top:1px solid #ffffff10;font-size:12px;color:#e8ecf466;text-align:center;line-height:1.8}
.f_g6ydne details{padding:14px 18px;border-radius:12px;background:#ffffff08;margin-bottom:10px;border:1px solid #ffffff10;cursor:pointer}
.f_g6ydne details[open]{background:#ffffff12}
.f_g6ydne summary{font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.f_g6ydne summary::after{content:"+";font-size:18px;color:#ff3d71}
.f_g6ydne details[open] summary::after{content:"−"}
.f_g6ydne .ac{margin-top:10px;font-size:13px;color:#e8ecf4aa;line-height:1.8}
.s_4x2hj1{display:flex;gap:10px;align-items:center}
.s_4x2hj1 a{width:36px;height:36px;border-radius:50%;background:#ffffff12;display:flex;align-items:center;justify-content:center;transition:.25s}
.s_4x2hj1 a:hover{background:#ff3d71;transform:translateY(-3px)}
.s_4x2hj1 svg{width:18px;height:18px;fill:#e8ecf4}
.reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}
@media(max-width:860px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.reviews{grid-template-columns:1fr}}
.reviews article{padding:18px;border-radius:14px;background:rgba(28,32,48,0.55);border:1px solid #ffffff10;font-size:13px;line-height:1.7;color:#e8ecf4cc}
.reviews .nm{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;color:#e8ecf4}
.reviews .nm span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ff3d71,#9b6bff);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff}
.player{position:fixed;inset:0;background:#000d;backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center}
.player.on{display:flex}
.player .box{width:min(900px,92vw);background:#0e1320;border-radius:20px;overflow:hidden;border:1px solid #ffffff20}
.player .vh{aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;color:#fff5;font-size:14px;background-size:cover;background-position:center}
.player .vc{padding:20px}
.player .cl{float:right;cursor:pointer;color:#fff8;font-size:20px}
