/* ==========================================================================
   YIDIYITAO · TECH THEME  (覆盖式主题层 v1)
   设计原则：不修改任何原有 DOM 结构与文案，仅通过 CSS 覆盖实现全站科技感改造。
   页面原始 <style> 在前，本文件在后 —— 同权重规则自动生效；内联样式用 !important 覆盖。
   ========================================================================== */

:root{
  --bg:#060a12;
  --bg-2:#0a1120;
  --panel:rgba(13,21,38,.72);
  --panel-2:rgba(18,28,48,.86);
  --line:rgba(56,189,248,.16);
  --line-2:rgba(56,189,248,.34);
  --cyan:#22d3ee;
  --blue:#3b82f6;
  --violet:#8b5cf6;
  --gold:#d4af37;
  --txt:#e6edf7;
  --muted:#94a6bf;
  --dim:#6b7f99;
  --shadow:0 18px 50px rgba(2,8,20,.55);
  --glow:0 0 26px rgba(34,211,238,.32);
  --radius:14px;
}

html{scroll-behavior:smooth;}

body{
  background-color:var(--bg) !important;
  color:var(--txt) !important;
  min-height:100vh;
  overflow-x:hidden;
}

/* ---------- 全站背景：光斑 + 科技底纹 + 网格（纯 CSS，无 DOM 改动） ---------- */
body::before{
  content:'';
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(900px 480px at 10% -4%, rgba(34,211,238,.15), transparent 62%),
    radial-gradient(780px 430px at 92% 4%, rgba(59,130,246,.17), transparent 60%),
    radial-gradient(760px 520px at 50% 104%, rgba(139,92,246,.11), transparent 66%),
    url('assets/tech-bg.jpg') center/cover no-repeat,
    linear-gradient(180deg,#060a12 0%,#080e1a 46%,#05080f 100%);
  background-attachment:fixed;
}
body::after{
  content:'';
  position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.75;
  background-image:
    linear-gradient(rgba(56,189,248,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,.05) 1px, transparent 1px);
  background-size:54px 54px, 54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 18%, #000 0%, transparent 76%);
  mask-image:radial-gradient(circle at 50% 18%, #000 0%, transparent 76%);
}

::selection{background:rgba(34,211,238,.3); color:#fff;}

/* 滚动条 */
::-webkit-scrollbar{width:10px; height:10px;}
::-webkit-scrollbar-track{background:#070c16;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e3a5f,#0e2233); border-radius:10px; border:2px solid #070c16;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2b5c92,#164055);}

/* ==========================================================================
   顶部导航（全站共用）
   ========================================================================== */
header{
  background:rgba(6,10,18,.82) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--line);
  position:sticky !important; top:0; z-index:200;
  box-shadow:0 10px 30px rgba(2,8,20,.55);
  padding:14px 4% !important;
}
header::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.75), rgba(139,92,246,.6), transparent);
}
.logo-wrap{color:var(--txt) !important; letter-spacing:2px;}
.logo-icon{
  border:1.5px solid transparent !important;
  background:
    linear-gradient(135deg, rgba(34,211,238,.20), rgba(59,130,246,.20)) padding-box,
    linear-gradient(135deg, var(--cyan), var(--blue)) border-box !important;
  color:var(--cyan) !important;
  text-shadow:0 0 14px rgba(34,211,238,.75);
  box-shadow:var(--glow), inset 0 0 18px rgba(34,211,238,.12);
  font-weight:bold;
}
.pc-nav ul{gap:34px !important;}
.pc-nav a{
  color:var(--muted) !important;
  font-weight:500;
  letter-spacing:.5px;
  position:relative;
  padding:4px 0;
  transition:color .25s ease, text-shadow .25s ease;
}
.pc-nav a:hover{color:var(--cyan) !important; text-shadow:0 0 16px rgba(34,211,238,.55);}
.pc-nav a::after{
  content:''; position:absolute; left:50%; bottom:-4px; width:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  transform:translateX(-50%); transition:width .3s ease;
}
.pc-nav a:hover::after{width:110%;}
/* 联系我们按钮 */
.pc-nav a.contact-btn{
  color:#02121b !important;
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  border-radius:8px !important;
  padding:10px 22px !important;
  font-weight:bold !important;
  box-shadow:0 6px 20px rgba(34,211,238,.28);
}
.pc-nav a.contact-btn:hover{filter:brightness(1.1); box-shadow:0 8px 28px rgba(34,211,238,.5);}
.pc-nav a.contact-btn::after{display:none;}
/* 语言切换 */
.lang-btn{
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
  background:rgba(34,211,238,.07) !important;
  border-radius:8px !important;
  transition:.25s;
}
.lang-btn:hover{background:rgba(34,211,238,.18) !important; box-shadow:var(--glow);}

