/* 生物航 公司商铺新版模板（homepage_c）公共样式；配色由各风格 style.css 里的变量决定 */
.hc {
	--hc-accent:#047857; --hc-accent-d:#065F46; --hc-accent-soft:#ECFDF5;
	--hc-ink:#0F172A; --hc-ink2:#334155; --hc-muted:#64748B; --hc-line:#E2E8F0; --hc-line2:#F1F5F9;
	--hc-page-bg:#F4F6F8; --hc-card:#FFFFFF; --hc-radius:10px;
	--hc-top-bg:#FFFFFF; --hc-top-fg:#64748B;
	--hc-head-bg:#FFFFFF; --hc-head-fg:#0F172A; --hc-head-sub:#64748B;
	--hc-nav-bg:#047857; --hc-nav-fg:rgba(255,255,255,.88); --hc-nav-on-bg:rgba(0,0,0,.18); --hc-nav-on-fg:#FFFFFF;
	--hc-hero-bg:#064E3B; --hc-hero-fg:#FFFFFF; --hc-hero-sub:rgba(255,255,255,.82); --hc-hero-card:rgba(255,255,255,.1); --hc-hero-pattern:none;
	--hc-foot-bg:#0F172A; --hc-foot-fg:#CBD5E1;
	margin:0;background:var(--hc-page-bg);color:var(--hc-ink2);font-size:14px;line-height:1.6;
}
.hc,.hc * {font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI","Helvetica Neue",Arial,sans-serif;word-break:normal;overflow-wrap:break-word;box-sizing:border-box;}
.hc a:link,.hc a:visited,.hc a:active {color:var(--hc-ink2);text-decoration:none;}
.hc a:hover {color:var(--hc-accent);}
.hc img {max-width:100%;}
.hc-w {width:1200px;max-width:calc(100% - 32px);margin:0 auto;}

/* 顶条 */
.hc-top {background:var(--hc-top-bg);color:var(--hc-top-fg);font-size:12px;line-height:34px;border-bottom:1px solid var(--hc-line);}
.hc-top a:link,.hc-top a:visited {color:var(--hc-top-fg);}
.hc-top i {font-style:normal;padding:0 8px;opacity:.5;}

/* 页头 */
.hc-head {background:var(--hc-head-bg);color:var(--hc-head-fg);}
.hc-head .hc-w {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;}
.hc-brand {display:flex;align-items:center;gap:16px;min-width:0;}
.hc .hc-brand:link,.hc .hc-brand:visited {color:var(--hc-head-fg);}
.hc-logo {flex:0 0 64px;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#FFFFFF;border:1px solid var(--hc-line);display:flex;align-items:center;justify-content:center;}
.hc-logo img {width:100%;height:100%;object-fit:contain;}
.hc-name {display:flex;flex-direction:column;min-width:0;}
.hc-name strong {font-size:24px;line-height:1.3;font-weight:700;letter-spacing:.5px;}
.hc-name em {font-style:normal;font-size:13px;color:var(--hc-head-sub);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px;}
.hc-badges {display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.hc-badge {font-size:12px;line-height:24px;padding:0 10px;border-radius:999px;background:var(--hc-accent-soft);color:var(--hc-accent-d);white-space:nowrap;}
.hc-badge-vip {background:#FEF3C7;color:#92400E;}
.hc .hc-btn:link,.hc .hc-btn:visited {display:inline-block;line-height:38px;padding:0 20px;border-radius:8px;background:var(--hc-accent);color:#FFFFFF;font-weight:600;white-space:nowrap;}
.hc .hc-btn:hover {background:var(--hc-accent-d);color:#FFFFFF;}

.hc .hc-btn-line:link,.hc .hc-btn-line:visited {background:#FFFFFF;color:var(--hc-accent);box-shadow:inset 0 0 0 1px var(--hc-accent);}
.hc .hc-btn-line:hover {background:var(--hc-accent-soft);color:var(--hc-accent-d);}
.hc .side_head strong:empty:before,.hc .main_head strong:empty:before {display:none;}

/* 导航 */
.hc-nav {background:var(--hc-nav-bg);}
.hc-nav ul {display:flex;flex-wrap:wrap;margin:0;padding:0;}
.hc-nav li {list-style:none;}
.hc .hc-nav a:link,.hc .hc-nav a:visited {display:block;padding:0 20px;line-height:50px;font-size:15px;color:var(--hc-nav-fg);}
.hc .hc-nav a:hover {color:var(--hc-nav-on-fg);background:var(--hc-nav-on-bg);}
.hc .hc-nav li.on a {color:var(--hc-nav-on-fg);background:var(--hc-nav-on-bg);font-weight:700;}

/* 横幅（公司自己上传的） */
.hc-banner {margin-top:20px;border-radius:var(--hc-radius);overflow:hidden;}
.hc-banner img {display:block;width:100%;height:auto;}

/* 首屏（没有上传横幅时） */
.hc-hero {background:var(--hc-hero-pattern),var(--hc-hero-bg);background-size:auto,cover;color:var(--hc-hero-fg);}
.hc-hero .hc-w {display:flex;align-items:center;justify-content:space-between;gap:40px;padding:52px 0;}
.hc-hero-t {flex:1 1 560px;min-width:0;}
.hc-hero h2 {margin:0 0 12px;font-size:32px;line-height:1.3;font-weight:700;color:var(--hc-hero-fg);}
.hc-hero p {margin:0 0 24px;font-size:16px;line-height:1.8;color:var(--hc-hero-sub);max-width:640px;}
.hc-hero-a {display:flex;flex-wrap:wrap;gap:12px;}
.hc .hc-btn-solid:link,.hc .hc-btn-solid:visited {background:#FFFFFF;color:var(--hc-accent-d);}
.hc .hc-btn-solid:hover {background:var(--hc-accent-soft);color:var(--hc-accent-d);}
.hc .hc-btn-ghost:link,.hc .hc-btn-ghost:visited {background:transparent;color:var(--hc-hero-fg);box-shadow:inset 0 0 0 1px currentColor;}
.hc .hc-btn-ghost:hover {background:var(--hc-hero-card);color:var(--hc-hero-fg);}
.hc-hero-f {flex:0 1 420px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;}
.hc-hero-f li {list-style:none;background:var(--hc-hero-card);border-radius:var(--hc-radius);padding:14px 16px;backdrop-filter:blur(2px);}
.hc-hero-f b {display:block;font-size:16px;line-height:1.4;color:var(--hc-hero-fg);}
.hc-hero-f span {font-size:12px;color:var(--hc-hero-sub);}

/* 位置 */
.hc-pos {padding:16px 0;font-size:13px;color:var(--hc-muted);}
.hc-pos i {font-style:normal;padding:0 6px;opacity:.6;}
.hc-home .hc-pos {padding:12px 0 4px;visibility:hidden;height:8px;}

/* 主体 */
.hc-body {display:flex;align-items:flex-start;gap:24px;padding-bottom:32px;}
.hc-side {flex:0 0 260px;width:260px;min-width:0;}
.hc-main {flex:1 1 auto;min-width:0;}
.hc-side-r .hc-side {order:2;}

/* 卡片：侧栏和主栏的区块 */
.hc .side_head,.hc .main_head {background:var(--hc-card);border:1px solid var(--hc-line);border-bottom:none;border-radius:var(--hc-radius) var(--hc-radius) 0 0;}
.hc .side_head div,.hc .main_head div {padding:0 18px;height:52px;line-height:52px;overflow:hidden;border-bottom:1px solid var(--hc-line2);font-size:16px;}
.hc .side_head strong,.hc .main_head strong {font-weight:700;color:var(--hc-ink);position:relative;padding-left:12px;}
.hc .side_head strong:before,.hc .main_head strong:before {content:"";position:absolute;left:0;top:50%;width:4px;height:16px;margin-top:-8px;border-radius:2px;background:var(--hc-accent);}
.hc .side_head .f_r a:link,.hc .side_head .f_r a:visited,.hc .main_head .f_r a:link,.hc .main_head .f_r a:visited {font-size:13px;color:var(--hc-accent);}
.hc .side_body,.hc .main_body {background:var(--hc-card);border:1px solid var(--hc-line);border-top:none;border-radius:0 0 var(--hc-radius) var(--hc-radius);padding:14px 18px 18px;margin:0 0 20px;}
.hc .side_body li {background:none;height:auto;min-height:36px;line-height:22px;padding:7px 0 7px 14px;position:relative;border-bottom:1px dashed var(--hc-line2);overflow:hidden;}
.hc .side_body li:last-child {border-bottom:none;}
.hc .side_body li:before {content:"";position:absolute;left:2px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--hc-accent);opacity:.6;}
.hc .side_body li.f_b a {color:var(--hc-accent);}
.hc .side_body .inp {width:100%;height:36px;border:1px solid var(--hc-line);border-radius:6px;padding:0 10px;font-size:13px;}
.hc .side_body select {height:34px;border:1px solid var(--hc-line);border-radius:6px;padding:0 6px;}

/* 首页：产品网格 */
.hc-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;margin:4px 0 0;padding:0;}
.hc-grid li {list-style:none;min-width:0;}
.hc .hc-img {display:block;aspect-ratio:1/1;border:1px solid var(--hc-line);border-radius:8px;overflow:hidden;background:#FFFFFF;transition:box-shadow .15s,border-color .15s;}
.hc .hc-img:hover {border-color:var(--hc-accent);box-shadow:0 6px 18px rgba(15,23,42,.08);}
.hc-img img {display:block;width:100%;height:100%;object-fit:contain;}
.hc-grid-wide .hc-img {aspect-ratio:4/3;}
.hc-grid-wide .hc-img img {object-fit:cover;}
.hc-grid-brand {grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.hc-grid-brand .hc-img {aspect-ratio:3/1;}
.hc-noimg,.hc .hc-img.hc-noimg {display:block;width:100%;height:100%;background:#F8FAFC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6'/%3E%3Cpath d='M10 3v6.5L4.6 18.2A1.8 1.8 0 0 0 6.1 21h11.8a1.8 1.8 0 0 0 1.5-2.8L14 9.5V3'/%3E%3Cpath d='M7.2 15h9.6'/%3E%3C/svg%3E") no-repeat center;background-size:34% auto;}
.hc .hc-t {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:14px;line-height:21px;height:42px;color:var(--hc-ink);}
.hc-d {display:block;font-size:12px;color:var(--hc-muted);margin-top:4px;}
.hc-price {display:block;font-weight:700;color:#C2410C;margin-top:4px;}
.hc-empty {padding:28px 0;text-align:center;color:var(--hc-muted);}
.hc-list {margin:0;padding:0;}
.hc-list li {list-style:none;display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--hc-line2);}
.hc-list li span {order:2;margin-left:auto;color:var(--hc-muted);font-size:12px;white-space:nowrap;}
.hc-intro {display:flex;gap:24px;align-items:flex-start;}
.hc-intro-media {flex:0 0 260px;max-width:40%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid var(--hc-line);background:#FFFFFF;display:flex;align-items:center;justify-content:center;}
.hc-intro-media img {display:block;width:100%;height:100%;object-fit:contain;}
.hc-intro-t {flex:1 1 auto;min-width:0;font-size:15px;line-height:1.9;color:var(--hc-ink2);}
.hc .hc-intro-t a:link,.hc .hc-intro-t a:visited {color:var(--hc-accent);}

/* 内页（沿用原结构的表格、列表、详情） */
.hc .main_body table td {padding:8px 6px;}
.hc .main_body .f_dblue {color:var(--hc-muted);white-space:nowrap;}
.hc .content {font-size:15px;line-height:1.9;padding:8px 4px;color:var(--hc-ink2);}
.hc .thumb {padding:12px;border-radius:8px;}
.hc .thumb img {border:1px solid var(--hc-line);border-radius:6px;padding:0;background:#FFFFFF;object-fit:contain;}
.hc .thumb:hover {background:var(--hc-accent-soft);}
.hc .thumb div {width:100%;font-size:13px;}
.hc .thumb p {font-size:12px;color:var(--hc-muted);}
.hc .title {font-size:22px;line-height:1.5;padding:8px 0;color:var(--hc-ink);}
.hc .info {background:var(--hc-line2);border-radius:8px;line-height:40px;font-size:13px;color:var(--hc-muted);}
.hc .property {background:var(--hc-line2);border:none;border-radius:8px;}
.hc .sbm,.hc input[type=submit],.hc input[type=button] {height:34px;line-height:34px;border:none;border-radius:6px;background:var(--hc-accent);color:#FFFFFF;padding:0 16px;cursor:pointer;}
.hc .sbm:hover,.hc input[type=submit]:hover {background:var(--hc-accent-d);}
.hc input[type=text],.hc textarea {border:1px solid var(--hc-line);border-radius:6px;}
.hc .f_price,.hc .f_orange {color:#C2410C;}
.hc .pages a:link,.hc .pages a:visited {border-color:var(--hc-line);border-radius:6px;}
.hc .pages strong {background:var(--hc-accent);border-color:var(--hc-accent);border-radius:6px;}
.hc .ab_on {border-color:var(--hc-accent);background:var(--hc-accent);}
.hc #mid_div {border-color:var(--hc-line);background:#FFFFFF;border-radius:6px;}

/* 页脚 */
.hc-foot {background:var(--hc-foot-bg);color:var(--hc-foot-fg);font-size:13px;}
.hc .hc-foot a:link,.hc .hc-foot a:visited {color:var(--hc-foot-fg);}
.hc .hc-foot a:hover {color:#FFFFFF;}
.hc-foot-main {display:flex;justify-content:space-between;gap:24px;padding:30px 0 18px;border-bottom:1px solid rgba(255,255,255,.1);}
.hc-foot-main strong {display:block;font-size:16px;color:#FFFFFF;margin-bottom:6px;}
.hc-foot-main p {margin:2px 0;opacity:.85;}
.hc-foot-links {display:flex;gap:18px;white-space:nowrap;}
.hc-foot-copy {padding:16px 0 22px;opacity:.75;}
.hc-foot-copy i {font-style:normal;padding:0 8px;opacity:.5;}

/* 窄屏 */
@media (max-width:960px) {
	.hc-head .hc-w {flex-wrap:wrap;}
	.hc-name strong {font-size:20px;}
	.hc-name em {max-width:100%;white-space:normal;}
	.hc-nav ul {flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.hc .hc-nav a:link,.hc .hc-nav a:visited {padding:0 14px;white-space:nowrap;}
	.hc-hero .hc-w {flex-direction:column;align-items:stretch;padding:36px 0;gap:24px;}
	.hc-hero h2 {font-size:24px;}
	.hc-hero-t,.hc-hero-f {flex:0 0 auto;}
	.hc-top-l {display:none;}
	.hc-body {flex-direction:column;}
	.hc-side,.hc-main {width:100%;flex-basis:auto;}
	.hc-side {order:2;}
	.hc-intro {flex-direction:column;}
	.hc-intro-media {max-width:100%;}
	.hc-foot-main {flex-direction:column;}
	.hc-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
	.hc .main_body table,.hc .main_body tbody,.hc .main_body tr {max-width:100%;}
}