/* ============================================================
   MuyuGPT 站点样式（多页共享）
   配色：翠绿主色 #10b981 / 悬停 #059669 · 标题深蓝灰 #0f172a
   正文 #334155 · 背景浅蓝灰渐变 #f8fafc→#e0f2fe
   （仅调整配色，布局/结构/交互保持不变）
   ============================================================ */
:root{
  --bg:#f8fafc;--bg2:#e8f1fb;--card:#ffffff;--border:#e2e8f0;--border-strong:#cbd5e1;
  --ink:#0f172a;--ink-soft:#334155;--muted:#64748b;
  --grass:#10b981;--grass-lite:#34d399;--grass-deep:#059669;
  --shadow:0 16px 40px rgba(15,23,42,.10);--radius:16px;--maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;min-height:100%;background:#ffffff;}
body{font-family:"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,sans-serif;
  background:transparent;
  color:var(--ink-soft);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
/* 全站统一底层背景图：满宽高完整展示（左侧机器人、右侧球形光效不裁切），滚动固定 */
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:url("../assets/images/home-video-background.png");
  background-size:100% 100%;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;}
/* 弱化底图遮罩（位于视频层之下，不影响视频清晰度） */
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:rgba(255,255,255,0.45);}
/* 最右侧窄竖条视频层：固定不消失，背景之上、页面内容之下，不拦截任何点击 */
.site-side-video{position:fixed;top:0;right:0;width:21.5%;height:100vh;z-index:-1;
  overflow:hidden;pointer-events:none;}
.site-side-video video{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:rgba(16,185,129,.22);}
h1,h2,h3,h4,strong,b{color:var(--ink);}
section{scroll-margin-top:88px;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}

/* ---------- 顶部导航 + 教程下拉 ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(248,250,252,.82);
  backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border);}
.nav-inner{max-width:var(--maxw);margin:0 auto;height:70px;padding:0 22px;display:flex;align-items:center;gap:22px;}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;}
/* LOGO：图二方形黑底 M 标记（SVG），右侧 MuyuGPT 用真实文字渲染 */
.logo-img{height:48px;width:48px;min-width:48px;max-width:48px;flex-shrink:0;
  object-fit:contain;object-position:center;
  border:none;background:transparent;padding:0;box-shadow:none;border-radius:0;}
/* LOGO 拉宽至紧邻「首页」，仅留少量空隙 */
.nav-inner .brand{margin-right:0;}
/* 页脚 LOGO：明显大于导航，形成与品牌介绍文字的视觉层级 */
.footer-brand .logo-img{height:60px;max-width:300px;}
/* 品牌文字「MuyuGPT」：真实文字渲染，放大加粗加距，仿原图双色（Muyu 深墨 / GPT 青绿渐变） */
.brand-name{font-size:27px;font-weight:900;color:#0F172A;letter-spacing:1.5px;line-height:1;
  font-family:"Microsoft YaHei","PingFang SC","Heiti SC",sans-serif;display:inline-flex;align-items:center;}
.brand-name em{font-style:normal;margin-left:2px;
  background:linear-gradient(120deg,#00C290,#009452);-webkit-background-clip:text;background-clip:text;color:transparent;}
.footer-brand .logo-img{height:60px;width:60px;min-width:60px;max-width:60px;}
.footer-brand .brand-name{font-size:31px;}
.nav-menu{display:flex;align-items:center;gap:22px;list-style:none;height:100%;margin-left:8px;}
.nav-item{position:relative;height:100%;display:flex;align-items:center;}
.nav-link{font:inherit;font-size:15px;font-weight:700;color:var(--ink);background:none;border:none;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;padding:6px 2px;transition:color .2s;}
.nav-link:hover{color:var(--grass-deep);}
.nav-link .caret{font-size:11px;transition:transform .2s;}
.nav-item.open .nav-link .caret{transform:rotate(180deg);}
.drop{position:absolute;top:60px;left:-14px;min-width:288px;background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;}
.nav-item.has-drop:hover .drop,.nav-item.open .drop{opacity:1;visibility:visible;transform:translateY(0);}
.drop-item{display:block;padding:12px 14px;border-radius:10px;transition:background .2s;}
.drop-item:hover{background:rgba(16,185,129,.08);}
.drop-item b{display:block;font-size:14.5px;color:var(--ink);}
.drop-item span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:16px;}
.nav-right a{font-size:14px;font-weight:600;color:var(--ink-soft);transition:color .2s;}
.nav-right a:hover{color:var(--grass);}
.nav-toggle{display:none;}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 24px;
  border-radius:999px;cursor:pointer;border:1.5px solid var(--grass);background:#fff;color:var(--grass);transition:all .2s;}
.btn:hover{background:var(--grass);color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,185,129,.32);}
.btn-fill{background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(16,185,129,.28);}
.btn-fill:hover{background:var(--grass-deep);color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,185,129,.42);}
.btn-block{width:100%;}
.btn .arrow{transition:transform .2s;}
.btn:hover .arrow{transform:translateX(4px);}

/* ---------- 英雄区 ---------- */
.hero{position:relative;overflow:hidden;text-align:center;padding:42px 22px 84px;
  background:radial-gradient(760px 340px at 50% -12%,#cfe8ff 0,transparent 62%);}
.hero .pill{display:inline-block;padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--grass-deep);
  background:#fff;border:1px solid var(--border);box-shadow:0 6px 16px rgba(15,23,42,.08);margin-bottom:12px;}
.hero h1{font-size:clamp(32px,5.6vw,56px);line-height:1.14;letter-spacing:-.5px;color:var(--ink);}
.hero h1 .ink{color:var(--grass-deep);}
.hero .sub{margin:18px auto 0;max-width:620px;color:var(--ink-soft);font-size:clamp(15px,2.2vw,18px);}
.hero .cta{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero .stats{margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:680px;}
.hero .stat{padding:18px 8px;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 20px rgba(15,23,42,.06);}
.hero .stat b{display:block;font-size:clamp(22px,3.4vw,30px);color:var(--grass-deep);}
.hero .stat span{font-size:12.5px;color:var(--muted);}

/* ---------- 英雄区按钮下方补充模块（三层） ---------- */
.hero-extra{max-width:440px;margin:26px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;}
.hx-prolink{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--grass-deep);
  background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.25);border-radius:999px;padding:7px 16px;transition:all .2s;}
.hx-prolink:hover{background:rgba(16,185,129,.16);transform:translateY(-1px);}
.hx-prolink span{font-size:16px;line-height:1;}
.hx-marquee{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:8px 14px;box-shadow:0 6px 16px rgba(15,23,42,.05);overflow:hidden;}
.hx-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;
  background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));color:#fff;}
.hx-viewport{flex:1;overflow:hidden;}
.hx-track{display:inline-flex;white-space:nowrap;animation:hxscroll 14s linear infinite;}
.hx-track span{padding-right:48px;font-size:13.5px;color:var(--ink-soft);font-weight:600;}
.hx-track b{color:var(--grass-deep);}
.hx-marquee:hover .hx-track{animation-play-state:paused;}
@keyframes hxscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hx-status{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:600;color:var(--ink-soft);
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:9px 14px;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.hx-status b{color:var(--grass-deep);display:inline-block;min-width:1.1em;text-align:center;}
.hx-status b.bump{animation:hxbump .45s ease;}
@keyframes hxbump{0%{transform:translateY(-7px);opacity:0}60%{transform:translateY(2px);opacity:1}100%{transform:none;opacity:1}}
.hx-dot{width:8px;height:8px;border-radius:50%;background:var(--grass);animation:hxpulse 1.8s ease-out infinite;}
@keyframes hxpulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
/* 底部无限滚动提示栏 */
.hx-ticker{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:9px 14px;box-shadow:0 6px 16px rgba(15,23,42,.05);overflow:hidden;}
.hx-tdot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--grass);animation:hxpulse 2.5s ease-out infinite;animation-delay:-1.1s;}
.hx-tviewport{flex:1;overflow:hidden;}
.hx-ttrack{display:inline-flex;white-space:nowrap;animation:hxscroll 40s linear infinite;will-change:transform;}
.hx-titem{padding-right:42px;font-size:13px;color:var(--ink-soft);font-weight:600;}
.hx-ticker:hover .hx-ttrack{animation-play-state:paused;}

/* ---------- 区块标题 ---------- */
.section{max-width:var(--maxw);margin:0 auto;padding:56px 22px;}
.sec-head{text-align:center;max-width:640px;margin:0 auto 46px;}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:3px;font-weight:800;color:var(--grass);margin-bottom:10px;}
.sec-head h2{font-size:clamp(26px,4.2vw,38px);letter-spacing:-.4px;}
.sec-head p{margin-top:12px;color:var(--ink-soft);font-size:16px;}
.band{background:rgba(255,255,255,0.45);border-block:1px solid var(--border);}

/* ---------- 商品卡片（首页 + 弹窗 + 详情页） ---------- */
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;}
/* 首页「选购会员」5 卡：恢复原卡宽（不拉伸不缩窄），仅父容器整组左移避让视频；
   价格/按钮对齐仅靠统一标题描述区高度实现，不增加卡片总高 */