/* 汉堡 + 抽屉 */
.hamburger{color:var(--cyan) !important; text-shadow:0 0 14px rgba(34,211,238,.6);}
.side-drawer{
  background:rgba(6,10,18,.97) !important;
  border-left:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.drawer-nav a,.lang-btn-drawer{
  color:var(--muted) !important;
  border:1px solid transparent;
  border-radius:10px !important;
  transition:.25s;
}
.drawer-nav a:hover,.drawer-nav a.active{
  background:rgba(34,211,238,.1) !important;
  border-color:var(--line-2);
  color:var(--cyan) !important;
}
.drawer-contact{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  border-radius:10px !important;
  box-shadow:0 8px 26px rgba(34,211,238,.3);
}

/* ==========================================================================
   通用文字 / 区块
   ========================================================================== */
h1,h2,h3,h4{color:#fff;}
p{color:var(--muted);}
a{transition:color .25s ease, opacity .25s ease;}

.section-title h2{
  color:#fff !important;
  letter-spacing:1px;
  text-shadow:0 0 40px rgba(34,211,238,.25);
  position:relative;
  display:inline-block;
  padding-bottom:16px;
}
.section-title h2::after{
  content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:88px; height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  box-shadow:0 0 14px rgba(34,211,238,.8);
}
.section-title p{color:var(--muted) !important;}

/* 通用玻璃卡片 */
.product-card,.prod-card,.video-card,.info,.module-block,.review-points,
.review-video-box,.media-item,.product-header+*,.detail-img-box,.gallery-box{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow);
}
.product-card,.prod-card,.video-card,.module-block{transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;}
.product-card:hover,.prod-card:hover,.video-card:hover,.module-block:hover{
  transform:translateY(-6px);
  border-color:var(--line-2) !important;
  box-shadow:0 26px 60px rgba(2,8,20,.7), 0 0 0 1px rgba(34,211,238,.22), 0 0 34px rgba(34,211,238,.14);
}

/* 通用霓虹按钮 */
.more-btn,.about-btn,.product-btn,.download-btn,.detail-link,.read-link,.rv-link{
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(59,130,246,.16)) !important;
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
  border-radius:10px !important;
  font-weight:bold !important;
  letter-spacing:.5px;
  box-shadow:0 8px 24px rgba(2,8,20,.5), inset 0 0 20px rgba(34,211,238,.08);
  transition:.3s ease;
  padding:14px 34px !important;
}
.more-btn:hover,.about-btn:hover,.product-btn:hover,.download-btn:hover{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  box-shadow:0 12px 34px rgba(34,211,238,.42);
  transform:translateY(-2px);
}

/* ==========================================================================
   首页 · 科技感 Hero（新增区块）
   ========================================================================== */
