.footer-bottom a[href*="beian.mps.gov.cn"] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.footer-bottom a[href*="beian.mps.gov.cn"]::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: url("../assets/images/beian-icon.png") center / contain no-repeat;
}

.legal-footer{box-sizing:border-box;text-align:center;background:#24232b;color:rgba(255,255,255,.82);padding:24px 24px 27px!important;font-family:var(--body);font-size:14px;line-height:1.9}
.legal-footer p{margin:0 auto}
.legal-records{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 8px}
.legal-records a{color:inherit;transition:color .2s}
.legal-records a:hover{color:var(--cyan)}
.legal-records span{color:rgba(255,255,255,.34)}
.legal-records{margin-top:2px!important}
.legal-copyright{margin-top:2px!important;color:rgba(255,255,255,.82)}
.legal-footer .police-record{display:inline-flex;align-items:center;gap:5px}
.legal-footer .police-record::before{content:"";width:16px;height:16px;flex:0 0 16px;background:url("../assets/images/beian-icon.png") center/contain no-repeat}
@media(max-width:600px){.legal-footer{padding:21px 16px 24px!important;font-size:12px;line-height:1.85}.legal-records{gap:0 6px}.legal-copyright{line-height:1.7!important}}

@media(max-width:800px){
  body{font-size:15px;line-height:1.72;overflow-x:hidden}
  .section-pad{padding-left:20px;padding-right:20px}
  .site-header{height:68px;padding-left:20px;padding-right:20px}
  .brand{gap:10px;font-size:15px}
  .brand-mark{width:25px;height:25px}
  .brand em{font-size:9px}
  .main-nav{top:68px;padding:14px 20px 22px;gap:10px}
  .main-nav a{font-size:14px;padding:8px 0}
  .nav-contact{padding:11px 13px!important;text-align:center}
  .hero{min-height:0;height:auto;max-height:none;padding-top:108px;padding-bottom:46px;align-items:flex-start}
  .hero-image{background-position:58% center}
  .hero-content{padding-top:22px}
  .eyebrow{font-size:10px;letter-spacing:.1em}
  h1{font-size:52px;line-height:1.02;margin:22px 0 20px;letter-spacing:-.06em;max-width:100%;overflow-wrap:anywhere}
  .hero-copy{font-size:15px;line-height:1.78;max-width:330px}
  .hero-actions{width:100%;max-width:270px;gap:10px;margin-top:28px}
  .hero-actions .button{width:100%;min-height:48px;padding:12px 15px}
  .hero-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:38px;padding-top:13px;font-size:10px;line-height:1.55}
  .hero-meta strong{min-width:0;overflow-wrap:anywhere}
  .hero-scroll{bottom:17px;left:20px;font-size:9px;gap:9px}
  .hero-scroll span{width:38px}
  .trust-strip{padding-top:52px;padding-bottom:55px;gap:30px}
  .trust-intro{gap:10px}
  .trust-intro strong{font-size:19px}
  .trust-items{grid-template-columns:repeat(3,1fr);gap:8px}
  .trust-items div{padding-left:10px}
  .trust-items span{font-size:9px;margin-bottom:14px}
  .trust-items b{font-size:18px}
  .trust-items p{font-size:10px;line-height:1.55}
  .services,.products,.process{padding-top:72px;padding-bottom:74px}
  .section-heading{gap:22px;margin-bottom:32px}
  .section-heading h2,.about h2{font-size:clamp(36px,11vw,52px);line-height:1.08;margin-top:14px}
  .section-heading>p{font-size:13px;line-height:1.8}
  .service-grid{gap:10px}
  .service-card{min-height:270px;padding:24px 22px 26px}
  .service-card h3{font-size:23px;margin:31px 0 10px}
  .service-card p{font-size:13px;line-height:1.75;max-width:100%}
  .service-card a{font-size:11px;padding-top:17px}
  .service-icon{font-size:26px}
  .products{padding-left:0;padding-right:0}
  .products>.section-heading{padding-left:20px;padding-right:20px}
  .product-layout{min-height:0;grid-template-columns:38px 1fr}
  .product-index{padding-top:25px;gap:16px}
  .product-index span{font-size:10px}
  .product-main{padding:30px 18px 32px}
  .product-label{font-size:9px}
  .product-main h3{font-size:38px;line-height:1.02;margin:20px 0 16px}
  .product-main>p{font-size:13px;line-height:1.8;max-width:100%}
  .product-tags{margin:20px 0 27px}
  .product-tags span{font-size:10px;padding:6px 7px}
  .product-visual{padding:15px;min-height:235px}
  .visual-window{transform:rotate(1deg)}
  .visual-content{min-height:210px}
  .mini-nav{width:62px;padding:15px 9px;gap:12px}
  .mini-nav b{font-size:10px;margin-bottom:9px}
  .mini-body{padding:16px 12px}
  .mini-title{font-size:13px}
  .mini-stats{gap:5px;margin-top:16px}
  .mini-stats div{padding:7px}
  .mini-stats b{font-size:15px;margin:3px 0}
  .mini-chart{height:45px;margin-top:16px;gap:4px}
  .process-item{padding:23px 0;gap:14px}
  .process-item>span{font-size:10px}
  .process-item h3{font-size:19px;margin-bottom:5px}
  .process-item p{font-size:12px;line-height:1.7}
  .about{padding-top:72px;padding-bottom:76px;gap:32px}
  .about-visual{min-height:310px}
  .about-mark{font-size:clamp(72px,23vw,105px)}
  .about-caption{left:18px;right:18px;bottom:18px;padding-top:10px}
  .about-caption span{font-size:9px}
  .about-caption strong{font-size:12px}
  .about-copy{padding-top:0}
  .about-copy>p{font-size:13px;line-height:1.9;margin-top:20px}
  .about-stats{gap:28px;margin-top:38px}
  .about-stats strong{font-size:35px}
  .about-stats span{font-size:10px}
  .contact{padding-top:68px;padding-bottom:62px}
  .contact h2{font-size:clamp(44px,13vw,66px);line-height:1.02;margin:17px 0}
  .contact p{font-size:14px;line-height:1.75}
  .contact-email{font-size:18px;margin-top:22px;max-width:100%;overflow-wrap:anywhere}
  .button-light{width:100%;max-width:235px}
  .legal-footer{margin-left:0;margin-right:0}
}

