:root{--brand: #0b5cab;--brand-dark: #08427c;--accent: #f5811f;--ink: #1a2230;--muted: #667085;--line: #e4e8ef;--bg: #ffffff;--bg-soft: #f6f8fb;--ok: #16a34a;--radius: 10px;--maxw: 1200px;--font: "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(6px);z-index:50}.site-header .bar{display:flex;align-items:center;gap:24px;height:66px}.logo{font-weight:800;font-size:22px;color:var(--brand);letter-spacing:-.5px}.logo span{color:var(--accent)}.nav{display:flex;gap:18px;flex:1;flex-wrap:wrap}.nav a{color:var(--ink);font-size:14px;font-weight:500}.header-actions{display:flex;align-items:center;gap:14px}.cart-link{position:relative;font-weight:600}.cart-badge{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;margin-left:4px;font-weight:700}.hero{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;padding:64px 0}.hero h1{font-size:40px;margin:0 0 12px;line-height:1.15}.hero p{font-size:18px;opacity:.92;max-width:640px}.hero .cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:11px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:.15s;text-align:center}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#e0730f;text-decoration:none}.btn-outline{background:transparent;color:#fff;border-color:#fff9}.btn-outline:hover{background:#ffffff1f;text-decoration:none}.btn-ghost{background:var(--bg-soft);color:var(--brand);border-color:var(--line)}.btn-ghost:hover{background:#eef2f7;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.section{padding:48px 0}.section h2{font-size:28px;margin:0 0 6px}.section .sub{color:var(--muted);margin:0 0 28px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cat-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--bg-soft);transition:.15s}.cat-card:hover{border-color:var(--brand);box-shadow:0 6px 20px #0b5cab14;text-decoration:none}.cat-card h3{margin:0 0 4px;font-size:17px;color:var(--ink)}.cat-card p{margin:0;color:var(--muted);font-size:13px}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.prod-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:.15s}.prod-card:hover{box-shadow:0 8px 24px #1018281a;transform:translateY(-2px)}.prod-thumb{aspect-ratio:4/3;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}img.prod-thumb{padding:0;object-fit:cover;width:100%;border-bottom:1px solid var(--line)}.prod-body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.prod-cat{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--brand);font-weight:700}.prod-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}.prod-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.price{font-weight:800;color:var(--ink);font-size:16px}.price.quote{color:var(--accent);font-size:14px}.badge-mode{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700}.badge-buy{background:#e7f6ec;color:var(--ok)}.badge-inquiry{background:#fdecdd;color:var(--accent)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.chip{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;cursor:pointer;background:#fff;color:var(--ink)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.chip:hover{border-color:var(--brand);text-decoration:none}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0}@media (max-width: 800px){.detail{grid-template-columns:1fr}.hero h1{font-size:30px}}.detail-media{aspect-ratio:4/3;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}.detail-media img.detail-img{width:100%;height:100%;object-fit:contain}.detail-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;padding:0 10px 10px}.detail-thumb{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.spec-table{width:100%;border-collapse:collapse;margin-top:16px}.spec-table th,.spec-table td{text-align:left;padding:9px 12px;border:1px solid var(--line);font-size:14px}.spec-table th{background:var(--bg-soft);width:40%}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.cart-table img{width:56px}.qty-input{width:64px;padding:6px;border:1px solid var(--line);border-radius:6px}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:40px 0;margin-top:48px;color:var(--muted);font-size:14px}.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}@media (max-width:700px){.foot-cols{grid-template-columns:1fr}}.foot-cols h4{color:var(--ink);margin:0 0 10px;font-size:15px}.foot-cols a{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.trust-item{font-size:13px;color:#ffffffe6;display:flex;align-items:center;gap:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:640px}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.form-grid label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px}.form-grid input,.form-grid textarea,.form-grid select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit}.full{grid-column:1 / -1}.notice{padding:12px 16px;border-radius:8px;background:#e7f6ec;color:#14803a;font-size:14px;margin:12px 0}.notice.err{background:#fde8e8;color:#b42318}