.hero-tech{
  position:relative;
  min-height:min(88vh, 780px);
  display:flex; align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#04070d;
}
.hero-tech .hero-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  opacity:.85;
  filter:saturate(118%) contrast(108%);
}
.hero-tech .hero-veil{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(4,7,13,.94) 0%, rgba(4,7,13,.78) 42%, rgba(4,7,13,.35) 70%, rgba(4,7,13,.62) 100%),
    radial-gradient(60% 70% at 78% 50%, rgba(34,211,238,.16), transparent 70%);
}
.hero-tech .hero-grid{
  position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:
    linear-gradient(rgba(56,189,248,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,.07) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%, transparent 62%);
  mask-image:linear-gradient(90deg,#000 0%, transparent 62%);
}
.hero-tech .hero-inner{
  position:relative; z-index:3;
  width:92%; max-width:1240px; margin:0 auto;
  padding:90px 0;
}
.hero-badge{
  display:inline-flex; align-items:center; gap:10px;
  font-size:14px; letter-spacing:2px;
  color:var(--cyan);
  background:rgba(34,211,238,.09);
  border:1px solid var(--line-2);
  border-radius:99px;
  padding:8px 18px;
  margin-bottom:26px;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.hero-badge::before{
  content:''; width:7px; height:7px; border-radius:50%;
  background:var(--cyan); box-shadow:0 0 12px var(--cyan);
  animation:pulse 1.9s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1; transform:scale(1);}50%{opacity:.35; transform:scale(.72);}}

.hero-tech h1{
  font-size:clamp(34px, 5vw, 66px) !important;
  line-height:1.16 !important;
  letter-spacing:1px;
  margin-bottom:22px !important;
  color:#fff !important;
  text-shadow:0 6px 40px rgba(0,0,0,.6);
}
.hero-tech h1 span{
  display:block;
  background:linear-gradient(100deg,var(--cyan) 0%,#7dd3fc 40%,var(--violet) 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.hero-tech .hero-desc{
  font-size:clamp(15px,1.35vw,19px) !important;
  color:#a9bcd4 !important;
  max-width:640px;
  line-height:1.9;
  margin-bottom:34px !important;
  letter-spacing:.4px;
}
.hero-cta{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:52px;}
.hero-cta .btn-primary,.hero-cta .btn-ghost{
  display:inline-block; padding:15px 40px; border-radius:10px;
  font-weight:bold; text-decoration:none; letter-spacing:1px; font-size:17px;
  transition:.3s ease;
}
.hero-cta .btn-primary{
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#02121b;
  box-shadow:0 12px 34px rgba(34,211,238,.36);
}
.hero-cta .btn-primary:hover{transform:translateY(-3px); box-shadow:0 18px 44px rgba(34,211,238,.55);}
.hero-cta .btn-ghost{
  color:var(--cyan); border:1px solid var(--line-2);
  background:rgba(34,211,238,.06);
}
.hero-cta .btn-ghost:hover{background:rgba(34,211,238,.16); box-shadow:var(--glow); transform:translateY(-3px);}

.hero-stats{
  display:flex; gap:56px; flex-wrap:wrap;
  padding-top:30px; border-top:1px solid var(--line);
  max-width:760px;
}
.hero-stats .hs-item b{
  display:block; font-size:clamp(24px,2.6vw,38px); color:#fff;
  background:linear-gradient(120deg,#fff,#7dd3fc);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  letter-spacing:1px;
}
.hero-stats .hs-item span{font-size:14px; color:var(--dim); letter-spacing:1px;}

/* Hero 底部扫描光带 */
.hero-tech .hero-scan{
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.9),transparent);
  box-shadow:0 0 24px rgba(34,211,238,.8);
  animation:scanX 5.5s linear infinite;
}
@keyframes scanX{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

/* ==========================================================================
   首页 · 3图轮播（科技化）
   ========================================================================== */
.banner-wrap{height:min(46vh,400px) !important; border-bottom:1px solid var(--line);}
.banner-item::before{
  background:
    linear-gradient(180deg, rgba(4,7,13,.5) 0%, rgba(4,7,13,.72) 100%) !important;
}
.banner h1{
  font-size:clamp(28px,3.6vw,46px) !important;
  letter-spacing:3px;
  color:#fff !important;
  text-shadow:0 0 40px rgba(34,211,238,.35), 0 6px 30px rgba(0,0,0,.65);
}
.banner p{color:#b9cbe2 !important;}
.product-btn{border:1px solid var(--line-2) !important;}
.arrow-left,.arrow-right{
  background:rgba(9,15,26,.6) !important;
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.arrow-left:hover,.arrow-right:hover{background:rgba(34,211,238,.22) !important; box-shadow:var(--glow);}
.dot{background:rgba(148,166,191,.35) !important;}
.dot.active{background:var(--cyan) !important; box-shadow:0 0 14px var(--cyan);}

/* ==========================================================================
   首页 · 产品卡片
   ========================================================================== */
.product-text h3{color:#fff !important;}
.product-text p{color:var(--muted) !important;}
.product-text a{color:var(--cyan) !important;}
.product-text a:hover{text-shadow:0 0 14px rgba(34,211,238,.6);}
.product-card img{filter:saturate(108%); transition:transform .5s ease;}
.product-card:hover img{transform:scale(1.04);}

/* 关于板块 */
.about-text h2{color:#fff !important; text-shadow:0 0 40px rgba(34,211,238,.22);}
.about-text p{color:var(--muted) !important;}
.data-item h4{
  background:linear-gradient(120deg,var(--cyan),#7dd3fc);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.data-item span{color:var(--dim) !important;}
.about-img-box{background:rgba(13,21,38,.7) !important; border:1px solid var(--line) !important;}
.about-img-box img{filter:saturate(105%) contrast(103%);}

/* 用户实测 */
.review-video-box .rv-head{
  background:rgba(9,15,26,.9) !important;
  color:var(--cyan) !important;
  border-bottom:1px solid var(--line);
  letter-spacing:1px;
}
.review-points h3{color:#fff !important;}
.review-points li{color:var(--muted) !important;}
.review-points li::before{content:'▸' !important; color:var(--cyan) !important;}

/* ==========================================================================
   产品中心 product.html
   ========================================================================== */
.page-title{color:#fff !important; letter-spacing:2px; text-shadow:0 0 40px rgba(34,211,238,.25);}
.prod-card .card-img-box{background:rgba(4,8,15,.6) !important; border-bottom:1px solid var(--line) !important;}
.card-text h3{color:#fff !important;}
.card-desc,.feat-list li{color:var(--muted) !important;}
.feat-list li::marker{color:var(--cyan);}
.price{color:var(--cyan) !important; text-shadow:0 0 18px rgba(34,211,238,.45);}
.tag-label{
  background:rgba(34,211,238,.12) !important;
  color:var(--cyan) !important;
  border:1px solid var(--line-2) !important;
  border-radius:99px !important;
}
.tab-btn{
  background:rgba(13,21,38,.7) !important;
  border:1px solid var(--line) !important;
  color:var(--muted) !important;
  border-radius:10px !important;
  transition:.28s;
}
.tab-btn:hover{color:var(--cyan) !important; border-color:var(--line-2) !important;}
.tab-btn.active{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  font-weight:bold;
  box-shadow:0 8px 24px rgba(34,211,238,.32);
}
.card-bottom{border-top:1px solid var(--line) !important; background:rgba(9,15,26,.55) !important;}

/* ==========================================================================
   产品资料 products.html
   ========================================================================== */
.products-page .container,.container{color:var(--txt);}
.product-header{background:rgba(9,15,26,.75) !important; border-bottom:1px solid var(--line) !important;}
.product-header h2{color:#fff !important; font-weight:normal; line-height:1.7;}
.media-item{background:rgba(4,8,15,.6) !important;}
.description{color:var(--muted) !important; white-space:pre-line;}
.download-section{background:rgba(9,15,26,.6) !important; border-top:1px solid var(--line) !important;}
/* products.html 独立导航条（无 header 组件） */
body > nav{
  background:rgba(6,10,18,.86) !important;
  border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
body > nav a{color:var(--muted) !important;}
body > nav a:hover{color:var(--cyan) !important; background:rgba(34,211,238,.1) !important;}
body > header{background:rgba(6,10,18,.9) !important;}
body > header h1{
  background:linear-gradient(100deg,#fff,#7dd3fc);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  letter-spacing:2px;
}

/* ==========================================================================
   品质管控 quality.html
   ========================================================================== */
.section-top,.top-content,.quality-section,.bottom-row{position:relative;}
.top-content h2,.quality-section h2{color:#fff !important;}
.top-content p{color:var(--muted) !important;}
.video-card{overflow:hidden;}
.video-left,.video-right{background:rgba(9,15,26,.6) !important; border:1px solid var(--line) !important; border-radius:12px;}
.video-desc,.video-desc *{color:var(--muted) !important;}
.video-list{background:rgba(9,15,26,.6) !important; border:1px solid var(--line) !important; border-radius:12px;}
.tag-label,.tag-date-row{color:var(--cyan) !important;}
.date-text,.source-txt{color:var(--dim) !important;}
.tag-date-row{border-top:1px solid var(--line) !important;}

/* ==========================================================================
   详情页 detail-*.html
   ========================================================================== */
.detail-wrap{padding-top:34px;}
.back-link{
  color:var(--cyan) !important;
  border:1px solid var(--line-2) !important;
  background:rgba(34,211,238,.07) !important;
  border-radius:99px !important;
  padding:8px 20px !important;
  display:inline-block;
  transition:.28s;
}
.back-link:hover{background:rgba(34,211,238,.18) !important; box-shadow:var(--glow);}
.detail-title{color:#fff !important; letter-spacing:1px;}
.detail-price{color:var(--cyan) !important; text-shadow:0 0 20px rgba(34,211,238,.45);}
.detail-img-box{background:rgba(4,8,15,.55) !important; border:1px solid var(--line) !important;}
.gallery-box{background:rgba(4,8,15,.55) !important;}
.gallery-item{border:1px solid var(--line) !important; border-radius:12px; overflow:hidden; background:rgba(9,15,26,.7);}
.gallery-item img{transition:transform .45s ease;}
.gallery-item:hover img{transform:scale(1.05);}
.gallery-dots .dot{background:rgba(148,166,191,.4) !important;}
.gallery-dots .dot.active{background:var(--cyan) !important; box-shadow:0 0 12px var(--cyan);}
.gallery-pre,.gallery-next{
  background:rgba(9,15,26,.72) !important;
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
}
.module-block h3,.module-block h4{color:#fff !important;}
.module-block p,.module-block li,.module-block td,.module-block th{color:var(--muted) !important;}
.tip-text{color:var(--cyan) !important; background:rgba(34,211,238,.08) !important; border-left:2px solid var(--cyan) !important;}

/* ==========================================================================
   关于/联系/技术能力 容器页
   ========================================================================== */
.container{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:var(--shadow);
  padding:44px 46px !important;
}
.container h1,.container h2,.container h3{color:#fff !important;}
.container p,.container li{color:var(--muted) !important;}
.container strong,.container b{color:var(--cyan) !important;}
.container a{color:var(--cyan) !important;}
.info{background:var(--panel-2) !important; border:1px solid var(--line) !important; border-radius:12px;}
.info p,.info span{color:var(--muted) !important;}
.info h3{color:#fff !important;}

/* ==========================================================================
   页脚（全站共用）
   ========================================================================== */
footer{
  background:rgba(5,9,16,.92) !important;
  border-top:1px solid var(--line);
  position:relative;
  color:var(--muted) !important;
  margin-top:90px !important;
}
footer::before{
  content:''; position:absolute; left:0; right:0; top:-1px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.8),rgba(139,92,246,.6),transparent);
}
.footer-column h3{color:#fff !important; letter-spacing:1px; position:relative; padding-left:14px;}
.footer-column h3::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:3px; height:18px; border-radius:2px;
  background:linear-gradient(180deg,var(--cyan),var(--blue));
  box-shadow:0 0 12px rgba(34,211,238,.7);
}
.footer-column p,.footer-column p span{color:var(--muted) !important;}
.footer-nav a{color:var(--muted) !important; transition:.25s;}
.footer-nav a:hover{color:var(--cyan) !important; text-decoration:none !important; padding-left:6px;}
.copyright{
  border-top:1px solid var(--line) !important;
  color:var(--dim) !important;
  letter-spacing:.5px;
}

/* ==========================================================================
   支付页 pay.html / 管理后台 admin.html —— 保守适配（保持全部功能与可用性）
   ========================================================================== */
.pay-page,.admin-page{background:var(--bg) !important; color:var(--txt) !important;}
.pay-page .card,.pay-page .panel,.pay-page .order-card,.pay-page .box,
.admin-page .card,.admin-page .panel,.admin-page .stat-card,.admin-page .modal-box{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow);
  color:var(--txt) !important;
}
.pay-page h1,.pay-page h2,.pay-page h3,.admin-page h1,.admin-page h2,.admin-page h3{color:#fff !important;}
.pay-page .qr-box{background:#fff !important; border-radius:12px;}
.pay-page input,.pay-page select,.pay-page textarea,
.admin-page input,.admin-page select,.admin-page textarea{
  background:rgba(4,8,15,.6) !important;
  border:1px solid var(--line-2) !important;
  color:#fff !important;
  border-radius:8px !important;
}
.pay-page input::placeholder,.admin-page input::placeholder{color:var(--dim) !important;}
.pay-page table,.admin-page table{color:var(--txt);}
.admin-page th{background:rgba(9,15,26,.95) !important; color:var(--cyan) !important; border-color:var(--line) !important;}
.admin-page td{border-color:var(--line) !important; color:var(--muted) !important;}
.admin-page tr:nth-child(even) td{background:rgba(9,15,26,.4) !important;}

/* ==========================================================================
   支付页 pay.html —— 深度科技化（保留全部交互与绿色语义按钮）
   ========================================================================== */
body.pay-page h2,body.admin-page h2{
  color:#fff !important;
  border-left:4px solid var(--cyan) !important;
  text-shadow:0 0 30px rgba(34,211,238,.25);
}
body.pay-page .intro{color:var(--muted) !important;}
body.pay-page .steps{gap:14px;}
body.pay-page .step{
  background:rgba(13,21,38,.72) !important;
  color:var(--dim) !important;
  border:1px solid var(--line);
}
body.pay-page .step.active{
  background:linear-gradient(135deg, rgba(34,211,238,.2), rgba(59,130,246,.2)) !important;
  color:var(--cyan) !important;
  border-color:var(--line-2);
  box-shadow:0 0 22px rgba(34,211,238,.2);
}
body.pay-page .product-card{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  color:var(--txt);
}
body.pay-page .product-card:hover{border-color:var(--line-2) !important; box-shadow:0 18px 44px rgba(2,8,20,.6);}
body.pay-page .product-card.selected{
  border-color:var(--cyan) !important;
  background:rgba(34,211,238,.09) !important;
  box-shadow:0 0 0 1px rgba(34,211,238,.35), 0 14px 40px rgba(34,211,238,.16) !important;
  animation:none !important;
}
body.pay-page .product-name,body.pay-page .product-name *{color:#fff !important;}
body.pay-page .product-desc{color:var(--muted) !important;}
body.pay-page .product-price{color:var(--cyan) !important;}
body.pay-page .check-badge{background:rgba(34,211,238,.16) !important; border-color:var(--cyan) !important; color:var(--cyan) !important;}
body.pay-page .checkbox{border-color:rgba(148,166,191,.5) !important; background:rgba(4,8,15,.5) !important;}
body.pay-page .product-card.selected .checkbox{background:var(--cyan) !important; border-color:var(--cyan) !important;}
body.pay-page .qty-btn,body.pay-page .qty-input{
  background:rgba(4,8,15,.6) !important;
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
}
body.pay-page .qty-btn:hover{background:rgba(34,211,238,.18) !important;}
body.pay-page .form-section,body.pay-page .summary-card{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow);
}
body.pay-page .form-section h3,body.pay-page .summary-card h3{color:#fff !important; border-bottom-color:var(--line) !important;}
body.pay-page .form-item label{color:#c2d2e8 !important;}
body.pay-page .form-item .req{color:#f87171 !important;}
body.pay-page .form-item input,body.pay-page .form-item textarea,body.pay-page .form-item select{
  background:rgba(4,8,15,.6) !important;
  border:1px solid var(--line-2) !important;
  color:#fff !important;
}
body.pay-page .form-item input:focus,body.pay-page .form-item textarea:focus,body.pay-page .form-item select:focus{
  border-color:var(--cyan) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.14) !important;
}
body.pay-page .form-item select option{background:#0b1220; color:#e6edf7;}
body.pay-page .form-err{color:#fca5a5 !important;}
body.pay-page .summary-item,body.pay-page .summary-item span{color:var(--muted) !important;}
body.pay-page .summary-empty{color:var(--dim) !important;}
body.pay-page .summary-line{color:var(--muted) !important; border-top-color:var(--line) !important;}
body.pay-page .summary-total{border-top:2px solid var(--line-2) !important; color:#fff !important;}
body.pay-page .summary-total span{color:#fff !important;}
body.pay-page .total-price{color:var(--cyan) !important; text-shadow:0 0 20px rgba(34,211,238,.45);}
body.pay-page .pay-btn{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  box-shadow:0 12px 32px rgba(34,211,238,.32);
}
body.pay-page .pay-btn:hover{filter:brightness(1.08); box-shadow:0 16px 40px rgba(34,211,238,.5);}
body.pay-page .modal-mask{background:rgba(2,6,14,.82) !important; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);}
body.pay-page .modal{background:#0b1220 !important; border:1px solid var(--line-2) !important; box-shadow:0 30px 80px rgba(0,0,0,.7);}
body.pay-page .modal-close{color:var(--muted) !important;}
body.pay-page .order-no,body.pay-page .order-no b{color:var(--muted) !important;}
body.pay-page .order-no b{color:var(--cyan) !important; font-family:ui-monospace,Menlo,monospace;}
body.pay-page .pay-amount{color:var(--cyan) !important; text-shadow:0 0 24px rgba(34,211,238,.5);}
body.pay-page .pay-tabs{border-bottom-color:var(--line) !important;}
body.pay-page .pay-tab{
  background:rgba(13,21,38,.72) !important;
  border:1px solid var(--line) !important;
  color:var(--muted) !important;
}
body.pay-page .pay-tab.active{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  border-color:transparent !important;
  box-shadow:0 8px 22px rgba(34,211,238,.3);
}
body.pay-page .qr-box{background:#fff !important; border:1px solid var(--line-2) !important; box-shadow:0 0 30px rgba(34,211,238,.16);}
body.pay-page .pay-tip,body.pay-page .pay-tip *{color:var(--muted) !important;}
body.pay-page .notice{background:rgba(9,15,26,.75) !important; color:var(--muted) !important; border:1px solid var(--line);}
body.pay-page .copy-order-btn{background:rgba(34,211,238,.08) !important; color:var(--cyan) !important; border:1px solid var(--line-2) !important;}
body.pay-page .copy-order-btn:hover{background:rgba(34,211,238,.2) !important;}
body.pay-page .paid-btn{background:linear-gradient(135deg,#10b981,#059669) !important; color:#04120c !important;}
body.pay-page .paid-receipt{background:rgba(16,185,129,.12) !important; border:1px solid rgba(16,185,129,.45) !important; color:#6ee7b7 !important;}

/* ==========================================================================
   管理后台 admin.html —— 科技化
   ========================================================================== */
body.admin-page .stat-card,body.admin-page .login-box{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow);
}
body.admin-page .stat-card .num,body.admin-page .stat-card b{color:var(--cyan) !important;}
body.admin-page input,body.admin-page select{
  background:rgba(4,8,15,.6) !important;
  border:1px solid var(--line-2) !important;
  color:#fff !important;
}
body.admin-page button{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
  font-weight:bold;
}
body.admin-page table{background:transparent !important;}
body.admin-page .modal-box{background:#0b1220 !important; border:1px solid var(--line-2) !important;}

/* ==========================================================================
   PATCH v1.1 —— 深色背景下的文字对比度补丁 + 标题色统一
   ========================================================================== */
.container{color:var(--txt) !important;}
h2{border-left-color:var(--cyan) !important;}
.page-title p{color:var(--muted) !important;}
.page-title h2{
  background:linear-gradient(100deg,#fff,#7dd3fc);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  border-left:4px solid var(--cyan) !important;
}
.feat-list p{color:var(--muted) !important;}
.feat-list p::before{color:var(--cyan) !important;}
.section-top p,.top-content p{color:var(--muted) !important;}
.top-content .video-desc,.video-desc,.video-desc *{color:var(--muted) !important;}
.card-desc{color:var(--muted) !important;}
.card-text h3,.prod-card h3{color:#fff !important;}
.read-link,.detail-link{color:var(--cyan) !important;}
.info p,.info li,.info a{color:var(--muted) !important;}
.info strong,.info b{color:var(--cyan) !important;}
/* 详情页/资料页正文 */
.detail-wrap p,.module-block p,.module-block li{color:var(--muted) !important;}
.description,.description *{color:var(--muted) !important;}
.product-header h2{color:#e6edf7 !important;}
.download-btn{color:var(--cyan) !important;}

/* ==========================================================================
   PATCH v1.2 —— 逐页补齐「后代选择器优先级高于元素选择器」导致的深色文字
   ========================================================================== */
/* 详情页 */
.detail-wrap{
  background:linear-gradient(180deg, rgba(9,15,26,.82), rgba(9,15,26,.45)) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  padding:28px !important;
  margin-top:30px;
  box-shadow:var(--shadow);
}
.back-link{background:rgba(11,18,32,.94) !important;}
.detail-title h1{color:#fff !important; text-shadow:0 0 40px rgba(34,211,238,.18);}
.detail-title p,.detail-title span{color:var(--muted) !important;}
.detail-price,.detail-price *{color:var(--cyan) !important; text-shadow:0 0 20px rgba(34,211,238,.45);}
.module-block h2{color:#fff !important;}
.module-block li{color:var(--muted) !important;}
.tip-text,.tip-text *{color:var(--cyan) !important;}
.gallery-pre,.gallery-next{color:var(--cyan) !important;}
.gallery-item img{background:rgba(4,8,15,.4);}

/* 品质管控页 */
.section-top h2{color:#fff !important;}
.video-right h3{color:#fff !important;}
.video-right h3 *{color:#fff !important;}

/* 产品中心页 */
.tab-btn:not(.active){color:var(--muted) !important; background:rgba(13,21,38,.7) !important;}
.product-btn{color:var(--cyan) !important;}

/* 首页 */
.section-title h2{color:#fff !important;}
.product-text a,.product-text a *{color:var(--cyan) !important;}

/* 支付页补齐 */
body.pay-page .select-tip{color:#7dd3fc !important;}
body.pay-page .qty-row label{color:var(--muted) !important;}
body.pay-page .summary-total span:first-child{color:#fff !important;}
body.pay-page .modal h3,body.pay-page .modal h3 *{color:#fff !important;}
body.pay-page .countdown-bar{color:var(--muted) !important;}
body.pay-page .countdown-bar .time{color:var(--cyan) !important;}
body.pay-page .qr-expired p{color:#fca5a5 !important;}
body.pay-page .qr-expired{background:rgba(11,18,32,.96) !important;}
body.pay-page .select-tip,body.pay-page .notice,body.pay-page .pay-tip{line-height:1.8;}

/* 管理后台补齐（原页为浅色设计，需整体替换） */
body.admin-page{color:#e6edf7 !important;}
body.admin-page .login-wrap{
  background:var(--panel) !important;
  border:1px solid var(--line-2) !important;
  box-shadow:var(--shadow), 0 0 40px rgba(34,211,238,.1) !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
body.admin-page .login-wrap .sub{color:var(--dim) !important;}
body.admin-page .login-btn{background:linear-gradient(135deg,var(--cyan),var(--blue)) !important; color:#02121b !important;}
body.admin-page .topbar{background:rgba(6,10,18,.92) !important; border-bottom:1px solid var(--line) !important;}
body.admin-page .stat-card{background:var(--panel) !important; border:1px solid var(--line) !important;}
body.admin-page .stat-card .label{color:var(--dim) !important;}
body.admin-page .table-wrap{background:var(--panel) !important; border:1px solid var(--line) !important;}
body.admin-page .modal{background:#0b1220 !important; border:1px solid var(--line-2) !important;}
body.admin-page tbody tr:hover{background:rgba(34,211,238,.06) !important;}
body.admin-page .badge.pending{background:rgba(251,191,36,.18) !important; color:#fcd34d !important;}
body.admin-page .badge.refunded{background:rgba(248,113,113,.18) !important; color:#fca5a5 !important;}
body.admin-page .badge.shipped{background:rgba(34,211,238,.18) !important; color:var(--cyan) !important;}
body.admin-page .pagination button,body.admin-page .op-btn{background:rgba(13,21,38,.9) !important; border-color:var(--line-2) !important; color:var(--muted) !important;}
body.admin-page .op-btn.primary,body.admin-page .status-actions button.active{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
}
body.admin-page .empty,body.admin-page .loading{color:var(--dim) !important;}
body.admin-page .spacer{color:var(--dim) !important;}
body.admin-page .login-wrap h1{color:#fff !important;}
body.admin-page .login-wrap label,body.admin-page label{color:#c2d2e8 !important;}
body.admin-page .login-err{color:#fca5a5 !important;}
body.admin-page .topbar button,body.admin-page .op-btn,body.admin-page .status-actions button{
  background:rgba(34,211,238,.1) !important;
  border:1px solid var(--line-2) !important;
  color:var(--cyan) !important;
}
body.admin-page .op-btn.primary,body.admin-page .status-actions button.active{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#02121b !important;
}
body.admin-page .stat-card .num{color:var(--cyan) !important;}
body.admin-page .stat-card.total .num{color:#f87171 !important;}
body.admin-page .mono{color:var(--cyan) !important;}
body.admin-page .amount{color:#f87171 !important;}
body.admin-page thead th{color:var(--cyan) !important; background:rgba(9,15,26,.95) !important;}
body.admin-page .modal-head h2{color:#fff !important;}
body.admin-page .detail-item .val{color:#e6edf7 !important;}
body.admin-page .detail-item .k{color:var(--dim) !important;}
body.admin-page .items-box h3{color:#fff !important;}
body.admin-page .items-box{background:rgba(9,15,26,.6) !important; border:1px solid var(--line) !important; color:var(--muted) !important;}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width:992px){
  .hero-tech{min-height:auto;}
  .hero-tech .hero-inner{padding:64px 0;}
  .hero-stats{gap:30px;}
  .pc-nav ul{gap:22px !important;}
  .container{padding:28px 22px !important;}
}
@media (max-width:576px){
  .hero-cta{gap:12px;}
  .hero-cta .btn-primary,.hero-cta .btn-ghost{padding:13px 26px; font-size:15px;}
  .hero-stats{gap:22px; padding-top:22px;}
  .product-grid{gap:16px;}
}

@media (prefers-reduced-motion: reduce){
  .hero-tech .hero-scan{animation:none;}
  .hero-badge::before{animation:none;}
  .hero-tech .hero-video{display:none;}
}