:root{--ink:#102638;--blue:#1267a8;--cyan:#20a4c8;--pale:#eef6fa;--line:#dce7ed;--muted:#607482;--white:#fff;--shadow:0 18px 50px rgba(17,55,78,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,231,237,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:10px}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:.08em}.brand small{font-size:9px;color:var(--muted);letter-spacing:.12em}.main-nav{display:flex;gap:30px}.main-nav a{font-size:15px;padding:26px 0 22px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--blue);border-color:var(--cyan)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px}.demo-notice{text-align:center;padding:7px 20px;font-size:13px;background:#fff7d6;color:#775d00}.hero{overflow:hidden;background:linear-gradient(120deg,#f5fbff 0%,#e8f5f8 55%,#dceff5 100%)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{display:block;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.17em;margin-bottom:15px}.hero h1,.page-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.12;letter-spacing:-.04em;margin:0 0 24px}.hero p,.page-hero p{font-size:18px;max-width:690px;color:#526b7b}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border-radius:6px;border:1px solid transparent;font-weight:650;cursor:pointer}.btn.primary{color:#fff;background:linear-gradient(120deg,var(--blue),var(--cyan))}.btn.ghost{border-color:#a8bfcb;background:rgba(255,255,255,.35)}.btn.light{background:#fff;color:var(--blue)}.hero-visual{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(32,164,200,.08) 55%,transparent 56%)}.core{position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 60px rgba(32,164,200,.45)}.orbit{position:absolute;inset:20%;border:1px solid rgba(18,103,168,.35);border-radius:50%}.orbit-b{inset:8%;transform:rotate(58deg);border-style:dashed}.particle{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.p1{top:18%;left:48%}.p2{right:13%;bottom:34%}.p3{left:15%;bottom:27%}.section{padding:100px 0}.soft{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:0 0 15px}.section-heading>a,.card a,.news-card a,.news-list a{color:var(--blue);font-weight:650}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card h2,.card h3{font-size:21px;margin:18px 0 12px}.card p,.news-card p{color:var(--muted)}.tag{display:inline-block;padding:5px 10px;border-radius:20px;color:var(--blue);background:var(--pale);font-size:12px}.section-dark{color:#fff;background:#102f43}.section-dark p{color:#bfd0da}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16)}.metric-grid div{padding:28px;background:#102f43}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:36px;color:#65d4e8}.metric-grid span{color:#bfd0da}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.news-card{padding-top:22px;border-top:2px solid var(--line)}time{color:#77909f;font-size:13px}.news-card h3{font-size:21px;line-height:1.4}.cta{padding:65px 0;color:#fff;background:linear-gradient(115deg,#09558e,#1597b8)}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:36px;margin:0}.page-hero{padding:105px 0;background:linear-gradient(120deg,#eff9fd,#dceff5)}.page-hero.compact{padding:75px 0}.page-hero.compact h1{font-size:52px}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.split p{font-size:18px;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.filter{padding:9px 18px;border:1px solid var(--line);border-radius:24px;background:#fff;cursor:pointer}.filter.active{color:#fff;background:var(--blue);border-color:var(--blue)}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:80px}.detail-grid article p{font-size:17px;color:var(--muted)}.contact-panel{align-self:start;padding:32px;border-radius:12px;background:var(--pale)}.news-list article{display:grid;grid-template-columns:140px 1fr;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.news-list h2{font-size:26px;margin:0 0 8px}.news-list p{color:var(--muted)}.narrow{max-width:800px}.article h1{font-size:48px;line-height:1.2}.article .back{display:block;color:var(--blue);margin-bottom:40px}.lead{font-size:21px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:30px}.article-body{font-size:18px;padding-top:25px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contact-item{display:grid;grid-template-columns:90px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.contact-item span{color:var(--muted)}.contact-form{padding:35px;border-radius:12px;box-shadow:var(--shadow)}.contact-form label{display:block;font-weight:650;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #cbd9e0;border-radius:6px;font:inherit}input:focus,textarea:focus{outline:2px solid rgba(32,164,200,.25);border-color:var(--cyan)}.alert{padding:12px 15px;margin-bottom:20px;border-radius:6px}.alert.success{background:#e8f8ed;color:#196331}.alert.error{background:#fff0ee;color:#922b21}.empty{text-align:center}.site-footer{padding:60px 0 22px;color:#c5d5df;background:#0b2434}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.site-footer strong{color:#fff}.site-footer p{font-size:14px}.copyright{padding-top:25px;margin-top:30px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}@media(max-width:900px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;gap:0;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:12px 0}.hero-grid,.value-grid,.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-visual{max-width:480px}.card-grid{grid-template-columns:1fr 1fr}.detail-grid,.contact-grid,.split{gap:40px}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.hero h1,.page-hero h1{font-size:39px}.hero-actions,.cta .container{align-items:stretch;flex-direction:column}.section{padding:70px 0}.card-grid,.news-grid,.form-row,.footer-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.news-list article{grid-template-columns:1fr;gap:5px}.contact-form{padding:23px}.article h1{font-size:35px}}

/* Product media presentation */
.product-card{padding:0;overflow:hidden}.product-card-body{padding:24px 28px 28px}.product-thumb{display:grid;place-items:center;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#e6f3f8,#cce9f1)}.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-thumb span{display:grid;place-items:center;width:74px;height:74px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:24px;font-weight:800}.product-card:hover .product-thumb img{transform:scale(1.035)}.product-card h2,.product-card h3{line-height:1.35}.product-detail-hero{padding:85px 0;background:linear-gradient(120deg,#eff9fd,#dceff5)}.product-title-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.product-title-grid h1{font-size:clamp(42px,5vw,68px);line-height:1.12;margin:0 0 22px}.product-title-grid p{font-size:18px;color:var(--muted)}.product-title-grid>img{width:100%;max-height:390px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.product-overview{padding-bottom:80px}.detail-media-section{padding:85px 0}.media-heading{margin-bottom:30px}.detail-image-frame{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 40px rgba(17,55,78,.07)}.detail-image-frame img{display:block;width:auto;max-width:100%;max-height:820px;margin:auto;object-fit:contain}@media(max-width:900px){.product-title-grid{grid-template-columns:1fr;gap:35px}.product-title-grid>img{max-width:560px}.detail-image-frame{padding:14px}}@media(max-width:600px){.product-detail-hero{padding:60px 0}.product-title-grid h1{font-size:38px}.product-card-body{padding:20px}.detail-media-section{padding:60px 0}}

/* Thumbnail sizing hotfix: keep every source image inside the same card frame. */
.product-thumb{height:auto;aspect-ratio:4/3}.product-thumb img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover!important;object-position:center}
.product-description{border-top:1px solid var(--line)}.product-description-body{font-size:17px;color:var(--muted);line-height:1.85}.product-description-body h2,.product-description-body h3{color:var(--ink);margin:28px 0 12px}.product-description-body h2{font-size:28px}.product-description-body h3{font-size:22px}.product-description-body p{margin:0 0 18px}.product-description-body ul,.product-description-body ol{padding-left:1.5em}.product-description-body a{color:var(--blue);text-decoration:underline}.product-description-body blockquote{margin:22px 0;padding:12px 20px;border-left:4px solid var(--cyan);background:var(--pale)}

/* Li-ion + Na-ion positioning */
.hero-visual.battery-visual{aspect-ratio:1.12;border-radius:0;background:transparent;overflow:visible}.battery-shell{position:absolute;inset:17% 10% 17% 3%;border:3px solid rgba(18,103,168,.48);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(225,245,250,.92));box-shadow:0 24px 60px rgba(17,85,120,.15),inset 0 0 34px rgba(32,164,200,.1)}.battery-shell::before,.battery-shell::after{content:"";position:absolute;top:13%;bottom:13%;width:1px;background:rgba(18,103,168,.13)}.battery-shell::before{left:33.333%}.battery-shell::after{right:33.333%}.battery-terminal{position:absolute;top:34%;right:-8%;width:8%;height:32%;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#1267a8,#20a4c8);box-shadow:0 8px 20px rgba(18,103,168,.2)}.battery-charge{position:absolute;z-index:1;inset:9px;border-radius:24px;background:linear-gradient(90deg,rgba(32,164,200,.13),rgba(90,188,168,.06));overflow:hidden}.battery-charge::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.72) 43%,transparent 64%);transform:translateX(-100%);animation:batteryShine 4.8s ease-in-out infinite}.battery-content{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:space-evenly;gap:14px;padding:9% 7%}.dual-ion .ion-core{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;width:112px;height:112px;border-radius:50%;color:#fff;font-size:28px;font-weight:750;line-height:1;box-shadow:0 16px 36px rgba(11,76,116,.22)}.dual-ion .ion-symbol{display:block;white-space:nowrap;line-height:1}.dual-ion .ion-symbol sup{position:relative;top:-.12em;margin-left:1px;font-size:.55em;line-height:0;vertical-align:super}.dual-ion .ion-core small{display:block;margin-top:10px;font-size:10px;font-weight:500;line-height:1;letter-spacing:.12em;opacity:.86}.dual-ion .lithium{background:linear-gradient(135deg,#1267a8,#20a4c8)}.dual-ion .sodium{background:linear-gradient(135deg,#167e91,#5abca8)}.dual-ion .ion-bridge{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(18,103,168,.2);border-radius:24px;color:#315b72;background:rgba(255,255,255,.86);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.06em;box-shadow:0 8px 20px rgba(17,85,120,.08)}.dual-ion .ion-bridge span{color:var(--cyan);margin:0 3px}.energy-dot{position:absolute;z-index:4;width:12px;height:12px;border-radius:50%;background:#20a4c8;box-shadow:0 0 18px rgba(32,164,200,.8)}.dot-a{top:12%;left:24%}.dot-b{right:10%;bottom:17%}.dot-c{left:10%;bottom:11%;width:8px;height:8px}.focus-grid strong{font-size:25px;letter-spacing:.05em}.focus-grid span{font-size:14px}@keyframes batteryShine{0%,35%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.battery-charge::after{animation:none}}@media(max-width:600px){.hero-visual.battery-visual{width:100%;max-width:430px;margin:0 auto;aspect-ratio:1.08}.battery-shell{inset:19% 10% 19% 2%;border-radius:26px}.battery-content{gap:8px;padding:8% 5%}.dual-ion .ion-core{width:88px;height:88px;font-size:23px}.dual-ion .ion-core small{margin-top:8px;font-size:9px}.dual-ion .ion-bridge{padding:6px 8px;font-size:10px}.battery-terminal{right:-8%;border-radius:0 8px 8px 0}}

/* Full-width battery-materials hero image */
.hero.hero-background{position:relative;background-color:#edf8fc;background-image:url('../images/hero-battery-materials.png');background-repeat:no-repeat;background-position:center center;background-size:cover}.hero.hero-background::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,249,252,.38) 0%,rgba(241,249,252,.25) 43%,rgba(241,249,252,0) 66%);pointer-events:none}.hero-background .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,700px) 1fr}.hero-background .hero-grid>div{max-width:700px}.hero-background .hero-grid>div>p{max-width:650px;color:#496678;text-shadow:0 1px 8px rgba(255,255,255,.55)}@media(max-width:900px){.hero.hero-background{background-position:64% center}.hero.hero-background::before{background:linear-gradient(90deg,rgba(241,249,252,.96) 0%,rgba(241,249,252,.88) 54%,rgba(241,249,252,.25) 100%)}.hero-background .hero-grid{grid-template-columns:1fr;min-height:620px}.hero-background .hero-grid>div{max-width:650px}}@media(max-width:600px){.hero.hero-background{background-position:67% center}.hero.hero-background::before{background:rgba(241,249,252,.86)}.hero-background .hero-grid{min-height:590px;padding:64px 0}.hero-background .hero-grid>div{max-width:100%}}

/* Official company logo and full bilingual name */
.brand-logo{display:block;flex:0 0 auto;width:62px;height:54px;object-fit:contain;background:#fff}.brand-copy{min-width:0}.brand-copy strong{font-size:16px;line-height:1.25;letter-spacing:.02em;white-space:nowrap}.brand-copy small{margin-top:3px;font-size:8px;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.footer-company-en{display:block;margin-top:4px;color:#8fa9b8;font-size:11px;letter-spacing:.035em}@media(max-width:1050px) and (min-width:901px){.brand{gap:8px}.brand-logo{width:52px;height:47px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px}.main-nav{gap:20px}}@media(max-width:600px){.brand{gap:8px}.brand-logo{width:50px;height:44px}.brand-copy strong{font-size:13px}.brand-copy small{max-width:190px;overflow:hidden;text-overflow:ellipsis;font-size:7px}}

/* Lithium and sodium ion labels above the hero battery */
.hero-background .hero-ion-labels{position:absolute;z-index:3;top:13%;right:7%;display:flex;align-items:flex-start;gap:14px;max-width:none}.hero-ion{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid rgba(255,255,255,.74);border-radius:50%;color:#fff;font-size:25px;font-weight:750;line-height:1;white-space:nowrap;box-shadow:0 13px 32px rgba(13,83,119,.2);backdrop-filter:blur(5px)}.hero-ion sup{position:relative;top:-.16em;margin-left:1px;font-size:.53em;line-height:0;vertical-align:super}.hero-ion.lithium-ion{background:linear-gradient(135deg,rgba(18,103,168,.96),rgba(32,164,200,.9))}.hero-ion.sodium-ion{margin-top:24px;background:linear-gradient(135deg,rgba(22,126,145,.96),rgba(90,188,168,.9))}@media(max-width:1100px){.hero-background .hero-ion-labels{top:10%;right:4%}.hero-ion{width:66px;height:66px;font-size:22px}}@media(max-width:900px){.hero-background .hero-ion-labels{top:auto;right:7%;bottom:10%}.hero-ion{width:62px;height:62px;font-size:21px}}@media(max-width:600px){.hero-background .hero-ion-labels{right:5%;bottom:7%;gap:9px}.hero-ion{width:55px;height:55px;font-size:19px}.hero-ion.sodium-ion{margin-top:17px}}

/* WeChat QR popover */
.wechat-nav{position:relative;display:flex;align-items:center}.wechat-popover{position:absolute;z-index:50;top:calc(100% - 7px);right:-28px;width:214px;padding:16px;visibility:hidden;opacity:0;transform:translateY(9px);pointer-events:none;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(17,55,78,.18);transition:opacity .18s ease,transform .18s ease,visibility .18s}.wechat-popover::before{content:"";position:absolute;top:-7px;right:56px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.wechat-popover img{position:relative;display:block;width:180px;height:180px;object-fit:contain;border-radius:7px;background:#fff}.wechat-popover strong,.wechat-popover small{display:block;text-align:center}.wechat-popover strong{margin-top:9px;font-size:14px;color:var(--ink)}.wechat-popover small{margin-top:2px;font-size:12px;color:var(--muted)}.wechat-nav:hover .wechat-popover,.wechat-nav:focus-within .wechat-popover,.wechat-nav.is-open .wechat-popover{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:900px){.wechat-nav{display:block}.wechat-popover{top:48px;right:0}.wechat-popover::before{right:25px}}

/* News covers and rich article content */
.news-card{padding-top:0;overflow:hidden}.news-cover{display:block;width:100%;aspect-ratio:16/9;margin-bottom:20px;overflow:hidden;border-radius:9px;background:var(--pale)}.news-cover img,.news-list-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-cover:hover img,.news-list-cover:hover img{transform:scale(1.025)}.news-card-content{padding-top:20px;border-top:2px solid var(--line)}.news-card .news-cover+.news-card-content{padding-top:0;border-top:0}.news-list article:has(.news-list-cover){grid-template-columns:220px 1fr}.news-list-cover{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:var(--pale)}.article-cover{display:block;width:100%;max-height:480px;margin:28px 0;object-fit:cover;border-radius:12px}.article-body{color:#314b5d}.article-body h2{margin:42px 0 15px;font-size:30px;line-height:1.3}.article-body h3{margin:32px 0 12px;font-size:23px}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{margin:0 0 22px;padding-left:1.5em}.article-body blockquote{margin:25px 0;padding:15px 22px;border-left:4px solid var(--cyan);background:var(--pale)}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-body img{display:block;width:auto;max-width:100%;max-height:780px;margin:30px auto;border-radius:10px;box-shadow:0 10px 35px rgba(17,55,78,.1)}@media(max-width:700px){.news-list article:has(.news-list-cover){grid-template-columns:1fr}.news-list-cover{max-width:100%}}

/* Materials Classroom navigation and category pages */
.classroom-nav{position:relative;display:flex;align-items:center}.classroom-menu{position:absolute;z-index:45;top:calc(100% - 7px);left:50%;display:grid;width:470px;grid-template-columns:1fr 1fr;gap:5px;padding:12px;visibility:hidden;opacity:0;transform:translate(-50%,9px);pointer-events:none;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(17,55,78,.18);transition:opacity .18s ease,transform .18s ease,visibility .18s}.classroom-menu::before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.main-nav .classroom-menu a{display:block;padding:12px 14px;border:0;border-radius:7px}.main-nav .classroom-menu a:hover{border:0;background:var(--pale)}.classroom-menu strong,.classroom-menu small{display:block}.classroom-menu strong{font-size:14px;color:var(--ink)}.classroom-menu small{margin-top:2px;color:var(--muted);font-size:11px}.classroom-nav:hover .classroom-menu,.classroom-nav:focus-within .classroom-menu{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}.classroom-section{padding-top:55px}.classroom-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.classroom-tabs a{padding:9px 18px;border:1px solid var(--line);border-radius:24px;background:#fff}.classroom-tabs a:hover,.classroom-tabs a.active{color:#fff;border-color:var(--blue);background:var(--blue)}.classroom-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.classroom-heading span{font-size:24px;font-weight:700}.classroom-heading strong{color:var(--muted);font-size:13px}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.article-category{display:inline-flex;padding:4px 9px;border-radius:18px;color:var(--blue);background:var(--pale);font-size:12px;font-weight:650}.news-cover-placeholder{display:grid;place-items:center;aspect-ratio:16/10;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:32px;font-weight:800}.classroom-empty{padding:70px 20px;text-align:center;color:var(--muted)}@media(max-width:900px){.classroom-nav{display:block}.classroom-menu{position:static;width:100%;grid-template-columns:1fr 1fr;padding:5px 0 10px;visibility:visible;opacity:1;transform:none;pointer-events:auto;border:0;box-shadow:none}.classroom-menu::before{display:none}.main-nav .classroom-menu a{padding:8px 12px}.classroom-menu small{display:none}.classroom-nav:hover .classroom-menu,.classroom-nav:focus-within .classroom-menu{transform:none}}@media(max-width:520px){.classroom-menu{grid-template-columns:1fr}.classroom-tabs a{padding:7px 13px;font-size:13px}}

/* Contact-page WeChat QR */
.contact-wechat{display:flex;align-items:center;gap:22px;margin-top:32px;padding:22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#f4fbfd,#e8f5f8)}.contact-qr{flex:0 0 auto;padding:8px;border-radius:9px;background:#fff;box-shadow:0 8px 25px rgba(17,55,78,.09)}.contact-qr img{display:block;width:190px;height:190px;object-fit:contain}.contact-wechat>div:last-child strong,.contact-wechat>div:last-child span{display:block}.contact-wechat>div:last-child strong{margin-bottom:7px;font-size:19px;color:var(--ink)}.contact-wechat>div:last-child span{color:var(--muted);font-size:14px;line-height:1.8}@media(max-width:520px){.contact-wechat{align-items:flex-start;flex-direction:column}.contact-qr img{width:170px;height:170px}}

/* Fill the header name area with larger bilingual typography. */
.site-header .brand{flex:0 0 auto;gap:14px}.site-header .brand-logo{width:70px;height:60px}.site-header .brand-copy{display:flex;min-width:330px;min-height:60px;flex-direction:column;justify-content:center}.site-header .brand-copy strong{font-size:26px;font-weight:750;line-height:1.08;letter-spacing:.025em}.site-header .brand-copy small{margin-top:7px;font-size:12.5px;font-weight:500;line-height:1.08;letter-spacing:.025em;color:#607482}@media(max-width:1180px) and (min-width:901px){.site-header .brand{gap:9px}.site-header .brand-logo{width:56px;height:50px}.site-header .brand-copy{min-width:260px;min-height:52px}.site-header .brand-copy strong{font-size:20px}.site-header .brand-copy small{margin-top:5px;font-size:9.5px}.main-nav{gap:18px}}@media(max-width:600px){.site-header .brand-logo{width:52px;height:46px}.site-header .brand-copy{min-width:0;min-height:48px}.site-header .brand-copy strong{font-size:16px;letter-spacing:0}.site-header .brand-copy small{max-width:225px;margin-top:4px;font-size:8px;letter-spacing:0}}

/* Final one-piece company logo lockup in the public header. */
.site-header .nav-wrap{height:108px}.site-header .brand{display:block;line-height:0}.site-header .brand-lockup{display:block;width:420px;height:105px;max-width:none;object-fit:contain;object-position:left center}@media(max-width:1180px) and (min-width:901px){.site-header .brand-lockup{width:350px;height:88px}.site-header .main-nav{gap:16px}}@media(max-width:900px){.site-header .nav-wrap{height:86px}.site-header .brand-lockup{width:300px;height:82px}.site-header .main-nav{top:86px}}@media(max-width:430px){.site-header .brand-lockup{width:255px;height:72px}.site-header .nav-toggle{padding:7px 9px}}

/* Compact names-only logo: 75% of the previous header width. */
.site-header .nav-wrap{height:82px}.site-header .brand-lockup{width:315px;height:63px}@media(max-width:1180px) and (min-width:901px){.site-header .brand-lockup{width:263px;height:53px}}@media(max-width:900px){.site-header .nav-wrap{height:76px}.site-header .brand-lockup{width:225px;height:45px}.site-header .main-nav{top:76px}}@media(max-width:430px){.site-header .brand-lockup{width:191px;height:39px}}

/* Balanced About Us hero typography. */
.page-hero.about-hero h1{max-width:880px;margin-bottom:22px;font-size:clamp(34px,3.8vw,50px);line-height:1.22;letter-spacing:-.025em}.page-hero.about-hero p{max-width:900px;margin-bottom:0;line-height:1.95}@media(max-width:600px){.page-hero.about-hero{padding:70px 0}.page-hero.about-hero h1{font-size:34px}.page-hero.about-hero p{font-size:16px;line-height:1.85}}
.language-switch{display:flex;align-items:center;gap:6px;margin-left:2px;padding-left:18px;border-left:1px solid var(--line)}.language-switch a{padding:26px 2px 22px!important;border:0!important;font-size:13px;color:var(--muted)}.language-switch a.active{color:var(--blue);font-weight:750}.language-switch i{font-style:normal;color:#a7b5bd}.lang-en .main-nav{gap:23px}.lang-en .hero h1{letter-spacing:-.025em}.lang-en .card h2,.lang-en .card h3{letter-spacing:-.01em}@media(max-width:900px){.language-switch{margin:8px 0 0;padding:10px 0 2px;border-left:0;border-top:1px solid var(--line)}.language-switch a{padding:3px 2px!important}.lang-en .main-nav{gap:0}}