:root{
--b7q2-primary:#ff3b8d;
--b7q2-secondary:#8a5cff;
--b7q2-bg:#0e0e12;
--b7q2-bg2:#15151c;
--b7q2-text:#f5f5f7;
--b7q2-muted:#9a9aa6;
--b7q2-gradient:linear-gradient(135deg,#ff3b8d 0%,#8a5cff 50%,#5a35fb 100%);
--b7q2-gradient2:linear-gradient(135deg,#ff3b8d20,#8a5cff20);
--b7q2-card:#1a1a22;
--b7q2-card2:#21212b;
--b7q2-border:rgba(255,255,255,0.08);
--b7q2-radius:20px;
--b7q2-radius2:28px;
--b7q2-shadow:0 8px 32px rgba(255,59,141,0.15),0 2px 8px rgba(0,0,0,0.4);
--b7q2-shadow2:0 16px 48px rgba(138,92,255,0.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
background:var(--b7q2-bg);
color:var(--b7q2-text);
font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
line-height:1.6;
overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.b7q2-wrap{display:flex;flex-direction:column;min-height:100vh}
.b7q2-seo{order:98;background:var(--b7q2-bg2);border-top:1px solid var(--b7q2-border);padding:56px 20px 48px}
.b7q2-seo h2{font-family:'Poppins',sans-serif;font-size:22px;font-weight:700;margin:28px auto 12px;max-width:860px;color:var(--b7q2-text)}
.b7q2-seo h2:first-child{margin-top:0}
.b7q2-seo p{max-width:860px;margin:0 auto 20px;color:var(--b7q2-muted);font-size:15px;line-height:1.75}
.b7q2-footer{order:99}
.b7q2-nb{
position:sticky;top:0;z-index:100;
background:rgba(14,14,18,0.85);backdrop-filter:blur(18px);
border-bottom:1px solid var(--b7q2-border);
}
.b7q2-nbinner{
max-width:1220px;margin:0 auto;
display:flex;align-items:center;justify-content:space-between;
padding:14px 18px;
gap:12px;
}
.b7q2-nlogo{
font-family:'Poppins',sans-serif;
font-weight:800;letter-spacing:0.04em;
font-size:20px;
background:var(--b7q2-gradient);
-webkit-background-clip:text;background-clip:text;
color:transparent;
}
.b7q2-nlinks{display:flex;gap:18px;font-size:14px;font-weight:500;color:var(--b7q2-muted)}
.b7q2-nlinks a:hover{color:var(--b7q2-text)}
.b7q2-ncta{
background:var(--b7q2-gradient);
color:white;
padding:9px 18px;
border-radius:999px;
font-weight:700;font-size:13px;
box-shadow:var(--b7q2-shadow);
transition:transform .18s ease,box-shadow .18s ease;
}
.b7q2-ncta:hover{transform:translateY(-1px);box-shadow:var(--b7q2-shadow2)}
.b7q2-hx{
display:grid;grid-template-columns:1.1fr 0.9fr;
max-width:1220px;margin:0 auto;
padding:18px 18px 34px;
gap:18px;
align-items:center;
position:relative;
overflow:hidden;
}
.b7q2-hxinner{padding:14px 4px}
.b7q2-hxbdg{
display:inline-flex;
background:var(--b7q2-gradient2);
border:1px solid rgba(255,59,141,0.22);
color:var(--b7q2-primary);
font-size:11px;font-weight:700;letter-spacing:0.06em;
text-transform:uppercase;
padding:6px 12px;border-radius:999px;
margin-bottom:14px;
}
.b7q2-hxtt{
font-family:'Poppins',sans-serif;
font-size:42px;line-height:1.08;font-weight:800;
letter-spacing:-0.02em;
margin-bottom:12px;
}
.b7q2-hxtt span{
background:var(--b7q2-gradient);
-webkit-background-clip:text;background-clip:text;
color:transparent;
}
.b7q2-hxsub{color:var(--b7q2-muted);font-size:16px;max-width:520px;margin-bottom:18px}
.b7q2-hxrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.b7q2-hxcta{
background:var(--b7q2-gradient);
color:#fff;
padding:14px 26px;border-radius:999px;
font-weight:800;font-size:15px;
box-shadow:var(--b7q2-shadow);
transition:transform .2s,box-shadow .2s;
display:inline-flex;
}
.b7q2-hxcta:hover{transform:translateY(-2px);box-shadow:var(--b7q2-shadow2)}
.b7q2-hxmeta{display:flex;gap:8px;font-size:12px;color:var(--b7q2-muted);font-weight:600}
.b7q2-hxchips{display:flex;flex-wrap:wrap;gap:8px}
.b7q2-hxchips span{
background:var(--b7q2-card);
border:1px solid var(--b7q2-border);
padding:6px 12px;border-radius:999px;
font-size:12px;color:var(--b7q2-muted);
}
.b7q2-hxvisual{position:relative;display:flex;justify-content:center}
.b7q2-hxvisual img{
width:100%;max-width:380px;aspect-ratio:9/16;object-fit:cover;
border-radius:var(--b7q2-radius2);
border:1px solid var(--b7q2-border);
box-shadow:var(--b7q2-shadow2);
}
.b7q2-hxglow{
position:absolute;top:10%;left:15%;width:70%;height:70%;
background:var(--b7q2-gradient);
filter:blur(60px);opacity:0.28;z-index:-1;border-radius:50%;
}
.b7q2-sxn{max-width:1220px;margin:0 auto;padding:38px 18px;width:100%}
.b7q2-sxhd{margin-bottom:18px}
.b7q2-sxhd h2{font-family:'Poppins',sans-serif;font-size:26px;font-weight:800;margin-bottom:6px}
.b7q2-sxhd p{color:var(--b7q2-muted);font-size:14px}
.b7q2-gd{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.b7q2-cd{
background:var(--b7q2-card);
border:1px solid var(--b7q2-border);
border-radius:var(--b7q2-radius);
overflow:hidden;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.b7q2-cd:hover{transform:translateY(-4px);border-color:rgba(255,59,141,0.28);box-shadow:var(--b7q2-shadow)}
.b7q2-cdmd{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--b7q2-bg2)}
.b7q2-cdmd img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}
.b7q2-cd:hover .b7q2-cdmd img{transform:scale(1.04)}
.b7q2-cdbdg{
position:absolute;bottom:8px;left:8px;
background:rgba(0,0,0,0.68);backdrop-filter:blur(6px);
color:white;font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;
border:1px solid rgba(255,255,255,0.12);
}
.b7q2-cdnm{font-weight:700;font-size:14px;padding:10px 10px 0}
.b7q2-cdbio{font-size:12px;color:var(--b7q2-muted);padding:2px 10px 12px;line-height:1.4;min-height:38px}
.b7q2-ftgd{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.b7q2-ft{
background:var(--b7q2-card);
border:1px solid var(--b7q2-border);
border-radius:var(--b7q2-radius);
padding:18px;
transition:transform .2s,border-color .2s;
}
.b7q2-ft:hover{transform:translateY(-2px);border-color:rgba(138,92,255,0.28)}
.b7q2-ftic{
width:42px;height:42px;border-radius:12px;
display:flex;align-items:center;justify-content:center;
background:var(--b7q2-gradient2);
border:1px solid rgba(255,59,141,0.18);
font-size:20px;margin-bottom:10px;
}
.b7q2-ft h3{font-size:15px;font-weight:700;margin-bottom:6px}
.b7q2-ft p{font-size:13px;color:var(--b7q2-muted);line-height:1.6}
.b7q2-gl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.b7q2-glit{
background:var(--b7q2-card);
border:1px solid var(--b7q2-border);
border-radius:16px;overflow:hidden;
transition:transform .2s;
}
.b7q2-glit:hover{transform:translateY(-2px)}
.b7q2-glit img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--b7q2-bg2)}
.b7q2-glit span{display:block;padding:9px 10px;font-size:12px;font-weight:600;color:var(--b7q2-muted)}
.b7q2-prgd{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.b7q2-prcd{
background:var(--b7q2-card);
border:1px solid var(--b7q2-border);
border-radius:var(--b7q2-radius2);
padding:22px 18px;
position:relative;
display:flex;flex-direction:column;
}
.b7q2-prcdpop{
border-color:rgba(255,59,141,0.35);
box-shadow:var(--b7q2-shadow);
transform:scale(1.02);
}
.b7q2-prbadge{
position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:var(--b7q2-gradient);color:white;
font-size:11px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;
padding:5px 12px;border-radius:999px;
box-shadow:var(--b7q2-shadow);
}
.b7q2-prcd h3{font-family:'Poppins',sans-serif;font-size:18px;font-weight:800;margin-bottom:8px}
.b7q2-prprice{font-size:32px;font-weight:800;letter-spacing:-0.02em}
.b7q2-prprice span{font-size:13px;font-weight:500;color:var(--b7q2-muted)}
.b7q2-prsub{font-size:12px;color:var(--b7q2-muted);margin-bottom:14px}
.b7q2-prcd ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;flex:1}
.b7q2-prcd li{font-size:13px;color:var(--b7q2-muted);position:relative;padding-left:18px}
.b7q2-prcd li:before{content:"✓";position:absolute;left:0;color:var(--b7q2-primary);font-weight:800}
.b7q2-prcta{
background:var(--b7q2-card2);border:1px solid var(--b7q2-border);
color:var(--b7q2-text);text-align:center;
padding:12px;border-radius:999px;font-weight:700;font-size:13px;
transition:all .2s;
}
.b7q2-prcdpop .b7q2-prcta{background:var(--b7q2-gradient);border-color:transparent;color:white;box-shadow:var(--b7q2-shadow)}
.b7q2-prcta:hover{transform:translateY(-1px)}
.b7q2-prnote{margin-top:14px;font-size:11px;color:var(--b7q2-muted);text-align:center}
.b7q2-ftinner{max-width:1220px;margin:0 auto;padding:32px 18px 26px}
.b7q2-fttop{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.b7q2-ftbrand{font-family:'Poppins',sans-serif;font-weight:800;font-size:18px;letter-spacing:0.04em;background:var(--b7q2-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.b7q2-ftdesc{max-width:620px;color:var(--b7q2-muted);font-size:12px;line-height:1.6}
.b7q2-ftlinks{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.b7q2-ftlinks a{font-size:12px;color:var(--b7q2-muted);font-weight:600}
.b7q2-ftlinks a:hover{color:var(--b7q2-text)}
.b7q2-ftlg{display:flex;gap:10px;margin-bottom:14px}
.b7q2-ftlg a{font-size:12px;background:var(--b7q2-card);border:1px solid var(--b7q2-border);padding:6px 10px;border-radius:999px;color:var(--b7q2-muted)}
.b7q2-ftlg a:hover{color:var(--b7q2-text);border-color:rgba(255,59,141,0.25)}
.b7q2-ftcopy{font-size:11px;color:var(--b7q2-muted);border-top:1px solid var(--b7q2-border);padding-top:14px;line-height:1.5}
@media (max-width:1080px){
.b7q2-gd{grid-template-columns:repeat(3,1fr)}
.b7q2-ftgd{grid-template-columns:repeat(2,1fr)}
.b7q2-gl{grid-template-columns:repeat(3,1fr)}
.b7q2-prgd{grid-template-columns:repeat(3,1fr)}
.b7q2-hx{grid-template-columns:1fr}
.b7q2-hxvisual{order:-1}
.b7q2-hxvisual img{max-width:320px}
}
@media (max-width:700px){
.b7q2-nlinks{display:none}
.b7q2-hxtt{font-size:34px}
.b7q2-gd{grid-template-columns:repeat(2,1fr)}
.b7q2-ftgd{grid-template-columns:1fr}
.b7q2-gl{grid-template-columns:repeat(2,1fr)}
.b7q2-prgd{grid-template-columns:1fr}
.b7q2-prcdpop{transform:none}
.b7q2-hx{padding:10px 14px 24px}
.b7q2-sxn{padding:26px 14px}
.b7q2-seo{padding:36px 14px 30px}
}