/* 官网公共组件与产品附件版式的衔接层。 */
html{scroll-padding-top:190px}
.skip-link{position:fixed;z-index:1000;top:-80px;left:16px;padding:10px 14px;border-radius:6px;color:#0e2a33;background:#fff;box-shadow:0 8px 24px rgba(14,42,51,.18)}
.skip-link:focus{top:10px}
.site-header{z-index:120}
.product-local-nav{top:106px;z-index:90;border-bottom:1px solid var(--line);background:rgba(242,247,248,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.product-local-nav .brand-txt b{max-width:240px;font-size:15px;white-space:nowrap}
.product-local-nav .brand-txt span{font-size:9px}
.product-local-nav .nav-links{gap:22px}
.product-local-nav .nav-links a{font-size:13px}
.product-local-nav .nav-toggle:focus-visible,.product-local-nav a:focus-visible,.btn:focus-visible,.scene-tab:focus-visible,.cine button:focus-visible{outline:3px solid #13a7a0;outline-offset:3px}
.hero{padding-top:212px}
.product-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 30px;color:#6a828b;font-size:12px}
.product-breadcrumb a:hover,.product-breadcrumb a:focus-visible{color:var(--teal-deep)}
.hero h1 small{display:block;margin-bottom:12px;color:var(--teal-deep);font-size:clamp(17px,2vw,22px);font-weight:700;letter-spacing:.08em}
.scene-tab{appearance:none;width:100%;font:inherit}
.scene-panel[hidden]{display:none}
.site-footer{padding:0}
.product-dialog{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-height:calc(100vh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;padding:34px;border:1px solid #cfe2e1;border-radius:9px;color:#0e2a33;background:#fff;box-shadow:0 30px 90px rgba(14,42,51,.34)}
.product-dialog::backdrop{background:rgba(7,25,35,.72);backdrop-filter:blur(4px)}
.product-dialog .dialog-close{position:absolute;top:14px;right:14px;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid #d7e7e6;border-radius:50%;color:#355f61;background:#fff;font-size:22px;cursor:pointer}
.product-dialog .dialog-kicker{margin:0 0 9px;color:#138e89;font-size:12px;font-weight:700;letter-spacing:.14em}
.product-dialog h2{max-width:500px;margin:0;color:#0e2a33;font-size:27px;line-height:1.35}
.product-dialog>p:not(.dialog-kicker){margin:12px 0 0;color:#60777f;line-height:1.75}
.product-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}
.product-dialog label{display:grid;gap:6px;color:#456d70;font-size:12px;font-weight:700}
.product-dialog input{width:100%;padding:11px 12px;border:1px solid #c8dfde;border-radius:6px;color:#0e2a33;background:#fff;font:inherit}
.product-dialog input{height:44px}
.product-dialog input:focus-visible{outline:2px solid #13a7a0;outline-offset:2px}
.product-dialog .form-status,.product-dialog .dialog-submit{grid-column:1/-1}
.product-dialog .form-status{min-height:20px;margin:0;color:#a64232;font-size:12px}
.product-dialog .dialog-submit{min-height:46px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#13a7a0,#12a3bd);font:inherit;font-weight:700;cursor:pointer}
.product-dialog .dialog-submit:disabled{cursor:wait;opacity:.7}
.product-dialog button:focus-visible{outline:3px solid #13a7a0;outline-offset:3px}
.cine-brand{display:grid;min-width:112px;height:42px;place-items:center;margin-bottom:18px;border:1px solid rgba(95,227,223,.5);border-radius:10px;color:#dffbfa;background:rgba(95,227,223,.08);box-shadow:0 0 36px rgba(0,212,255,.22);font-size:15px;font-weight:750;letter-spacing:.16em}

@media(max-width:1120px){
  .product-local-nav .nav-links{gap:14px}
  .product-local-nav .nav-links a{font-size:12px}
}
@media(max-width:680px){
  html{scroll-padding-top:170px}
  .product-local-nav{top:102px}
  .product-local-nav .nav-inner{height:66px}
  .product-local-nav .brand-txt b{max-width:210px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
  .product-local-nav .brand-txt span{display:none}
  .product-local-nav .nav-cta .btn{display:none}
  .product-local-nav .nav-links{top:168px;max-height:calc(100vh - 168px);overflow:auto}
  .hero{padding-top:190px}
  .product-breadcrumb{margin-bottom:22px;overflow-x:auto;white-space:nowrap}
  .product-dialog{padding:32px 21px 24px}
  .product-dialog form{grid-template-columns:1fr}
  .product-dialog .form-status,.product-dialog .dialog-submit{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}