:root{--primary: #0a3d62;--primary-dark: #062a44;--accent: #e67e22;--text: #2c3e50;--text-light: #5a6c7d;--bg: #ffffff;--bg-soft: #f4f7fa;--border: #e1e8ee;--shadow: 0 4px 20px rgba(10, 61, 98, .08);--radius: 8px;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;background:#fffffffa;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000000a}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}.logo-text strong{display:block;font-size:17px;color:var(--primary)}.logo-text span{font-size:12px;color:var(--text-light)}.nav{display:flex;gap:8px}.nav a{padding:8px 16px;border-radius:6px;font-size:15px;font-weight:500;color:var(--text);transition:all .2s}.nav a:hover,.nav a.active{color:var(--primary);background:var(--bg-soft)}.hero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.hero-content{position:relative;z-index:2;padding:60px 24px;max-width:820px}.hero h1{font-size:42px;font-weight:700;margin-bottom:16px;line-height:1.3}.hero p{font-size:18px;opacity:.92;margin-bottom:28px}.hero .btn{display:inline-block;padding:14px 36px;background:var(--accent);color:#fff;border-radius:50px;font-weight:600;transition:transform .2s}.hero .btn:hover{transform:translateY(-2px)}.section{padding:70px 0}.section.soft{background:var(--bg-soft)}.section-head{text-align:center;margin-bottom:48px}.section-head h2{font-size:30px;color:var(--primary);margin-bottom:12px}.section-head .sub{color:var(--text-light);max-width:680px;margin:0 auto}.section-head .line{width:60px;height:3px;background:var(--accent);margin:16px auto 0;border-radius:2px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.intro-text p{margin-bottom:16px;color:var(--text-light)}.intro-text strong{color:var(--text)}.intro-img img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:360px;object-fit:cover}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.brand-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;transition:all .2s}.brand-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--primary)}.brand-card img{width:100%;height:64px;object-fit:contain;margin:0 auto 8px}.brand-card span{font-size:13px;color:var(--text);font-weight:500}.adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.adv-card{background:#fff;border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow);transition:transform .2s}.adv-card:hover{transform:translateY(-4px)}.adv-num{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:16px}.adv-card h3{font-size:17px;color:var(--primary);margin-bottom:8px}.adv-card p{font-size:14px;color:var(--text-light)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.contact-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all .2s}.contact-card:hover{box-shadow:var(--shadow);border-color:var(--primary)}.contact-card h4{font-size:18px;color:var(--primary);margin-bottom:14px}.contact-card li{font-size:14px;color:var(--text-light);margin-bottom:8px}.contact-card li strong{color:var(--text);display:inline-block;width:50px}.footer{background:var(--primary-dark);color:#c8d6e0;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:32px}.footer h4{color:#fff;font-size:16px;margin-bottom:16px}.footer p,.footer li{font-size:14px;margin-bottom:8px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:13px;opacity:.7}.breadcrumb{background:var(--bg-soft);padding:18px 0;border-bottom:1px solid var(--border)}.breadcrumb ol{display:flex;gap:8px;font-size:14px;color:var(--text-light)}.breadcrumb li:after{content:"/";margin-left:8px;color:var(--border)}.breadcrumb li:last-child:after{content:""}.breadcrumb a:hover{color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s;cursor:pointer}.product-card:hover{box-shadow:0 10px 30px #0a3d6226;transform:translateY(-5px)}.product-card .img-wrap{height:200px;overflow:hidden;background:var(--bg-soft)}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover img{transform:scale(1.06)}.product-card .body{padding:20px}.product-card h3{font-size:18px;color:var(--primary);margin-bottom:8px}.product-card .summary{font-size:14px;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.product-card .inquire-btn{display:inline-block;padding:8px 20px;background:var(--accent);color:#fff;border-radius:50px;font-size:13px;font-weight:600;border:none;cursor:pointer}.product-card .inquire-btn:hover{background:#d35400}.article-wrap{max-width:860px;margin:0 auto;padding:50px 24px}.article-wrap h1{font-size:30px;color:var(--primary);margin-bottom:20px}.article-content p,.article-content li{margin-bottom:14px;color:var(--text)}.article-content h3{color:var(--primary);margin:24px 0 12px;font-size:20px}.article-content ul{padding-left:24px;list-style:disc}.article-content strong{color:var(--primary-dark)}.product-content p,.product-content li{margin-bottom:14px}.product-content h3{color:var(--primary);margin:24px 0 12px}.product-content ul{padding-left:24px;list-style:disc}.product-content strong{color:var(--primary-dark)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:12px;padding:36px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.modal h3{font-size:22px;color:var(--primary);margin-bottom:20px}.modal .form-group{margin-bottom:16px}.modal label{display:block;font-size:14px;color:var(--text);margin-bottom:6px}.modal input,.modal textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit}.modal textarea{resize:vertical;min-height:80px}.modal .actions{display:flex;gap:12px;margin-top:24px}.modal .btn-primary{flex:1;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.modal .btn-primary:hover{background:var(--primary-dark)}.modal .btn-cancel{flex:1;padding:12px;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:15px;cursor:pointer}.loading,.empty{text-align:center;padding:60px;color:var(--text-light)}.stock-toolbar{margin-bottom:24px;display:flex;justify-content:center}.stock-search{width:100%;max-width:520px;padding:12px 18px;border:1px solid var(--border);border-radius:50px;font-size:15px;outline:none}.stock-search:focus{border-color:var(--accent)}.stock-table-wrap{overflow-x:auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.stock-table{width:100%;border-collapse:collapse;min-width:1080px}.stock-table th,.stock-table td{padding:12px 14px;font-size:13px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.stock-table th{background:var(--bg-soft);color:var(--primary);font-weight:600}.stock-table tr:hover td{background:#fafcff}.stock-status{padding:3px 10px;border-radius:20px;font-size:12px}.stock-status.ok{background:#e6f7ed;color:#178744}.stock-status.warn{background:#fff4e5;color:#c07a00}.stock-inquire{color:var(--accent);font-weight:600}.news-list{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.news-item{display:flex;gap:24px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s;color:inherit}.news-item:hover{transform:translateY(-3px)}.news-thumb{flex:0 0 260px;height:170px;background:var(--bg-soft)}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-body{flex:1;padding:20px 24px 20px 0}.news-body h3{font-size:18px;color:var(--primary);margin-bottom:8px}.news-date{font-size:13px;color:#9aa7b1;margin-bottom:10px}.news-body p{font-size:14px;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.app-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s;color:inherit;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-4px)}.app-img{height:200px;overflow:hidden;background:var(--bg-soft)}.app-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.app-card:hover .app-img img{transform:scale(1.05)}.app-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.app-body h3{font-size:19px;color:var(--primary);margin-bottom:6px}.app-body p{font-size:14px;color:var(--text-light);margin:10px 0 14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.app-more{margin-top:auto;font-size:14px;color:var(--accent);font-weight:600}.app-detail{max-width:860px;margin:0 auto}.app-detail-img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px}.app-detail h1{font-size:30px;color:var(--primary);margin-bottom:8px}.app-detail-text{font-size:15px;color:var(--text);line-height:2;margin:20px 0 32px}.btn-back{display:inline-block;padding:10px 26px;border:1px solid var(--border);border-radius:50px;color:var(--text-light);transition:all .2s}.btn-back:hover{border-color:var(--primary);color:var(--primary)}.stock-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}.stock-pagination button{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text)}.stock-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.stock-pagination button.current{background:var(--primary);border-color:var(--primary);color:#fff}.stock-pagination button:disabled{opacity:.4;cursor:not-allowed}.stock-pageinfo{font-size:13px;color:var(--text-light);margin-left:12px}.stock-toolbar{gap:12px;display:flex;flex-wrap:wrap;justify-content:center}.nav-toggle{display:none}@media (max-width: 768px){.header-inner{height:56px;flex-wrap:wrap}.nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:3px;background:var(--primary);border-radius:2px;transition:.3s}.nav-toggle.nav-open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.nav-open span:nth-child(2){opacity:0}.nav-toggle.nav-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav{display:none;flex-direction:column;width:100%;gap:0;position:absolute;top:56px;left:0;background:#fff;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:0;overflow:hidden;transition:max-height .3s}.nav.nav-open{display:flex;max-height:400px}.nav a:hover,.nav a.active{background:var(--bg-soft)}.hero{min-height:380px}.hero h1{font-size:26px}.hero p{font-size:15px}.section{padding:44px 0}.section-head h2{font-size:22px}.intro-grid,.footer-grid{grid-template-columns:1fr;gap:24px}}