@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink);font:15px/1.65 "PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}

:root{
  --bg:#0a0612; --bg2:#140a24; --ink:#f4ecff; --mute:#9b8fb8;
  --accent:#b85cff; --accent2:#ff4fa3; --line:rgba(184,92,255,.18);
  --card:rgba(255,255,255,.04);
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.x6a5e1b-shell{max-width:1320px;margin:0 auto;padding:0 28px}
.x6a5e1b-top{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(10,6,18,.75);border-bottom:1px solid var(--line)}
.x6a5e1b-topin{display:flex;align-items:center;gap:38px;height:72px}
.x6a5e1b-brand{font-size:20px;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.x6a5e1b-nav{display:flex;gap:24px;flex:1;flex-wrap:wrap}
.x6a5e1b-nav a{font-size:14px;color:var(--mute);transition:.2s;padding:6px 0;border-bottom:2px solid transparent}
.x6a5e1b-nav a:hover,.x6a5e1b-nav .on{color:var(--ink);border-color:var(--accent)}
.x6a5e1b-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);padding:8px 14px;border-radius:24px;border:1px solid var(--line)}
.x6a5e1b-search input{background:transparent;border:0;color:var(--ink);outline:0;width:160px;font-size:13px}
.x6a5e1b-hero{padding:64px 0 48px;position:relative;overflow:hidden}
.x6a5e1b-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgba(184,92,255,.18),transparent 70%),radial-gradient(50% 70% at 10% 80%,rgba(255,79,163,.14),transparent 70%);pointer-events:none}
.x6a5e1b-h1{font-size:46px;font-weight:900;line-height:1.15;max-width:880px;margin-bottom:16px;letter-spacing:-.02em}
.x6a5e1b-h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.x6a5e1b-lead{color:var(--mute);max-width:720px;font-size:15.5px;margin-bottom:28px}
.x6a5e1b-stats{display:flex;gap:42px;margin-top:32px;flex-wrap:wrap}
.x6a5e1b-stat b{display:block;font-size:32px;font-weight:800;background:linear-gradient(180deg,var(--accent2),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.x6a5e1b-stat span{font-size:12px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}
.x6a5e1b-section{padding:54px 0;border-top:1px solid var(--line)}
.x6a5e1b-shead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:24px;flex-wrap:wrap}
.x6a5e1b-shead h2{font-size:26px;font-weight:800;letter-spacing:-.01em}
.x6a5e1b-shead h2::before{content:"//";color:var(--accent);margin-right:10px;font-weight:600}
.x6a5e1b-shead p{color:var(--mute);font-size:14px;max-width:520px}
/* asymmetric showcase row: 1 big + 3 stack */
.x6a5e1b-row{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}
.x6a5e1b-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.3s;position:relative}
.x6a5e1b-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.x6a5e1b-card .x6a5e1b-cimg{position:relative;aspect-ratio:16/9;overflow:hidden}
.x6a5e1b-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.x6a5e1b-card:hover img{transform:scale(1.05)}
.x6a5e1b-dur{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;font-variant-numeric:tabular-nums}
.x6a5e1b-cbody{padding:14px 16px}
.x6a5e1b-ctitle{font-size:14.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.x6a5e1b-cmeta{display:flex;gap:10px;font-size:12px;color:var(--mute);margin-top:8px}
.x6a5e1b-row .x6a5e1b-card.big .x6a5e1b-ctitle{font-size:18px;-webkit-line-clamp:3;min-height:auto}
.x6a5e1b-row .x6a5e1b-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.x6a5e1b-row .x6a5e1b-stack .x6a5e1b-card{display:grid;grid-template-columns:160px 1fr}
.x6a5e1b-row .x6a5e1b-stack .x6a5e1b-cimg{aspect-ratio:auto;height:100%}
.x6a5e1b-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.x6a5e1b-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.x6a5e1b-tag{font-size:11px;color:var(--accent2);padding:2px 8px;border:1px solid rgba(255,79,163,.28);border-radius:10px}
.x6a5e1b-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.x6a5e1b-revc{background:var(--card);border-left:3px solid var(--accent);padding:18px 20px;border-radius:0 10px 10px 0}
.x6a5e1b-revc q{display:block;color:var(--ink);font-size:14px;line-height:1.7}
.x6a5e1b-revc footer{margin-top:12px;font-size:12px;color:var(--mute)}
.x6a5e1b-revc .star{color:#ffb13c;letter-spacing:2px}
.x6a5e1b-foot{padding:48px 0 30px;background:#06030c;border-top:1px solid var(--line);margin-top:40px}
.x6a5e1b-fcol{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:28px}
.x6a5e1b-fcol h4{font-size:13px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}
.x6a5e1b-fcol li{list-style:none;color:var(--mute);font-size:13px;padding:4px 0}
.x6a5e1b-fcol a:hover{color:var(--ink)}
.x6a5e1b-copy{color:var(--mute);font-size:12px;border-top:1px solid var(--line);padding-top:18px;text-align:center}
.x6a5e1b-bc{color:var(--mute);font-size:13px;padding:18px 0}
.x6a5e1b-bc a:hover{color:var(--accent)}
@media(max-width:980px){.x6a5e1b-h1{font-size:32px}.x6a5e1b-grid4{grid-template-columns:repeat(2,1fr)}.x6a5e1b-row{grid-template-columns:1fr}.x6a5e1b-rev{grid-template-columns:1fr}.x6a5e1b-fcol{grid-template-columns:1fr 1fr}.x6a5e1b-nav{display:none}}