:where(a,button):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
section[id]{scroll-margin-top:24px}
@media(max-width:800px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .button,.nav-contact,.menu-toggle{min-height:44px}
  .legal-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
}

/* Local, dependency-free finishing layer. */
:root{
  --display:"Arial","PingFang SC","Microsoft YaHei",sans-serif;
  --body:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:100;
  padding:9px 13px;
  background:var(--cyan);
  color:var(--ink);
  font-size:13px;
  transform:translateY(-150%);
  transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}

.hero-image{
  background-image:
    linear-gradient(90deg,rgba(11,18,21,.96) 0%,rgba(11,18,21,.83) 42%,rgba(11,18,21,.28) 100%),
    radial-gradient(ellipse at 79% 44%,rgba(63,119,116,.72) 0%,rgba(30,59,59,.55) 23%,rgba(11,18,21,0) 57%),
    repeating-linear-gradient(133deg,rgba(140,239,224,.075) 0 1px,transparent 1px 44px),
    radial-gradient(circle at 80% 52%,rgba(140,239,224,.16) 0 2px,transparent 2px 118px),
    linear-gradient(145deg,#0d1416 0%,#1a292a 55%,#0f1719 100%);
  background-size:cover,cover,auto,auto,cover;
  background-position:center;
}

/* Content stays readable even when scripts are delayed or throttled. */
.reveal,.js .reveal,.js .reveal.visible{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal,.js .reveal,.js .reveal.visible{opacity:1;transform:none;transition:none}
  .button,.service-card,.skip-link{transition:none}
}

@media (min-width:801px){
  .skip-link{left:24px}
}