:root { --ink:#151515; --paper:#fff; --line:#171717; --muted:#5c5c5c; --orange:#e94915; --blue:#1265ca; --max:720px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; color:var(--ink); background:#f1f1f1; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; } a { color:inherit; text-decoration:none; }
.site-width,.sheet { width:min(100%,var(--max)); margin:0 auto; background:var(--paper); }.site-head { border-bottom:1px solid #ccc; background:#fff; }.site-head .site-width { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:7px 15px; color:var(--muted); font-size:12px; }.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:900; font-size:15px; }.brand img { width:57px; height:57px; object-fit:contain; }.jump-nav { position:sticky; z-index:4; top:0; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); }.jump-nav .site-width { display:grid; grid-template-columns:repeat(3,1fr); }.jump-nav a { display:flex; align-items:center; justify-content:center; min-height:47px; padding:6px; border-right:1px solid var(--line); font-size:14px; font-weight:900; text-align:center; }.jump-nav a:last-child { border-right:0; }.jump-nav a:focus-visible,.jump-nav a:hover { color:#fff; background:var(--ink); outline:0; }
.sheet { margin-top:14px; border:1px solid var(--line); }.sheet-title { padding:24px 14px 17px; text-align:center; }.sheet-title span { color:var(--muted); font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }.sheet-title h1 { margin:8px 0 0; font-size:clamp(25px,7vw,34px); line-height:1.1; letter-spacing:-.05em; }
.application-collage { margin:0; padding:0 14px 18px; }.application-collage img { display:block; width:100%; height:auto; background:#e9e9e9; }
.product-table { border-top:1px solid var(--line); }.product-group { display:grid; grid-template-columns:92px 1fr; border-bottom:1px solid var(--line); }.group-name { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:11px 8px; border-right:1px solid var(--line); background:#fafafa; font-size:16px; line-height:1.5; text-align:center; }.group-name small { margin-top:3px; font-size:12px; }.product-card-link { display:block; color:inherit; text-decoration:none; }.product-card-link:focus-visible { position:relative; z-index:1; outline:3px solid rgba(11,83,83,.35); outline-offset:-3px; }.product-card-link:hover article { background:#f7fbfa; }.group-items article { display:grid; grid-template-columns:104px 1fr; min-height:112px; border-bottom:1px solid var(--line); }.group-items .product-card-link:last-child article { border-bottom:0; }.group-items img { align-self:center; width:92px; height:92px; margin:10px 6px; object-fit:contain; mix-blend-mode:multiply; }.group-items div { display:flex; flex-direction:column; justify-content:center; padding:12px 12px 12px 2px; }.group-items h2 { margin:0 0 7px; font-size:18px; line-height:1.15; }.group-items p { margin:0; color:#303030; font-size:13px; line-height:1.55; }
.qr-float { position:fixed; z-index:10; top:47%; right:8px; width:56px; min-height:76px; padding:8px 4px; border:2px solid #ff610e; border-radius:28px; color:#ff610e; background:#fff; font-size:15px; font-weight:900; line-height:1.22; box-shadow:0 3px 12px rgba(0,0,0,.13); }.qr-float:focus-visible,.qr-float:hover { color:#fff; background:#ff610e; outline:3px solid rgba(255,97,14,.25); outline-offset:2px; }.qr-popover { position:fixed; z-index:11; top:50%; right:72px; width:218px; padding:14px 14px 13px; transform:translateY(-50%); border:1px solid #ddd; border-radius:16px; background:#fff; text-align:center; box-shadow:0 12px 32px rgba(0,0,0,.22); }.qr-popover[hidden] { display:none; }.qr-popover img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }.qr-popover strong { display:block; margin-top:8px; font-size:16px; }.qr-popover small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }.qr-close { position:absolute; top:3px; right:8px; width:26px; height:26px; border:0; color:#555; background:transparent; font-size:24px; line-height:1; }
footer { width:min(100%,var(--max)); margin:14px auto 0; padding:21px 15px; border:1px solid var(--line); background:#fff; color:var(--ink); text-align:center; }.footer-qr { display:flex; align-items:center; gap:15px; max-width:330px; margin:0 auto 20px; padding-bottom:20px; border-bottom:1px solid #dedede; text-align:left; }.footer-qr img { width:120px; height:120px; padding:4px; border:1px solid #e2e2e2; background:#fff; object-fit:contain; }.footer-qr strong { display:block; font-size:17px; line-height:1.3; }.footer-qr p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }.footer a { display:block; color:#0b5353; font-weight:900; font-size:15px; }.footer span { display:block; margin-top:9px; color:var(--muted); font-size:11px; }
.brand-proof { display:grid; gap:14px; width:min(100%,var(--max)); margin:14px auto 0; }.company-proof,.proof-media section { padding:20px 15px; border:1px solid var(--line); border-radius:14px; background:#fff; }.proof-company { margin:0; color:var(--muted); font-size:13px; font-weight:800; }.company-proof h2,.proof-media h2 { margin:7px 0 12px; font-size:24px; letter-spacing:-.04em; }.company-proof p { margin:0 0 10px; color:#495259; font-size:14px; line-height:1.7; }.proof-tags { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0; }.proof-tags span { padding:6px 10px; border:1px solid #d8e1e1; border-radius:999px; color:#263437; background:#f7fbfb; font-size:12px; font-weight:800; }.company-proof dl { display:grid; gap:8px; margin:0; padding-top:15px; border-top:1px solid #e4e4e4; }.company-proof dl div { display:grid; grid-template-columns:72px 1fr; font-size:14px; }.company-proof dt { color:var(--muted); font-weight:800; }.company-proof dd { margin:0; font-weight:900; }.proof-media { display:grid; gap:14px; }.proof-media section { padding:16px; }.proof-media h2 { margin:0 0 10px; font-size:18px; }.proof-media img { display:block; width:100%; height:auto; border:1px solid #e1e7e7; border-radius:10px; background:#f4f6f6; }
@media (min-width:620px) { .sheet { margin-top:22px; }.sheet-title { padding-top:31px; }.application-collage { padding:0 28px 27px; }.product-group { grid-template-columns:120px 1fr; }.group-items article { grid-template-columns:145px 1fr; min-height:136px; }.group-items img { width:118px; height:118px; }.group-items h2 { font-size:21px; }.group-items p { font-size:15px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.application-collage img { width:80%; margin-left:auto; margin-right:auto; }
.qr-backdrop { position:fixed; inset:0; z-index:9; background:rgba(0,0,0,.24); }
.qr-backdrop[hidden] { display:none; }
.qr-popover { z-index:11; }
.qr-popover a { display:inline-block; margin-top:8px; color:var(--orange); font-size:13px; font-weight:900; }
.group-items article { position:relative; }
.group-items article::after { content:'查看详情'; position:absolute; right:12px; bottom:10px; color:var(--orange); font-size:12px; font-weight:900; }
.group-items div { padding-bottom:28px; }
.group-items article::after { left:106px; right:auto; bottom:10px; padding:4px 10px; border:1px solid var(--orange); border-radius:4px; background:#fff; font-size:12px; line-height:1.2; }
@media (min-width:620px) { .group-items article::after { left:145px; } }
.sheet-title h1 { font-size:27px; }
.sheet-title span { display:none; }
.group-items article { min-height:90px; }
.group-items img { width:72px; height:72px; margin:6px 6px; }
.group-items h2 { font-size:16px; }
.group-items p { font-size:12px; }
.group-items article::after { font-size:10px; }
.group-items div { padding-bottom:25px; }
.group-items article { grid-template-columns:84px 1fr; }
.group-items article::after { left:86px; }
@media (min-width:620px) { .group-items article { min-height:100px; grid-template-columns:110px 1fr; } .group-items img { width:88px; height:88px; margin:6px 6px; } .group-items h2 { font-size:16px; } .group-items p { font-size:12px; } .group-items article::after { left:111px; } }
@media (max-width:619px) {
  .group-items article { min-height:132px; grid-template-columns:80px 1fr; }
  .group-items img { width:68px; height:68px; margin:8px 6px; }
  .group-items div { padding:10px 8px 38px 6px; }
  .group-items article::after { left:86px; bottom:10px; }
  .qr-float { right:5px; width:40px; min-height:53px; padding:6px 2px; border-width:2px; border-radius:20px; font-size:11px; }
}
.application-collage img { width:100%; }
.qr-float { width:45px; min-height:61px; padding:7px 3px; border-radius:23px; font-size:12px; }
@media (max-width:619px) { .qr-float { right:5px; width:40px; min-height:53px; padding:6px 2px; border-radius:20px; font-size:11px; } }
@media (min-width:620px) {
  .qr-popover { right:60px; width:153px; padding:10px 10px 9px; border-radius:11px; }
  .qr-popover strong { margin-top:6px; font-size:11px; }
  .qr-popover small { margin-top:3px; font-size:8px; }
  .qr-popover a { margin-top:6px; font-size:9px; }
  .qr-close { top:2px; right:5px; width:19px; height:19px; font-size:18px; }
}
.group-name { font-size:14.5px; }
.group-items h2 { font-size:14.5px; }
.jump-nav .site-width { grid-template-columns:repeat(5,1fr); }
.jump-nav a { position:relative; border-right:0; font-weight:400; }
.jump-nav a:first-child { color:var(--orange); }
.jump-nav a:first-child::after { content:""; position:absolute; left:25%; right:25%; bottom:0; height:3px; border-radius:3px; background:var(--orange); }
.jump-nav { padding:10px 0; border-bottom:0; background:#f1f1f1; }
.jump-nav .site-width { gap:0; border:1px solid #dcdcdc; border-radius:12px; overflow:hidden; box-shadow:0 3px 12px rgba(0,0,0,.05); }
.jump-nav a { border-right:1px solid #e4e4e4; background:#fff; }
.jump-nav a:last-child { border-right:0; }
.jump-nav a:first-child { color:var(--orange); background:#fff8f4; }
.jump-nav a:first-child::after { left:0; right:0; bottom:0; height:3px; border-radius:0; }
.jump-nav a:hover, .jump-nav a:focus-visible { color:var(--orange); background:#fff3ed; outline:0; }
.jump-nav a:first-child { color:inherit; background:#fff; }
.jump-nav a:first-child::after { display:none; }
.jump-nav a.is-active { color:var(--orange); background:#fff8f4; }
.jump-nav a.is-active::after { display:block; content:""; position:absolute; left:0; right:0; bottom:0; height:3px; border-radius:0; background:var(--orange); }
.footer-address { margin:12px 0 10px; color:var(--muted); font-size:12px; line-height:1.3; }
.official-site { margin-top:0; color:var(--orange) !important; line-height:1.3; }
/* 关于蜂鸟：版本1，单一整体卡片 */
.brand-proof { display:block; width:min(100%,var(--max)); margin:14px auto 0; padding:20px 15px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.company-proof { padding:0; border:0; border-radius:0; }
.company-proof h1 { margin:0 0 10px; font-size:27px; line-height:1.15; letter-spacing:-.04em; }
.company-proof h2 { display:none; }
.company-proof p { margin:0 0 10px; color:#495259; font-size:14px; line-height:1.7; }
.company-proof .proof-company { color:var(--muted); font-size:13px; font-weight:800; }
.proof-media { display:grid; gap:12px; margin-top:18px; }
.proof-media figure { margin:0; }
.proof-media figcaption { margin:0 0 7px; color:var(--ink); font-size:15px; font-weight:900; }
.proof-media section { padding:0; border:0; border-radius:0; background:transparent; }
.proof-media h2 { display:none; }
.proof-media img { display:block; width:100%; height:auto; border:1px solid #e1e7e7; border-radius:10px; background:#f4f6f6; }