/* ============================================================
   艾上租官网 · 子页深色科技风（products/solutions/therapy/about/contact）
   仅这 5 页加载，排在 style.css 之后；与首页 home.css 同一套视觉语言：
   深空蓝底 #050a24 / 青光 #7fd6ff / 橙 #F15A29 / 绿 #5ef09b
   ============================================================ */
body{
  background:#050a24;
  color:#c3ccf5;
}

/* ---------- 全局科技网格底纹（固定、不随滚动） ---------- */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(120,155,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,155,255,.045) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(circle at 50% 26%,#000 18%,transparent 76%);
  mask-image:radial-gradient(circle at 50% 26%,#000 18%,transparent 76%);
}
section,.foot{position:relative;z-index:1}

/* ---------- 导航（深色玻璃） ---------- */
.nav{background:rgba(5,10,36,.55);backdrop-filter:blur(14px);border-bottom:1px solid rgba(120,155,255,.12)}
.nav .logo{color:#fff}
.nav .menu a{color:#c3ccf5}
.nav .menu a:hover{color:#fff}
.nav .nav-toggle{color:#fff}
/* 当前页高亮 */
.menu a.act{color:#fff}
.menu a.act::after{width:100%;background:linear-gradient(90deg,#5fd0ff,#F15A29)}

/* ---------- 页头（深色 + 网格 + 辉光） ---------- */
.pagehead{
  position:relative;overflow:hidden;
  padding:84px 0 72px;
  border-bottom:1px solid rgba(120,155,255,.14);
  background:
    radial-gradient(900px 420px at 80% -10%, rgba(47,123,255,.30), transparent 62%),
    radial-gradient(680px 380px at 8% 110%, rgba(241,90,41,.16), transparent 60%),
    linear-gradient(160deg,#0a1140 0%,#16276f 55%,#0a1140 100%);
}
.pagehead::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(120,155,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,155,255,.06) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(circle at 50% 118%,#000 22%,transparent 70%);
  mask-image:radial-gradient(circle at 50% 118%,#000 22%,transparent 70%);
}
.pagehead .wrap{position:relative;z-index:2}
.pagehead h1{color:#fff}
.pagehead .sub{color:#a9b4e0}

/* ---------- 区块 ---------- */
.section{background:transparent}
.section.soft{
  background:linear-gradient(180deg,rgba(13,23,69,.55),rgba(6,11,38,.18));
  border-top:1px solid rgba(120,155,255,.08);
  border-bottom:1px solid rgba(120,155,255,.08);
}

/* ---------- 文字层级 ---------- */
h1,h2,h3{color:#fff}
.lead{color:#9aa6d0}

/* ---------- 卡片（玻璃拟态） ---------- */
.card{
  background:linear-gradient(160deg,rgba(22,34,96,.55),rgba(8,14,46,.62));
  border:1px solid rgba(120,155,255,.16);
  box-shadow:0 14px 40px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
}
.card:hover{transform:translateY(-4px);border-color:rgba(95,208,255,.42);box-shadow:0 20px 52px rgba(47,123,255,.18)}
.card h3{color:#fff}
.card p{color:#93a0cb;font-size:14.5px}
.card .more{color:#7fd6ff}
.card .ic{background:rgba(95,208,255,.1);border:1px solid rgba(95,208,255,.22);color:#7fd6ff}
.card .ic.o{background:rgba(241,90,41,.12);border-color:rgba(241,90,41,.26);color:#ff9d76}
.card .ic.g{background:rgba(61,220,132,.08);border-color:rgba(61,220,132,.22);color:#5ef09b}

/* ---------- 数据卡 / 步骤卡 ---------- */
.stat,.step{
  background:linear-gradient(160deg,rgba(22,34,96,.5),rgba(8,14,46,.6));
  border:1px solid rgba(120,155,255,.16);
  box-shadow:0 14px 40px rgba(0,0,0,.3);
}
.stat .n{color:#fff}
.stat .n.o{color:#ff9d76}
.stat .l{color:#8b98c6}
.step h3{color:#fff}
.step p{color:#93a0cb}
.step .num{background:linear-gradient(135deg,#F15A29,#ff8b5e);box-shadow:0 8px 22px rgba(241,90,41,.4)}

/* ---------- 列表 / 提示 ---------- */
.flist li{color:#a9b4e0}
.flist li::before{color:#5ef09b}
.note{color:#8b98c6;background:rgba(120,155,255,.05);border:1px dashed rgba(120,155,255,.24)}

/* ---------- 按钮 ---------- */
.btn-line{background:rgba(255,255,255,.04);color:#dfe5ff;border-color:rgba(120,155,255,.35)}
.btn-line:hover{border-color:#5fd0ff;color:#fff;background:rgba(95,208,255,.08)}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- 理念面板（覆盖内联深蓝，统一玻璃质感） ---------- */
.panel{
  background:linear-gradient(160deg,rgba(22,34,96,.9),rgba(8,14,46,.95)) !important;
  border:1px solid rgba(120,155,255,.28) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(6px);
}
.panel .ph{color:#9fb0e6}
.panel .chip span{background:rgba(95,208,255,.1);border:1px solid rgba(95,208,255,.28);color:#cfe9ff}

/* ---------- 温控口径引用条 ---------- */
.quote{
  background:linear-gradient(155deg,#0a1140 0%,#16276f 60%,#0a1140 100%);
  border:1px solid rgba(120,155,255,.22);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.quote .small{color:#9fb0e6}

/* ---------- 表单 ---------- */
.form input,.form textarea{
  background:rgba(120,155,255,.06);
  border:1px solid rgba(120,155,255,.2);
  color:#e8ecff;
}
.form input::placeholder,.form textarea::placeholder{color:#6b78a8}
.form input:focus,.form textarea:focus{border-color:#5fd0ff;box-shadow:0 0 0 3px rgba(95,208,255,.12)}

/* ---------- 页脚 ---------- */
.foot{background:linear-gradient(180deg,#070d33,#050a24);border-top:1px solid rgba(120,155,255,.14)}
.foot .bottom{color:#8b98c6}

/* ---------- 响应式 ---------- */
@media(max-width:980px){
  .pagehead{padding:64px 0 56px}
}
@media(max-width:640px){
  .menu{background:rgba(7,13,51,.98);border-bottom:1px solid rgba(120,155,255,.16)}
  .menu a{color:#c3ccf5;border-bottom:1px solid rgba(120,155,255,.1)}
  .menu a:hover{color:#fff}
  .menu a.act{color:#7fd6ff}
  .pagehead{padding:52px 0 48px}
  .card,.stat,.step{padding:20px}
}

/* ---------- 产品页头：左文右机 ---------- */
.pagehead .phgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}
.pagehead .phimg{text-align:center}
.pagehead .phimg img{height:400px;width:auto;max-width:100%;filter:drop-shadow(0 26px 50px rgba(0,0,0,.55))}
@media(max-width:860px){.pagehead .phgrid{grid-template-columns:1fr}.pagehead .phimg img{height:290px;width:auto}}

/* ---------- 五大古法灸法 ---------- */
.fivegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}
.fivegrid .five{background:rgba(120,155,255,.07);border:1px solid rgba(120,155,255,.2);border-radius:12px;padding:13px 6px;text-align:center}
.fivegrid .five b{display:block;font-size:14px;color:#fff;font-weight:700}
.fivegrid .five span{display:block;font-size:11px;color:#8d99c8;margin-top:4px}
@media(max-width:640px){.fivegrid{grid-template-columns:repeat(3,1fr)}}

/* ---------- 企业文化墙 ---------- */
.wallwrap{margin-top:36px;border-radius:18px;overflow:hidden;border:1px solid rgba(120,155,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.wallwrap img{display:block;width:100%;height:auto}