/* M·TK 玻璃主题覆盖层 — 在基础样式之后加载。来源:index-glass.html 参考版 */
  /* ============ GLASS THEME (iOS material) ============ */
  body{background:#eef1f6;}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
    radial-gradient(900px 700px at 8% 0%, rgba(255,120,70,.10), transparent 60%),
    radial-gradient(1100px 800px at 95% 18%, rgba(100,150,255,.12), transparent 60%),
    radial-gradient(900px 800px at 40% 75%, rgba(150,120,255,.09), transparent 60%),
    radial-gradient(700px 600px at 85% 100%, rgba(255,170,90,.08), transparent 60%),
    linear-gradient(180deg,#f4f6fa 0%,#eef1f6 100%);}
  nav{background:rgba(250,250,252,.65);backdrop-filter:blur(40px) saturate(190%);-webkit-backdrop-filter:blur(40px) saturate(190%);
    border-bottom:1px solid rgba(255,255,255,.35);}
  nav.scrolled{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 36px rgba(20,30,60,.07);}
  .hero-visual svg{filter:drop-shadow(0 24px 40px rgba(20,30,60,.10));}
  .strip{border:none;}
  .strip .wrap{background:rgba(255,255,255,.52);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);
    border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:40px 24px;
    box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 16px 44px rgba(20,30,60,.07);}
  .prod-card{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);
    border:1px solid rgba(255,255,255,.5);
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 16px 44px rgba(20,30,60,.07);}
  .prod-card.warm{background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(255,236,228,.42));}
  .prod-card.cool{background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(228,238,252,.42));}
  .prod-card.violet{background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(238,232,252,.42));}
  .prod-card.slate{background:linear-gradient(180deg,rgba(255,255,255,.60),rgba(232,235,242,.42));}
  .prod-card:hover{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 28px 64px rgba(20,30,60,.12);}
  .prod-tags span{background:rgba(120,120,128,.10);border:none;color:var(--ink-2);}
  .prod-link{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.6);}
  .pcard{background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.6);
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 22px rgba(20,30,60,.05);}
  .pcard:hover{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 48px rgba(20,30,60,.11);border-color:rgba(255,255,255,.85);}
  .pcard .pmoq{background:rgba(120,120,128,.10);border:none;}
  .chip{background:rgba(120,120,128,.10);border:none;color:var(--ink);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .chip:hover{background:rgba(120,120,128,.18);color:var(--ink);}
  .chip.on{background:var(--ink);color:#fff;}
  .psearch input{background:rgba(120,120,128,.10);border:none;
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .psearch input:focus{background:rgba(255,255,255,.85);box-shadow:0 0 0 3px rgba(255,61,0,.18);}
  .feat{background:rgba(255,255,255,.55);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);
    border:1px solid rgba(255,255,255,.5);
    box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 10px 30px rgba(20,30,60,.05);}
  .feat:hover{border-color:rgba(255,61,0,.4);}
  .feat .ico{background:rgba(255,61,0,.10);}
  .certs span{background:rgba(120,120,128,.10);border:none;}
  .oem{background:rgba(28,28,30,.86);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 1px 0 rgba(255,255,255,.10) inset,0 30px 80px rgba(15,15,30,.30);}
  .faq details{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.5);border-radius:18px;margin-bottom:12px;padding:0 24px;
    backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset;transition:background .3s;}
  .faq details[open]{background:rgba(255,255,255,.78);}
  .form input,.form textarea{background:rgba(120,120,128,.08);border:1px solid rgba(255,255,255,.4);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .form input:focus,.form textarea:focus{background:rgba(255,255,255,.9);}
  .lang-switch{background:rgba(120,120,128,.10);border:none;padding:2px;}
  .lang-switch button{border-radius:99px;}
  .lang-switch button.active{background:#fff;color:var(--ink);box-shadow:0 1px 6px rgba(20,30,60,.15);}
  .btn-primary{background:linear-gradient(180deg,#FF5A1F,#FF3D00);
    box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 18px rgba(255,61,0,.25);}
  .btn-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 28px rgba(255,61,0,.32);}
  .btn-ghost{border:none;background:rgba(120,120,128,.12);color:var(--ink);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .btn-ghost:hover{background:rgba(120,120,128,.22);color:var(--ink);}
  .bcard{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.55);
    backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);
    box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 8px 26px rgba(20,30,60,.05);}
  .bcover.c1{background:linear-gradient(135deg,rgba(255,140,90,.22),rgba(255,61,0,.10));}
  .bcover.c2{background:linear-gradient(135deg,rgba(120,170,255,.22),rgba(80,130,235,.10));}
  .bcover.c3{background:linear-gradient(135deg,rgba(190,150,255,.22),rgba(140,100,235,.10));}
  .breader{background:rgba(30,30,35,.35);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);}
  .bpanel{background:rgba(250,250,252,.92);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);
    border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 40px 100px rgba(15,15,30,.30);}
  .bclose{background:rgba(120,120,128,.12);border:none;}
  footer{border-top:1px solid rgba(255,255,255,.5);background:rgba(250,250,252,.55);
    backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);}

  /* ============ CLICK FEEDBACK ============ */
  .btn,.chip,.lang-switch button,.prod-card,.pcard,.faq summary,.nav-links a{-webkit-tap-highlight-color:transparent;}
  .btn:active{transform:translateY(0) scale(.96);}
  .chip:active{transform:scale(.93);}
  .lang-switch button:active{transform:scale(.92);}
  .prod-card:active{transform:translateY(-2px) scale(.985);}
  .pcard:active{transform:translateY(-1px) scale(.98);}
  .pinq:active,.nav-links a:active{opacity:.6;}
  .faq summary:active{opacity:.7;}
  .form button:active{transform:scale(.96);}
  .ripple{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);
    background:radial-gradient(circle,rgba(255,61,0,.25) 0%,rgba(255,61,0,.12) 45%,transparent 70%);
    animation:rippleAnim .65s ease-out forwards;z-index:5;}
  .ripple.light{background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.22) 45%,transparent 70%);}
  @keyframes rippleAnim{to{transform:scale(3);opacity:0;}}
  @media (prefers-reduced-motion:reduce){.ripple{display:none;}}


  /* ============ BUSINESS GLASS (light apricot) ============ */
  body{background:#FAF4EE;}
  body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
    radial-gradient(820px 620px at 88% 8%, rgba(255,138,80,.20), transparent 65%),
    radial-gradient(700px 600px at 4% 38%, rgba(255,170,115,.14), transparent 65%),
    radial-gradient(800px 700px at 70% 95%, rgba(255,150,95,.12), transparent 65%),
    radial-gradient(600px 500px at 25% 92%, rgba(140,160,200,.08), transparent 60%),
    linear-gradient(170deg,#FCF7F2 0%,#F9F0E8 55%,#F7EDE4 100%);}
  ::selection{background:var(--accent);color:#fff;}

  nav{background:rgba(255,252,248,.55);backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
    border-bottom:1px solid rgba(255,255,255,.5);}
  nav.scrolled{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 36px rgba(120,70,30,.08);}

  .strip .wrap{background:rgba(255,255,255,.45);backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 20px 50px rgba(120,70,30,.08);}

  .prod-card,.prod-card.warm,.prod-card.cool,.prod-card.violet,.prod-card.slate{
    background:rgba(255,255,255,.46);
    backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 20px 50px rgba(120,70,30,.08);}
  .prod-card:hover{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 32px 70px rgba(120,70,30,.14);}
  .prod-tags span{background:rgba(255,255,255,.55);border:none;color:var(--ink-2);}
  .prod-link{background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.7);}

  .pcard{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.75);
    box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 8px 24px rgba(120,70,30,.06);}
  .pcard:hover{box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 24px 52px rgba(120,70,30,.13);}
  .pcard .pmoq{background:rgba(120,120,128,.08);border:none;}

  .chip{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);color:var(--ink-2);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
  .chip:hover{background:rgba(255,255,255,.75);color:var(--ink);}
  .chip.on{background:var(--ink);border-color:var(--ink);color:#fff;}
  .psearch input{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);color:var(--ink);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
  .psearch input::placeholder{color:var(--ink-3);}
  .psearch input:focus{background:rgba(255,255,255,.92);box-shadow:0 0 0 3px rgba(255,61,0,.12);}
  .psearch svg{stroke:var(--ink-3);}

  .oem{background:rgba(26,24,28,.90);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 80px rgba(80,40,15,.22);}

  .feat{background:rgba(255,255,255,.45);backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 12px 32px rgba(120,70,30,.06);}
  .feat:hover{border-color:rgba(255,61,0,.35);}
  .feat .ico{background:rgba(255,61,0,.10);}
  .certs span{background:rgba(255,255,255,.55);border:none;color:var(--ink-2);}

  .faq details{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.6);
    backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:0 1px 0 rgba(255,255,255,.7) inset;}
  .faq details[open]{background:rgba(254,243,238,.88);}

  .bcard{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.65);
    backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);
    box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 12px 32px rgba(120,70,30,.07);}
  .bcover.c1{background:linear-gradient(135deg,rgba(255,150,100,.30),rgba(255,90,40,.14));}
  .bcover.c2{background:linear-gradient(135deg,rgba(255,180,120,.26),rgba(230,140,70,.12));}
  .bcover.c3{background:linear-gradient(135deg,rgba(250,200,150,.30),rgba(240,160,90,.14));}
  .breader{background:rgba(60,40,25,.35);}
  .bpanel{background:rgba(255,253,250,.94);}

  .form input,.form textarea{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
  .form input:focus,.form textarea:focus{background:rgba(255,255,255,.95);}

  .lang-switch{background:rgba(255,255,255,.5);}
  footer{background:rgba(255,252,248,.5);border-top:1px solid rgba(255,255,255,.6);
    backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);}

  /* ============ GLASS ORBS (visible frost) ============ */
  section,.strip{position:relative;}
  .orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}
  section>.wrap,.strip>.wrap,.hero>*{position:relative;z-index:1;}
  /* products: orange ball top-right + ring bottom-left */
  #products .orb.o1{width:244px;height:244px;right:-60px;top:120px;
    background:radial-gradient(circle at 35% 30%, #FFB07A 0%, #FF7A38 55%, #F25A18 100%);
    box-shadow:0 24px 60px rgba(255,100,40,.20);opacity:.55;}
  #products .orb.o2{width:163px;height:163px;left:-40px;bottom:140px;
    background:transparent;border:31px solid #FFA468;opacity:0.53;}
  #products .orb.o3{width:142px;height:142px;left:46%;top:44%;
    background:radial-gradient(circle at 35% 30%, #FFC9A2 0%, #FF9050 60%, #F06B28 100%);opacity:0.59;}
  #products .orb.o4{width:108px;height:108px;right:30%;bottom:30px;
    background:transparent;border:20px solid #93A7C8;opacity:0.34;}
  #products .orb.o5{width:129px;height:129px;left:26%;top:120px;
    background:radial-gradient(circle at 35% 30%, #FFD2B0 0%, #FFA060 65%, #F58238 100%);opacity:0.5;}
  /* strip: small deep-orange ball behind stats */
  .strip .orb.o1{width:149px;height:149px;left:12%;top:-50px;
    background:radial-gradient(circle at 35% 30%, #FFC195 0%, #FF8A4A 60%, #F06020 100%);opacity:.55;}
  /* catalog: two shapes among grid */
  #catalog .orb.o1{width:204px;height:204px;right:6%;top:340px;
    background:radial-gradient(circle at 35% 30%, #FFB888 0%, #FF8040 60%, #E85812 100%);opacity:0.56;}
  #catalog .orb.o2{width:136px;height:136px;left:3%;top:900px;
    background:transparent;border:24px solid #93A7C8;opacity:0.37;}
  #catalog .orb.o3{width:176px;height:176px;left:40%;top:1500px;
    background:radial-gradient(circle at 35% 30%, #FFC9A2 0%, #FF9050 60%, #F06B28 100%);opacity:0.53;}
  #catalog .orb.o4{width:149px;height:149px;right:4%;top:2200px;
    background:transparent;border:27px solid #FFA468;opacity:0.43;}
  #catalog .orb.o5{width:163px;height:163px;left:8%;top:3000px;
    background:radial-gradient(circle at 35% 30%, #FFD2B0 0%, #FFA060 65%, #F58238 100%);opacity:0.5;}
  /* factory */
  #factory .orb.o2{width:136px;height:136px;right:8%;bottom:130px;
    background:transparent;border:24px solid #FFA468;opacity:0.46;}
  #factory .orb.o1{width:190px;height:190px;left:30%;top:60px;
    background:radial-gradient(circle at 35% 30%, #FFC195 0%, #FF8A4A 60%, #F06020 100%);opacity:0.53;}
  /* blog */
  #blog .orb.o2{width:149px;height:149px;left:6%;bottom:100px;
    background:radial-gradient(circle at 35% 30%, #FFC9A2 0%, #FF9050 60%, #F06B28 100%);opacity:0.5;}
  #blog .orb.o1{width:163px;height:163px;right:10%;top:80px;
    background:transparent;border:28px solid #FFA468;opacity:0.43;}
  /* faq */
  #faq .orb.o1{width:176px;height:176px;right:18%;top:200px;
    background:radial-gradient(circle at 35% 30%, #FFB888 0%, #FF8040 60%, #E85812 100%);opacity:0.46;}
  /* cta / form */
  #contact .orb.o1{width:217px;height:217px;left:14%;bottom:80px;
    background:radial-gradient(circle at 35% 30%, #FFC195 0%, #FF8A4A 60%, #F06020 100%);opacity:0.5;}
  #contact .orb.o2{width:122px;height:122px;right:16%;top:160px;
    background:transparent;border:21px solid #93A7C8;opacity:0.34;}
  @media (max-width:612px){.orb{display:none;}}

  /* stronger frost so orbs blur visibly through */
  .prod-card,.prod-card.warm,.prod-card.cool,.prod-card.violet,.prod-card.slate{
    background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,.26));
    backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);}
  .pcard{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.38));
    backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);}
  .feat{background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.28));
    backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);}
  .strip .wrap{background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.26));
    backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);}
  .bcard{background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.28));
    backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);}
  .faq details{background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.26));
    backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);}
  .form input,.form textarea{background:rgba(255,255,255,.45);}