/* ══════════════════════════════════════════════════════════════
   REDMONKEY · 名片红色系全站主题
   品牌红 #C40026（取自名片），白底 + 红色细线条
   —— 引入方式：每个页面 </head> 前的最后一个 <link>
   —— 由 _tools/apply_red_theme.py 注入，勿手工逐页改
   ══════════════════════════════════════════════════════════════ */

:root{
  --p:#C40026; --p2:#250508; --a:#C40026; --a2:#C40026; --ab:#8E001B;
  --on-gold:#FFFFFF;
  --grd:linear-gradient(135deg,#C40026 0%,#8E001B 100%);
  --gr2:linear-gradient(135deg,#C40026 0%,#A80020 100%);
  --gr3:linear-gradient(150deg,#8E001B 0%,#C40026 100%);
  --gr-title:linear-gradient(135deg,#C40026 0%,#9C001F 100%);
  --b:#FFFFFF; --t:#17181A; --tm:#565B62; --tl:#8A9098;
  --bd:rgba(196,0,38,.12); --bd2:rgba(196,0,38,.18);
  --md:0 4px 20px rgba(196,0,38,.05); --lg:0 12px 40px rgba(196,0,38,.09);
}
body{background:#FFFFFF}

/* ── 导航：白底 + 红色字标 + 红线 ─────────────────────────── */
nav{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(196,0,38,.28)}

/* ── 移动端菜单高度（2026-10-19 修复：手机上点菜单只露出「首页」，下面全空）──
   原因：nav 上的 backdrop-filter 会让它成为 position:fixed 子元素的包含块，
   .mm 的 inset:58px 0 0 于是按 nav（约 62px 高）结算 → 高度塌成 0，
   只剩上下 padding 共 56px，六条菜单被裁在这 56px 里滚动。
   这里不改定位原点（nav 固定在 top:0，58px 始终等于视口 y=58），只把高度写死为视口高，
   不再依赖包含块；用 dvh 兼顾 iOS 地址栏收起。 */
.mm{height:calc(100vh - 58px);height:calc(100dvh - 58px);
  padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
/* nav 滚动后会矮 4px（padding 12→8），菜单顶部要跟着上移，否则露出一道白缝 */
nav.scrolled .mm{top:54px;height:calc(100vh - 54px);height:calc(100dvh - 54px)}

/* ── 移动端右上角菜单按钮（2026-10-19：原来是白色三道杠压在白导航上，
   等于隐形；改为品牌红实心按钮 + 白杠，任何滚动状态都看得清）── */
.nt{
  padding:8px 9px;
  align-items:center;justify-content:center;
  border:1px solid #C40026;
  border-radius:10px;
  background:#C40026;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 3px 10px rgba(196,0,38,.2);
}
.nt .hl{background:#FFFFFF}
.nt:hover,.nt:focus-visible{background:#A80020;border-color:#A80020}
.nt.active{background:#C40026;border-color:#C40026}

/* 移动端导航不再半透明白（.94 + 磨砂会让后面的内容透上来，看着发虚） */
@media (max-width:1279px){
  nav{background:#FFFFFF}
}

/* 展开的菜单面板：零透明度，避免背后文字透出来干扰阅读 */
.mm{background:#250508}
.mm .mn a{color:rgba(255,255,255,.82)}
/* 面板里的「账号中心」原来用品牌红描边 + 红字，落在近黑酒红底上几乎看不见 */
.mm .mc .client-apply{color:#FFFFFF;border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.07)}
.mm .mc .client-apply:hover{color:#FFFFFF;border-color:rgba(255,255,255,.6);
  background:rgba(255,255,255,.14)}
nav.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 20px rgba(196,0,38,.07)}
.nl .nlw b{color:#C40026}
.nl .nlw em{color:#9BA1A8}
.nl small{color:#9BA1A8}
.nm a{color:#5C626A}
.nm a:hover,.nm a.active,.nm a.act{color:#C40026;border-bottom-color:#C40026}
.ls{background:rgba(196,0,38,.06)}
.lb{color:#8A9098}
.lb.active,.lb.act{background:#C40026;color:#fff;box-shadow:0 2px 8px rgba(196,0,38,.2)}
.lb:not(.active):not(.act):hover{color:#C40026}
.cta{background:#C40026;color:#fff}
.cta:hover{box-shadow:0 8px 24px rgba(196,0,38,.22)}

/* ── 标题：统一深墨色（红色只留作点缀，不做整行渐变）───────── */
.sec:not(.bgd) .st{background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:#17181A;color:#17181A}
.hh .gt{background:var(--gr-title);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent}

/* ── 子页面页头 .ph：浅底（原来是深绿大块）────────────────── */
.ph{
  background:
    radial-gradient(ellipse 58% 52% at 82% 14%,rgba(196,0,38,.06),transparent 62%),
    radial-gradient(ellipse 52% 46% at 6% 92%,rgba(196,0,38,.035),transparent 60%),
    linear-gradient(158deg,#FFFFFF 0%,#FDF8F8 48%,#FBEFEF 100%);
  border-bottom:1px solid rgba(196,0,38,.18);
}
.ph::before{background:none}
.ph .st{color:#17181A;background:none;-webkit-text-fill-color:#17181A}
.ph .sd{color:#5C626A}
.ph .hbd,.ph .hs,.ph .hsl,.ph .hh .sb,.ph .hc .ht span{color:#6A7078}
.ph .hc .hl{background:none;color:#C40026;opacity:.7}
.ph .slb{background:rgba(196,0,38,.055) !important;border-color:rgba(196,0,38,.18) !important;color:#C40026 !important}
.ph .slb i{background:rgba(196,0,38,.09) !important}
.ph .slb i svg{color:#C40026 !important}

/* ── 深色区块 .bgd（首页联系表单区）：浅底 + 红线 ─────────── */
.bgd{
  background:
    radial-gradient(ellipse 52% 44% at 90% 4%,rgba(196,0,38,.05),transparent 62%),
    radial-gradient(ellipse 46% 42% at 0% 98%,rgba(196,0,38,.03),transparent 60%),
    linear-gradient(180deg,#FFFFFF 0%,#FDF9F9 100%);
  color:#17181A;
  border-top:1px solid rgba(196,0,38,.2);
}
.bgd::before{background:none}
.bgd .st,.bgd .st2{color:#17181A;background:none;-webkit-text-fill-color:#17181A}
.bgd .sd{color:#5C626A}
.bgd .slb{background:rgba(196,0,38,.055) !important;border-color:rgba(196,0,38,.18) !important;color:#C40026 !important}
.bgd .slb i{background:rgba(196,0,38,.09) !important}
.bgd .slb i svg{color:#C40026 !important}

/* ── 首页 Hero ─────────────────────────────────────────────── */
.hb{background:#fff}
.v2bg::before{background:
  radial-gradient(ellipse 58% 52% at 82% 14%,rgba(196,0,38,.06),transparent 62%),
  radial-gradient(ellipse 52% 46% at 6% 92%,rgba(196,0,38,.035),transparent 60%),
  linear-gradient(158deg,#FFFFFF 0%,#FDF8F8 48%,#FBEFEF 100%)}
.v2grid{background-image:linear-gradient(90deg,rgba(196,0,38,.07) 1px,transparent 1px)}
.v2mark{color:#C40026;opacity:.045}
.v2kick{color:#8A9098}
.v2dot{background:#C40026;box-shadow:0 0 0 4px rgba(196,0,38,.12)}
.v2sep{background:linear-gradient(90deg,rgba(196,0,38,.38),rgba(196,0,38,0))}
.v2geo{color:#C2C6CB}
.hh.v2h1{color:#17181A}
.hh.v2h1 .gt{color:#C40026}
.hh.v2h1 .sb{color:#6A7078}
.hs{color:#6A7078;border-left:1px solid rgba(196,0,38,.35)}

/* 服务索引条 */
.v2idxw{border-top:1px solid rgba(196,0,38,.4);
  background:linear-gradient(180deg,rgba(196,0,38,.022),rgba(255,255,255,0))}
.v2idxi{border-left:1px solid rgba(196,0,38,.1)}
.v2idxi i{color:#C40026}
.v2idxi b{color:#17181A}
.v2idxi em{color:#A2A7AE}
.v2idxi:hover{background:rgba(196,0,38,.035)}
.v2idxi:hover b{color:#C40026}

/* 数字带 */
.v2stats{background:#fff;border-bottom:1px solid rgba(196,0,38,.16)}
.v2stat{border-left:1px solid rgba(196,0,38,.1)}
.v2stat b{color:#C40026}
.v2stat b sup{color:#C40026}
.v2stat span{color:#8A9098}

/* 通用区块 / 卡片 */
.v2sec{background:#FFFFFF}
.v2slb{color:#C40026}
.v2slb::before{background:#C40026}
.v2head h2{color:#17181A}
.v2head p{color:#565B62}
.v2card{background:#fff;border:1px solid rgba(196,0,38,.16)}
.v2card:hover{border-color:rgba(196,0,38,.45);box-shadow:0 18px 46px rgba(196,0,38,.07)}
.v2cn{color:rgba(196,0,38,.07)}
.v2card h3{color:#17181A}
.v2card li::before{background:#C40026}
.v2clink{color:#C40026;border-top:1px solid rgba(196,0,38,.13)}
.v2clink:hover{color:#8E001B}

/* 流程段：极浅红底 + 细红线 */
.v2proc{background:#FCF6F6;border-top:1px solid rgba(196,0,38,.12);
  border-bottom:1px solid rgba(196,0,38,.12)}
.v2proc::before{background:radial-gradient(ellipse 60% 60% at 88% 0%,rgba(196,0,38,.06),transparent 64%)}
.v2prochd h2{color:#17181A}
.v2proc .v2slb{color:#C40026}
.v2proc .v2slb::before{background:#C40026}
.v2procnote{color:#6A7078}
.v2steps li::before{background:rgba(196,0,38,.3)}
.v2steps b,.v2steps h3,.v2steps h4{color:#17181A}
.v2steps p{color:#5C626A}
.v2steps i{color:#C40026}
.v2whyR h3{color:#17181A}
.v2whyR p{color:#565B62}
.v2whyR i{color:#C40026}

/* 联系表单区（.bgd 内）*/
.v2cmeta li{color:#3A4046;font-size:13px}
.v2cmeta svg{color:#C40026}
.v2cnote{color:#7A8088}
.bgd .fm>.fw{background:#fff;border:1px solid rgba(196,0,38,.12);border-top:3px solid #C40026;
  box-shadow:0 22px 56px rgba(196,0,38,.07)}
.bgd .fg label{color:#6A7078}
.bgd .fg input,.bgd .fg select,.bgd .fg textarea{
  border-color:rgba(196,0,38,.16);background:#FEFCFC;color:#17181A}
.bgd .fg input:focus,.bgd .fg select:focus,.bgd .fg textarea:focus{
  border-color:#C40026;box-shadow:0 0 0 3px rgba(196,0,38,.08)}
.fb{background:#C40026;color:#fff;box-shadow:0 6px 18px rgba(196,0,38,.18)}
.fb:hover{box-shadow:0 10px 26px rgba(196,0,38,.24);opacity:1}

/* ── 按钮 ─────────────────────────────────────────────────── */
.btn{background:#C40026;color:#fff;border-color:#C40026}
.btn.bp{background:#C40026;color:#fff}
.btn.bp:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(196,0,38,.24)}
.btn.bo{background:transparent;border:1.5px solid rgba(196,0,38,.42);color:#C40026}
.btn.bo:hover{background:rgba(196,0,38,.05);border-color:#C40026}
.btn:hover{box-shadow:0 10px 28px rgba(196,0,38,.2)}
.btn.ghost,.btn.o{background:transparent;color:#C40026;border-color:rgba(196,0,38,.4)}
.primary,.verify{color:#fff}

/* ── 招聘：投递区（原为深绿大块）──────────────────────────── */
.jobs-form-section{
  background:
    radial-gradient(ellipse 54% 46% at 88% 6%,rgba(196,0,38,.05),transparent 62%),
    linear-gradient(180deg,#FFFFFF 0%,#FDF9F9 100%) !important;
  color:#17181A !important;
  border-top:1px solid rgba(196,0,38,.2);
}
.jobs-form-section::before{background:none !important}
.jobs-form-section .st{background:none !important;-webkit-text-fill-color:#17181A !important;color:#17181A !important}
.jobs-form-section .sd{color:#5C626A !important}
.jobs-form-title{color:#17181A}
.jobs-card{background:#fff;border:1px solid rgba(196,0,38,.16)}

/* ── 税费计算器：页头 + 徽标 ──────────────────────────────── */
.hero{
  background:
    radial-gradient(ellipse 56% 50% at 78% 10%,rgba(196,0,38,.06),transparent 62%),
    linear-gradient(158deg,#FFFFFF 0%,#FDF8F8 48%,#FBEFEF 100%) !important;
  color:#17181A !important;
  border-bottom:1px solid rgba(196,0,38,.18);
}
.hero::before{background:none !important}
.hero p{color:#5C626A !important}
.badge{border-color:rgba(196,0,38,.22) !important;background:rgba(196,0,38,.04) !important;
  color:#C40026 !important}
.result-top{background:linear-gradient(135deg,#C40026 0%,#8E001B 100%)}
.result-top p{color:rgba(255,255,255,.86)}

/* ── 导入认证：证书页辅助 ─────────────────────────────────── */
.ic-temp .slb,.cert-tab.active,.cert-kicker,.cert-toggle{color:#C40026}
a.ic-guide__back{color:#C40026}

/* ── 页脚：深酒红 + 顶部红线 ──────────────────────────────── */
footer{background:#250508;border-top:2px solid #C40026}
footer .fbl span{background:none;-webkit-text-fill-color:#FFFFFF;color:#FFFFFF}
footer .fd2{color:rgba(255,255,255,.45)}
footer .fc2 h4{color:rgba(255,255,255,.92)}
footer .fc2 a,footer .fc2 span{color:rgba(255,255,255,.5)}
footer .fc2 a:hover{color:#FF8296}
footer .fct svg{color:rgba(255,255,255,.4)}
footer .fsk{background:rgba(255,255,255,.05)}
footer .fsk:hover{background:rgba(196,0,38,.18)}
footer .fsk svg{color:rgba(255,255,255,.5)}
footer .fd3{border-top-color:rgba(255,255,255,.08)}
footer .fcp{color:rgba(255,255,255,.32)}
footer .staff-footer-link{color:rgba(255,255,255,.3)}
footer .staff-footer-link:hover{color:rgba(255,255,255,.6)}

/* ── 悬浮 WhatsApp：品牌红 ────────────────────────────────── */
.whatsapp{background:linear-gradient(135deg,#C40026,#8E001B);
  box-shadow:0 4px 20px rgba(196,0,38,.22)}
.whatsapp:hover{box-shadow:0 6px 28px rgba(196,0,38,.3)}