:root { --hc-ink:#142235; --hc-muted:#6f7d8f; --hc-line:#dfe5eb; --hc-blue:#2257d6; --hc-navy:#0d2038; --hc-bg:#f4f6f8; }
body.vnb2b-company { margin:0; background:var(--hc-bg); color:var(--hc-ink); font:14px/1.65 Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
body.vnb2b-company * { box-sizing:border-box; }
body.vnb2b-company a { color:inherit; text-decoration:none; }
body.vnb2b-company img { max-width:100%; }
.hc-container { width:min(1220px,calc(100% - 36px)); margin:0 auto; }
.hc-platform { border-bottom:1px solid var(--hc-line); background:#fff; }
.hc-platform-inner { display:flex; min-height:58px; align-items:center; justify-content:space-between; gap:20px; }
.hc-platform-brand { display:flex; align-items:center; gap:9px; font-weight:900; letter-spacing:.08em; }
.hc-platform-mark { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:var(--hc-blue); color:#fff; }
.hc-platform-actions { display:flex; align-items:center; gap:8px; color:#647488; font-size:11px; }
.hc-platform-actions a { padding:7px 9px; border-radius:7px; }
.hc-platform-actions .is-pro { background:var(--hc-navy); color:#fff; }
.hc-company-head { padding:28px 0 22px; background:#fff; }
.hc-company-row { display:grid; grid-template-columns:84px minmax(0,1fr) auto; align-items:center; gap:20px; }
.hc-company-logo { position:relative; display:grid; width:84px; height:84px; place-items:center; overflow:hidden; border:1px solid var(--hc-line); border-radius:17px; background:#f5f7f9; color:var(--hc-blue); font-size:25px; font-weight:900; }
.hc-company-logo:before { position:absolute; content:"V"; }
.hc-company-logo img { position:relative; z-index:1; width:100%; height:100%; padding:8px; background:#fff; object-fit:contain; }
.hc-company-copy small { color:var(--hc-blue); font-size:9px; font-weight:850; letter-spacing:.15em; }
.hc-company-copy h1 { margin:5px 0 4px; font-size:28px; line-height:1.3; letter-spacing:-.025em; }
.hc-company-copy p { margin:0; color:var(--hc-muted); font-size:12px; }
.hc-company-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.hc-badge { padding:7px 10px; border:1px solid var(--hc-line); border-radius:8px; background:#fff; color:#637286; font-size:10px; font-weight:700; }
.hc-badge.is-verified { border-color:#b9e4d5; background:#ebf8f3; color:#08785a; }
.hc-nav { position:sticky; top:0; z-index:30; border-top:1px solid #edf0f3; border-bottom:1px solid var(--hc-line); background:rgba(255,255,255,.95); backdrop-filter:blur(15px); }
.hc-nav-inner { display:flex; align-items:center; gap:5px; overflow-x:auto; scrollbar-width:none; }
.hc-nav a { flex:0 0 auto; padding:14px 13px 12px; border-bottom:2px solid transparent; color:#59697b; font-size:12px; font-weight:750; }
.hc-nav a:hover,.hc-nav a.is-active { border-color:var(--hc-blue); color:var(--hc-blue); }
.hc-nav-search { display:flex; min-width:235px; margin-left:auto; }
.hc-nav-search input { min-width:0; width:180px; height:34px; padding:0 10px; border:1px solid var(--hc-line); border-radius:7px 0 0 7px; outline:0; }
.hc-nav-search button { height:34px; border:0; border-radius:0 7px 7px 0; background:var(--hc-blue); color:#fff; }
.hc-content { min-height:480px; padding:26px 0 48px; }
.hc-breadcrumb { margin-bottom:16px; color:#8995a3; font-size:10px; }
.hc-breadcrumb a { color:#607187; }
.hc-banner { position:relative; overflow:hidden; margin-bottom:20px; border-radius:18px; background:linear-gradient(135deg,#10263d,#176762); }
.hc-banner img { display:block; width:100%; max-height:350px; object-fit:cover; }
.hc-banner-fallback { display:flex; min-height:280px; flex-direction:column; justify-content:center; padding:45px 50px; color:#fff; }
.hc-banner-fallback small { color:#75ded2; font-size:10px; font-weight:800; letter-spacing:.16em; }
.hc-banner-fallback h2 { max-width:720px; margin:10px 0; color:#fff; font-size:36px; }
.hc-banner-fallback p { max-width:650px; margin:0; color:#c5d4df; }
.hc-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.hc-panel { overflow:hidden; border:1px solid var(--hc-line); border-radius:15px; background:#fff; box-shadow:0 10px 30px rgba(24,43,63,.05); }
.hc-panel-head { display:flex; align-items:end; justify-content:space-between; gap:16px; padding:21px 23px 16px; border-bottom:1px solid var(--hc-line); }
.hc-panel-head small { color:var(--hc-blue); font-size:9px; font-weight:800; letter-spacing:.13em; }
.hc-panel-head h2 { margin:3px 0 0; font-size:20px; }
.hc-panel-head a { color:var(--hc-blue); font-size:11px; font-weight:700; }
.hc-panel-body { padding:23px; }
.hc-intro { color:#3d4d5e; line-height:1.9; }
.hc-intro-media { float:right; width:210px; max-height:160px; margin:0 0 15px 20px; border-radius:12px; object-fit:cover; }
.hc-facts { display:grid; gap:0; margin:0; }
.hc-facts div { display:grid; grid-template-columns:82px 1fr; gap:10px; padding:11px 0; border-top:1px solid #edf0f3; }
.hc-facts div:first-child { border-top:0; }
.hc-facts dt { color:#8b97a4; font-size:10px; }
.hc-facts dd { margin:0; font-size:12px; font-weight:650; }
.hc-section { padding-top:22px; }
.hc-section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }
.hc-section-head h2 { margin:0; font-size:22px; }
.hc-section-head p { margin:3px 0 0; color:var(--hc-muted); font-size:11px; }
.hc-section-head a { color:var(--hc-blue); font-size:11px; font-weight:750; }
.hc-products { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.hc-product { overflow:hidden; border:1px solid var(--hc-line); border-radius:13px; background:#fff; }
.hc-product-media { position:relative; display:grid; aspect-ratio:1/1; place-items:center; overflow:hidden; background:#f3f6f8; color:var(--hc-blue); font-size:24px; font-weight:900; }
.hc-product-media:before { position:absolute; content:"V"; }
.hc-product-media img { position:relative; z-index:1; width:100%; height:100%; background:#fff; object-fit:cover; }
.hc-product-body { padding:14px; }
.hc-product h3 { display:-webkit-box; min-height:42px; margin:0 0 8px; overflow:hidden; font-size:13px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hc-price { color:#e45d25; font-size:16px; font-weight:850; }
.hc-price small { color:#8995a3; font-size:10px; font-weight:400; }
.hc-empty { padding:42px; border:1px dashed #ccd5de; border-radius:12px; color:#8895a3; text-align:center; }
.hc-page-head { padding:14px 0 22px; }
.hc-page-head small { color:var(--hc-blue); font-size:9px; font-weight:800; letter-spacing:.14em; }
.hc-page-head h2 { margin:5px 0; font-size:30px; }
.hc-page-head p { margin:0; color:var(--hc-muted); }
.hc-document { padding:32px 38px; border:1px solid var(--hc-line); border-radius:16px; background:#fff; }
.hc-document h1 { font-size:30px; }
.hc-document-content { color:#334456; font-size:15px; line-height:2; }
.hc-document-content img { height:auto!important; border-radius:10px; }
.hc-profile-table { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:26px; }
.hc-profile-table div { padding:15px; border:1px solid var(--hc-line); border-radius:10px; background:#f8fafb; }
.hc-profile-table small { display:block; color:#8b97a4; font-size:9px; }
.hc-profile-table b { display:block; margin-top:4px; }
.hc-contact-wall { padding:26px; border-radius:14px; background:var(--hc-navy); color:#fff; }
.hc-contact-wall h3 { margin:5px 0; color:#fff; font-size:21px; }
.hc-contact-wall p { margin:0 0 15px; color:#b9c7d3; }
.hc-contact-wall a { display:inline-flex; padding:9px 12px; border-radius:7px; background:#fff; color:var(--hc-navy); font-weight:800; }
.hc-contact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.hc-contact-item { padding:16px; border:1px solid var(--hc-line); border-radius:10px; background:#f8fafb; }
.hc-contact-item small { display:block; color:#8b97a4; font-size:9px; }
.hc-contact-item b { display:block; margin-top:4px; word-break:break-word; }
.hc-product-detail { display:grid; grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr); gap:25px; }
.hc-product-gallery { overflow:hidden; border:1px solid var(--hc-line); border-radius:14px; background:#fff; }
.hc-product-gallery>img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; }
.hc-thumbs { display:flex; gap:7px; padding:11px; overflow-x:auto; border-top:1px solid var(--hc-line); }
.hc-thumbs img { width:58px; height:45px; border-radius:6px; object-fit:cover; }
.hc-product-summary { padding:28px; border:1px solid var(--hc-line); border-radius:14px; background:#fff; }
.hc-product-summary h1 { margin:0 0 14px; font-size:27px; line-height:1.35; }
.hc-product-summary .hc-price { margin-bottom:16px; font-size:27px; }
.hc-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.hc-button { padding:10px 15px; border:0; border-radius:8px; background:var(--hc-blue); color:#fff!important; font-weight:750; cursor:pointer; }
.hc-button.is-dark { background:var(--hc-navy); }
.hc-news-list { display:grid; gap:10px; }
.hc-news-item { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 18px; border:1px solid var(--hc-line); border-radius:10px; background:#fff; }
.hc-news-item time { flex:0 0 auto; color:#8b97a4; font-size:10px; }
.hc-footer { padding:32px 0; border-top:1px solid var(--hc-line); background:#fff; color:#7b8897; font-size:11px; }
.hc-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.hc-footer-links { display:flex; flex-wrap:wrap; gap:14px; }
.hc-media-broken { display:none!important; }
/* Temporary presentation for secondary homepage channels until their dedicated DOM pass. */
.main_head { margin-top:16px; padding:16px 20px; border:1px solid var(--hc-line); border-bottom:0; border-radius:13px 13px 0 0; background:#fff; }
.main_head strong { font-size:17px; }.main_body { overflow:hidden; padding:22px; border:1px solid var(--hc-line); border-radius:0 0 13px 13px; background:#fff; }
.main_body table { width:100%; border-collapse:collapse; }.main_body th,.main_body td { padding:10px; border-bottom:1px solid #edf0f3; }.main_body .content { line-height:1.9; }
.pages { display:flex; justify-content:center; gap:5px; padding:20px; }.pages a,.pages strong { padding:6px 9px; border:1px solid var(--hc-line); border-radius:6px; }
@media(max-width:900px){.hc-company-row{grid-template-columns:70px 1fr}.hc-company-logo{width:70px;height:70px}.hc-company-badges{grid-column:1/-1;justify-content:flex-start}.hc-nav-search{display:none}.hc-grid,.hc-product-detail{grid-template-columns:1fr}.hc-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hc-container{width:min(100% - 24px,1220px)}.hc-platform-actions a:not(.is-pro){display:none}.hc-company-copy h1{font-size:21px}.hc-products,.hc-profile-table,.hc-contact-grid{grid-template-columns:1fr}.hc-document{padding:24px 20px}.hc-banner-fallback{min-height:230px;padding:30px 24px}.hc-banner-fallback h2{font-size:28px}.hc-footer-inner{align-items:flex-start;flex-direction:column}.hc-product-detail{grid-template-columns:1fr}.hc-intro-media{float:none;width:100%;max-height:230px;margin:0 0 18px}}