:root{--color-brand: #0b78f0;--color-brand-deep: #003c78;--color-navy: #052b55;--color-text: #0d2544;--color-muted: #6b7b91;--color-line: #e6edf6;--color-soft: #f5f9ff;--color-surface: #ffffff;--color-surface-subtle: #fbfdff;--color-brand-tint: #edf5ff;--color-footer: #033765;--color-inverse: #ffffff;--shadow-raised: 0 12px 30px rgba(4, 49, 96, .1);--radius-md: 8px;--layout-container: 1200px;--layout-gutter: 40px;--layout-header-height: 70px;--space-xs: 8px;--space-sm: 14px;--space-md: 20px;--space-lg: 28px;--space-xl: 44px;--font-sm: 13px;--font-md: 14px;--font-lg: 18px;--font-title: 28px}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;color:var(--color-text);font-family:Source Han Sans CN,Microsoft YaHei,Arial,sans-serif;background:var(--color-surface)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--layout-container),calc(100% - var(--layout-gutter)));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#031c38db,#042d5394 55%,#042d531f);color:var(--color-inverse);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}.site-header.is-scrolled{background:linear-gradient(90deg,#042446fa,#053660f0 68%,#053660e0);box-shadow:0 10px 24px #01193229;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav{height:var(--layout-header-height);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;min-width:180px;font-weight:800;letter-spacing:0}.brand-mark{width:34px;height:34px;border-radius:50%;background:url(/assets/images/logo/hanli-mark.svg) center / contain no-repeat;display:grid;place-items:center;overflow:hidden;color:transparent;font-size:0;font-weight:900}.brand small{display:block;margin-top:2px;color:#ffffffa6;font-size:10px;font-weight:600;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:6px;font-size:14px}.nav-links a{padding:25px 14px;border-bottom:2px solid transparent;color:#ffffffd1}.nav-links a:hover,.nav-links a.active{color:var(--color-inverse);border-color:var(--color-brand)}.nav-phone{display:flex;align-items:center;gap:12px;color:#ffffffdb;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 20px;border:1px solid transparent;border-radius:6px;background:var(--color-brand);color:var(--color-inverse);font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0b78f03d}.btn.ghost{border-color:#ffffff61;background:#ffffff24;color:var(--color-inverse)}.btn.light{border-color:#bfd7f7;background:var(--color-surface);color:var(--color-brand)}.hero{min-height:560px;margin-top:calc(var(--layout-header-height) * -1);padding-top:var(--layout-header-height);position:relative;color:var(--color-inverse);background:var(--color-navy) url(/assets/images/hero/industrial-gas-cylinders-hero.png) center / cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#011b36e0,#002d5b6b 45%,#02274d14)}.hero-content{position:relative;width:min(var(--layout-container),calc(100% - var(--layout-gutter)));margin:0 auto;padding:120px 0 170px;animation:rise .7s ease both}.hero h1{margin:0 0 22px;max-width:560px;font-size:48px;line-height:1.22;letter-spacing:0}.hero p{margin:0 0 34px;max-width:520px;color:#ffffffdb;font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:16px}.assurance{position:relative;z-index:2;margin:-66px auto 38px}.assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);overflow:hidden}.assurance-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:24px 28px;align-items:center}.icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background-color:var(--color-brand-tint);background-position:center;background-repeat:no-repeat;background-size:38px 38px;color:transparent;font-size:0}.icon-quality{background-image:url(/assets/images/icons/quality-shield.png)}.icon-network{background-image:url(/assets/images/icons/network-globe.png)}.icon-clock{background-image:url(/assets/images/icons/service-clock.png)}.icon-truck{background-image:url(/assets/images/icons/delivery-truck.png)}.icon-factory{background-image:url(/assets/images/icons/source-factory.png)}.icon-stable{background-image:url(/assets/images/icons/stable-shield.png)}.icon-inspect{background-image:url(/assets/images/icons/inspection-magnifier.png)}.icon-custom{background-image:url(/assets/images/icons/custom-tools.png)}.icon-safety{background-image:url(/assets/images/icons/safety-standard.png)}.icon-fast{background-image:url(/assets/images/icons/fast-delivery.png)}.assurance-item strong,.product-card strong,.why-item strong,.news-card strong{display:block;margin-bottom:6px;font-size:16px}.assurance-item span,.product-card span,.why-item span,.news-card span{color:var(--color-muted);font-size:13px;line-height:1.6}.product-card strong{margin-bottom:8px;color:var(--color-text);font-size:18px;line-height:1.25}.product-card span{display:block;min-height:22px;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section{padding:var(--space-xl) 0}.section.alt{background:var(--color-soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title{margin:0 0 8px;font-size:var(--font-title);line-height:1.25}.section-desc{margin:0;color:var(--color-muted)}.more-link{color:var(--color-brand);font-weight:700;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product-card{min-height:258px;display:flex;flex-direction:column;padding:14px 14px 18px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover,.why-item:hover,.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised)}.cylinder-img{width:100%;height:142px;margin-bottom:18px;background-size:auto 166px;background-repeat:no-repeat;background-position:center top;border-radius:6px;background-color:var(--color-surface-subtle)}.cylinder-img.p1{background-image:url(/assets/images/products/oxygen-cylinder-blue.png)}.cylinder-img.p2{background-image:url(/assets/images/products/nitrogen-cylinder-black.png)}.cylinder-img.p3{background-image:url(/assets/images/products/argon-cylinder-green.png)}.cylinder-img.p4{background-image:url(/assets/images/products/carbon-dioxide-cylinder-silver.png)}.cylinder-img.p5{background-image:url(/assets/images/products/helium-cylinder-light-gray.png)}.cylinder-img.p6{background-image:url(/assets/images/products/mixed-gas-cylinder-dark-blue.png)}.mini-btn{display:inline-flex;align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:4px;background:var(--color-brand-tint);color:var(--color-brand);font-size:12px;font-style:normal;font-weight:700}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.why-item{padding:26px 22px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);transition:transform .2s ease,box-shadow .2s ease}.why-item .icon{margin-bottom:18px}.app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.app-card{min-height:174px;position:relative;overflow:hidden;border-radius:var(--radius-md);color:var(--color-inverse);background-size:cover;background-position:center;background-repeat:no-repeat}.app-card.app-electronics{background-image:url(/assets/images/applications/electronics-semiconductor.png)}.app-card.app-metal{background-image:url(/assets/images/applications/metal-processing.png)}.app-card.app-medical{background-image:url(/assets/images/applications/medical-healthcare.png)}.app-card.app-food{background-image:url(/assets/images/applications/food-beverage.png)}.app-card.app-research{background-image:url(/assets/images/applications/science-research.png)}.app-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#021931d1,#0219311f)}.app-card strong{position:absolute;z-index:1;left:18px;bottom:18px;font-size:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;padding:28px 10px;border-radius:var(--radius-md);background:linear-gradient(90deg,#0a67dd,#0b83ff);color:var(--color-inverse);box-shadow:0 16px 34px #0b78f038}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:32px;margin-bottom:8px}.about-row{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}.about-row img{border-radius:var(--radius-md);box-shadow:var(--shadow-raised);aspect-ratio:16 / 9;object-fit:contain;background:var(--color-surface)}.about-row p{color:var(--color-muted);line-height:1.9}.feature-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;color:var(--color-brand);font-weight:700;font-size:14px}.feature-line span{display:inline-flex;align-items:center;gap:8px}.feature-line span:before{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;background-color:var(--color-brand-tint);background-position:center;background-repeat:no-repeat;background-size:28px 28px;font-size:13px}.feature-line span:nth-child(1):before{content:"";background-image:url(/assets/images/icons/certificate.png)}.feature-line span:nth-child(2):before{content:"";background-image:url(/assets/images/icons/production-base.png)}.feature-line span:nth-child(3):before{content:"";background-image:url(/assets/images/icons/quality-control.png)}.feature-line span:nth-child(4):before{content:"";background-image:url(/assets/images/icons/contact-phone.png)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px}.news-card{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:12px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line);transition:transform .2s ease,box-shadow .2s ease}.news-img{min-height:76px;border-radius:6px;background-size:cover;background-position:center;background-repeat:no-repeat}.news-img.n1{background-image:url(/assets/images/news/gas-production-process.png)}.news-img.n2{background-image:url(/assets/images/news/gas-cylinder-transport.png)}.news-img.n3{background-image:url(/assets/images/news/safety-training.png)}.news-img.n4{background-image:url(/assets/images/news/quality-inspection.png)}.news-date{color:#94a3b8;font-size:12px}.news-detail{max-width:980px}.article-shell{min-width:0;padding:34px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;color:var(--color-muted);font-size:var(--font-sm)}.article-meta a{color:var(--color-brand);font-weight:700}.article-back{margin-left:auto}.article-back:before{content:"<";margin-right:6px}.article-shell h2{margin:0;font-size:32px;line-height:1.28}.article-summary{margin:14px 0 24px;color:var(--color-muted);font-size:16px;line-height:1.8}.article-cover{min-height:320px;margin:26px 0 30px;border-radius:var(--radius-md);background-color:var(--color-surface-subtle);background-position:center;background-repeat:no-repeat;background-size:cover}.article-content{color:var(--color-text);font-size:16px;line-height:2}.article-content>*:first-child{margin-top:0}.article-content>*:last-child{margin-bottom:0}.article-content h2,.article-content h3{margin:30px 0 12px;line-height:1.35}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 18px}.article-content ul,.article-content ol{padding-left:24px}.article-content blockquote{padding:14px 18px;border-left:4px solid var(--color-brand);background:var(--color-brand-tint);color:var(--color-muted)}.article-content a{color:var(--color-brand);font-weight:700}.page-hero{position:relative;margin-top:calc(var(--layout-header-height) * -1);padding:152px 0 82px;color:var(--color-inverse);background:var(--color-navy) url(/assets/images/hero/industrial-gas-cylinders-hero.png) center / cover no-repeat}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#021e3bbd}.page-hero .container{position:relative}.page-hero h1{margin:0 0 12px;font-size:38px}.page-hero p{max-width:620px;margin:0;color:#ffffffd1;line-height:1.8}.two-col{display:grid;grid-template-columns:260px 1fr;gap:34px}.side-menu{position:sticky;top:94px;align-self:start;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.side-menu a{display:block;padding:16px 20px;border-bottom:1px solid var(--color-line);color:var(--color-muted);font-weight:700}.side-menu a.active,.side-menu a:hover{color:var(--color-brand);background:#f3f8ff}.catalog-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.detail-visual{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:34px}.detail-visual .cylinder-img{height:360px;background-size:auto 360px}.spec-table{width:100%;border-collapse:collapse;margin:26px 0;border:1px solid var(--color-line)}.spec-table th,.spec-table td{padding:14px 18px;border-bottom:1px solid var(--color-line);text-align:left}.spec-table th{width:140px;color:var(--color-muted);background:#f7fbff}.solution-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.solution-item{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.solution-item .app-card{border-radius:0;min-height:220px}.solution-copy{padding:22px}.solution-copy p{color:var(--color-muted);line-height:1.8}.timeline{border-left:2px solid #cfe2fb;padding-left:28px}.timeline-item{position:relative;margin-bottom:26px}.timeline-item:before{content:"";position:absolute;left:-36px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 5px #e8f3ff}.site-footer{margin-top:44px;padding:46px 0 26px;background:var(--color-footer);color:var(--color-inverse)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr) 130px;gap:42px;align-items:start}.footer-grid .brand{display:grid;grid-template-columns:42px 1fr;min-width:0;margin-bottom:18px}.footer-grid h4{margin:0 0 16px}.footer-grid a,.footer-grid p{display:block;margin:0 0 10px;color:#ffffffb8;font-size:14px}.qr{width:98px;height:98px;display:grid;place-items:center;background:var(--color-surface);color:var(--color-navy);font-size:12px;border-radius:4px}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#ffffff94;font-size:13px;text-align:center}.copyright a{color:inherit}.mobile-toggle{display:none}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.mobile-toggle{display:inline-flex;border:0;background:transparent;color:var(--color-inverse);font-size:24px}.nav-links,.nav-phone{display:none}.nav-links.open{display:grid;position:absolute;left:0;right:0;top:var(--layout-header-height);background:var(--color-footer);padding:10px 20px 18px}.nav-links.open a{padding:14px 0}.hero{min-height:auto}.hero-content{padding:88px 0 130px}.hero h1{font-size:34px}.assurance-grid,.why-grid,.product-grid,.app-grid,.stats,.footer-grid,.feature-line,.about-row,.two-col,.detail-layout,.solution-list{grid-template-columns:1fr 1fr}.side-menu{position:static}}@media (max-width: 640px){.container{width:min(100% - 28px,1200px)}.hero-content{padding:66px 0 108px}.hero h1,.page-hero h1{font-size:30px}.hero-actions,.section-head{align-items:flex-start;flex-direction:column}.assurance-grid,.why-grid,.product-grid,.app-grid,.stats,.footer-grid,.feature-line,.about-row,.news-grid,.two-col,.catalog-grid,.detail-layout,.solution-list{grid-template-columns:1fr}.assurance{margin-top:-42px}.news-card{grid-template-columns:100px 1fr}.article-shell{padding:22px}.article-shell h2{font-size:26px}.article-cover{min-height:210px}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:18px 0}}