#homeProducts{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;justify-content:center;margin-inline:auto;}
/* 卡片内部分区对齐 + 收紧高度：统一标题/描述/红字槽位高度 → 价格、原价同一水平线；按钮沉底 */
#homeProducts .pcard{display:flex;flex-direction:column;padding:20px 18px;}
#homeProducts .p-icon{margin-bottom:10px;}
#homeProducts .p-brand{margin-bottom:2px;}
#homeProducts .p-name{min-height:44px;margin-bottom:4px;}
#homeProducts .p-desc{min-height:56px;margin-bottom:0;}
#homeProducts .p-homenote{min-height:18px;color:#ef4444;font-size:12px;font-weight:600;line-height:1.3;text-align:left;margin:6px 0 8px;}
#homeProducts .p-price{display:flex;align-items:baseline;flex-wrap:wrap;margin:0 0 10px;}
#homeProducts .p-feat{margin:8px 0 12px;}
#homeProducts .p-feat li{margin-bottom:5px;line-height:1.4;}
#homeProducts .p-buy{margin-top:auto;}
@media (max-width:1180px){#homeProducts{transform:none;}}
@media (max-width:1000px){#homeProducts{grid-template-columns:repeat(3,minmax(0,1fr));transform:none;}}
@media (max-width:640px){#homeProducts{grid-template-columns:repeat(2,minmax(0,1fr));}}
.pcard{position:relative;border-radius:var(--radius);padding:26px 22px;background:var(--card);border:1px solid var(--border);
  box-shadow:0 12px 28px rgba(15,23,42,.07);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;}
.pcard:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(16,185,129,.18);border-color:var(--grass-lite);}
.p-badge{position:absolute;top:14px;right:14px;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;
  background:linear-gradient(120deg,var(--grass-lite),var(--grass-deep));color:#fff;}
.p-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;border:1px solid var(--border);}
.p-icon svg{width:28px;height:28px;}
.p-brand{font-size:12.5px;color:var(--muted);}
.p-name{font-size:19px;margin:2px 0 8px;color:var(--ink);}
.p-desc{font-size:13.5px;color:var(--ink-soft);min-height:38px;}
.p-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 2px;}
.p-price .cur{font-size:16px;font-weight:800;color:var(--grass-deep);}
.p-price .amt{font-size:34px;font-weight:800;letter-spacing:-1px;color:var(--ink);}
.p-price .unit{font-size:12.5px;color:var(--muted);}
.p-price .orig{font-size:13.5px;color:var(--muted);text-decoration:line-through;}
.p-feat{list-style:none;margin:12px 0 18px;display:grid;gap:8px;}
.p-feat li{font-size:13.5px;color:var(--ink-soft);display:flex;gap:9px;align-items:center;}
.p-feat li::before{content:"✓";color:var(--grass);font-weight:800;}
.p-buy{margin-top:auto;}

/* ---------- 选购弹窗 ---------- */
.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;}
.modal.open{display:flex;}
.modal-mask{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);}
.modal-card{position:relative;z-index:1;width:100%;max-width:960px;max-height:88vh;overflow:auto;background:var(--bg);
  border:1px solid var(--border-strong);border-radius:22px;padding:28px;box-shadow:var(--shadow);}
.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);
  background:#fff;color:var(--ink-soft);cursor:pointer;font-size:16px;z-index:2;}
.modal-close:hover{color:var(--grass);border-color:var(--grass);}
.modal-head{text-align:center;margin-bottom:22px;}
.modal-head h3{font-size:24px;}
.modal-head p{color:var(--ink-soft);font-size:14.5px;margin-top:6px;}

/* 产品选择弹窗选项 */
.prod-select{display:grid;gap:12px;}
.prod-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;
  font:inherit;font-size:16px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:16px 18px;cursor:pointer;transition:all .2s;}
.prod-opt:hover{border-color:var(--grass);background:var(--bg2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,185,129,.14);}
.prod-opt .po-arrow{color:var(--grass);font-weight:800;transition:transform .2s;}
.prod-opt:hover .po-arrow{transform:translateX(4px);}

/* ---------- 订单查询表单 ---------- */
/* ---------- 订单查询（单卡片居中布局，黑白灰+绿点缀；仅 order.html 使用） ---------- */
.lookup-wrap{max-width:820px;margin:0 auto;}
.lk-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:38px 40px;box-shadow:var(--shadow);}
.lk-panel h2{font-size:28px;text-align:center;margin:0;}
.lk-panel .lead{text-align:center;color:var(--ink-soft);font-size:14.5px;margin:10px 0 24px;}
.lk-search{display:flex;gap:12px;align-items:stretch;}
.lk-search .lk-input{flex:1;min-width:0;}
.lk-input{width:100%;box-sizing:border-box;height:52px;font:inherit;font-size:15px;color:var(--ink);background:#fff;
  border:1px solid var(--border);border-radius:12px;padding:0 16px;outline:none;transition:border-color .2s;}
.lk-input:focus{border-color:var(--grass);}
.lk-input.invalid{border-color:#e11d48;}
.lk-btn{flex:0 0 auto;box-sizing:border-box;height:52px;padding:0 26px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;
  font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;justify-content:center;}
.lk-btn:hover{box-shadow:0 0 0 1px var(--grass) inset;border-color:var(--grass);}
.lk-btn:disabled{opacity:.55;cursor:not-allowed;}
.lk-pwd-row{margin-top:12px;}
.lk-hint{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.6;}
.lk-err{color:#e11d48;font-size:12.5px;margin-top:6px;min-height:0;}
/* 自助充值引导卡（置于查询卡片内） */
.lk-rc{margin-top:22px;border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;}
.lk-rc-ico{width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:rgba(16,185,129,.1);display:grid;place-items:center;}
.lk-rc-bd{flex:1;min-width:0;}
.lk-rc-bd h3{font-size:16.5px;margin:0 0 6px;color:var(--ink);}
.lk-rc-bd p{font-size:13.5px;color:var(--ink-soft);line-height:1.65;margin:0 0 10px;}
.lk-rc-status{font-size:12.5px;color:var(--grass-deep);font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.lk-rc-status .dot{width:7px;height:7px;border-radius:50%;background:var(--grass);}
.lk-rc-status.off{color:#a16207;}
.lk-rc-status.off .dot{background:#f59e0b;}
/* 结果与状态 */
.lk-result{margin-top:20px;border-radius:12px;font-size:14px;display:none;line-height:1.7;}
.lk-result.show{display:block;}
.lk-result.info,.lk-result.warn,.lk-result.err{padding:16px 18px;}
.lk-result.info{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:var(--grass-deep);}
.lk-result.warn,.lk-result.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;}
.lk-result.ok{background:#fff;border:1px solid var(--border);color:var(--ink);}
.lk-kv{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;padding:18px 20px;}
.lk-kv .k{color:var(--muted);font-size:13.5px;}
.lk-kv .v{color:var(--ink);font-weight:600;font-size:13.5px;word-break:break-all;}
.lk-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;}
.lk-b-paid{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.lk-b-pending{background:#fffbeb;color:#a16207;border:1px solid #fde68a;}
.lk-b-closed{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;}
@media(max-width:640px){
  .lk-panel{padding:22px 16px;}
  .lk-panel h2{font-size:23px;}
  .lk-search{flex-direction:column;}
  .lk-btn{width:100%;}
  .lk-rc{flex-direction:column;}
  .lk-kv{grid-template-columns:1fr;gap:2px 0;}
  .lk-kv .k{margin-top:8px;}
}

/* ---------- 服务宣传三块 ---------- */
.promo-intro{max-width:760px;margin:0 auto 34px;text-align:center;color:var(--ink-soft);font-size:17px;}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto;}
.promo{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.06);}
.promo .pi{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;font-size:26px;
  background:rgba(16,185,129,.12);}
.promo h3{font-size:20px;margin-bottom:6px;}
.promo p{color:var(--ink-soft);font-size:15px;}

/* ---------- 步骤/流程（首页与教程共用） ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.step{padding:28px 24px;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px rgba(15,23,42,.06);}
.step-no{font-size:34px;font-weight:800;color:var(--grass);letter-spacing:-1px;}
.step h3{margin:8px 0 6px;font-size:18px;}
.step p{color:var(--ink-soft);font-size:15px;}

/* ---------- 视频 ---------- */
.video-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#000;}
.video-wrap video{display:block;width:100%;height:auto;background:#000;}
.video-tip{text-align:center;margin-top:12px;color:var(--muted);font-size:13.5px;}

/* ---------- 教程页：目录 + 内容 ---------- */
.page{max-width:var(--maxw);margin:0 auto;padding:34px 22px 40px;display:grid;grid-template-columns:212px 1fr;gap:30px;align-items:start;}
.toc{position:sticky;top:92px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.toc h4{font-size:13px;letter-spacing:1px;margin-bottom:10px;color:var(--muted);}
.toc a{display:block;font-size:14px;font-weight:600;color:var(--ink-soft);padding:8px 10px;border-radius:8px;transition:all .2s;}
.toc a:hover{background:rgba(16,185,129,.08);color:var(--grass);}
.content{min-width:0;}
.block{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:30px;margin-bottom:26px;box-shadow:0 12px 28px rgba(15,23,42,.06);}
.block h2{font-size:clamp(22px,3.4vw,30px);}
.block .lead{color:var(--ink-soft);font-size:16px;margin-top:8px;}
.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 10px;}
.ov-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--bg2);}
.ov-card .n{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));margin-bottom:12px;}
.ov-card h3{font-size:17px;margin-bottom:4px;}.ov-card p{font-size:13.5px;color:var(--ink-soft);}
.step-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;}
.step-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));flex-shrink:0;}
.substep{display:flex;gap:14px;margin-top:20px;}
.substep .sn{width:26px;height:26px;border-radius:50%;border:2px solid var(--grass);color:var(--grass);font-weight:800;font-size:13px;display:grid;place-items:center;flex-shrink:0;background:#fff;}
.substep .sc{flex:1;min-width:0;}.substep .sc h4{font-size:15.5px;margin-bottom:4px;}.substep .sc p{font-size:14px;color:var(--ink-soft);}
.shot{margin-top:12px;height:200px;border:1.5px dashed var(--border-strong);border-radius:12px;
  background:repeating-linear-gradient(45deg,rgba(16,185,129,.05) 0 12px,transparent 12px 24px),var(--bg2);
  display:grid;place-items:center;color:var(--muted);font-size:13.5px;text-align:center;}
.note{margin-top:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg2);font-size:14px;color:var(--ink-soft);}
.note.sec{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.07);}
.note b,.note a{color:var(--grass);}.note a{font-weight:700;}
.acc{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;margin-top:12px;}
.acc-q{width:100%;text-align:left;font:inherit;font-size:15px;font-weight:700;color:var(--ink);background:none;border:none;cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.acc-q i{font-style:normal;font-size:20px;color:var(--grass);transition:transform .25s;flex-shrink:0;}
.acc.open .acc-q i{transform:rotate(45deg);}
.acc-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.acc-a p{padding:0 18px 16px;color:var(--ink-soft);font-size:14px;}

/* ---------- FAQ 双栏 ---------- */
.faq2{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;}
.faq-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.faq-cat-btn{text-align:left;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink-soft);background:none;border:none;cursor:pointer;padding:11px 12px;border-radius:10px;transition:all .2s;display:flex;align-items:center;gap:9px;white-space:nowrap;}
.faq-cat-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:background .2s;flex-shrink:0;}
.faq-cat-btn .cat-name{flex:0 1 auto;}
.faq-cat-btn .cat-count{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--bg2);border:1px solid var(--border);border-radius:999px;padding:1px 8px;}
.faq-cat-btn:hover{background:rgba(16,185,129,.08);color:var(--grass);}
.faq-cat-btn.active{background:rgba(16,185,129,.12);color:var(--grass);}
.faq-cat-btn.active .dot{background:var(--grass);}
.faq-cat-btn.active .cat-count{color:var(--grass);background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.3);}
.faq-panel{display:grid;gap:12px;align-content:start;min-width:0;}
.panel-title{display:flex;align-items:baseline;gap:8px;font-size:19px;}
.panel-title .pt-count{font-size:13px;font-weight:600;color:var(--muted);}
.faq-item{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.faq-q{width:100%;text-align:left;font:inherit;font-size:15px;font-weight:700;color:var(--ink);background:none;border:none;cursor:pointer;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq-q i{font-style:normal;font-size:21px;color:var(--grass);transition:transform .25s;flex-shrink:0;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 18px 16px;color:var(--ink-soft);font-size:14px;}
.faq-more{margin-top:22px;text-align:center;color:var(--ink-soft);font-size:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.05);}
.faq-more b{color:var(--grass);}

/* ---------- 产品详情页（顶部大幅收拢，削减垂直空白） ---------- */
.detail-hero{padding:40px 22px 10px;background:radial-gradient(700px 280px at 20% -20%,#cfe8ff 0,transparent 60%);}
.detail-hero .eyebrow{margin-bottom:7px;}
.detail-hero h1{font-size:clamp(24px,4vw,34px);}
.detail-hero .sub{color:var(--ink-soft);font-size:14.5px;margin-top:7px;max-width:640px;}
.badges{margin-top:11px;display:flex;gap:10px;flex-wrap:wrap;}
.badges span{font-size:12.5px;font-weight:700;color:var(--grass-deep);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:999px;padding:5px 12px;}
.detail-cta{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:40px auto 0;}
.trust{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.05);}
.trust .ti{font-size:26px;margin-bottom:8px;}
.trust h4{font-size:16px;margin-bottom:4px;}
.trust p{font-size:13.5px;color:var(--ink-soft);}
.support{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center;}
.qr{width:120px;height:120px;border-radius:14px;border:1.5px dashed var(--border-strong);background:var(--bg2);display:grid;place-items:center;color:var(--muted);font-size:12.5px;text-align:center;flex-shrink:0;}

/* ---------- 页脚 ---------- */
.footer{background:rgba(255,255,255,0.55);border-top:1px solid var(--border);padding:52px 22px 26px;}
.footer-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:24px;justify-items:center;text-align:center;}
.footer-brand .brand{justify-content:center;}
.footer-cs{margin-top:10px;font-size:13px;}
.footer-cs a{color:var(--grass-deep);font-weight:700;cursor:pointer;transition:color .2s;}
.footer-cs a:hover{color:var(--grass);}
.footer-brand .brand{margin-bottom:12px;}
.footer-brand p{color:var(--muted);font-size:13.5px;}
.footer-col h4{font-size:14px;margin-bottom:12px;}
.footer-col a{display:block;color:var(--muted);font-size:13.5px;padding:5px 0;transition:color .2s;}
.footer-col a:hover{color:var(--grass);}
.footer-bottom{max-width:var(--maxw);margin:32px auto 0;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px;text-align:center;line-height:1.9;}

/* ---------- 客服悬浮 & toast ---------- */
.chat-fab{position:fixed;right:24px;bottom:24px;z-index:70;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));box-shadow:0 12px 28px rgba(16,185,129,.45);transition:transform .2s;}
.chat-fab:hover{transform:scale(1.1) rotate(-6deg);}
.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,24px);z-index:100;background:rgba(15,23,42,.96);color:#f1f5f9;padding:12px 22px;border-radius:12px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:var(--shadow);}
.toast.show{opacity:1;transform:translate(-50%,0);}

