:root{--navy:#172f50;--navy2:#102540;--ink:#15263b;--muted:#66758a;--line:#dbe2ea;--bg:#f5f7fa;--accent:#d7a75a;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(16,37,64,.94);backdrop-filter:blur(14px);color:#fff}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:13px;letter-spacing:1px}.brand b{display:block;font-size:17px;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;opacity:.55}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a{opacity:.82;transition:.2s}nav a:hover{opacity:1;color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:9px 15px}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:760px;background:#142a46;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;padding-top:78px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,31,53,.92),rgba(13,31,53,.55),rgba(13,31,53,.32)),url("page-01.jpg") center/cover no-repeat;filter:saturate(.82)}.hero-content{position:relative;z-index:1;width:100%;padding-top:50px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;opacity:.72;margin:0 0 17px}.eyebrow.dark{color:var(--navy);opacity:.65}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.1;letter-spacing:2px;margin:0 0 25px;font-weight:500}.hero h1 em{font-style:normal;color:#e7bd78}.hero p{font-size:16px;opacity:.82;max-width:680px}.hero-actions{display:flex;gap:13px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;font-size:13px;letter-spacing:1px}.btn.primary{background:var(--accent);color:#172a43}.btn.ghost{border:1px solid rgba(255,255,255,.42);color:#fff}.hero-stats{position:absolute;bottom:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);padding-top:20px;padding-bottom:23px}.hero-stats div{padding:0 24px;border-right:1px solid rgba(255,255,255,.14)}.hero-stats div:first-child{padding-left:0}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;font-size:25px;font-weight:500}.hero-stats span{font-size:11px;opacity:.62}.intro,.distribution,.quality{padding:110px 0}.two-col,.dist-box,.quality-box{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.intro h2,.products h2,.history h2,.advantages h2,.quality h2{font-size:42px;line-height:1.25;font-weight:500;margin:0 0 25px;letter-spacing:1px}.lead{font-size:16px;color:#536174;max-width:650px}.facts{display:flex;gap:42px;margin-top:35px}.facts b{display:block;font-size:24px}.facts span{font-size:11px;color:var(--muted)}.image-card{position:relative}.image-card img{width:100%;display:block;box-shadow:20px 20px 0 #edf1f5}.image-card span{position:absolute;right:18px;bottom:18px;background:rgba(20,43,70,.9);color:white;padding:12px 16px;font-size:9px;letter-spacing:2px}.history,.culture,.advantages{background:var(--navy);color:#fff;padding:110px 0}.section-desc{opacity:.62}.timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:60px}.timeline:before{content:"";height:1px;background:rgba(255,255,255,.25);position:absolute;top:8px;left:0;right:0}.timeline article{position:relative;padding-top:30px}.timeline article:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);position:absolute;top:4px;left:0}.timeline b{font-size:25px;font-weight:400;color:#e5ba73}.timeline h3{font-size:15px;margin:10px 0 7px}.timeline p{font-size:12px;opacity:.58;margin:0;padding-right:15px}.distribution{background:#f4f6f8}.dist-box{grid-template-columns:.9fr 1.1fr}.dist-box h2{font-size:42px;line-height:1.25;font-weight:500}.dist-box p{color:#59697c}.dist-box img{width:100%;mix-blend-mode:multiply}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.tags span{border:1px solid #d4dce5;padding:6px 11px;font-size:11px;background:#fff}.culture{padding:85px 0}.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18);margin-top:35px}.culture-grid div{padding:34px 30px 20px 0;border-right:1px solid rgba(255,255,255,.12);margin-right:30px}.culture-grid div:last-child{border:0}.culture-grid span{font-size:12px;color:var(--accent)}.culture-grid h3{font-size:23px;font-weight:400;margin:12px 0}.culture-grid p{opacity:.58;font-size:13px}.products{padding:110px 0;background:#fff}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.section-head>p{max-width:430px;color:#637286;font-size:13px}.mix{display:grid;grid-template-columns:2.75fr 1.75fr .4fr .1fr;gap:4px;margin:35px 0 50px;height:72px}.mix div{background:#eef1f4;padding:11px 18px;display:flex;flex-direction:column;justify-content:center}.mix div:nth-child(1){background:#dce3ea}.mix strong{font-size:20px}.mix span{font-size:10px;color:#657489}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product{border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:43% 57%;min-height:230px;transition:.25s}.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(23,47,80,.08)}.product img{width:100%;height:100%;min-height:230px;object-fit:cover;object-position:center}.product>div{padding:22px}.pill{display:inline-block;font-size:9px;letter-spacing:1px;padding:4px 7px;background:#edf2f6;color:#53677c}.pill.paper{background:#f4eee5;color:#7a6240}.product h3{margin:9px 0 8px;font-size:18px}.product p{font-size:11px;color:#5e6d7e;margin:0 0 8px}.product small{font-size:10px;line-height:1.65;color:#7c8997}.advantages{padding:105px 0}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.adv-grid div{padding:0 28px 10px 0;border-right:1px solid rgba(255,255,255,.14);margin-right:28px}.adv-grid div:last-child{border:0}.adv-grid b{font-size:12px;color:var(--accent)}.adv-grid h3{font-weight:400;font-size:20px;margin:12px 0}.adv-grid p{font-size:12px;opacity:.55}.quality{background:#f4f6f8}.quality-box{grid-template-columns:.8fr 1.2fr}.quality-box img{width:100%;max-height:440px;object-fit:contain;background:white}.contact{position:relative;background:var(--navy2);color:#fff;min-height:510px;display:flex;align-items:center;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,30,51,.95),rgba(12,30,51,.7)),url("page-24.jpg") center/cover no-repeat;opacity:.55}.contact-inner{position:relative;z-index:1;width:100%}.contact h2{font-size:54px;font-weight:400;margin:0 0 10px}.contact-inner>p:not(.eyebrow){opacity:.65}.contact-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px;margin:38px 0}.contact-grid span{display:block;font-size:10px;opacity:.45;letter-spacing:1px}.contact-grid strong{display:block;font-size:14px;font-weight:400;margin-top:4px}.contact-grid a:hover{color:var(--accent)}footer{background:#0c1d31;color:#8090a3}.footer{height:70px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer span:last-child{opacity:.5}@media(max-width:900px){nav{gap:15px}.two-col,.dist-box,.quality-box{grid-template-columns:1fr;gap:45px}.timeline{grid-template-columns:repeat(3,1fr);row-gap:35px}.timeline:before{display:none}.product-grid{grid-template-columns:1fr}.adv-grid{grid-template-columns:repeat(2,1fr);row-gap:35px}.hero-stats{grid-template-columns:repeat(2,1fr);row-gap:12px}.hero-stats div:nth-child(2){border:0}.section-head{display:block}.section-head>p{margin-top:20px}}@media(max-width:650px){.nav{height:68px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy2);padding:12px 24px 20px;flex-direction:column;align-items:flex-start;gap:16px}nav.open{display:flex}.hero{min-height:720px}.hero h1{font-size:43px}.hero-stats{position:absolute;padding-bottom:17px}.hero-stats div{padding:0 10px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:9px}.intro,.distribution,.products,.quality{padding:78px 0}.history,.culture,.advantages{padding:78px 0}.intro h2,.products h2,.history h2,.advantages h2,.quality h2,.dist-box h2{font-size:32px}.facts{gap:20px}.timeline{grid-template-columns:1fr 1fr}.culture-grid{grid-template-columns:1fr}.culture-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);margin:0}.mix{height:auto;grid-template-columns:1fr 1fr}.mix div{min-height:64px}.product{grid-template-columns:1fr}.product img{height:190px;min-height:0}.contact h2{font-size:42px}.contact-grid{grid-template-columns:1fr;gap:16px}.footer{height:auto;padding-top:20px;padding-bottom:20px;display:block}.footer span{display:block;margin:5px 0}}
/* v2 logo + language switch */
.logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:50%;padding:1px;display:block}
.lang-switch{border:1px solid rgba(255,255,255,.55)!important;padding:8px 11px!important;opacity:1!important;font-size:11px!important;letter-spacing:1px}
.contact-grid{grid-template-columns:2fr 1fr 1fr 1.8fr}
.contact-grid strong{overflow-wrap:anywhere}
@media(max-width:1100px){nav{gap:13px}.contact-grid{grid-template-columns:1.5fr 1fr 1fr 1.6fr}}
@media(max-width:900px){.logo{width:48px;height:48px}.brand b{font-size:15px}.brand small{font-size:7px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.logo{width:45px;height:45px}.contact-grid{grid-template-columns:1fr}}

/* Mobile optimization v3 */
html{overflow-x:hidden}body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}.wrap{width:100%}.brand{min-width:0}.brand span{min-width:0}.brand b,.brand small{white-space:nowrap}.hero-content{padding-bottom:150px}.hero p{line-height:1.8}.btn{min-height:44px}.contact-grid strong{word-break:break-word;overflow-wrap:anywhere}.contact-grid a{overflow-wrap:anywhere}@media(max-width:900px){.nav{padding-left:18px;padding-right:18px}.brand{gap:8px}nav{max-height:calc(100vh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch}.hero{min-height:760px}.hero-content{padding-top:35px;padding-bottom:185px}.hero-stats{bottom:0}.section-head{gap:20px}.image-card img{box-shadow:12px 12px 0 #edf1f5}}@media(max-width:650px){.wrap{padding-left:18px;padding-right:18px}.nav{height:64px}.menu{font-size:26px;padding:8px 2px;line-height:1}.brand .logo{flex:0 0 auto}.brand b{font-size:14px;letter-spacing:1.5px}.brand small{font-size:6px;letter-spacing:1.5px}.lang-switch{align-self:stretch;display:flex;align-items:center}.hero{min-height:790px;padding-top:64px}.hero-bg{background-position:58% center}.hero-content{padding-top:28px;padding-bottom:205px}.hero h1{font-size:clamp(38px,11vw,48px);letter-spacing:1px}.hero p{font-size:14px;max-width:100%}.hero-actions{flex-direction:column;align-items:stretch;margin-top:24px}.btn{width:100%;text-align:center}.hero-stats{grid-template-columns:1fr 1fr;left:18px;right:18px;padding-top:14px;padding-bottom:14px}.hero-stats div{padding:0 8px!important}.hero-stats div:nth-child(odd){padding-left:0!important}.hero-stats div:nth-child(even){padding-right:0!important}.hero-stats strong{font-size:19px}.hero-stats span{font-size:9px;line-height:1.4}.intro,.distribution,.products,.quality{padding:64px 0}.history,.culture,.advantages{padding:64px 0}.intro h2,.products h2,.history h2,.advantages h2,.quality h2,.dist-box h2{font-size:30px}.lead{font-size:14px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.timeline{grid-template-columns:1fr;gap:24px;margin-top:38px}.timeline article{padding-top:0;padding-left:25px}.timeline article:before{top:7px}.culture-grid{margin-top:22px}.culture-grid div{padding:25px 0}.section-head>p{font-size:12px}.mix{grid-template-columns:1fr 1fr;margin:25px 0 35px}.product-grid{gap:14px}.product img{height:180px}.product>div{padding:18px}.product h3{font-size:17px}.product p{font-size:11px}.adv-grid{grid-template-columns:1fr;row-gap:28px}.adv-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);margin:0;padding:0 0 22px}.adv-grid div:last-child{border-bottom:0}.quality-box img{max-height:300px}.contact{min-height:620px}.contact h2{font-size:36px}.contact-grid{gap:14px;margin:28px 0}.contact-grid strong{font-size:13px}.footer{font-size:9px}}@media(max-width:380px){.brand b{font-size:13px}.hero h1{font-size:36px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:8px}}