/* ============ CENTURY VICTORY — EN site (dark cinematic, multi-page) ============ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0a0a10;color:#f2f0ea;font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
img{display:block}
.kicker{font-size:12px;letter-spacing:.35em;color:#f4d78a;font-weight:700}

/* ---------- SITE NAV (multi-page) ---------- */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 44px;background:rgba(10,10,16,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(244,215,138,.14)}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.22em;font-size:15px;color:#f4d78a}
.logo-mark{height:30px;width:auto;filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}
.nav-links{display:flex;gap:26px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;align-items:center}
.nav-links>a{opacity:.62;transition:opacity .25s,color .25s;color:#f2f0ea}
.nav-links>a:hover{opacity:1;color:#f4d78a}
.nav-links>a.active{opacity:1;color:#f4d78a}
/* 多语言切换（光盒动力式平铺） */
.lang-switch{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:20px;border-left:1px solid rgba(244,215,138,.2)}
.lang-switch .lang{font-size:11px;letter-spacing:.04em;text-transform:none;padding:4px 8px;border-radius:6px;opacity:.55;color:#f2f0ea;transition:all .25s}
.lang-switch .lang:hover{opacity:1;color:#f4d78a}
.lang-switch .lang.active{opacity:1;color:#0a0a10;background:linear-gradient(135deg,#f4d78a,#c9a24d);font-weight:800}

/* ---------- HERO (compact — 深色电影质感 + 星空) ---------- */
.hero{position:relative;height:82vh;min-height:520px;max-height:760px;background:radial-gradient(120% 90% at 50% 0%,#171727 0%,#0c0c16 48%,#0a0a10 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 38%,rgba(244,215,138,.14) 0%,rgba(201,162,77,.06) 42%,transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 118%,rgba(60,70,120,.4) 0%,transparent 60%);pointer-events:none}
/* 星空星星层 */
.hero-stars{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-stars::before,.hero-stars::after{content:"";position:absolute;border-radius:50%;background:#fff;opacity:.9;animation:twinkle 4s infinite ease-in-out}
.hero-stars::before{width:2px;height:2px;top:18%;left:14%;box-shadow:120px 40px 0 0 #fff,260px 120px 0 0 rgba(255,255,255,.9),410px 60px 0 0 rgba(244,215,138,.9),560px 180px 0 0 #fff,700px 90px 0 0 rgba(255,255,255,.8),840px 30px 0 0 rgba(244,215,138,.85),980px 150px 0 0 #fff,60px 220px 0 0 rgba(255,255,255,.75),340px 260px 0 0 rgba(244,215,138,.8),520px 300px 0 0 #fff,660px 240px 0 0 rgba(255,255,255,.7),820px 300px 0 0 rgba(244,215,138,.8),960px 240px 0 0 #fff,200px 340px 0 0 rgba(255,255,255,.7),440px 380px 0 0 #fff,720px 360px 0 0 rgba(255,255,255,.75)}
.hero-stars::after{width:1.5px;height:1.5px;top:30%;left:8%;opacity:.7;box-shadow:90px 90px 0 0 #fff,230px 30px 0 0 rgba(244,215,138,.75),380px 180px 0 0 #fff,540px 60px 0 0 rgba(255,255,255,.7),680px 150px 0 0 #fff,760px 70px 0 0 rgba(244,215,138,.7),900px 110px 0 0 #fff,140px 280px 0 0 rgba(255,255,255,.65),420px 320px 0 0 #fff,600px 280px 0 0 rgba(244,215,138,.7),780px 340px 0 0 #fff,300px 160px 0 0 rgba(255,255,255,.6),860px 200px 0 0 #fff,480px 140px 0 0 rgba(244,215,138,.6),100px 140px 0 0 #fff,940px 330px 0 0 rgba(255,255,255,.6)}
@keyframes twinkle{0%,100%{opacity:.9}50%{opacity:.25}}
.hero-copy{position:relative;z-index:13;text-align:center;width:min(92vw,980px);padding-top:20px}
.hero-kicker{font-size:13px;letter-spacing:.4em;color:#c9a24d;font-weight:700;margin-bottom:22px}
.hero-copy h1{font-size:clamp(38px,6.4vw,84px);font-weight:800;letter-spacing:.03em;line-height:1.02;background:linear-gradient(135deg,#e8d8a8,#f4d78a 45%,#c9a24d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 60px rgba(244,215,138,.18)}
.hero-sub{margin:20px auto 0;font-size:clamp(14px,1.4vw,17px);color:#c9c4b8;line-height:1.75;max-width:640px}
.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;color:#9a968a;animation:scrolldown 2s infinite ease-in-out}
@keyframes scrolldown{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,8px);opacity:.9}}
.btn{display:inline-block;padding:15px 32px;border-radius:999px;font-size:13px;letter-spacing:.22em;font-weight:800;transition:all .3s;text-align:center}
.btn-gold{background:linear-gradient(135deg,#f4d78a,#c9a24d);color:#0a0a10}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(244,215,138,.35)}
.btn-ghost{border:1.5px solid #c9a24d;color:#f4d78a}
.btn-ghost:hover{background:rgba(244,215,138,.1)}

/* ---------- STATS STRIP ---------- */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:-46px auto 0;padding:0 5vw;position:relative;z-index:5;scroll-margin-top:90px}
.stats-strip .stat{text-align:center;padding:34px 16px;background:#12121a;border:1px solid rgba(244,215,138,.18);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.stats-strip .stat b{display:block;font-size:clamp(26px,3.2vw,42px);font-weight:800;background:linear-gradient(135deg,#f4d78a,#c9a24d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}
.stats-strip .stat span{display:block;margin-top:9px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#c9c4b8}

/* ---------- PAGE HERO (inner pages) ---------- */
.page{padding-top:74px}
.page-hero{padding:110px 8vw 60px;text-align:center;max-width:1200px;margin:0 auto}
.page-hero h1{font-size:clamp(36px,6vw,76px);font-weight:800;line-height:1.05;margin-top:22px;background:linear-gradient(135deg,#e8d8a8,#f4d78a 55%,#c9a24d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-lead{margin:24px auto 0;font-size:clamp(15px,1.5vw,18px);line-height:1.8;color:#c9c4b8;max-width:680px}

/* ---------- STATEMENT ---------- */
.statement{padding:130px 5vw 90px;max-width:1100px;margin:0 auto;text-align:center}
.statement h2{font-size:clamp(26px,3.6vw,48px);font-weight:700;line-height:1.28;margin:26px 0;color:#f2f0ea}
.statement-sub{font-size:clamp(18px,2vw,26px);color:#f4d78a;font-weight:700;font-style:italic}

/* ---------- ABOUT SPLIT (公司介绍，左文右图 — 参考光盒动力) ---------- */
.about-split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;max-width:1400px;margin:0 auto;padding:130px 5vw 90px;align-items:center}
.about-split-text .kicker{display:flex;align-items:center;gap:14px}
.kicker-line{display:inline-block;width:36px;height:2px;background:linear-gradient(90deg,#f4d78a,#c9a24d);flex-shrink:0}
.about-split-text h2{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.16;margin:22px 0 14px;color:#f2f0ea}
.about-sub{font-size:14px;letter-spacing:.04em;color:#c9a24d;font-weight:600;margin-bottom:28px}
.about-lead{font-size:16px;line-height:1.9;color:#c9c4b8;margin-bottom:22px}
.about-quote{font-size:16px;line-height:1.9;color:#f2f0ea;font-weight:600;padding-left:22px;border-left:3px solid #f4d78a;margin-bottom:22px}
.about-para{font-size:15px;line-height:1.9;color:#a8a49a;margin-bottom:28px}
.about-para em{color:#f4d78a;font-style:normal;font-weight:600}
.about-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.text-link{font-size:13px;letter-spacing:.14em;color:#f4d78a;border-bottom:1px solid rgba(244,215,138,.4);padding-bottom:3px;transition:border-color .3s}
.text-link:hover{border-color:#f4d78a}
.about-split-media{position:relative}
.about-split-media img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;border:1px solid rgba(244,215,138,.26);box-shadow:0 30px 70px rgba(0,0,0,.5);display:block}
.media-caption{display:block;margin-top:14px;font-size:11px;letter-spacing:.24em;color:#c9a24d;font-weight:700;text-align:right}

/* ---------- CAPABILITY STRIP (数据/能力) ---------- */
.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1400px;margin:0 auto 110px;padding:0 5vw;position:relative}
.cap-item{text-align:center;padding:34px 20px;border-right:1px solid rgba(244,215,138,.14)}
.cap-item:last-child{border-right:none}
.cap-item b{display:block;font-size:clamp(30px,3.6vw,50px);font-weight:800;background:linear-gradient(135deg,#f4d78a,#c9a24d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}
.cap-item span{display:block;margin-top:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c9c4b8}

/* ---------- GLOBAL B2B ---------- */
.global{padding:120px 5vw;background:linear-gradient(180deg,#0e0e16 0%,#0a0a10 100%);border-top:1px solid rgba(244,215,138,.14)}
.global .kicker,.global h2,.global-intro{max-width:960px;margin-left:auto;margin-right:auto;text-align:center}
.global h2{font-size:clamp(26px,3.8vw,48px);font-weight:700;line-height:1.25;margin-top:24px;color:#f2f0ea}
.global-intro{font-size:16.5px;line-height:1.85;color:#c9c4b8;margin-top:20px}
.global-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:54px auto 0}
.market{position:relative;padding:30px 24px 28px;background:#12121a;border:1px solid rgba(244,215,138,.12);border-radius:18px;overflow:hidden;transition:transform .35s,border-color .35s;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.market::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f4d78a,transparent)}
.market:hover{transform:translateY(-5px);border-color:rgba(244,215,138,.45)}
.market-region{display:block;font-size:11px;letter-spacing:.28em;color:#f4d78a;font-weight:800;margin-bottom:18px}
.market b{display:block;font-size:17px;line-height:1.35;margin-bottom:10px;color:#f2f0ea}
.market p{font-size:13.5px;line-height:1.65;color:#c9c4b8}

/* ---------- WORK CARDS ---------- */
.work{padding:70px 4vw 110px;background:linear-gradient(180deg,#0a0a10 0%,#0c0c14 100%)}
.work-page{padding-top:10px}
.section-head{max-width:900px;margin:0 auto 60px;text-align:center}
.section-head h2{font-size:clamp(26px,3.4vw,46px);font-weight:700;margin-top:22px;line-height:1.3;color:#f2f0ea}
.section-sub{margin-top:18px;font-size:15.5px;line-height:1.75;color:#c9c4b8}
.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1400px;margin:0 auto}
.mx-card{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;display:block}
.mx-media{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#05050a;border:1px solid rgba(244,215,138,.16);transition:border-color .3s,box-shadow .3s}
.mx-card:hover .mx-media{border-color:rgba(244,215,138,.55);box-shadow:0 22px 60px rgba(0,0,0,.5)}
.mx-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mx-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:52px;height:52px;border-radius:999px;background:rgba(8,8,14,.65);backdrop-filter:blur(8px);border:1px solid rgba(244,215,138,.45);color:#f4d78a;display:flex;align-items:center;justify-content:center;font-size:17px;padding-left:3px;opacity:0;transition:all .3s}
.mx-card:hover .mx-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mx-body{padding:20px 4px 0}
.mx-kicker{display:block;font-size:10px;letter-spacing:.24em;font-weight:800;color:#c9a24d;margin-bottom:9px}
.mx-body h3{font-size:clamp(18px,1.4vw,21px);font-weight:700;line-height:1.25;margin-bottom:9px;color:#f2f0ea}
.mx-body p{font-size:13.5px;line-height:1.7;color:#c9c4b8}
.mx-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.mx-pills span{font-size:10px;letter-spacing:.06em;font-weight:600;color:#b8b3a6;padding:5px 11px;border:1px solid rgba(244,215,138,.18);border-radius:999px;background:rgba(244,215,138,.04)}
.works-more{text-align:center;margin-top:56px}
.work-note{max-width:900px;margin:0 auto;padding:0 6vw 90px;text-align:center}
.work-note p{font-size:12.5px;line-height:1.7;color:#9a968a}

/* ---------- SERVICES ---------- */
.services{padding:120px 5vw;background:linear-gradient(180deg,#0e0e16 0%,#0a0a10 100%);border-top:1px solid rgba(244,215,138,.14)}
.services .kicker,.services-title{text-align:center}
.services-title{font-size:clamp(26px,3.2vw,44px);font-weight:700;margin-top:22px;color:#f2f0ea}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1400px;margin:44px auto 0}
.service{background:#12121a;border:1px solid rgba(244,215,138,.12);border-radius:18px;padding:32px 26px;transition:transform .35s,border-color .35s;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.service:hover{transform:translateY(-6px);border-color:rgba(244,215,138,.5)}
.s-num{font-size:13px;letter-spacing:.3em;color:#f4d78a;font-weight:800}
.service h3{font-size:20px;margin:16px 0 12px;color:#f2f0ea}
.service p{font-size:14px;line-height:1.7;color:#c9c4b8;margin-bottom:20px}
.s-price{font-size:12px;letter-spacing:.06em;color:#f4d78a;font-weight:700;line-height:1.6}
.services-note{max-width:760px;margin:56px auto 0;text-align:center;font-size:15px;line-height:1.9;color:#f4d78a;font-style:italic}

/* ---------- PROCESS ---------- */
.process{padding:110px 8vw}
.process .kicker,.process .services-title{text-align:center}
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:40px auto 0}
.process-6{grid-template-columns:repeat(3,1fr);row-gap:40px}
.step{border-top:2px solid #f4d78a;padding-top:22px}
.step span{font-size:30px;font-weight:800;color:#f4d78a}
.step b{display:block;font-size:17px;margin:10px 0 8px;letter-spacing:.04em;color:#f2f0ea}
.step p{font-size:13.5px;color:#c9c4b8;line-height:1.6}

/* ---------- STUDIO / OFFICE (星空背景) ---------- */
.studio{position:relative;padding:150px 5vw;overflow:hidden}
.studio-bg{position:absolute;inset:0;background:url("../assets/stars-field.jpg") center 30%/cover no-repeat;opacity:.85}
.studio::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a10 0%,rgba(10,10,16,.5) 30%,rgba(10,10,16,.62) 70%,#0a0a10 100%)}
.studio-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}
.studio .kicker{color:#f4d78a}
.studio h2{font-size:clamp(30px,4.4vw,58px);font-weight:800;margin:24px 0;line-height:1.14;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.9)}
.studio-text{font-size:16.5px;line-height:1.85;color:#f2f0ea;max-width:680px;text-shadow:0 2px 16px rgba(0,0,0,.9)}
.studio-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.studio-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:1px solid rgba(244,215,138,.25);box-shadow:0 20px 50px rgba(0,0,0,.5);transition:transform .35s,border-color .35s}
.studio-photos img:hover{transform:translateY(-5px);border-color:rgba(244,215,138,.55)}
.studio-stats{display:flex;gap:44px;flex-wrap:wrap;margin-top:52px}
.stat b{display:block;font-size:clamp(30px,3.4vw,46px);font-weight:800;color:#f4d78a;text-shadow:0 2px 18px rgba(0,0,0,.9)}
.stat span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#e6e2d8}

/* ---------- CONTACT CTA ---------- */
.contact-cta{padding:130px 5vw;text-align:center;background:linear-gradient(180deg,#0a0a10 0%,#13111a 50%,#0a0a10 100%)}
.contact-cta h2{font-size:clamp(44px,8vw,104px);font-weight:800;letter-spacing:.02em;line-height:1.02;background:linear-gradient(135deg,#e8d8a8,#f4d78a 55%,#c9a24d);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-cta-sub{margin:26px auto 0;font-size:clamp(15px,1.6vw,18px);color:#c9c4b8;max-width:560px;line-height:1.7}
.contact-cta .btn{margin-top:38px}
/* 联系方式连在一起 */
.contact-cta-lines{max-width:620px;margin:44px auto 0;display:flex;flex-direction:column;gap:16px}
.contact-cta-lines .cl-line{font-size:clamp(15px,1.7vw,19px)}
.contact-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.contact-cta-actions .btn{margin-top:0}

/* ---------- CONTACT SPLIT (左信息 · 右表单，参考光盒动力) ---------- */
.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;padding:30px 5vw 110px;align-items:start}
.contact-info .kicker{display:flex;align-items:center;gap:14px}
.contact-info h2{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.14;margin:22px 0 16px;color:#f2f0ea}
.contact-info-sub{font-size:16px;line-height:1.85;color:#c9c4b8;max-width:440px;margin-bottom:40px}
.contact-info-list{display:flex;flex-direction:column;gap:26px}
.ci-item{display:flex;align-items:flex-start;gap:18px}
.ci-icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;border:1px solid rgba(244,215,138,.35);background:rgba(244,215,138,.06);color:#f4d78a;display:flex;align-items:center;justify-content:center;font-size:20px}
.ci-body{display:flex;flex-direction:column;gap:4px;padding-top:3px}
.ci-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#c9a24d;font-weight:800}
.ci-body a,.ci-value{font-size:16.5px;line-height:1.5;color:#f2f0ea;font-weight:600}
.ci-body a{border-bottom:1px solid rgba(244,215,138,.35);padding-bottom:2px;transition:border-color .3s}
.ci-body a:hover{border-color:#f4d78a;color:#f4d78a}
.ci-value em{font-style:normal;font-size:13.5px;color:#9a968a;font-weight:400}
/* 表单 */
.contact-form-wrap{background:#12121a;border:1px solid rgba(244,215,138,.16);border-radius:22px;padding:40px 36px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.contact-form{display:flex;flex-direction:column;gap:20px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cf-field{display:flex;flex-direction:column;gap:8px}
.cf-field label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c9a24d;font-weight:800}
.cf-field input,.cf-field textarea{background:#0a0a10;border:1px solid rgba(244,215,138,.22);border-radius:12px;padding:14px 16px;font-size:15px;color:#f2f0ea;font-family:inherit;transition:border-color .3s;width:100%}
.cf-field input:focus,.cf-field textarea:focus{outline:none;border-color:#f4d78a;background:#0d0d16}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:#6a6a70}
.cf-field textarea{resize:vertical;min-height:120px}
.cf-submit{width:100%;cursor:pointer;border:none;margin-top:4px}
.cf-note{font-size:12.5px;color:#9a968a;text-align:center;line-height:1.6}

/* ---------- CONTACT FULL PAGE ---------- */
.contact-full{padding:30px 8vw 130px}
.contact-card-wrap{max-width:780px;margin:0 auto;text-align:center}
.legal-box{width:100%;margin:38px auto 0;padding:28px 30px;border:1px solid rgba(244,215,138,.3);border-radius:18px;background:#12121a;backdrop-filter:blur(10px);text-align:left;box-shadow:0 15px 40px rgba(0,0,0,.4)}
.legal-kicker{display:block;font-size:10.5px;letter-spacing:.3em;color:#f4d78a;font-weight:800;margin-bottom:20px}
.legal-row{padding:16px 0;border-top:1px solid rgba(244,215,138,.14)}
.legal-row b{display:block;font-size:clamp(15px,1.8vw,20px);color:#f2f0ea;line-height:1.4}
.legal-row span{display:block;margin-top:6px;font-size:12.5px;letter-spacing:.08em;color:#f4d78a;text-transform:uppercase}
.contact-sub{font-size:15px;line-height:1.9;color:#c9c4b8;margin-top:26px}
.contact-office{display:inline-block;margin-top:8px;font-size:12.5px;letter-spacing:.04em;color:#b8b3a6}
.contact-lines{margin:46px auto 0;display:flex;flex-direction:column;gap:16px}
.cl-line{margin:0;font-style:italic;font-size:clamp(15px,1.8vw,20px);color:#f2f0ea;letter-spacing:.03em}
.cl-label{font-weight:800;margin-right:10px;color:#f2f0ea}
.cl-line a{color:#f4d78a;font-weight:800;text-decoration:none;border-bottom:2px solid rgba(244,215,138,.45);padding-bottom:2px;transition:border-color .3s}
.cl-line a:hover{border-color:#f4d78a}
.cl-note{font-weight:700;color:#f2f0ea}
.contact-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:44px}

/* ---------- ABOUT PAGE ---------- */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;padding:20px 8vw 60px}
.about-stats .stat{text-align:center;padding:34px 16px;background:#12121a;border:1px solid rgba(244,215,138,.22);border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
.about-stats .stat b{display:block;font-size:clamp(26px,3.2vw,42px);font-weight:800;background:linear-gradient(135deg,#f4d78a,#c9a24d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}
.about-stats .stat span{display:block;margin-top:9px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#c9c4b8}
.about-body{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;max-width:1400px;margin:0 auto;padding:30px 8vw 110px;align-items:center}
.about-text h2{font-size:clamp(28px,3.6vw,48px);font-weight:700;line-height:1.2;margin-bottom:30px;color:#f2f0ea}
.about-text p{font-size:16px;line-height:1.9;color:#c9c4b8;margin-bottom:22px}
.about-photos{display:flex;flex-direction:column;gap:20px}
.about-photos img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:18px;border:1px solid rgba(244,215,138,.22)}
.about-capabilities{padding:100px 8vw;background:linear-gradient(180deg,#0e0e16 0%,#0a0a10 100%);border-top:1px solid rgba(244,215,138,.14)}
.about-capabilities .kicker,.about-capabilities h2{text-align:center}
.about-capabilities h2{font-size:clamp(26px,3.4vw,44px);font-weight:700;margin-top:22px;color:#f2f0ea}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:44px auto 0}
.cap{background:#12121a;border:1px solid rgba(244,215,138,.12);border-radius:18px;padding:32px 28px;transition:transform .35s,border-color .35s;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cap:hover{transform:translateY(-5px);border-color:rgba(244,215,138,.5)}
.cap b{display:block;font-size:18px;margin-bottom:12px;color:#f4d78a}
.cap p{font-size:14px;line-height:1.7;color:#c9c4b8}

/* ---------- LIGHTBOX ---------- */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center}.lightbox.open{display:flex}
.lb-backdrop{position:absolute;inset:0;background:rgba(4,4,10,.9);backdrop-filter:blur(10px)}
.lb-box{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:92vw}
.lb-box video{height:min(78vh,860px);aspect-ratio:9/16;border-radius:16px;background:#000;object-fit:contain;box-shadow:0 0 0 1.5px rgba(244,215,138,.5),0 30px 90px rgba(0,0,0,.8)}
.lb-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.lb-tag{font-size:11px;letter-spacing:.3em;color:#c9a24d;font-weight:800}
.lb-info b{font-size:15px;color:#f2f0ea}
.lb-more{font-size:11.5px;letter-spacing:.2em;color:#f4d78a;border-bottom:1px solid rgba(244,215,138,.5);padding-bottom:2px}
.lb-close{position:absolute;top:-46px;right:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px}
.lb-close:hover{background:rgba(255,255,255,.25)}

/* ---------- FOOTER (专属导航) ---------- */
.footer{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:60px 5vw 40px;border-top:1px solid rgba(255,255,255,.08);background:#07070d;color:#e8e4d8}
.footer-brand .logo{font-size:14px;color:#f4d78a}
.footer-brand p{font-size:11px;letter-spacing:.2em;line-height:1.9;opacity:.5;margin-top:18px;color:#e8e4d8}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col h4{font-size:11px;letter-spacing:.28em;color:#f4d78a;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.footer-col a,.footer-col span{font-size:13px;letter-spacing:.04em;opacity:.65;color:#e8e4d8;transition:opacity .25s,color .25s}
.footer-col a:hover{opacity:1;color:#f4d78a}
.footer-col span{cursor:default}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;letter-spacing:.16em;color:#b9b4a6;opacity:.8}

/* ---------- TABLET ---------- */
@media(max-width:1080px){
  .matrix-grid{grid-template-columns:1fr 1fr;gap:26px}
  .about-split{grid-template-columns:1fr 1fr;gap:44px}
  .service-grid{grid-template-columns:1fr 1fr;gap:22px}
}

/* ---------- MOBILE ---------- */
@media(max-width:860px){
  .site-nav{padding:16px 20px}
  .nav-links{gap:14px;font-size:11px;letter-spacing:.1em}
  .logo{font-size:12px;letter-spacing:.14em}
  .logo-mark{height:24px}
  .lang-switch{padding-left:12px;gap:3px}
  .lang-switch .lang{padding:3px 6px;font-size:10px}
  .hero{height:72vh;min-height:460px}
  .hero-copy h1{font-size:38px}
  .hero-sub{font-size:14px}
  .btn{padding:12px 24px;font-size:11.5px}
  .stats-strip,.about-stats{grid-template-columns:1fr 1fr;margin-top:20px;padding:0 6vw}
  .capability-strip{grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw}
  .cap-item{border-right:none;padding:20px 12px}
  .about-split{grid-template-columns:1fr;gap:44px;padding:90px 7vw 60px}
  .about-split-text h2{font-size:34px}
  .service-grid,.cap-grid{grid-template-columns:1fr}
  .global{padding:90px 7vw}
  .global-grid{grid-template-columns:1fr;margin-top:40px}
  .process-row,.process-6{grid-template-columns:1fr 1fr}
  .matrix-grid{grid-template-columns:1fr;gap:30px}
  .studio{padding:110px 7vw}
  .studio-photos{grid-template-columns:1fr 1fr;gap:12px}
  .studio-stats{gap:28px}
  .about-body{grid-template-columns:1fr;gap:40px;padding-bottom:80px}
  .page-hero{padding:80px 7vw 40px}
  .page-hero h1{font-size:38px}
  .contact-cta{padding:110px 7vw}
  .contact-split{grid-template-columns:1fr;gap:48px;padding:20px 7vw 80px}
  .cf-row{grid-template-columns:1fr;gap:20px}
  .contact-form-wrap{padding:30px 22px}
  .footer{grid-template-columns:1fr 1fr;gap:32px;padding:44px 7vw 32px}
  .footer-bottom{flex-direction:column;text-align:center;align-items:center}
}