/* ---------- 为什么选我们 ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feature{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:0 10px 24px rgba(15,23,42,.06);transition:transform .25s,border-color .25s;}
.feature:hover{transform:translateY(-5px);border-color:var(--grass-lite);}
.feature .fi{font-size:28px;margin-bottom:10px;}
.feature h3{font-size:18px;margin-bottom:6px;}
.feature p{color:var(--ink-soft);font-size:14.5px;}

/* ---------- 确认订单弹窗 ---------- */
.order-card{max-width:440px!important;}
/* 确认订单弹窗：紧凑垂直节奏；两个联系方式字段复用同一 .field-input 组件；错误紧贴输入框、不在两字段间留大块空白；无固定/最小高度 */
.order-card .order-product{margin-bottom:12px;}
.order-card .pay-methods{margin-bottom:14px;}
.order-card .field-label{margin:0 0 6px;}
.order-card .field-input{margin-bottom:0;}
.order-card .field-input.err{border-color:#c62828;}
.order-card .field-err{min-height:0;margin:5px 2px 12px;}
.order-card .order-total{padding:12px 0;margin-bottom:12px;}
.order-card #orderPay{margin:0;}
.order-card .pay-hint{margin-top:10px;}
.modal-title{font-size:22px;margin-bottom:16px;color:var(--ink);}
.order-product{padding:14px 16px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);margin-bottom:18px;}
.order-product .op-name{font-weight:700;color:var(--ink);font-size:16px;}
.order-product .op-desc{font-size:12.5px;color:var(--muted);margin-top:2px;}
.order-product .op-price{font-size:22px;font-weight:800;color:var(--ink);margin-top:4px;}
.req-star{color:#c62828;font-weight:700;margin-left:2px;}
.order-terms{margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.6;text-align:center;}
.field-label{display:block;font-size:13px;color:var(--muted);margin:4px 0 10px;}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}
.pay-method{font:inherit;font-size:15px;color:var(--ink-soft);background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;}
.pay-method.active{border-color:var(--grass);color:var(--grass);box-shadow:0 0 0 1px var(--grass) inset;}
.pm-ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;}
.pm-alipay{background:#1677ff;}.pm-wechat{background:#21a35a;}
.field-input{width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:18px;outline:none;transition:border-color .2s;}
.field-input:focus{border-color:var(--grass);}
.order-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-top:1px dashed var(--border);margin-bottom:14px;}
.order-total span{color:var(--muted);}
.order-total b{font-size:30px;font-weight:800;color:var(--ink);}
.order-tip{margin-top:10px;font-size:12.5px;color:var(--muted);text-align:center;min-height:16px;}

/* ---------- 响应式 ---------- */
@media(max-width:980px){
  .page{grid-template-columns:1fr;}.toc{position:static;}
  .overview,.steps,.promo-grid,.trust-row,.feature-grid{grid-template-columns:1fr;}
  .faq2{grid-template-columns:1fr;}.faq-side{position:static;flex-direction:row;overflow-x:auto;}
  .hero .stats{grid-template-columns:repeat(2,1fr);}
  .footer-in{grid-template-columns:1fr 1fr;}
}
@media(max-width:1024px){
  .nav-menu,.nav-right{display:none;}
  .nav-toggle{display:inline-flex;margin-left:auto;font-size:22px;background:none;border:none;color:var(--grass);cursor:pointer;}
  .nav-menu.show{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;height:auto;background:#fff;border-bottom:1px solid var(--border);padding:10px 22px;gap:6px;z-index:60;}
  .nav-menu.show .nav-item{height:auto;}
  .nav-menu.show .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:4px 0 4px 12px;min-width:auto;}
  .brand-name{font-size:18px;}
}

/* ============================================================
   新增：客户友好型私域引导（引导弹窗 / 成功弹窗 / 次要按钮 / 温馨提示）
   ============================================================ */
.btn-secondary{background:#f1f5f9;color:var(--ink-soft);border-color:var(--border);}
.btn-secondary:hover{background:#e2e8f0;color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.10);}

.guide-card{max-width:470px!important;}
.guide-top{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap;}
.guide-qr{width:112px;height:112px;border-radius:14px;border:1.5px dashed var(--border-strong);background:var(--bg2);
  display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;flex-shrink:0;}
.guide-wx{flex:1;min-width:150px;}
.guide-wx .gw-label{font-size:12px;color:var(--muted);margin-bottom:6px;}
.guide-wx .gw-id{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:.5px;word-break:break-all;}
.gw-copy{margin-top:10px;font:inherit;font-size:13px;font-weight:700;color:#fff;background:var(--grass);border:none;
  border-radius:10px;padding:8px 16px;cursor:pointer;transition:all .2s;}
.gw-copy:hover{background:var(--grass-deep);transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,185,129,.35);}
.guide-lead{color:var(--ink-soft);font-size:14.5px;margin-bottom:10px;}
.guide-points{margin:0 0 20px 20px;display:grid;gap:10px;}
.guide-points li{color:var(--ink-soft);font-size:13.5px;line-height:1.6;padding-left:4px;}
.guide-points li::marker{color:var(--grass);font-weight:800;}
.guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;}

.pay-hint{margin-top:12px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6;}
.promo-note{max-width:820px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:13.5px;}

