:root{--accent:#2563eb;--ink:#111827;--muted:#64748b;--bg:#f7f8fb;--panel:#fff;--line:#e5e7eb;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1420px,calc(100% - 48px));margin:auto}
.sitebar{height:34px;background:#0f172a;color:#cbd5e1;font-size:11px}.sitebar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.nav{position:sticky;top:0;z-index:60;background:#fffffff2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:44px;width:auto;max-width:260px}.links{display:flex;align-items:center;gap:20px;font-weight:780;color:#526071}.links a{padding:8px 0;border-bottom:2px solid transparent}.links a.on,.links a:hover{color:var(--accent);border-color:var(--accent)}.navcta{padding:10px 16px;background:var(--ink);color:#fff;font-weight:850;border-radius:10px}
.hero{min-height:680px;position:relative;overflow:hidden;background:#0f172a}.heroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.78),rgba(7,10,18,.22))}.heroIn{position:relative;z-index:2;min-height:680px;display:flex;align-items:center}.heroCopy{color:#fff;max-width:780px}.eyebrow{display:inline-flex;padding:6px 10px;border:1px solid #ffffff55;border-radius:99px;font-size:11px;font-weight:850;letter-spacing:.1em}.hero h1{font-size:clamp(48px,6vw,86px);line-height:1.03;letter-spacing:-.045em;margin:20px 0}.hero p{font-size:18px;color:#e2e8f0;max-width:700px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:850;border-radius:10px}.btn.ghost{background:#ffffff0d;border-color:#ffffff66}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid var(--line);border-top:0}.stats>div{padding:22px 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats b{display:block;font-size:28px}.stats span{font-size:12px;color:var(--muted)}
.section{padding:88px 0}.alt{background:color-mix(in srgb,var(--bg) 70%,#fff)}.head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.head h2{font-size:42px;line-height:1.15;letter-spacing:-.03em;margin:0}.head p{color:var(--muted);max-width:720px;margin:7px 0 0}.head a{font-weight:850;color:var(--accent)}
.grid3,.grid4{display:grid;gap:16px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}.card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0f172a12}.cardMedia{height:250px;overflow:hidden}.cardMedia img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.card:hover .cardMedia img{transform:scale(1.035)}.cardBody{padding:18px}.cardBody small{color:var(--accent);font-weight:850}.cardBody h3{font-size:21px;line-height:1.35;margin:7px 0}.cardBody p{margin:0;color:var(--muted)}.more{display:inline-flex;margin-top:12px;color:var(--accent);font-weight:850}
.iconGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.iconCard{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:190px}.iconCard b{display:block;font-size:20px;margin:20px 0 8px}.iconCard p{color:var(--muted);margin:0}.num{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.12em}
.featureSplit{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.featureImg{height:520px;overflow:hidden;border-radius:var(--radius)}.featureImg img{width:100%;height:100%;object-fit:cover}.featureCopy h2{font-size:42px;line-height:1.15}.featureList{display:grid;grid-template-columns:1fr 1fr;gap:10px}.featureItem{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.featureThumb{width:82px;height:72px;border-radius:9px;overflow:hidden;background:#ddd}.featureThumb img{width:100%;height:100%;object-fit:cover}.featureItem b{display:block}.featureItem span{font-size:12px;color:var(--muted)}
.quote{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:42px;background:var(--ink);color:#fff;border-radius:18px}.quote h2{font-size:34px;margin:0 0 8px}.quote p{margin:0;color:#cbd5e1}.mediaQuote{position:relative;min-height:300px;overflow:hidden;padding:46px}.quoteBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quoteShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,28,.88),rgba(8,15,28,.45))}.quoteContent,.quoteBtn{position:relative;z-index:2}.quoteBtn{background:#fff!important;color:#111827!important;border-color:#fff!important}
.subHero{padding:54px 0;background:var(--panel);border-bottom:1px solid var(--line)}.subHeroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.subHeroCopy{padding:18px 0}.subHero h1{font-size:50px;margin:8px 0}.subHero p{color:var(--muted);max-width:760px}.subHeroMedia{height:300px;overflow:hidden;border-radius:var(--radius);background:#ddd}.subHeroMedia img{width:100%;height:100%;object-fit:cover}.detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px}.detailMain>img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius)}.detailMain h2{font-size:30px;margin-top:34px}.detailMain p,.detailMain li{color:var(--muted);font-size:16px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:12px}.side{position:sticky;top:100px;align-self:start;background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:var(--radius)}.sideRow{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px dashed var(--line)}.sideRow span{color:var(--muted)}
.footer{background:#0b1220;color:#94a3b8;padding:54px 0 28px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.foot b{color:#fff}.copyright{text-align:center;border-top:1px solid #ffffff17;margin-top:30px;padding-top:20px;font-size:12px}.copyright a{color:#e2e8f0}

/* V1 clean editorial */
body[data-variant="0"]{--accent:#2563eb;--radius:12px}
body[data-variant="0"] .hero{background:#f8fafc;min-height:640px;display:grid;grid-template-columns:1fr 1fr}body[data-variant="0"] .hero:after{display:none}body[data-variant="0"] .heroImg{position:absolute;left:50%;width:50%}body[data-variant="0"] .heroIn{min-height:640px}body[data-variant="0"] .heroCopy{width:48%;color:#111827;padding-right:50px}body[data-variant="0"] .hero p{color:#64748b}body[data-variant="0"] .eyebrow{border-color:#cbd5e1;color:#475569}body[data-variant="0"] .btn.ghost{color:#111827;border-color:#cbd5e1;background:#fff}

/* V2 dark cinematic */
body[data-variant="1"]{--accent:#f59e0b;--ink:#f8fafc;--muted:#9aa7ba;--bg:#0c111b;--panel:#121a27;--line:#263246;--radius:4px;color:#f8fafc}body[data-variant="1"] .nav{background:#0c111bee}body[data-variant="1"] .links{color:#b8c4d5}body[data-variant="1"] .navcta{background:#f59e0b;color:#111827}body[data-variant="1"] .alt{background:#0f1622}body[data-variant="1"] .card,body[data-variant="1"] .iconCard,body[data-variant="1"] .featureItem,body[data-variant="1"] .side,body[data-variant="1"] .subHero{background:#121a27;border-color:#263246}body[data-variant="1"] .head h2,body[data-variant="1"] .card h3,body[data-variant="1"] .featureCopy h2,body[data-variant="1"] .subHero h1{color:#f8fafc}

/* V3 soft conversion */
body[data-variant="2"]{--accent:#16a34a;--bg:#f4f8f3;--panel:#fff;--line:#dce8dc;--radius:24px}body[data-variant="2"] .navcta,body[data-variant="2"] .btn{border-radius:999px}body[data-variant="2"] .links{gap:8px;background:#eef5ec;padding:6px;border-radius:999px}body[data-variant="2"] .links a{padding:8px 12px;border:0;border-radius:999px}body[data-variant="2"] .links a.on{background:#fff;box-shadow:0 5px 18px #0f172a0e}body[data-variant="2"] .hero:after{background:linear-gradient(90deg,rgba(21,44,25,.74),rgba(21,44,25,.12))}

/* V4 structured grid */
body[data-variant="3"]{--accent:#7c3aed;--radius:0}body[data-variant="3"] .nav{border-top:4px solid var(--accent)}body[data-variant="3"] .hero h1{font-family:Arial,"PingFang SC",sans-serif;font-weight:900;text-transform:uppercase}body[data-variant="3"] .card,body[data-variant="3"] .iconCard,body[data-variant="3"] .featureItem{box-shadow:none}body[data-variant="3"] .grid3,body[data-variant="3"] .grid4{gap:1px;background:var(--line)}body[data-variant="3"] .grid3>.card,body[data-variant="3"] .grid4>.card{border:0}

/* V5 warm editorial */
body[data-variant="4"]{--accent:#ea580c;--ink:#3c2f2a;--muted:#7c6b62;--bg:#f4eee7;--panel:#fffaf5;--line:#ddcfc3;--radius:6px;font-family:Georgia,"Noto Serif SC","Songti SC",serif}body[data-variant="4"] .hero:after{background:linear-gradient(90deg,rgba(62,39,29,.72),rgba(62,39,29,.12))}body[data-variant="4"] .head h2,body[data-variant="4"] .hero h1{font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-weight:500}body[data-variant="4"] .card:nth-child(even){transform:translateY(18px)}body[data-variant="4"] .grid3,body[data-variant="4"] .grid4{padding-bottom:18px}

/* V6 premium authority */
body[data-variant="5"]{--accent:#0f766e;--ink:#15211f;--muted:#687c78;--bg:#eef4f2;--panel:#f9fcfb;--line:#ccddd9;--radius:14px}body[data-variant="5"] .navin{min-height:88px}body[data-variant="5"] .links{letter-spacing:.04em}body[data-variant="5"] .hero:after{background:linear-gradient(90deg,rgba(10,38,34,.76),rgba(10,38,34,.18))}body[data-variant="5"] .section{padding:100px 0}body[data-variant="5"] .head h2{font-size:46px}

@media(max-width:1100px){.links{display:none}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.iconGrid{grid-template-columns:repeat(2,1fr)}.featureSplit,.detail,.subHeroGrid{grid-template-columns:1fr}.side{position:static}body[data-variant="0"] .hero{display:block}body[data-variant="0"] .heroImg{left:0;width:100%}body[data-variant="0"] .hero:after{display:block;background:linear-gradient(90deg,rgba(7,10,18,.8),rgba(7,10,18,.22))}body[data-variant="0"] .heroCopy{width:100%;color:#fff;max-width:720px}body[data-variant="0"] .hero p{color:#e2e8f0}body[data-variant="0"] .eyebrow{border-color:#ffffff55;color:#fff}body[data-variant="0"] .btn.ghost{color:#fff;border-color:#ffffff66;background:#ffffff0d}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.sitebar{display:none}.navin{min-height:66px}.hero,.heroIn{min-height:560px}.hero h1{font-size:42px}.grid3,.grid4,.iconGrid,.featureList,.gallery,.foot{grid-template-columns:1fr}.cardMedia{height:230px}.head{flex-direction:column;align-items:start}.head h2{font-size:34px}.section{padding:62px 0}.quote{grid-template-columns:1fr;padding:28px}.mediaQuote{min-height:360px}.subHero h1{font-size:38px}.subHeroMedia{height:230px}.featureItem{grid-template-columns:92px 1fr}.detailMain>img{height:340px}body[data-variant="4"] .card:nth-child(even){transform:none}}