/*
Theme Name: Chixu Mobility
Theme URI: https://example.com/
Author: Manus
Description: 山东茌旭汽车零部件制造有限公司中英文企业官网主题。
Version: 1.0.0
Text Domain: chixu-mobility
*/
:root{--navy:#071521;--navy-2:#0b2434;--ink:#102331;--muted:#6b7b86;--line:#dce5e8;--cyan:#39c5d5;--cyan-2:#8be4e6;--gold:#d5b36b;--soft:#f4f8f9;--white:#fff;--shadow:0 24px 70px rgba(8,31,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.04em}.brand-mark{width:40px;height:40px;border:1px solid rgba(139,228,230,.7);border-radius:12px;display:grid;place-items:center;color:var(--cyan-2);font-weight:800;position:relative}.brand-mark:after{content:"";width:16px;height:16px;border:2px solid var(--cyan);border-radius:50%;position:absolute}.brand-text{font-size:15px;font-weight:700}.brand-sub{display:block;font-size:9px;color:rgba(255,255,255,.6);letter-spacing:.16em;font-weight:400;margin-top:2px}.main-nav{display:flex;gap:28px;align-items:center;font-size:14px}.main-nav a{opacity:.86;transition:.25s}.main-nav a:hover{color:var(--cyan-2);opacity:1}.lang-switch{border:1px solid rgba(255,255,255,.45);border-radius:99px;padding:7px 13px;font-size:12px;background:transparent;color:#fff;cursor:pointer}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:25px}.hero{min-height:760px;background:radial-gradient(circle at 70% 22%,rgba(57,197,213,.22),transparent 25%),linear-gradient(115deg,#06131d 0%,#0a2737 58%,#123f4c 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,20,.65),transparent 70%),repeating-linear-gradient(120deg,transparent 0 100px,rgba(139,228,230,.06) 101px 102px);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:760px;padding-top:70px}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-2);font-weight:700}.hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.13;letter-spacing:-.05em;margin:18px 0 22px;max-width:700px}.hero h1 span{display:block;color:var(--cyan-2)}.hero p{max-width:570px;color:rgba(255,255,255,.72);font-size:17px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:4px;padding:13px 22px;font-size:14px;font-weight:700;transition:.25s}.btn-primary{background:var(--cyan);color:#06212c}.btn-primary:hover{background:#75e0e2;transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.btn-ghost:hover{border-color:var(--cyan-2);color:var(--cyan-2)}.hero-art{position:relative;height:440px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:390px;height:390px;right:15px;top:18px;background:radial-gradient(circle at 34% 28%,rgba(139,228,230,.9),rgba(49,143,159,.28) 30%,rgba(10,38,54,.08) 69%,transparent 70%);border:1px solid rgba(139,228,230,.33)}.orb-b{width:240px;height:240px;right:150px;top:100px;border:1px solid rgba(213,179,107,.48);box-shadow:inset 0 0 60px rgba(213,179,107,.13)}.ring{position:absolute;right:60px;top:105px;width:310px;height:310px;border:1px solid rgba(139,228,230,.5);border-radius:50%;transform:rotate(-24deg) skewX(-10deg)}.ring:before,.ring:after{content:"";position:absolute;inset:28px;border:1px solid rgba(139,228,230,.28);border-radius:50%}.ring:after{inset:74px;border-color:rgba(213,179,107,.35)}.tech-card{position:absolute;left:0;bottom:28px;background:rgba(5,19,29,.72);border:1px solid rgba(139,228,230,.2);backdrop-filter:blur(12px);padding:17px 20px;width:230px}.tech-card small{color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.12em}.tech-card strong{display:block;color:#fff;font-size:18px;margin-top:5px}.section{padding:105px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#76a2ac;font-weight:800}.section h2{font-size:clamp(30px,4vw,50px);line-height:1.18;margin:10px 0 0;letter-spacing:-.04em}.section-head p{max-width:420px;color:var(--muted);margin:0}.section-dark .section-head p{color:rgba(255,255,255,.62)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-visual{min-height:430px;background:linear-gradient(145deg,#0b2939,#0d5360);position:relative;overflow:hidden}.about-visual:before{content:"CHIXU";position:absolute;color:rgba(139,228,230,.15);font-size:110px;font-weight:900;letter-spacing:-.12em;transform:rotate(-90deg);left:-92px;top:140px}.about-visual:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(139,228,230,.45);border-radius:50%;right:-58px;top:50px;box-shadow:0 0 0 28px rgba(139,228,230,.06),0 0 0 58px rgba(139,228,230,.04)}.visual-label{position:absolute;left:30px;bottom:27px;color:#fff;font-size:13px;letter-spacing:.12em}.about-copy p{color:var(--muted);font-size:16px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.feature{padding-top:17px;border-top:1px solid var(--line)}.feature strong{display:block;font-size:14px;margin-bottom:5px}.feature span{color:var(--muted);font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;min-height:365px;position:relative;overflow:hidden;border:1px solid #e4ecee;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-image{height:205px;background:linear-gradient(145deg,#d8f2f3,#214b5b);position:relative;overflow:hidden}.product-image:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 24px rgba(255,255,255,.06),0 0 0 52px rgba(255,255,255,.05)}.product-image:after{content:"";position:absolute;width:120px;height:50px;border:2px solid rgba(255,255,255,.7);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}.product-body{padding:22px}.product-body h3{font-size:18px;margin:0 0 7px}.product-body p{font-size:13px;color:var(--muted);margin:0}.tag{font-size:10px;letter-spacing:.13em;color:#55929b;margin-bottom:12px;display:block}.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.news-feature,.news-item{border:1px solid var(--line);padding:27px;background:#fff}.news-feature{min-height:280px;background:linear-gradient(135deg,#0c2635,#1b5660);color:#fff;display:flex;flex-direction:column;justify-content:end}.news-feature p{color:rgba(255,255,255,.7)}.news-list{display:grid;gap:20px}.news-item h3,.news-feature h3{margin:7px 0;font-size:19px;line-height:1.4}.news-item p{color:var(--muted);font-size:13px;margin:0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.support-card{padding:26px;background:#fff;border:1px solid var(--line)}.support-icon{width:38px;height:38px;border-radius:50%;background:#e2f7f7;color:#248a98;display:grid;place-items:center;font-weight:800;margin-bottom:20px}.support-card h3{font-size:17px;margin:0 0 8px}.support-card p{font-size:13px;color:var(--muted);margin:0}.contact-wrap{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.contact-wrap p{color:rgba(255,255,255,.67);max-width:520px}.contact-list{display:grid;gap:16px;margin-top:30px}.contact-item{display:flex;gap:13px;color:rgba(255,255,255,.8);font-size:14px}.contact-item b{color:var(--cyan-2);min-width:70px}.contact-panel{background:#fff;color:var(--ink);padding:32px}.contact-panel h3{margin-top:0}.contact-panel input,.contact-panel textarea{width:100%;border:1px solid var(--line);padding:12px;margin:0 0 12px;font:inherit}.contact-panel textarea{min-height:100px}.site-footer{background:#041018;color:rgba(255,255,255,.65);padding:26px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner strong{color:#fff}.lang-en{display:none}.is-en .lang-zh{display:none}.is-en .lang-en{display:inline}.is-en .lang-en.block{display:block}.is-en .lang-zh.block{display:none}
@media(max-width:900px){.main-nav{gap:14px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{min-height:680px}.hero-grid{min-height:680px}.about-grid,.contact-wrap,.news-grid{grid-template-columns:1fr;gap:35px}.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 32px,1180px)}.nav-wrap{height:72px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:16px;right:16px;background:#082331;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.main-nav.open{display:flex}.hero h1{font-size:43px}.hero p{font-size:15px}.section{padding:72px 0}.section-head{display:block}.section-head p{margin-top:18px}.feature-row,.products-grid,.support-grid{grid-template-columns:1fr}.about-visual{min-height:300px}.footer-inner{display:block}.footer-inner div+div{margin-top:8px}}
.article-hero{padding:155px 0 70px;background:linear-gradient(135deg,#06131d,#0d3b48);color:#fff}.article-hero h1{max-width:850px;font-size:clamp(34px,5vw,62px);line-height:1.16;margin:14px 0 18px;letter-spacing:-.04em}.article-meta{color:rgba(255,255,255,.64);font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:60px;align-items:start}.article-content{padding:75px 0}.article-content h2{font-size:30px;line-height:1.3;margin:48px 0 14px;color:var(--ink)}.article-content h3{font-size:21px;margin:32px 0 8px}.article-content p,.article-content li{font-size:16px;color:#344a56}.article-content ul,.article-content ol{padding-left:23px}.article-content li{margin:8px 0}.key-box{background:#eef9f9;border-left:4px solid var(--cyan);padding:20px 24px;margin:28px 0}.key-box strong{color:#176c76}.article-note{border:1px solid var(--line);padding:20px 22px;background:#fafcfc;margin:25px 0}.article-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.article-table th,.article-table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article-table th{background:#f2f7f8}.source-list{font-size:13px}.source-list a{color:#1a7b88;text-decoration:underline}.article-side{position:sticky;top:30px;margin-top:75px;border-top:2px solid var(--cyan);padding-top:14px}.article-side strong{font-size:13px}.article-side a{display:block;font-size:13px;color:#61808a;margin-top:8px}.article-cta{background:var(--navy);color:#fff;padding:30px;margin-top:45px}.article-cta p{color:rgba(255,255,255,.7)}.article-cta .btn{margin-top:10px}.faq-item{border-top:1px solid var(--line);padding:18px 0}.faq-item h3{margin:0 0 7px;font-size:17px}.faq-item p{margin:0;font-size:15px}@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-side{position:static;margin-top:0}.article-content{padding-top:55px}}
.hero{isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.82) contrast(1.08) brightness(.7);z-index:0}.hero:after{z-index:1}.hero-grid{z-index:2}.video-sound{border:0;background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:12px;cursor:pointer;padding:10px 5px}.video-sound:hover{color:var(--cyan-2)}
/* Hero video text overlay and strict language visibility */
.lang-en{display:none!important}.is-en .lang-zh{display:none!important}.is-en .lang-en{display:inline!important}.is-en .lang-en.block{display:block!important}.is-en .lang-zh.block{display:none!important}
.hero-video{opacity:.58;filter:saturate(.9) contrast(1.08) brightness(.72)}.hero:after{background:linear-gradient(90deg,rgba(3,13,20,.82) 0%,rgba(3,13,20,.52) 46%,rgba(3,13,20,.18) 100%),linear-gradient(0deg,rgba(3,13,20,.28),transparent 45%)}.hero-grid{display:block;min-height:760px;padding-top:0}.hero-grid>div:first-child{position:relative;z-index:3;max-width:760px;padding-top:170px}.hero-art{display:none}@media(max-width:650px){.hero-grid{min-height:680px}.hero-grid>div:first-child{padding-top:125px}}
/* Final hero composition: copy is locked inside the video frame; following sections move up. */
.hero{min-height:700px}.hero-grid{position:absolute;inset:0;display:block;min-height:0;padding:0}.hero-grid>div:first-child{position:absolute;left:0;top:50%;transform:translateY(-42%);z-index:3;max-width:760px;padding-top:0}.hero-video{opacity:.62}.hero:after{background:linear-gradient(90deg,rgba(3,13,20,.86) 0%,rgba(3,13,20,.5) 50%,rgba(3,13,20,.12) 100%),linear-gradient(0deg,rgba(3,13,20,.3),transparent 52%)}@media(max-width:650px){.hero{min-height:640px}.hero-grid>div:first-child{top:48%;transform:translateY(-40%);max-width:calc(100% - 32px)}}
/* Cache-busting-safe hard lock: video and copy are one composited hero layer. */
.hero{position:relative!important;height:700px!important;min-height:700px!important;overflow:hidden!important}.hero-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important}.hero-grid{position:absolute!important;inset:0!important;width:min(100% - 48px,1180px)!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:block!important;z-index:2!important}.hero-grid>div:first-child{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-42%)!important;z-index:3!important;padding:0!important}.hero:after{z-index:1!important}@media(max-width:650px){.hero{height:640px!important;min-height:640px!important}.hero-grid{width:calc(100% - 32px)!important}.hero-grid>div:first-child{top:48%!important;transform:translateY(-40%)!important}}
.product-image{background:#09222d}.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0;transition:transform .45s ease,filter .45s ease}.product-card:hover .product-image img{transform:scale(1.04);filter:saturate(1.08) contrast(1.04)}.product-image:before,.product-image:after{display:none}
.about-visual{background:#09222d;overflow:hidden}.about-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05);z-index:0}.about-visual:before{display:none}.about-visual:after{display:none}.about-visual:has(img){background:#09222d}.about-visual .visual-label{z-index:1;background:rgba(3,13,20,.72);padding:8px 12px;left:22px;bottom:22px}
#news{position:relative;color:#fff;background-color:#09222d;background-image:url('/manus-storage/async-images/ij6sY0gRs8U9LMyd80oYdX/image-1.webp');background-size:cover;background-position:center}#news:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,20,.9),rgba(3,13,20,.68) 48%,rgba(3,13,20,.78));pointer-events:none}#news>.container{position:relative;z-index:1}#news .section-head h2{color:#fff}#news .section-head p{color:rgba(255,255,255,.72)}
.video-showcase{background:#f3f8f8}.video-showcase-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:20px;align-items:stretch}.video-card{background:#fff;border:1px solid #dce9ea;box-shadow:0 16px 35px rgba(5,27,38,.08)}.video-frame{background:#06131d;aspect-ratio:16/9;overflow:hidden}.video-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-card-body{padding:22px 24px 25px}.video-card-body h3{margin:5px 0 8px;font-size:22px}.video-card-body p{margin:0;color:var(--muted);font-size:14px}.video-future{border:1px dashed #9ccacc;background:linear-gradient(145deg,#e7f8f8,#d8eff0);padding:28px;display:flex;flex-direction:column;justify-content:center;min-height:230px;color:#123843}.video-future-mark{font-size:46px;font-weight:800;line-height:1;color:#49b9c1;margin-bottom:18px}.video-future strong{font-size:18px;margin-bottom:9px}.video-future p{margin:0;color:#56757a;font-size:14px;line-height:1.7}@media(max-width:800px){.video-showcase-grid{grid-template-columns:1fr}.video-future{min-height:180px}}
.video-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card{min-width:0}@media(max-width:800px){.video-showcase-grid{grid-template-columns:1fr}}