.success-card{max-width:440px!important;text-align:center;}
.success-ic{width:64px;height:64px;border-radius:50%;margin:4px auto 14px;display:grid;place-items:center;font-size:32px;
  color:#fff;background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));box-shadow:0 10px 24px rgba(16,185,129,.4);}
.success-text{color:var(--ink-soft);font-size:14.5px;margin-bottom:18px;}

.chat-fab.labeled{width:auto;height:52px;border-radius:999px;padding:0 20px;gap:8px;font-size:15px;font-weight:800;}

/* ============================================================
   本轮新增：导航 ChatGPT 层级 · 套餐备注 · 详情页紧凑 · 多渠道
   ============================================================ */
.nav-chatgpt{display:inline-flex;align-items:baseline;gap:5px;}
.nav-chatgpt b{font-size:17px;font-weight:700;color:var(--ink);line-height:1;}
.nav-chatgpt small{font-size:11px;font-weight:600;color:var(--muted);}
.nav-chatgpt:hover b{color:var(--grass-deep);}
.nav-prod{font-size:13px!important;color:var(--ink-soft);}
.nav-prod:hover{color:var(--grass);}

.tier-note{margin:2px 0 0;font-size:12px;color:var(--muted);}
/* 标题与价格之间的红色小字提示（左对齐，无边框无底色） */
.tier-prenote{font-size:13px;color:#ef4444;font-weight:600;margin:10px 0 6px;line-height:1.4;text-align:left;}
/* 功能列表下方的红色小字提示 */
.tier-footred{font-size:11.5px;color:#e11d48;font-weight:600;margin:6px 0 10px;line-height:1.5;}
.unit-big{font-size:16px!important;font-weight:800;color:var(--ink);}

/* 产品详情页 · 顶部说明：单行居中、字号缩小、红色、上移、贴紧下方服务栏 */
.detail-promo{padding:8px 22px 0!important;}
.detail-promo .promo-intro{color:#dc2626;font-size:12.5px;font-weight:600;margin:0 auto 8px;text-align:center;
  white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}

/* 产品详情页 · 三项服务优势：紧凑横向单行（取消白色圆角卡片、大幅收窄、压缩高度） */
.detail-promo .promo-grid{max-width:780px;margin:0 auto;gap:8px;grid-template-columns:repeat(3,auto);justify-content:center;}
.detail-promo .promo{display:flex;align-items:center;gap:7px;background:none;border:none;box-shadow:none;padding:4px 10px;text-align:left;}
.detail-promo .promo .pi{width:auto;height:auto;background:none;border-radius:0;font-size:17px;margin:0;}
.detail-promo .promo h3{font-size:13px;margin:0;white-space:nowrap;}
.detail-promo .promo p{font-size:11.5px;margin:0;white-space:nowrap;color:var(--muted);}
.detail-promo .promo p::before{content:"｜";color:var(--border-strong);margin:0 3px 0 1px;}

/* 产品详情页 · 套餐标题区：字号缩小、收窄上下留白 */
.detail-tiers{padding:6px 22px 74px!important;}
.detail-tiers .sec-head{margin:0 auto 16px;}
.detail-tiers .eyebrow{margin-bottom:5px;}
.detail-tiers .sec-head h2{font-size:23px;}
.detail-tiers .sec-head p{font-size:13px;margin-top:5px;}

/* 产品详情页 · 套餐卡片：横向均分（可容纳5档）、上移紧贴标题、放大为核心视觉区 */
.detail-tiers .tier-grid{gap:11px;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));}
.detail-tiers .pcard{padding-top:16px;padding-bottom:16px;}
/* ChatGPT Plus 代充页三卡：整体居中偏左，右侧少量留白避让视频（三卡一行，内容不变） */
.pd-chatgpt-plus .detail-tiers .tier-grid{width:100%;max-width:1120px;margin-inline:auto;
  justify-content:center;grid-template-columns:repeat(3,1fr);}
@media (max-width:1100px){.pd-chatgpt-plus .detail-tiers .tier-grid{width:100%;margin-inline:auto;gap:10px;}}
@media (max-width:820px){.pd-chatgpt-plus .detail-tiers .tier-grid{width:100%;margin-inline:auto;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));}}
/* ChatGPT Pro 双卡：与 Plus 页卡片同尺寸，两卡整体在主内容区居中（靠对齐右移，不靠占位留白） */
.pd-chatgpt-pro .detail-tiers .tier-grid{grid-template-columns:repeat(2,minmax(0,370px));justify-content:center;gap:16px;
  max-width:980px;width:calc(100% - 220px);margin-left:auto;margin-right:auto;}
@media (max-width:1100px){.pd-chatgpt-pro .detail-tiers .tier-grid{grid-template-columns:repeat(2,minmax(0,320px));width:calc(100% - 140px);}}
@media (max-width:820px){.pd-chatgpt-pro .detail-tiers .tier-grid{grid-template-columns:1fr;width:100%;}}
@media (max-width:820px){.pd-chatgpt-pro .detail-tiers .tier-grid{grid-template-columns:repeat(auto-fit,minmax(184px,1fr));justify-content:stretch;margin-left:0;}}
.pd-chatgpt .detail-tiers .tier-grid{max-width:1120px;margin-inline:auto;justify-content:center;}
@media (max-width:900px){.pd-chatgpt .detail-tiers .tier-grid{transform:none;max-width:100%;}}
/* 套餐卡通用：红字售后说明置于功能列表下、按钮上；同排按钮底部对齐 */
.detail-tiers .pcard,#modalGrid .pcard{display:flex;flex-direction:column;}
.detail-tiers .pcard .p-buy,#modalGrid .pcard .p-buy{margin-top:auto;}
/* 商品服务红字提醒（读取商品后台 service_notice 字段）——全站唯一共享组件。
   ChatGPT / Claude / 首页 / 选购弹窗 / 详情页所有套餐卡复用同一定义，勿再新建重复类。
   规范类名 .product-service-notice；.tier-servicered / .product-service-warning 为历史别名同款。 */
