/*! 品牌美感层 brand-layer.css v1 · 贝宝智银 2026-10-09
   用法：<html lang="zh-CN" data-bl="geo"> + <link rel="stylesheet" href="https://apigw.top/brand-layer.css">
   原则：只加不改。不动任何 JS 逻辑、不动表单 id、不动弹幕/抽奖/签到，仅统一「字号层级 / 圆角 / 色块节奏 / 动效」。
   参照：https://ai.zhongyinedu.com/ 的设计语言（大字号 + 大色块 + 紧字距 + 大圆角）。 */
:root{
  --bl-paper:#eeeff9; --bl-ink:#0a0b0f; --bl-muted:#5f626d;
  --bl-r-lg:32px; --bl-r-md:22px; --bl-r-sm:14px;
  --bl-sec:clamp(64px,8vw,110px);
  --bl-hero:clamp(34px,5.2vw,64px);
  --bl-h2:clamp(26px,3.4vw,40px);
  --bl-h3:20px; --bl-body:16px;
  --bl-ease:cubic-bezier(.2,.7,.3,1);
}
[data-bl="geo"]    {--bl-brand:#3144ff;--bl-brand-d:#111c9d;--bl-tint:#eef0ff;--bl-deep:#0a0b0f}
[data-bl="meiye"]  {--bl-brand:#e85c9b;--bl-brand-d:#8b3ce0;--bl-tint:#fdf2f7;--bl-deep:#2a1622}
[data-bl="meishi"] {--bl-brand:#e8590c;--bl-brand-d:#a33d05;--bl-tint:#fff3e9;--bl-deep:#2a1a10}
[data-bl="aitifen"]{--bl-brand:#2f6bff;--bl-brand-d:#1747c8;--bl-tint:#eef4ff;--bl-deep:#0f1a30}
[data-bl="ai-geo"] {--bl-brand:#5fd0ff;--bl-brand-d:#1b8fd4;--bl-tint:#12283c;--bl-deep:#08131f}

/* ============ 1. 字体：中文优先 MiSans / HarmonyOS Sans，其次苹方 / 雅黑 ============ */
[data-bl] body,[data-bl] button,[data-bl] input,[data-bl] select,[data-bl] textarea{
  font-family:"MiSans","HarmonyOS Sans SC","HarmonyOS Sans",Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
[data-bl] h1,[data-bl] h2,[data-bl] h3{letter-spacing:-.03em}

/* ============ 2. 通用：深色满血色块（各站可插入，制造色块节奏） ============ */
[data-bl] .bl-band{position:relative;overflow:hidden;color:#fff;
  padding:clamp(50px,6.5vw,86px) 0;margin:0}
[data-bl] .bl-band::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--bl-deep)}
[data-bl] .bl-band::after{content:attr(data-mark);position:absolute;right:-2vw;top:-4vw;
  font-size:clamp(140px,26vw,340px);font-weight:900;line-height:.8;letter-spacing:-.06em;
  color:rgba(255,255,255,.055);pointer-events:none;user-select:none}
[data-bl] .bl-band .bl-in{position:relative;z-index:1}
[data-bl] .bl-band .bl-kick{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--bl-brand)}
[data-bl] .bl-band h2{font-size:var(--bl-h2);font-weight:800;line-height:1.14;color:#fff;margin:14px 0 28px}
[data-bl] .bl-nums{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){
  [data-bl] .bl-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  [data-bl] .bl-nums strong{font-size:clamp(26px,7.4vw,36px)}
  [data-bl] .bl-nums span{font-size:12.5px}
}
[data-bl] .bl-nums>div{border-top:1px solid rgba(255,255,255,.20);padding-top:16px}
[data-bl] .bl-nums strong{display:block;font-size:clamp(30px,3.6vw,46px);font-weight:900;
  letter-spacing:-.04em;line-height:1;color:#fff}
[data-bl] .bl-nums span{display:block;margin-top:9px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.70)}
[data-bl] .bl-band .bl-note{margin:28px 0 0;font-size:14px;line-height:1.8;color:rgba(255,255,255,.72);max-width:64ch}
[data-bl] .bl-band .bl-note b{color:#fff}

/* ============ 3. geo.apigw.top · 体检台 ============ */
[data-bl="geo"] body{font-size:15.5px}
[data-bl="geo"] .hd{position:relative;overflow:hidden;padding:36px 18px 42px;
  background:linear-gradient(135deg,#0a2a52 0%,#154b8a 45%,#1b7fd4 100%)}
[data-bl="geo"] .hd::after{content:"GEO";position:absolute;right:-3vw;bottom:-4vw;
  font-size:clamp(120px,22vw,260px);font-weight:900;line-height:.8;letter-spacing:-.06em;
  color:rgba(255,255,255,.07);pointer-events:none}
[data-bl="geo"] .hd h1{position:relative;z-index:1;font-size:clamp(28px,5vw,46px);font-weight:900;
  letter-spacing:-.035em;line-height:1.1}
[data-bl="geo"] .hd p{position:relative;z-index:1;font-size:clamp(13px,1.6vw,15.5px);
  opacity:.92;margin-top:11px;max-width:62ch;line-height:1.7}
[data-bl="geo"] .tabs{margin-top:-20px}
[data-bl="geo"] .tabs button{border-radius:14px;padding:13px 8px;font-size:14px}
[data-bl="geo"] .card{border-radius:var(--bl-r-md);padding:20px 18px;box-shadow:0 10px 30px rgba(16,52,90,.07)}
[data-bl="geo"] .card h2{font-size:clamp(19px,2.4vw,25px);font-weight:900;line-height:1.24;margin-bottom:6px}
[data-bl="geo"] .card .sub{font-size:13px}
[data-bl="geo"] .stat div{border-radius:16px}
[data-bl="geo"] .stat b{font-size:clamp(24px,4vw,32px);letter-spacing:-.03em}
[data-bl="geo"] .score .big{font-size:clamp(52px,9vw,78px);letter-spacing:-.04em}
[data-bl="geo"] .q{border-radius:16px}
[data-bl="geo"] .act,[data-bl="geo"] .mny,[data-bl="geo"] .hint,[data-bl="geo"] pre{border-radius:var(--bl-r-sm)}

/* ============ 4. meiye.apigw.top · 她客 ============ */
[data-bl="meiye"] .hd{position:relative;overflow:hidden;padding:46px 20px 58px;
  background:linear-gradient(135deg,#e85c9b 0%,#c0409c 45%,#7c3aed 100%)}
[data-bl="meiye"] .hd::after{content:"她";position:absolute;right:-1vw;bottom:-6vw;
  font-size:clamp(150px,28vw,320px);font-weight:900;line-height:.8;
  color:rgba(255,255,255,.13);pointer-events:none}
[data-bl="meiye"] .hd-in{position:relative;z-index:1}
[data-bl="meiye"] .hd .tag{border-radius:999px;padding:5px 14px;font-size:12.5px;letter-spacing:.06em}
[data-bl="meiye"] .hd h1{font-size:clamp(40px,8.5vw,66px);font-weight:900;letter-spacing:-.04em;
  line-height:1.04;margin-bottom:12px}
[data-bl="meiye"] .hd p{font-size:clamp(14px,1.9vw,17.5px);opacity:.96;line-height:1.6}
[data-bl="meiye"] .wrap{padding-bottom:96px}
[data-bl="meiye"] .card{border-radius:var(--bl-r-md);padding:26px 22px;box-shadow:0 14px 40px rgba(43,34,41,.07)}
[data-bl="meiye"] .card h2{font-size:clamp(21px,2.9vw,28px);font-weight:800;line-height:1.2}
[data-bl="meiye"] .card .sub{font-size:13.5px}
[data-bl="meiye"] .logic{border-radius:0 var(--bl-r-sm) var(--bl-r-sm) 0;font-size:14px}
[data-bl="meiye"] .out,[data-bl="meiye"] .aud{border-radius:16px}
[data-bl="meiye"] .aud b{font-size:15px}
[data-bl="meiye"] .stat .b{border-radius:16px;padding:18px 10px}
[data-bl="meiye"] .stat .b .n{font-size:clamp(26px,4.4vw,34px);letter-spacing:-.04em}
[data-bl="meiye"] .step .no{width:30px;height:30px}
[data-bl="meiye"] .step b{font-size:15.5px}
[data-bl="meiye"] button.act{border-radius:var(--bl-r-sm);padding:15px;font-weight:700}
[data-bl="meiye"] .site-ft{border-top:1px solid #f0e7ec}

/* ============ 5. meishi.apigw.top · 餐饮门店获客 ============ */
[data-bl="meishi"] .hero{position:relative;overflow:hidden;padding:62px 0 56px}
[data-bl="meishi"] .hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(160deg,#fff1e6 0%,#fffaf5 52%,#fff3e4 100%)}
[data-bl="meishi"] .hero::after{content:"食";position:absolute;right:-3vw;top:-5vw;
  font-size:clamp(180px,34vw,420px);font-weight:900;line-height:.8;
  color:rgba(232,89,12,.055);pointer-events:none}
[data-bl="meishi"] .hero>.wrap{position:relative;z-index:1}
[data-bl="meishi"] .hero h1{font-size:clamp(30px,4.9vw,54px);font-weight:900;letter-spacing:-.035em;
  line-height:1.14;margin-bottom:16px}
[data-bl="meishi"] .hero p.sub{font-size:clamp(15px,1.8vw,17.5px);line-height:1.75;max-width:62ch}
[data-bl="meishi"] .btn{border-radius:999px;padding:15px 28px}
[data-bl="meishi"] section{padding:var(--bl-sec) 0}
[data-bl="meishi"] h2{font-size:var(--bl-h2);font-weight:900;letter-spacing:-.03em;line-height:1.14}
[data-bl="meishi"] .sub2{font-size:14.5px;margin-bottom:26px}
[data-bl="meishi"] .card,[data-bl="meishi"] .case,[data-bl="meishi"] .form,[data-bl="meishi"] .plan{border-radius:var(--bl-r-md)}
[data-bl="meishi"] .step,[data-bl="meishi"] .fl{border-radius:18px}
[data-bl="meishi"] .card h3,[data-bl="meishi"] .step h3{font-size:17.5px}
[data-bl="meishi"] .card p,[data-bl="meishi"] .step p{font-size:14.5px;line-height:1.72}
[data-bl="meishi"] .fl b{font-size:15px}
[data-bl="meishi"] .plan .price{font-size:clamp(30px,4vw,40px);letter-spacing:-.045em}
[data-bl="meishi"] .case h3{font-size:clamp(19px,2.4vw,24px);letter-spacing:-.02em}
[data-bl="meishi"] .ok{border-radius:14px}

/* ============ 6. aitifen.apigw.top · 机构版落地页 ============ */
[data-bl="aitifen"] .hero{position:relative;overflow:hidden;padding:62px 0 56px}
[data-bl="aitifen"] .hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(160deg,#eef3ff 0%,#f8fbff 52%,#eaf6f2 100%)}
[data-bl="aitifen"] .hero::after{content:"AI";position:absolute;right:-2vw;top:-5vw;
  font-size:clamp(180px,32vw,400px);font-weight:900;line-height:.8;letter-spacing:-.06em;
  color:rgba(47,107,255,.06);pointer-events:none}
[data-bl="aitifen"] .hero>.wrap{position:relative;z-index:1}
[data-bl="aitifen"] .hero h1{font-size:clamp(30px,4.9vw,54px);font-weight:900;letter-spacing:-.035em;
  line-height:1.14;margin-bottom:16px}
[data-bl="aitifen"] .hero p.sub{font-size:clamp(15px,1.8vw,17.5px);line-height:1.75;max-width:62ch}
[data-bl="aitifen"] .btn{border-radius:999px;padding:15px 28px}
[data-bl="aitifen"] section{padding:var(--bl-sec) 0}
[data-bl="aitifen"] h2{font-size:var(--bl-h2);font-weight:900;letter-spacing:-.03em;line-height:1.14}
[data-bl="aitifen"] .sub2{font-size:14.5px;margin-bottom:26px}
[data-bl="aitifen"] .card,[data-bl="aitifen"] .form,[data-bl="aitifen"] .plan{border-radius:var(--bl-r-md)}
[data-bl="aitifen"] .card h3{font-size:17.5px}
[data-bl="aitifen"] .card p{font-size:14.5px;line-height:1.72}
[data-bl="aitifen"] .plan .price{font-size:clamp(30px,4vw,40px);letter-spacing:-.045em}
[data-bl="aitifen"] .nav .enter{border-radius:999px}

/* ============ 7. ai-geo.apigw.top · 对照版（深色） ============ */
[data-bl="ai-geo"] body{background:radial-gradient(120% 90% at 12% 8%,#143353 0%,#0d1b2a 52%,#08131f 100%)}
[data-bl="ai-geo"] h1{font-size:clamp(34px,5.6vw,60px);font-weight:900;letter-spacing:-.038em;line-height:1.1}
[data-bl="ai-geo"] p.lead{font-size:clamp(15px,1.8vw,18px);line-height:1.75}
[data-bl="ai-geo"] .tag{letter-spacing:.16em}
[data-bl="ai-geo"] li{font-size:14.5px;padding:17px 0}
[data-bl="ai-geo"] li b{font-size:16.5px}
[data-bl="ai-geo"] .bar{height:4px}
[data-bl="ai-geo"] .w{max-width:660px}
/* ai-geo 是深色底：弹幕/滚屏/悬浮按钮改成暗色玻璃，别在深底上发光刺眼 */
[data-bl="ai-geo"] .dm-item{background:rgba(255,255,255,.055);border-color:rgba(95,208,255,.20);
  box-shadow:none;color:rgba(232,238,245,.55)}
[data-bl="ai-geo"] .dm-item b{color:#5fd0ff;opacity:.78}
[data-bl="ai-geo"] .dm-item i{color:rgba(95,208,255,.62)}
[data-bl="ai-geo"] .dm-item em{color:rgba(232,238,245,.40)}
[data-bl="ai-geo"] .dm-mq{background:rgba(8,19,31,.88);border-top-color:rgba(95,208,255,.18)}
[data-bl="ai-geo"] .dm-mq span{color:rgba(232,238,245,.62)}
[data-bl="ai-geo"] .dm-fab .b{background:rgba(13,27,42,.94);border-color:rgba(95,208,255,.30);color:#5fd0ff}
[data-bl="ai-geo"] .dm-fab .b.p{background:#5fd0ff;color:#08131f;border-color:transparent}

/* ============ 8. 动效：滚动进度条 / 入场 / 滚动显现 / 悬浮上浮 ============ */
#bl-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;
  background:linear-gradient(90deg,var(--bl-brand,#3144ff),var(--bl-brand-d,#111c9d));
  box-shadow:0 1px 8px rgba(10,11,15,.28);transition:width .12s linear;pointer-events:none}
[data-bl] .bl-hero-in>*{opacity:0;transform:translateY(22px);animation:blUp .85s var(--bl-ease) forwards}
[data-bl] .bl-hero-in>*:nth-child(2){animation-delay:.10s}
[data-bl] .bl-hero-in>*:nth-child(3){animation-delay:.20s}
[data-bl] .bl-hero-in>*:nth-child(4){animation-delay:.30s}
[data-bl] .bl-hero-in>*:nth-child(5){animation-delay:.40s}
[data-bl] .bl-hero-in>*:nth-child(6){animation-delay:.50s}
@keyframes blUp{to{opacity:1;transform:none}}
/* 滚动显现：只位移、不隐藏内容（保证无 JS / 截图 / 打印 / AI 抓取时内容永远看得见） */
[data-bl] .bl-rv{transform:translateY(22px);transition:transform .7s var(--bl-ease)}
[data-bl] .bl-rv.bl-in{transform:none}
@media(hover:hover){
  [data-bl] .card,[data-bl] .plan,[data-bl] .case,[data-bl] .fl,[data-bl] .stat div,
  [data-bl] .stat .b,[data-bl] .q,[data-bl] .aud{
    transition:transform .35s var(--bl-ease),box-shadow .35s var(--bl-ease)}
  [data-bl] .card:hover,[data-bl] .plan:hover,[data-bl] .case:hover,[data-bl] .fl:hover,
  [data-bl] .q:hover,[data-bl] .aud:hover{
    transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,11,15,.13)}
}
@media(prefers-reduced-motion:reduce){
  [data-bl] .bl-rv,[data-bl] .bl-hero-in>*{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  #bl-progress{display:none}
}
@media print{
  [data-bl] .bl-rv,[data-bl] .bl-hero-in>*{opacity:1!important;transform:none!important;animation:none!important}
  #bl-progress{display:none}
}