*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}img{max-width:100%;display:block}:root{--color-primary:#0b5cad;--color-primary-dark:#083b73;--color-secondary:#0f2f57;--color-accent:#1e9bd7;--color-notice:#f59e0b;--color-bg:#f6f9fc;--color-soft:#eaf7fc;--color-surface:#fff;--color-border:#d8e4ef;--color-muted:#5b6b7a;--color-text:#1f2937;--color-heading:#083b73;--shadow-card:0 12px 28px #083b7314;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--container:1180px;--header-height:76px}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.6}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(100% - 32px, var(--container));margin:0 auto}.section{padding:76px 0}.section-soft{background:var(--color-soft)}.page-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(#fff 0%,#eef8fd 100%);padding:78px 0 56px}.page-hero h1{color:var(--color-heading);letter-spacing:-.03em;font-size:clamp(34px,5vw,52px);line-height:1.18}.page-hero p{max-width:720px;color:var(--color-muted);margin-top:18px;font-size:18px}.eyebrow,.section-title .eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.btn{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--color-primary-dark);box-shadow:0 10px 22px #083b732e}.btn-secondary{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);background:#fff}.btn-secondary:hover{color:var(--color-primary-dark);background:#eff8fd}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.grid{gap:22px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--color-muted)}.loading,.error,.empty-state{color:var(--color-muted);text-align:center;padding:48px 0}.error{color:#b42318}.rich-content{color:var(--color-text);font-size:17px}.rich-content p+p{margin-top:16px}@media (width<=760px){.section{padding:58px 0}.grid-2,.grid-3{grid-template-columns:1fr}}.site-header{z-index:20;height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;border-bottom:1px solid #ffffff3d;position:sticky;top:0;box-shadow:0 8px 30px #083b7314}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.logo-link{color:var(--color-heading);letter-spacing:-.02em;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.logo-image{object-fit:contain;width:52px;height:52px}.nav-list{color:var(--color-secondary);align-items:center;gap:28px;font-weight:700;display:flex}.nav-list a{padding:8px 0;position:relative}.nav-list a:after{background:var(--color-primary);content:"";width:0;height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-list a:hover:after,.nav-list a.active:after{width:100%}.mobile-toggle{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-heading);background:#edf7fd;font-size:22px;display:none}.site-footer{background:var(--color-secondary);color:#d8e6f2}.footer-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:36px;padding:52px 0;display:grid}.footer-grid h3,.footer-grid h4{color:#fff}.footer-grid h4{margin-bottom:16px}.footer-note{color:#b9cadd;margin-top:14px}.footer-links,.footer-contact{gap:10px;display:grid}.footer-bottom{color:#b9cadd;border-top:1px solid #ffffff1f;padding:18px 0;font-size:14px}.banner-carousel{min-height:720px;margin-top:calc(var(--header-height) * -1);padding-top:var(--header-height);border-bottom:1px solid var(--color-border);background:#eaf7fc;position:relative;overflow:hidden}.banner-track{height:100%;transition:transform .55s;display:flex}.banner-slide{background:linear-gradient(135deg,#0b5cad 0%,#1e9bd7 55%,#dff4fb 100%);align-items:center;min-width:100%;min-height:720px;display:flex;position:relative}.banner-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner-overlay{background:linear-gradient(90deg,#083b73d1 0%,#0b5cad85 42%,#1e9bd714 100%);position:absolute;inset:0}.banner-slide:before,.banner-slide:after{content:"";border-radius:999px;position:absolute}.banner-slide:before{border:42px solid #ffffff38;width:420px;height:420px;bottom:-90px;right:8%}.banner-slide:after{background:#ffffff29;width:150px;height:150px;top:60px;right:24%}.banner-content{z-index:1;color:#fff;position:relative}.banner-content span{background:#ffffff1f;border:1px solid #ffffff80;border-radius:999px;margin-bottom:18px;padding:7px 14px;font-weight:800;display:inline-flex}.banner-content h1{letter-spacing:-.05em;max-width:820px;font-size:clamp(42px,6vw,76px);line-height:1.1}.banner-content p{color:#ffffffe0;max-width:680px;margin-top:18px;font-size:21px}.banner-dots{gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.banner-dots button{background:#ffffff8c;border-radius:999px;width:32px;height:4px}.banner-dots button.active{background:#fff}.hero-section{border-bottom:1px solid var(--color-border);background:linear-gradient(#fff 0%,#eef8fd 100%);padding:88px 0;position:relative;overflow:hidden}.hero-section:before{content:"";background:#1e9bd71a;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-140px;right:-120px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid;position:relative}.hero-eyebrow{border:1px solid var(--color-border);color:var(--color-primary);background:#fff;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.hero-content h1{color:var(--color-heading);letter-spacing:-.05em;font-size:clamp(42px,6vw,68px);line-height:1.1}.hero-content p{max-width:660px;color:var(--color-muted);margin-top:22px;font-size:20px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-panel{border-radius:var(--radius-lg);min-height:390px;color:var(--color-heading);box-shadow:var(--shadow-card);background-color:#0000;background-image:linear-gradient(#ffffffdb,#eaf7fcf5),url(/images/hero-pattern.svg);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #bfe0f1;align-content:end;padding:28px;display:grid}.hero-panel-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:26px}.hero-panel-card h2{font-size:28px}.hero-panel-card p{color:var(--color-muted);margin-top:10px}.hero-service-list{gap:12px;margin-top:22px;display:grid}.hero-service-list li{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.hero-service-list span{color:var(--color-muted)}.hero-service-list strong{color:var(--color-primary-dark)}.section-title{max-width:780px;margin-bottom:34px}.section-title h2{color:var(--color-heading);margin-top:10px;font-size:clamp(30px,4vw,42px);line-height:1.22}.section-title p{color:var(--color-muted);margin-top:14px;font-size:17px}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-card{border-left:4px solid var(--color-primary);padding:26px;position:relative;overflow:hidden}.quick-action-card h3{color:var(--color-heading);font-size:22px}.quick-action-card p{color:var(--color-muted);margin-top:10px}.product-card,.news-card{transition:border-color .2s,box-shadow .2s;overflow:hidden}.product-card:hover,.news-card:hover,.quick-action-card:hover{border-color:#9fc9e2;box-shadow:0 14px 32px #083b731f}.card-media{min-height:172px;color:var(--color-primary-dark);background:linear-gradient(#eef8fd,#dff1fa);place-items:center;font-size:42px;font-weight:800;display:grid}.card-body{padding:24px}.card-meta{color:var(--color-muted);flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.card-meta span:first-child{color:var(--color-primary);background:#edf7fd;border-radius:999px;padding:2px 10px;font-weight:700}.card-body h3{color:var(--color-heading);font-size:22px;line-height:1.3}.card-body p{color:var(--color-muted);margin-top:10px}.about-highlight,.contact-panel,.detail-panel{padding:32px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stat-card{border-top:4px solid var(--color-accent);text-align:center;padding:24px}.stat-card strong{color:var(--color-primary);font-size:34px;display:block}.timeline{gap:18px;display:grid}.timeline-item{grid-template-columns:100px 1fr;gap:20px;padding:24px;display:grid}.timeline-year{color:var(--color-primary);font-size:24px;font-weight:800}.detail-cover{border-radius:var(--radius-md);min-height:260px;color:var(--color-primary-dark);background:linear-gradient(#eef8fd,#dff1fa);border:1px solid #bfe0f1;place-items:center;margin-bottom:28px;font-size:60px;font-weight:900;display:grid}.feature-list{margin-top:32px}.feature-list h2{color:var(--color-heading);font-size:28px}.feature-list ul{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.feature-list li{border-radius:var(--radius-sm);color:var(--color-primary-dark);background:#edf7fd;padding:8px 14px;font-weight:700}.news-attachments{border-top:1px solid var(--color-border);margin-top:32px;padding-top:28px}.news-attachments h2{color:var(--color-heading);margin-bottom:16px;font-size:24px}.attachment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.attachment-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-heading);background:#f8fbfd;align-content:start;gap:10px;padding:14px;font-weight:700;transition:border-color .2s,box-shadow .2s;display:grid}.attachment-card:hover{border-color:#9fc9e2;box-shadow:0 10px 22px #083b731a}.attachment-card img{object-fit:cover;background:#fff;border-radius:8px;width:100%;max-height:180px}.attachment-icon{width:58px;height:58px;color:var(--color-primary);background:#edf7fd;border-radius:14px;place-items:center;font-weight:900;display:grid}.attachment-name{overflow-wrap:anywhere}.attachment-size{color:var(--color-muted);font-size:14px;font-weight:500}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:28px;display:grid}.contact-info-list{gap:14px;margin-top:24px;display:grid}.contact-info-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f8fbfd;padding:18px}.contact-info-list strong{color:var(--color-heading)}.contact-form{gap:16px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:8px;display:grid}.field label,.field span:first-child{color:var(--color-heading);font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fff;padding:12px 14px}.field textarea{resize:vertical;min-height:148px}.field-error{color:#b42318;font-size:14px}.form-success{border-radius:var(--radius-sm);color:#027a48;background:#e7f8ef;padding:14px 16px}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;min-height:44px;padding:0 16px}.service-strip{border-left:5px solid var(--color-primary);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.service-strip h2{color:var(--color-heading);margin-top:8px;font-size:30px}.service-strip p{color:var(--color-muted);margin-top:8px}.not-found{text-align:center;padding:100px 0}.not-found h1{color:var(--color-heading);font-size:72px}@media (width<=760px){.nav-list{top:var(--header-height);border-bottom:1px solid var(--color-border);background:#fff;flex-direction:column;align-items:flex-start;padding:22px 24px;display:none;position:fixed;left:0;right:0}.nav-list.open{display:flex}.mobile-toggle{place-items:center;display:grid}.banner-carousel,.banner-slide{min-height:560px}.banner-content h1{font-size:42px}.banner-content p{font-size:18px}.hero-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-section{padding:64px 0}.hero-panel{min-height:320px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row,.timeline-item,.service-strip{grid-template-columns:1fr}.service-strip{display:grid}}@media (width<=560px){.banner-carousel,.banner-slide{min-height:460px}.banner-content h1{font-size:34px}.quick-action-grid,.stats-grid{grid-template-columns:1fr}.about-highlight,.contact-panel,.detail-panel,.service-strip{padding:24px}}