.product-service-notice,
.tier-servicered,
.product-service-warning{
  display:block;
  width:100%;
  margin:12px 0 8px;
  color:#dc2626;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
  text-align:left;
  background:none;
  visibility:visible;
  opacity:1;
}
.product-service-notice--refund{color:#dc2626;}
/* Gemini：统一黑白灰、等宽等高纵向卡片，整齐网格排列，移动端单列 */
.pd-gemini .detail-tiers .tier-grid{max-width:1120px;margin-inline:auto;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:stretch;}
.pd-gemini .detail-tiers .pcard{display:flex;flex-direction:column;}
.pd-gemini .detail-tiers .pcard .p-buy{margin-top:auto;}
@media (max-width:560px){.pd-gemini .detail-tiers .tier-grid{grid-template-columns:1fr;}}
.detail-tiers .pcard{padding:26px 18px;}
.detail-tiers .p-name{font-size:19px;}
.detail-tiers .p-price{margin:12px 0 2px;justify-content:flex-end;flex-wrap:wrap;text-align:right;row-gap:2px;}
.detail-tiers .p-price .orig{flex-basis:100%;text-align:right;}
.detail-tiers .p-price .amt{font-size:40px;}
.detail-tiers .p-price .cur{font-size:16px;}
.detail-tiers .p-feat{margin:14px 0 18px;gap:8px;}
.detail-tiers .p-feat li{font-size:13px;}
.detail-tiers .p-buy{font-size:15px;padding:13px;}
.detail-tiers .tier-note{font-size:12px;}

/* ChatGPT 详情页 · 主标题与套餐卡片标题左侧的 ChatGPT-Logo 图片（原比例、统一大小对齐） */
.cg-logo{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:8px;line-height:1;flex-shrink:0;}
.cg-logo img{display:block;width:auto;}
.detail-hero h1 .cg-logo{margin-right:10px;}
.detail-hero h1 .cg-logo img{height:1em;}          /* 主标题 LOGO 高度匹配标题字高 */
.detail-tiers .p-name .cg-logo img{height:18px;}   /* 5 张卡片 LOGO 统一 18px、原比例不拉伸 */

/* 修改2 · 五张套餐卡片价格水平对齐：标题区固定高度，价格起点统一（以 ¥138 行为准） */
/* 统一标题区高度：标题起于绿标下方、固定最小高度，5 张卡片价格从同一水平线开始 */
.detail-tiers .p-name{line-height:1.3;min-height:70px;padding-top:16px;padding-right:6px;}
/* 绿色推荐标签整体上移、固定右上角，标题为其预留右侧空间，两者不重叠、长标题可换行 */
.detail-tiers .p-badge{top:12px;right:12px;white-space:nowrap;z-index:5;}

/* 右上角导航指定产品文字加粗（统一 class，避免 nth-child；提升特异性以覆盖 .nav-right a 的 600） */
.nav-right a.nav-item-bold{font-weight:700;}

/* Claude Pro / Gemini 详情页 · 主标题左侧图标替换为图片（等比缩放、居中、适配图标区、不拉伸） */
.p-icon .hero-icon-img{width:56px;height:56px;object-fit:contain;display:block;flex-shrink:0;}

/* Gemini 详情页 · 套餐卡片左侧大图（原比例、居中、不溢出、不遮挡文字与按钮） */
.detail-tiers .pcard-hasimg{flex-direction:row;align-items:stretch;gap:22px;padding:24px;}
.detail-tiers .pcard-hasimg .pcard-media{flex:0 0 42%;max-width:380px;border-radius:12px;overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;}
.detail-tiers .pcard-hasimg .pcard-media img{width:90%;height:90%;max-width:300px;max-height:340px;object-fit:contain;display:block;margin:auto;}
.detail-tiers .pcard-hasimg .pcard-body{flex:1;min-width:0;display:flex;flex-direction:column;}
@media(max-width:640px){
  .detail-tiers .pcard-hasimg{flex-direction:column;}
  .detail-tiers .pcard-hasimg .pcard-media{flex-basis:auto;max-width:100%;}
}

/* 产品详情页 · 窄屏时服务项与说明允许换行 */
@media(max-width:600px){
  .detail-promo .promo-grid{grid-template-columns:1fr;}
  .detail-promo .promo{justify-content:center;}
  .detail-promo .promo-intro{white-space:normal;}
}

.contact-text{cursor:pointer;color:var(--ink-soft);font-size:15px;margin-top:12px;transition:color .2s;}
.contact-text:hover{color:var(--grass-deep);}

.guide-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 14px;}
.chan{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink-soft);
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px 8px;transition:all .2s;}
.chan:hover{color:var(--grass-deep);border-color:var(--grass);background:#fff;transform:translateY(-1px);}

/* ============================================================
   全站配色方案 · 青绿 × 渐变蓝紫（统一覆盖，末尾优先级最高）
   ============================================================ */
/* 基础正文统一深墨黑 */
body{color:#0F172A;}
.sec-head p{color:#5840D9;}
/* 导航排版：LOGO 居左 / 菜单居中分布 / 查询订单居右，强制横向单行不换行 */
.nav-inner{flex-wrap:nowrap;gap:14px;}
.nav-menu{flex-wrap:nowrap;white-space:nowrap;gap:18px;margin-left:10px;}
.nav-right{flex-wrap:nowrap;white-space:nowrap;gap:14px;margin-left:auto;}
.nav-link,.nav-right a{white-space:nowrap;}
/* Codex 项目栏删除后：保留原位置空白占位 */
.nav-gap{min-width:64px;pointer-events:none;}
/* 导航字体：标准加粗纯黑体，纯黑色，小幅放大 */
.nav-link{color:#000000;position:relative;font-weight:900;font-size:16px;
  font-family:"Microsoft YaHei","PingFang SC","Heiti SC","SimHei",sans-serif;}
.nav-link:hover{color:#009452;}
.nav-right a,.nav-chatgpt b{font-weight:900;
  font-family:"Microsoft YaHei","PingFang SC","Heiti SC","SimHei",sans-serif;}
.nav-right a{position:relative;font-size:16px;}
/* 主营四项（ChatGPT/Claude Pro/Gemini/Grok）：紫蓝，字号与左侧菜单一致 */
.nav-prod{color:#5840D9;font-size:16px;letter-spacing:.2px;}
.nav-chatgpt b{color:#5840D9;font-size:16px;}
.nav-chatgpt small{color:#8b7bee;font-size:12.5px;font-weight:700;}
/* hover：统一转主题青绿 */
.nav-right a:hover,.nav-prod:hover,.nav-chatgpt:hover b{color:#009452;}
.nav-chatgpt:hover small{color:#009452;}
/* hover / 当前激活：青绿文字 + 短青绿下划线 */
.nav-link:hover::after,
.nav-link.nav-active::after{content:"";position:absolute;left:6px;right:6px;bottom:-5px;height:3px;border-radius:2px;background:#009452;}
.nav-link.nav-active{color:#009452;}
.nav-right a:not([href="order.html"]):hover::after{content:"";position:absolute;left:2px;right:2px;bottom:-5px;height:3px;border-radius:2px;background:#009452;}
/* 「查询订单」：纯黑边框 + 纯黑文字圆角按钮，hover 边框文字同步转青绿 */
.nav-right a[href="order.html"]{border:1.5px solid #000000;border-radius:999px;padding:7px 16px;color:#000000;background:rgba(255,255,255,.85);}
.nav-right a[href="order.html"]:hover{color:#009452;border-color:#009452;background:rgba(255,255,255,.95);}
/* 次按钮：纯白底 + 浅紫蓝细边框 + 紫蓝文字，hover 转青绿 */
.btn{border:1.5px solid rgba(88,64,217,.55);color:#5840D9;background:#ffffff;}
.btn:hover{background:#f4fbf8;color:#009452;border-color:#009452;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,148,82,.16);}
/* 主按钮：翠绿→紫蓝渐变 + 柔和底部微光，纯白加粗文字 */
.btn-fill{background:linear-gradient(90deg,#00C290 0%,#5840D9 100%);color:#fff;font-weight:800;border-color:transparent;
  box-shadow:0 14px 28px rgba(0,194,144,.3),0 6px 18px rgba(88,64,217,.28);}
.btn-fill:hover{background:linear-gradient(90deg,#0dd3a0 0%,#6a53ee 100%);color:#fff;transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,194,144,.38),0 8px 22px rgba(88,64,217,.36);}
/* 顶部提示标签：浅青绿底 + 深绿字 + 弱化边框 */
.hero .pill{background:#eafaf2;color:#0a7a4d;border:1px solid rgba(0,168,107,.18);}
/* 播报栏下方单行说明：紫蓝 */
.promo-intro{color:#5840D9;transition:color .2s;}
.promo-intro:hover{color:#009452;}
/* 三卡底部补充小字：紫蓝 */
.promo-note{color:#5840D9;}
/* Pro 小字引导条：白底 + 浅青绿边框 + 青绿文字，放大居中填满框内 */
.hx-prolink{background:#ffffff;border-color:rgba(0,148,82,.35);color:#009452;
  font-size:15.5px;letter-spacing:.5px;justify-content:center;align-items:center;line-height:1;}
.hx-prolink:hover{background:#ffffff;color:#00b06a;transform:translateY(-1px);}
/* 播报模块：低饱和浅青绿容器 + 细青绿描边 */
.hx-marquee,.hx-status,.hx-ticker{background:#f2fbf7;border:1px solid rgba(0,148,82,.28);}
.hx-dot,.hx-tdot{background:#009452;}
.hx-avatar{background:linear-gradient(135deg,#00C290,#009452);}
.hx-track span{color:#0F172A;}
.hx-status{color:#0F172A;}
.hx-status b,.hx-track b,.hx-kw{background:linear-gradient(120deg,#009452,#00C290);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;}
/* 卡片/弹窗/容器：半透白底加深一层，与深色科技背景分层 */
.pcard,.feature,.step,.block,.faq-item,.faq-side,.toc,.acc,.trust,.lookup-card,.chome-card{
  background:rgba(255,255,255,.94);border-color:rgba(0,148,82,.18);}
.modal-card{background:rgba(255,255,255,.98);border-color:rgba(0,148,82,.22);}
/* 三大功能卡片：半透白底加深 + 柔和阴影 + 浅青绿细边，标题图标青绿、描述深墨黑 */
.promo{background:rgba(255,255,255,0.93);border:1px solid rgba(0,148,82,.25);box-shadow:0 12px 30px rgba(15,23,42,.14);}
.promo h3{color:#009452;}
.promo p{color:#0F172A;}
.promo .pi svg{width:28px;height:28px;display:block;fill:#009452;}
/* 「在线客服」锚点链接：紫蓝，hover 青绿（点击平滑滚动至页脚专属客服模块） */
.cs-link{color:#5840D9;font-weight:700;cursor:pointer;transition:color .2s;}
.cs-link:hover{color:#009452;}
/* 教程页左侧目录：默认纯黑，hover 青绿 */
.toc a{color:#000000;}
.toc a:hover{color:#009452;background:rgba(0,148,82,.08);}
/* 联系专属客服区块：大尺寸可点击二维码（左）+ 单行说明（右，垂直居中） */
.qr.qr-img{width:264px;height:264px;padding:0;background:#fff;border:1px solid rgba(0,148,82,.25);
  border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;
  cursor:zoom-in;transition:box-shadow .2s;}
.qr.qr-img:hover{box-shadow:0 12px 30px rgba(0,148,82,.22);}
.qr-img img{width:92%;height:92%;object-fit:contain;border-radius:8px;display:block;}
.cs-copytext{color:#000000;font-size:19px;font-weight:600;line-height:1.9;
  font-family:"Microsoft YaHei","PingFang SC","Heiti SC",sans-serif;}
.cs-panel{display:flex;flex-direction:column;justify-content:center;min-height:264px;}

/* 二维码全屏放大弹窗：浅灰半透明遮罩 + 白底圆角大图，无多余文字 */
.qr-lightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;}
.qr-lightbox.open{display:flex;}
.qr-lb-mask{position:absolute;inset:0;background:rgba(120,128,140,.55);backdrop-filter:blur(4px);}
.qr-lb-close{position:absolute;top:20px;right:24px;z-index:2;width:42px;height:42px;border-radius:50%;
  border:none;background:rgba(255,255,255,.92);color:#333;font-size:18px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);}
.qr-lb-close:hover{background:#fff;color:#009452;}
.qr-lb-box{position:relative;z-index:1;background:#fff;border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.25);}
.qr-lb-box img{display:block;width:min(86vw,86vh,560px);height:auto;border-radius:10px;}
/* 悬浮客服：与主按钮同款青绿→紫蓝渐变 */
.chat-fab{background:linear-gradient(135deg,#00C290,#5840D9);box-shadow:0 12px 28px rgba(0,194,144,.35),0 6px 18px rgba(88,64,217,.3);}
.chat-fab:hover{background:linear-gradient(135deg,#0dd3a0,#6a53ee);}

/* ---------- Gemini 卡片结构化排版 ---------- */
/* 主标题加粗（字号回归原有大小）+ 红色小字后缀 */
.detail-tiers .pcard-hasimg .p-name{font-weight:900;display:block;width:100%;}
.tier-suffix{font-size:13px;color:#e11d48;font-weight:700;margin-left:10px;vertical-align:2px;white-space:nowrap;}
/* 优势区：加粗标题 + 星号条目（宽松行距自动换行）+ 底部小字备注 */
.feats-head{font-weight:800;color:#0F172A;font-size:15.5px;margin:12px 0 8px;}
.star-feat{gap:10px!important;margin-bottom:10px!important;}
.star-feat li{line-height:1.9;align-items:flex-start!important;}
.star-feat li::before{content:"＊";color:#009452;font-weight:800;margin-top:1px;}
.tier-footnote{font-size:12.5px;color:#64748b;line-height:1.7;margin:0 0 16px;}
/* 价格区：「年」放大加粗凸显年度套餐 */
.unit-year{font-size:20px;font-weight:900;color:#0F172A;font-style:normal;}
/* 左侧配图恢复原始尺寸：列宽贴合图片、占用收小，消除内部大片空白 */
.detail-tiers .pcard-hasimg .pcard-media{flex:0 0 auto;width:auto;max-width:190px;padding:8px;}
.detail-tiers .pcard-hasimg .pcard-media img{width:auto;height:auto;max-width:170px;max-height:200px;object-fit:contain;margin:auto;}
/* 标题区收紧：去掉继承的对齐占位，消除标题与优势文字间大留白；右侧为价格区留出空间 */
.detail-tiers .pcard-hasimg .p-name{min-height:auto;padding-top:0;padding-right:150px;margin-bottom:2px;}
.detail-tiers .pcard-hasimg .feats-head{margin-top:6px;}
/* 红色后缀与主标题间距适中 */
.detail-tiers .pcard-hasimg .tier-suffix{margin-left:6px;}
/* 价格区块移至卡片右上角空白处：现价一行、原价删除线于下方 */
.detail-tiers .pcard-hasimg .pcard-body{position:relative;}
.detail-tiers .pcard-hasimg .p-price{position:absolute;top:0;right:0;margin:0;
  justify-content:flex-end;text-align:right;flex-wrap:wrap;row-gap:2px;max-width:150px;}
.detail-tiers .pcard-hasimg .p-price .orig{flex-basis:100%;text-align:right;}

/* ---------- Gemini 卡片：适当拉宽 + 高度收窄（压缩内部纵向留白） ---------- */
.pd-gemini .detail-tiers .tier-grid{max-width:1000px;margin-inline:auto;justify-content:center;}
.pd-gemini .detail-tiers .pcard-hasimg{padding:10px 18px;}
.pd-gemini .detail-tiers .feats-head{margin:2px 0 4px;}
.pd-gemini .star-feat{gap:3px!important;margin-bottom:4px!important;}
.pd-gemini .star-feat li{line-height:1.45;}
.pd-gemini .tier-footnote{margin:0 0 6px;line-height:1.4;}
.pd-gemini .detail-tiers .p-buy{margin-top:2px;}
.pd-gemini .detail-tiers .pcard-hasimg .p-name{margin-bottom:0;color:#009452;}
.pd-gemini .detail-tiers .pcard-hasimg .tier-suffix{color:#e11d48;font-size:11.5px;font-weight:600;}
.pd-gemini .detail-tiers .pcard-hasimg .pcard-media{padding:4px;}

/* ---------- Claude Pro 卡片：宽 1080 保持，高度收窄（压缩内部纵向留白） ---------- */
.pd-claude-pro .detail-tiers .tier-grid{max-width:1080px;margin-inline:auto;justify-content:center;}
.pd-claude-pro .detail-tiers .pcard-hasimg{padding:16px 18px;}
.pd-claude-pro .detail-tiers .feats-head{margin:4px 0 6px;}
.pd-claude-pro .star-feat{gap:5px!important;margin-bottom:6px!important;}
.pd-claude-pro .star-feat li{line-height:1.6;}
.pd-claude-pro .tier-footnote{margin:0 0 10px;line-height:1.5;}
.pd-claude-pro .detail-tiers .p-buy{margin-top:4px;}
/* Claude Pro 标题：绿色、上移（灰色品牌行已移除） */
.pd-claude-pro .detail-tiers .pcard-hasimg .p-name{color:#009452;margin-bottom:0;}

/* ---------- ChatGPT 五卡：整体左移避让右侧视频 + 高度收窄 ---------- */
/* 1. 整体平移向左（卡片宽度与间距不变，右侧让出空隙） */
/* 2. 压缩卡片内部上下空白，缩短总高度（文字完整展示不截断） */
.pd-chatgpt .detail-tiers .pcard{padding-top:16px;padding-bottom:16px;}
.pd-chatgpt .detail-tiers .p-name{min-height:60px;padding-top:12px;}
.pd-chatgpt .detail-tiers .p-price{margin:8px 0 2px;}
.pd-chatgpt .detail-tiers .p-feat{margin:8px 0 12px;gap:5px;}
.pd-chatgpt .detail-tiers .p-feat li{line-height:1.5;align-items:flex-start;}
.pd-chatgpt .detail-tiers .tier-note{margin-top:0;}

/* ---------- Grok 套餐：左右两块竖向等宽等高卡片 ---------- */
.pd-grok .detail-tiers .tier-grid{max-width:1000px;margin-inline:auto;justify-content:center;
  grid-template-columns:repeat(2,1fr);align-items:stretch;}
/* 价格移至卡片右上角：现价一行、删除线原价于下方 */
.pd-grok .detail-tiers .pcard{position:relative;}
.pd-grok .detail-tiers .p-price{position:absolute;top:22px;right:18px;margin:0;
  justify-content:flex-end;text-align:right;flex-wrap:wrap;row-gap:2px;max-width:140px;}
.pd-grok .detail-tiers .p-price .orig{flex-basis:100%;text-align:right;}
/* 标题避让右上角价格区 */
.pd-grok .detail-tiers .p-name{padding-right:130px;min-height:auto;padding-top:0;}
.pd-grok .detail-tiers .feats-head{margin-top:8px;}

/* ============================================================
   字体放大适配（仅调字号/行高/字距，框体与间距不变）
   ============================================================ */
/* 1. 主标题：撑满横向空间、垂直居中，保持双色区分 */
.hero h1{font-size:clamp(40px,6.8vw,70px);line-height:1.22;letter-spacing:1px;}
.hero .sub{font-size:clamp(16px,2.5vw,21px);}
/* 2. 双按钮：文字放大加粗、水平垂直居中，hover 仅换色不变尺寸 */
.btn{font-size:17.5px;font-weight:800;line-height:1;}
.btn-fill{font-size:17.5px;}
/* 3-① 导航文字小幅放大加粗（主营四项与左侧菜单字号一致） */
.nav-link{font-size:16.5px;}
.nav-right a{font-size:16.5px;font-weight:900;}
.nav-chatgpt b{font-size:16.5px;}
.nav-chatgpt small{font-size:13px;}
/* 3-② 底部单行说明放大 */
.promo-intro{font-size:19px;}
/* 3-③ 三卡标题/描述放大 */
.promo h3{font-size:22px;font-weight:800;}
.promo p{font-size:16.5px;}
/* 3-④ 悬浮客服文字放大 */
.chat-fab.labeled{font-size:16.5px;}

/* ============================================================
   统一多渠道在线客服弹窗（旺旺风格）
   ============================================================ */
.im-card{max-width:420px!important;padding:0!important;overflow:hidden;}
.im-view[hidden]{display:none!important;}
.im-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
  background:linear-gradient(135deg,var(--grass-lite),var(--grass-deep));color:#fff;}
.im-titlebar{display:flex;align-items:center;gap:10px;}
.im-avatar{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:20px;}
.im-meta b{display:block;color:#fff;font-size:15px;line-height:1.2;}
.im-status{font-size:12px;color:rgba(255,255,255,.9);}
.im-x{background:rgba(255,255,255,.18);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;}
.im-x:hover{background:rgba(255,255,255,.34);}
.im-body{padding:18px;}
.im-welfare{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.28);color:var(--grass-deep);
  font-size:13.5px;font-weight:700;border-radius:12px;padding:12px 14px;margin-bottom:12px;}
.im-hours{font-size:12.5px;color:var(--muted);margin-bottom:14px;line-height:1.6;}
.im-chan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.im-chan{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-radius:12px;
  border:1px solid var(--border);background:var(--bg2);cursor:pointer;transition:all .2s;font:inherit;}
.im-chan:hover{border-color:var(--grass);background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,185,129,.16);}
.im-chan .ic{font-size:24px;}
.im-chan b{font-size:14px;color:var(--ink);}
.im-chan small{font-size:11px;color:var(--muted);}
.im-qr-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--border);padding-top:14px;}
.im-back{background:none;border:none;color:var(--grass-deep);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0 0 8px;}
.im-chan-title{font-size:13px;color:var(--muted);margin-bottom:10px;}
.im-chan-title b{color:var(--ink);}
.im-messages{height:220px;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;}
.im-msg{display:flex;}
.im-msg.service{justify-content:flex-start;}
.im-msg.me{justify-content:flex-end;}
.im-msg .bubble{max-width:78%;font-size:13px;line-height:1.5;padding:9px 12px;border-radius:12px;}
.im-msg.service .bubble{background:#fff;border:1px solid var(--border);color:var(--ink-soft);border-top-left-radius:4px;}
.im-msg.me .bubble{background:var(--grass);color:#fff;border-top-right-radius:4px;}
/* 底部客服二维码：可点击放大 + 预览弹窗 */
.contact-qr-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;}
.contact-qr-image{cursor:zoom-in;transition:transform .2s ease;}
.contact-qr-image:hover{transform:scale(1.04);}
.qr-click-tip{font-size:12px;color:#64748b;}
.qr-preview-modal{display:none;position:fixed;inset:0;z-index:100000;padding:20px;background:rgba(15,23,42,.72);align-items:center;justify-content:center;}
.qr-preview-modal.is-open{display:flex;}
.qr-preview-dialog{position:relative;width:min(92vw,430px);padding:28px 24px 24px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28);}
.qr-preview-dialog h3{font-size:18px;color:#0f172a;margin:0;}
.qr-preview-dialog p{font-size:13px;color:#64748b;margin:0 0 4px;}
.qr-preview-close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#334155;}
.qr-preview-close:hover{color:#0f172a;}
.qr-preview-image{display:block;width:min(80vw,360px);height:auto;margin:18px auto 12px;image-rendering:auto;user-select:none;-webkit-touch-callout:default;border-radius:10px;}
.qr-save-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;margin-top:8px;padding:12px 20px;border-radius:10px;background:#07c160;color:#fff;text-decoration:none;font-weight:600;}
.qr-save-button:hover{background:#06ad56;}
/* TG 渠道提示小字（浅灰） */
.im-tg-hint{font-size:11.5px;color:#94a3b8;text-align:center;margin:-6px 0 12px;line-height:1.5;}
.im-tg-hint + .im-tg-hint{margin-top:-8px;}
/* 客服弹窗头像 LOGO（图片） */
.im-avatar{width:38px;height:38px;border-radius:10px;object-fit:cover;display:block;background:#fff;}
/* 用户自定义样式：问候紫字 / 绿渠道按钮 / 加粗提示 */
.greet-purple{color:#9922cc;font-size:16px;display:block;margin-bottom:4px;font-weight:700;}
.greet-small{color:#111;font-size:13px;}
/* 渠道按钮：默认/悬浮态 + active 渐变态（图标 26px、间距 12px、单行居中、纯黑 900） */
.chan-green{width:100%;padding:18px 24px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;
  font-size:19px;font-weight:900;letter-spacing:0.2px;cursor:pointer;color:#000;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;
  transition:transform .18s,background .2s,box-shadow .2s;}
.chan-green .chan-ic{height:26px;width:auto;object-fit:contain;display:block;vertical-align:middle;flex-shrink:0;}
/* 两个渠道按钮统一：淡蓝底 + 多层边缘阴影，3D 悬浮凸起 */
.chan-wx,.chan-tg{background:linear-gradient(180deg,#eaf4ff 0%,#d6e9fb 100%);border:1px solid #bcd8f2;
  box-shadow:0 16px 30px rgba(23,92,150,.22),0 6px 14px rgba(23,92,150,.16),
    inset 0 2px 3px rgba(255,255,255,.85),inset 0 -3px 6px rgba(23,92,150,.14);}
.chan-wx:hover,.chan-tg:hover{transform:translateY(-4px);
  box-shadow:0 24px 42px rgba(23,92,150,.3),0 10px 22px rgba(23,92,150,.2),
    inset 0 2px 3px rgba(255,255,255,.9),inset 0 -3px 6px rgba(23,92,150,.16);}
/* 点击 active：主页同款绿蓝渐变、取消边框、纯黑字、下压 */
.chan-green:active{background:linear-gradient(90deg,#0f7d48 0%,#4a3aff 100%);border-color:transparent;
  color:#000;transform:translateY(1px) scale(.99);
  box-shadow:inset 0 3px 8px rgba(0,0,0,.28),inset 0 -2px 4px rgba(0,0,0,.18);}

/* ===== 客服弹窗卡片：多层柔和立体阴影（悬浮凸起） ===== */
#imModal .im-card{
  box-shadow:0 30px 60px rgba(15,23,42,.28),0 14px 30px rgba(15,23,42,.18),
    0 4px 10px rgba(15,23,42,.12),inset 0 1px 2px rgba(255,255,255,.6);}
/* 单个渠道按钮 hover：仅该按钮变绿紫渐变、白字，其余不变 */
.chan-green:hover{background:linear-gradient(90deg,#0f7d48 0%,#4a3aff 100%)!important;
  border-color:transparent!important;color:#fff!important;transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(15,125,72,.3),0 8px 18px rgba(74,58,255,.28);}
.tip-bold{font-size:14px!important;color:#333!important;font-weight:600!important;margin:10px 0!important;}
.im-lead-input{opacity:.85;}

/* 渠道面板：极简商务风（问候 + 两按钮并排 + 留言表单） */
.im-greet{font-size:14px;color:var(--ink);line-height:1.7;margin:6px 2px 16px;}
.im-chan-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.im-chan-flat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;
  padding:14px 10px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;}
.im-chan-flat .ic{font-size:18px;}
.im-chan-flat b{font-size:13.5px;color:var(--ink);font-weight:800;}
.im-chan-flat:hover{border-color:#07c160;box-shadow:0 6px 16px rgba(7,193,96,.14);transform:translateY(-1px);}
.im-lead{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);}
.im-lead-tip{font-size:12.5px;color:var(--muted);margin:0 0 10px;}
.im-lead-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13.5px;
  outline:none;margin-bottom:10px;transition:border-color .2s;}
.im-lead-input:focus{border-color:#07c160;}
.im-lead-submit{width:100%;background:#07c160;color:#fff;font-weight:800;font-size:14px;border:none;
  border-radius:10px;padding:11px 0;cursor:pointer;transition:background .2s,transform .15s;}
.im-lead-submit:hover{background:#06ad56;transform:translateY(-1px);}
.im-lead-ok{margin:12px 0 0;padding:10px 12px;background:#eafaf2;border:1px solid rgba(7,193,96,.3);
  border-radius:10px;color:#0a7a4d;font-size:12.5px;line-height:1.6;text-align:center;}
.im-lead-new{text-align:center;font-size:12px;color:var(--muted);margin:10px 0 0;}

/* 微信客服视图（企业微信 + 扫码 + 备用复制） */
.im-wx-desc{font-size:13.5px;color:var(--ink-soft);text-align:center;margin:8px 0 14px;}
.im-wx-btn{display:block;width:100%;text-align:center;background:#07c160;color:#fff;font-weight:800;font-size:15px;
  padding:12px 0;border-radius:12px;box-shadow:0 8px 20px rgba(7,193,96,.28);transition:background .2s,transform .15s;}
.im-wx-btn:hover{background:#06ad56;transform:translateY(-1px);}
/* 微信按钮持续明暗闪动 */
.wx-blink{animation:wxBlink 1.1s ease-in-out infinite;}
@keyframes wxBlink{0%,100%{opacity:1;box-shadow:0 8px 20px rgba(7,193,96,.28);}50%{opacity:.62;box-shadow:0 8px 26px rgba(7,193,96,.5);}}
@media(prefers-reduced-motion:reduce){.wx-blink{animation:none;}}
.im-wx-or{display:flex;align-items:center;text-align:center;color:#94a3b8;font-size:12.5px;margin:14px 0;}
.im-wx-or::before,.im-wx-or::after{content:"";flex:1;height:1px;background:var(--border);}
.im-wx-or span{padding:0 12px;}
.im-wx-qr{width:210px;height:210px;margin:0 auto;padding:8px;background:#fff;border:1px solid var(--border);border-radius:14px;}
.im-wx-qr img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px;}
.im-wx-cap{font-size:13px;color:var(--ink-soft);text-align:center;margin:12px 0 0;}
.im-wx-backup{text-align:center;font-size:12.5px;color:#94a3b8;margin-top:16px;}
.im-wx-copy-link{background:none;border:none;color:var(--grass-deep);font-weight:700;font-size:12.5px;cursor:pointer;padding:0;}
.im-wx-copy-link:hover{color:var(--grass);text-decoration:underline;}
.im-inputbar{display:flex;gap:8px;margin-top:12px;}
.im-inputbar input{flex:1;font:inherit;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .2s;}
.im-inputbar input:focus{border-color:var(--grass);}
.im-inputbar .btn{padding:10px 18px;}

/* ============================================================
   顶部导航层级统一（覆盖历史遗留的多组导航样式）
   · 一级导航（首页/常见问题/教程/联系我们/Claude/为什么选我们/
     ChatGPT/Claude Pro/Gemini/Grok）统一字号·字重·行高·颜色
   · ChatGPT 的 Go/Plus/Pro 为辅助后缀：0.75em、次级字重、中性灰、
     与 ChatGPT 同行垂直居中，不单独占位、不改变链接高度与点击区域
   · 清理紫色（#5840D9 / #8b7bee）→ 黑白灰为主，绿色仅用于 hover
   · 「查询订单」仍为黑框圆角按钮（见上方规则），此处仅统一其文字层级
   ============================================================ */
.nav-link,
.nav-right a,
.nav-chatgpt b,
.nav-prod{
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  color:#111111 !important;
}
/* ChatGPT 主体 + 后缀：同一行垂直居中 */
.nav-chatgpt{ display:inline-flex !important; align-items:center !important; gap:5px !important; }
.nav-chatgpt b{ line-height:1.2 !important; }
/* Go/Plus/Pro 辅助后缀（相对 ChatGPT 主字号 16px → ~12px） */
.nav-chatgpt small{
  font-size:.75em !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  color:#6f6f6f !important;
}
/* hover：统一主题绿 */
.nav-link:hover,
.nav-right a:hover,
.nav-prod:hover,
.nav-chatgpt:hover b,
.nav-chatgpt:hover small{ color:var(--grass-deep) !important; }
/* 「查询订单」黑框按钮的黑色文字不被上面的统一色覆盖成非按钮态（保持黑，hover 转绿） */
.nav-right a[href="order.html"]{ color:#111111 !important; }
.nav-right a[href="order.html"]:hover{ color:var(--grass-deep) !important; }

/* ============================================================
   全站黑白灰主题（作用于所有共享 site.css 的页面）
   删除蓝/紫/青渐变与大面积绿色；绿色仅保留极小点缀（¥/勾选/状态点/hover）
   ============================================================ */
:root{ --mono-ink:#111111; --mono-dark:#0d0d0d; --mono-line:#e3e3e3; --mono-soft:#f5f5f5; --mono-accent:#00a86b; }

/* 背景：彻底移除科技底图与遮罩，纯白背景（不再有蓝色/发光） */
body::before{ display:none !important; }
body::after{ display:none !important; }
body{ background:#ffffff !important; }

/* 主按钮：黑底白字（去绿/紫渐变） */
.btn-fill{ background:var(--mono-dark) !important; color:#fff !important; border-color:var(--mono-dark) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important; }
.btn-fill:hover{ background:#000 !important; color:#fff !important; box-shadow:0 14px 30px rgba(0,0,0,.24) !important; }
/* 次按钮：白底黑字 + 灰边 */
.btn{ background:#fff !important; color:var(--mono-ink) !important; border:1.5px solid #d5d5d5 !important; }
.btn:hover{ background:var(--mono-dark) !important; color:#fff !important; border-color:var(--mono-dark) !important; }
.nav-right a[href="order.html"]{ background:#fff !important; }

/* 卡片：白底 / 灰边 / 轻黑阴影；去绿 hover */
.pcard{ background:#fff !important; border:1px solid var(--mono-line) !important; box-shadow:0 10px 26px rgba(0,0,0,.06) !important; }
.pcard:hover{ border-color:var(--mono-ink) !important; box-shadow:0 20px 40px rgba(0,0,0,.12) !important; }

/* 徽标 / 推荐标签：黑底白字，避免绿块 */
.p-badge{ background:var(--mono-dark) !important; color:#fff !important; }
.badges span{ color:#222 !important; background:#f1f1f1 !important; border-color:#dcdcdc !important; }

/* 大面积绿色文字 → 黑/灰；保留的小面积绿：¥ 符号、勾选、状态点 */
.eyebrow{ color:#6f6f6f !important; }
.hero h1 .ink{ color:var(--mono-ink) !important; }
.hero .stat b{ color:var(--mono-ink) !important; }
.p-price .amt{ color:var(--mono-ink) !important; }
.step-no{ color:var(--mono-ink) !important; }
.p-price .cur{ color:var(--mono-accent) !important; }
.p-feat li::before{ color:var(--mono-accent) !important; }

/* 图标底色渐变块 → 黑 */
.ov-card .n{ background:var(--mono-dark) !important; }

/* 分隔带 / 详情 hero 蓝色 radial → 中性灰白 */
.band{ background:var(--mono-soft) !important; border-block-color:var(--mono-line) !important; }
.detail-hero{ background:linear-gradient(180deg,#ffffff,#f6f6f6) !important; }
.hero .pill{ background:#f1f1f1 !important; color:#333 !important; border-color:#dcdcdc !important; }

/* 悬浮客服按钮 & 客服弹窗头部：黑（去绿渐变），功能不变 */
.chat-fab{ background:var(--mono-dark) !important; }
.im-header{ background:var(--mono-dark) !important; }

/* 首页「选购会员」大按钮：黑底白字（去绿光） */
.member-select-button{ background:var(--mono-dark) !important; color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.2) !important; }

/* —— 第二批：清理首页/详情页残留的蓝紫文字与绿色标题、绿色信息条 —— */
.hero{ background:transparent !important; }
.hero .sub{ color:#444444 !important; }
.sec-head p{ color:#555555 !important; }
.promo-intro,.promo-note{ color:#555555 !important; }
.detail-promo .promo-intro{ color:#dc2626 !important; }   /* 详情页红色提示保留 */
.promo h3{ color:var(--mono-ink) !important; }             /* 功能卡标题黑 */
.promo .pi{ background:#f3f3f3 !important; }               /* 图标底框中性灰（图标保留小绿） */
.cs-link{ color:var(--mono-ink) !important; }
/* 首页动态信息条：绿底绿字 → 中性灰白；仅状态圆点保留小绿 */
.hx-marquee,.hx-status,.hx-ticker{ background:#f6f6f6 !important; border-color:var(--mono-line) !important; }
.hx-track b,.hx-status b,.hx-kw{ background:none !important; -webkit-text-fill-color:var(--mono-ink) !important; color:var(--mono-ink) !important; }
.hx-prolink{ background:#fff !important; color:#333 !important; border-color:#d5d5d5 !important; }
.hx-prolink:hover{ color:var(--mono-ink) !important; }
.hx-avatar{ background:var(--mono-dark) !important; }

/* —— 第三批：各产品 id 的绿色套餐标题 → 黑；徽标去绿 —— */
.pd-gemini .detail-tiers .pcard-hasimg .p-name,
.pd-claude-pro .detail-tiers .pcard-hasimg .p-name,
.pd-gemini .detail-tiers .p-name,
.pd-claude-pro .detail-tiers .p-name,
.detail-tiers .pcard-hasimg .p-name{ color:var(--mono-ink) !important; }
.badges span{ color:#222 !important; background:#f1f1f1 !important; border-color:#dcdcdc !important; }
.p-badge{ background:var(--mono-dark) !important; color:#fff !important; }

/* —— 第四批：Claude / Codex 等页面自带的绿色小组件（!important 覆盖页面内联样式）—— */
.chome-strip span{ color:#333 !important; background:#f1f1f1 !important; border-color:#dcdcdc !important; }
.cx-feat{ background:#fff !important; border-color:var(--mono-line) !important; }
.cx-feat:hover{ border-color:var(--mono-ink) !important; box-shadow:0 18px 36px rgba(0,0,0,.1) !important; }
.cx-feat .cap-label{ color:#6f6f6f !important; }
.cx-copy-btn{ color:var(--mono-ink) !important; }
.cx-plan-featured{ border-color:var(--mono-ink) !important; box-shadow:0 18px 40px rgba(0,0,0,.12) !important; }

/* ============================================================
   居中修复：移除视频时代的偏移（transform / calc / margin-left/right），
   建立统一容器，所有网格真实居中（不靠 transform 伪造）
   ============================================================ */
.site-container{ width:min(1280px, calc(100% - 48px)); margin-inline:auto; }
#homeProducts{ transform:none !important; margin-left:auto !important; margin-right:auto !important; justify-content:center; }
@media (max-width:1180px){ #homeProducts{ transform:none !important; } }
.detail-tiers .tier-grid,
.pd-chatgpt .detail-tiers .tier-grid,
.pd-chatgpt-plus .detail-tiers .tier-grid,
.pd-chatgpt-pro .detail-tiers .tier-grid,
.pd-gemini .detail-tiers .tier-grid,
.pd-claude-pro .detail-tiers .tier-grid,
.pd-grok .detail-tiers .tier-grid{
  transform:none !important; margin-left:auto !important; margin-right:auto !important; width:100% !important;
}

/* ============================================================
   3D 动态底图层（canvas 由 site.js 注入，位于正文后方，不拦截点击）
   Hero 弱显 · 中段干净 · 底部（黑色 CTA）半透明衔接
   ============================================================ */
#bg3d{ position:fixed; inset:0; width:100vw; height:100vh; z-index:-1; pointer-events:none; display:block; }
.rx-hero{ background:transparent; }
.rx-section{ background:#ffffff; }
.rx-cta-black{ background:rgba(13,13,13,.94) !important; }

/* ============================================================
   Gemini Logo：小图（标题旁）与大图（套餐卡）同源，保持比例 contain
   ============================================================ */
.hero-icon-img{ width:100%; height:100%; object-fit:contain !important; display:block; }
.detail-tiers .pcard-hasimg .pcard-media img{ object-fit:contain !important; image-rendering:auto; }

/* ============================================================
   在线客服对话窗口：黑白灰紧凑布局（Logo = 首页同款 muyu-logo.svg）
   ============================================================ */
.im-card{ max-width:400px !important; width:min(400px,calc(100% - 32px)); border-radius:16px !important; overflow:hidden; }
/* Header：紧凑，Logo/标题/关闭垂直居中 */
.im-header{ background:#ffffff !important; border-bottom:1px solid #e6e6e6 !important;
  padding:12px 14px !important; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.im-titlebar{ display:flex; align-items:center; gap:10px; min-width:0; }
.im-avatar{ width:32px !important; height:32px !important; border-radius:9px !important;
  background:#fff !important; border:1px solid #e6e6e6 !important; object-fit:contain !important; padding:2px; flex-shrink:0; }
.im-meta b{ color:#111 !important; font-size:14px; line-height:1.2; }
.im-status{ color:#8a8a8a !important; font-size:11.5px; display:inline-flex; align-items:center; gap:5px; }
.im-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:#00a86b; }  /* 绿色状态点 */
.im-x{ background:#f2f2f2 !important; color:#555 !important; border:none !important; width:28px !important; height:28px !important; border-radius:8px !important; flex-shrink:0; }
.im-x:hover{ background:#e6e6e6 !important; color:#111 !important; }
/* 消息区留白 + 层级 */
.im-body{ padding:16px !important; background:#fff; }
.im-messages{ background:#f6f6f6 !important; border:1px solid #e6e6e6 !important; border-radius:12px; padding:14px !important; height:240px; display:flex; flex-direction:column; gap:10px; }
.im-msg .bubble{ max-width:80%; padding:10px 13px; font-size:13.5px; line-height:1.55; }
.im-msg.service .bubble{ background:#fff !important; border:1px solid #e6e6e6 !important; color:#222 !important; border-top-left-radius:4px !important; }
.im-msg.me .bubble{ background:#0d0d0d !important; color:#fff !important; border-top-right-radius:4px !important; }
/* 输入框固定底部；发送按钮黑底白字 */
.im-inputbar{ position:sticky; bottom:0; background:#fff; padding-top:12px !important; margin-top:12px; border-top:1px solid #e6e6e6; }
.im-inputbar .btn.btn-fill,#imSend{ background:#0d0d0d !important; color:#fff !important; border-color:#0d0d0d !important; }
/* 弱化窗口内残留绿色/紫色，仅保留状态点与发送态 */
.greet-purple,.im-greet{ color:#111 !important; }
.im-chan.chan-green{ background:#fff !important; color:#111 !important; border:1px solid #e6e6e6 !important; }
.im-chan.chan-green:hover{ border-color:#0d0d0d !important; }
.im-lead-submit,.im-wx-btn{ background:#0d0d0d !important; color:#fff !important; border-color:#0d0d0d !important; }
/* 手机端：接近全屏 + 安全区 */
@media (max-width:560px){
  .im-card{ max-width:100% !important; width:100% !important; height:100dvh !important; max-height:100dvh !important; border-radius:0 !important; display:flex; flex-direction:column; padding-bottom:env(safe-area-inset-bottom) !important; }
  .im-header{ padding-top:calc(12px + env(safe-area-inset-top)) !important; }
  .im-body{ flex:1; overflow-y:auto; }
  .im-messages{ height:auto; flex:1; min-height:220px; }
}

/* ============================================================
   共享导航 Mega Menu + 页脚站点地图（chrome.js 注入；黑白灰、宽留白、克制动画）
   ============================================================ */
/* 品牌两行文字（Header）：主名 + 副标题，左对齐、与图标垂直居中 */
.brand-copy{ display:inline-flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.05; }
.brand.site-brand .brand-name{ font-size:25px; font-weight:700; letter-spacing:.5px; line-height:1.12; margin:0; }
.brand-tagline{ font-size:11.5px; font-weight:500; color:#475569; letter-spacing:.3px; line-height:1; margin-top:3px; }
/* Header 紧凑居中：Logo+导航+订单按钮为一个整体、水平居中，订单按钮紧跟导航不漂浮右侧 */
.nav-inner{ justify-content:center; }
.nav-right{ margin-left:0; }
.nav-active{ color:#0d0d0d !important; font-weight:800; }
.nav-link.nav-active::after{ content:""; display:block; position:absolute; left:2px; right:2px; bottom:-20px; height:2px; background:#00a86b; border-radius:2px; }
/* Mega 面板：比普通 .drop 更宽，多列网格 */
.mega{ position:fixed; top:70px; left:50%; transform:translate(-50%,8px); min-width:640px; max-width:min(880px,92vw); padding:20px; }
.nav-item.has-drop:hover .mega,.nav-item.open .mega{ transform:translate(-50%,0); }
.mega-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px 22px; }
.mega-h{ font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#9aa0a6; padding:4px 10px 8px; }
.mega-item{ padding:9px 10px; font-size:14px; font-weight:600; color:#1a1a1a; border-radius:9px; }
.mega-item:hover{ background:#f6f6f6; color:#0d0d0d; }
.mega-foot{ grid-column:1/-1; margin-top:8px; padding:12px 10px 2px; border-top:1px solid #eee; display:flex; gap:20px; }
.mega-foot a{ font-size:13px; font-weight:700; color:#00764c; }
.mega-foot a:hover{ text-decoration:underline; }
/* 产品 Mega：两列卡片，显示简介 + 起售价 */
.mega-prod{ display:grid; grid-template-columns:1fr 1fr; gap:10px; min-width:560px; }
.mega-prod-item{ display:block; padding:14px 16px; border:1px solid #eee; border-radius:12px; }
.mega-prod-item:hover{ background:#f6f6f6; border-color:#d8d8d8; }
.mega-prod-item b{ display:block; font-size:15px; color:#0d0d0d; }
.mega-prod-item b small{ font-weight:600; font-size:12px; color:#9aa0a6; margin-left:4px; }
.mega-blurb{ display:block; font-size:12.5px; color:#6b6b6b; margin:4px 0 8px; line-height:1.5; }
.mega-price{ display:inline-block; font-size:13px; font-weight:800; color:#0d0d0d; }
.mega-soon{ display:inline-block; font-size:12px; font-weight:800; color:#00764c; background:rgba(0,168,107,.1); border:1px solid rgba(0,168,107,.25); border-radius:999px; padding:2px 10px; }
/* 页脚站点地图：品牌 + 7 组，自适应多列 */
.footer-sitemap{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:26px 22px; }
.footer-sitemap .footer-brand{ grid-row:span 2; }
.footer-col h4{ font-size:13px; font-weight:800; color:var(--ink); margin:0 0 12px; }
.footer-col a{ display:block; font-size:13px; color:var(--muted); padding:4px 0; }
.footer-col a:hover{ color:var(--grass-deep); }
@media(max-width:980px){ .footer-sitemap{ grid-template-columns:repeat(3,1fr); } .footer-sitemap .footer-brand{ grid-column:1/-1; grid-row:auto; } }
@media(max-width:1024px){
  .mega,.mega-prod{ min-width:auto; max-width:none; width:100%; left:0; transform:none; }
  .nav-menu.show .mega{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:none; padding:4px 0 4px 12px; }
  .nav-menu.show .mega-4,.nav-menu.show .mega-prod{ display:block; grid-template-columns:1fr; }
  .nav-menu.show .mega-foot{ border:0; padding:6px 0; }
  .nav-link.nav-active::after{ display:none; }
}
@media(max-width:560px){ .footer-sitemap{ grid-template-columns:1fr 1fr; } }

/* ---------- 订单弹窗：必填联系方式（类型 + 值 + 错误提示） ---------- */
.req-star{ color:#c62828; font-weight:800; margin-left:2px; }
.req-hint{ font-size:12px; font-weight:500; color:var(--muted); margin-left:4px; }
.contact-row{ display:flex; gap:8px; align-items:stretch; }
.contact-type{ flex:0 0 auto; width:104px; font:inherit; font-size:15px; padding:0 10px; border:1px solid var(--border); border-radius:12px; background:#fff; color:var(--ink); cursor:pointer; }
.contact-row .field-input.contact-value{ flex:1; min-width:0; }
.field-err{ min-height:16px; margin:6px 2px 0; font-size:12.5px; color:#c62828; line-height:1.4; }
.field-note{ margin:2px 2px 14px; font-size:12px; color:var(--muted); line-height:1.5; }
#orderPay:disabled,#orderPay.is-disabled{ opacity:.5; cursor:not-allowed; box-shadow:none; transform:none; filter:grayscale(.15); }
@media(max-width:420px){ .contact-type{ width:92px; } }