/* =========================================================================
   招采伴 H5 · 简约科技感主题覆盖层（墨迹天气风格）
   设计原则：保留原 style.css 与所有 JS/DOM 结构不动，本文件仅覆盖"视觉面"：
   - 重定义调色板（更克制、更具科技感的深空蓝 + 青色光晕）
   - 连续渐变"天空"头部 + hero（墨迹天气式的氛围感）
   - 玻璃拟态（frosted glass）搜索栏 / 底部导航
   - 悬浮卡片式区块与标讯卡（更大圆角、更柔阴影）
   - 柔和技术底纹（细微网格 + 光晕）
   加载顺序：必须在 style.css 之后。
   ========================================================================= */

:root{
  /* —— 主色：更克制、更具纵深感的深空蓝 —— */
  --blue-900:#0A1B3D;
  --blue-800:#0E2A5C;
  --blue-700:#13407E;   /* 主操作色 */
  --blue-600:#1E63C9;
  --blue-100:#EAF1FB;
  --blue-050:#F5F8FC;
  /* —— 科技强调色：青色光晕 —— */
  --tech:#1FC8D8;
  --tech-soft:rgba(31,200,216,.14);
  /* —— 语义色（更干净） —— */
  --red:#E5484D;        /* 中标 / 重要 */
  --gold:#E0A93B;
  --ink:#16202E;
  --ink-2:#566678;
  --ink-3:#8A98A8;
  --line:#E7ECF4;
  --white:#FFFFFF;
  /* —— 形状与阴影：更大圆角、更柔阴影 —— */
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 10px 34px rgba(14,42,92,.10);
  --shadow-soft:0 4px 16px rgba(14,42,92,.07);
  /* —— 渐变工具变量 —— */
  --grad-primary:linear-gradient(135deg,#13407E 0%,#1E63C9 100%);
  --grad-tech:linear-gradient(135deg,#1E63C9 0%,#1FC8D8 100%);
  --grad-sky:radial-gradient(140% 130% at 12% 0%, #1E63C9 0%, #13407E 42%, #0E2A5C 78%, #0A1B3D 100%);
}

/* ============ 全局背景：柔和技术氛围（替代纯色） ============ */
body{
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(30,99,201,.12), transparent 60%),
    radial-gradient(620px 460px at 96% 2%, rgba(31,200,216,.10), transparent 55%),
    linear-gradient(180deg,#F7FAFE 0%, #EEF3FB 100%);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* 细微科技网格 + 中心光晕（固定背景层，不挡交互） */
body::before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(20,40,90,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,40,90,.04) 1px, transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 18%, #000 0%, transparent 78%);
          mask-image:radial-gradient(120% 90% at 50% 18%, #000 0%, transparent 78%);
}

/* ============ 顶部细条：纤细科技渐变（替代三色粗条） ============ */
.top-bar{
  height:3px;
  background:linear-gradient(90deg, var(--blue-800) 0%, var(--blue-600) 45%, var(--tech) 100%);
}

/* ============ 头部：连续渐变"天空"（墨迹天气式） ============ */
.app-header{
  background:var(--grad-sky);
  border-bottom:none;
  padding:11px 16px;
  box-shadow:0 6px 22px rgba(14,42,92,.18);
}
.brand-name{ color:#fff; letter-spacing:2px; font-size:17px; }
.brand-sub{ color:rgba(255,255,255,.72); }
.emblem img{ border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.header-btn{
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.12);
  border-radius:16px;
  padding:5px 13px;
  font-size:12px;
  backdrop-filter:blur(6px);
}
.header-btn:active{ background:rgba(255,255,255,.26); transform:scale(.96); }
.header-tier.tier-standard{ background:rgba(255,255,255,.18); color:#fff; border-color:rgba(255,255,255,.5); }

/* ============ Hero：氛围渐变 + 光晕 + 网格 ============ */
.hero{
  background:var(--grad-sky);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.hero::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 80% at 88% 8%, rgba(31,200,216,.28), transparent 60%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:auto, 26px 26px, 26px 26px;
}
.hero-stat-glow{ position:absolute; right:-30px; top:-30px; width:160px; height:160px;
  background:radial-gradient(circle, rgba(31,200,216,.35), transparent 70%); z-index:0; }
.stat{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(6px);
}
.stat-num{ letter-spacing:.5px; }

/* ============ 搜索栏：玻璃拟态 ============ */
.search-bar{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.6);
  box-shadow:0 6px 20px rgba(14,42,92,.06);
  padding:11px 14px;
}
.search-box{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(19,64,126,.14);
  border-radius:24px;
  padding:10px 12px;
  box-shadow:inset 0 1px 2px rgba(14,42,92,.04);
}
.search-box:focus-within{
  border-color:var(--blue-600);
  background:#fff;
  box-shadow:0 0 0 3px rgba(30,99,201,.12);
}
.search-box input{ color:var(--ink); font-size:14px; }
.search-box input::placeholder{ color:#9AA7B5; }
/* 搜索按钮：科技渐变胶囊（覆盖原 !important 白底） */
.search-btn{
  background:var(--grad-primary) !important;
  color:#fff !important;
  border:1px solid transparent !important;
  border-radius:14px !important;
  font-size:12px !important;
  box-shadow:0 3px 10px rgba(19,64,126,.28) !important;
}
.search-btn:hover,.search-btn:active,.search-btn:focus{
  background:var(--grad-primary) !important;
  color:#fff !important;
  filter:brightness(1.06);
  box-shadow:0 3px 10px rgba(19,64,126,.34) !important;
}
.voice-search-btn{ color:var(--blue-700); }
.voice-search-btn.on{ color:var(--red); }

/* 筛选胶囊 */
.sf-btn{
  border:1px solid rgba(19,64,126,.16);
  border-radius:18px;
  background:rgba(19,64,126,.06);
  padding:6px 13px;
  font-size:13px;
  color:var(--blue-800);
  backdrop-filter:blur(4px);
}
.sf-btn:active{ transform:scale(.97); }
.sf-badge{ background:var(--grad-tech); color:#fff; }
.sf-rel{ position:relative; }
.sf-drop{
  position:absolute; top:calc(100% + 8px); left:0; z-index:90; min-width:210px;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 16px 44px rgba(14,42,92,.22);
  background:#fff;
  padding:12px;
  text-align:left;
  backdrop-filter:blur(10px);
}
.sf-drop-ok{ background:var(--grad-primary); }
.sf-drop-ok:active{ filter:brightness(.94); }
.month-tag.sel{ background:var(--grad-primary); border-color:transparent; }
.area-tag.sel{ background:var(--grad-primary); border-color:transparent; }
.sah-chip{ background:var(--tech-soft); border:1px solid rgba(31,200,216,.4); color:#0E7C88; }

/* ============ 区块：悬浮玻璃卡片 ============ */
.section{
  background:rgba(255,255,255,.92);
  margin:14px 12px;
  padding:20px 16px 18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:var(--shadow);
  backdrop-filter:blur(6px);
  animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes cardIn{ from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
.section-head{ margin-bottom:10px; }
.sec-bar{
  width:5px;height:18px;border-radius:3px;
  background:var(--grad-tech);
  box-shadow:0 0 8px rgba(31,200,216,.5);
}
.section-title{ color:var(--blue-800); font-size:19px; letter-spacing:.5px; }
.section-tip{ color:var(--ink-2); }

/* 实时徽标：更克制 */
.badge-live{
  color:var(--tech);
  border:1px solid rgba(31,200,216,.5);
  border-radius:12px;
  padding:2px 9px;
  background:var(--tech-soft);
  font-size:11px;
}
.badge-live::before{ content:"●"; margin-right:4px; font-size:8px; vertical-align:1px; }

/* ============ 标讯卡：悬浮玻璃 ============ */
.bid-list{ gap:13px; }
.bid-card{
  border:1px solid rgba(19,64,126,.08);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.bid-card:active{ transform:translateY(1px); }
.bid-card:hover{ box-shadow:0 14px 38px rgba(14,42,92,.14); transform:translateY(-2px); }
.bid-top{
  background:linear-gradient(180deg, rgba(19,64,126,.06), rgba(19,64,126,.02));
  border-bottom:1px solid rgba(19,64,126,.06);
  padding:9px 14px;
}
.bid-type{ color:var(--blue-800); }
.bid-body{ padding:14px; }
.bid-title{ font-size:15.5px; line-height:1.5; margin:0 0 11px; letter-spacing:.2px; }
.bid-meta{ gap:7px 16px; font-size:12.5px; }
.bid-meta b{ color:var(--blue-700); }
.bid-amount{
  margin-top:11px;
  font-size:13px;
  color:var(--red);
  font-weight:700;
  background:rgba(229,72,77,.08);
  border:1px solid rgba(229,72,77,.16);
  border-radius:10px;
  padding:7px 11px;
  display:inline-block;
}
.bid-src{ color:var(--ink-3); }

/* 类型切换 / 关键词 chips：统一胶囊 */
.chip,.type-tab,.sort-chip{
  border-radius:18px;
  background:rgba(19,64,126,.06);
  color:var(--blue-800);
  border:1px solid rgba(19,64,126,.12);
  transition:.15s;
}
.chip.active{ background:var(--grad-primary); color:#fff; border-color:transparent; box-shadow:0 3px 10px rgba(19,64,126,.25); }
.type-tab.active{ background:var(--red); color:#fff; border-color:transparent; font-weight:700; box-shadow:0 3px 10px rgba(229,72,77,.28); }
.sort-chip.active{ background:var(--grad-primary); color:#fff; border-color:transparent; }
.type-tabs,.chips{ gap:9px; }

/* ============ 我的收藏 / 智能解读 / 央企选择 按钮 ============ */
.search-summary-btn,.soe-select-btn,.search-soe-btn{
  margin:8px 0 2px;
  width:100%;
  border:none;
  border-radius:20px;
  padding:11px 14px;
  font-size:13.5px;
  font-weight:700;
  color:#fff;
  background:var(--grad-tech);
  cursor:pointer;
  box-shadow:0 6px 18px rgba(31,200,216,.30);
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.search-summary-btn:active,.soe-select-btn:active,.search-soe-btn:active{ filter:brightness(.96); }
.hero.hero-mini .hero-fav{
  border:1px solid rgba(255,255,255,.5);
  background:rgba(255,255,255,.16);
  color:#fff;
  border-radius:16px;
  padding:5px 12px;
  backdrop-filter:blur(6px);
}
.hero.hero-mini .hero-fav .fav-count{ background:rgba(255,255,255,.3); color:#fff; }
.hero.hero-mini #ub-time{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  border-radius:14px;
}

/* ============ 底部导航：玻璃拟态 + 悬浮胶囊指示 ============ */
.bottom-nav{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px) saturate(170%);
  -webkit-backdrop-filter:blur(16px) saturate(170%);
  border-top:1px solid rgba(255,255,255,.7);
  box-shadow:0 -8px 28px rgba(14,42,92,.12);
  height:60px;
}
.nav-item{ color:var(--ink-2); font-size:11px; gap:3px; }
.nav-item.active{
  color:var(--blue-700);
  font-weight:700;
  background:linear-gradient(180deg, rgba(19,64,126,.10), rgba(19,64,126,.04));
  border-radius:16px;
  margin:6px 2px;
}
.nav-item.active svg{ filter:drop-shadow(0 2px 5px rgba(30,99,201,.45)); }
.nav-item:active{ background:rgba(19,64,126,.06); }

/* ============ 主操作按钮：统一科技渐变 ============ */
.sub-btn,.add-kw button,.plan-btn,.ac-btn,.pf-save,.ac-order-btn{
  background:var(--grad-primary);
  color:#fff;
  border:none;
  border-radius:26px;
  box-shadow:0 8px 20px rgba(19,64,126,.28);
}
.sub-btn:active,.add-kw button:active,.plan-btn:active,.ac-btn:active,.pf-save:active{ transform:scale(.98); filter:brightness(.97); }
.add-kw button{ border-radius:12px; }
.ac-btn.logout{ background:#fff; color:var(--red); border:1px solid var(--red); box-shadow:none; }

/* 会员卡 / VIP：更通透的渐变 */
.vip-card{
  background:var(--grad-sky);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.vip-card::before{
  background:radial-gradient(circle, rgba(31,200,216,.35), transparent 70%);
  width:180px;height:180px;right:-40px;bottom:-40px;
}
.vip-cta{ background:linear-gradient(135deg,#E0A93B,#F2C75E); color:#3A2A00; border-radius:26px; }
.plan-card.hot{ border-color:var(--red); background:linear-gradient(180deg,#fff,#FFF1F1); }

/* ============ 底部版权区：与天空呼应 ============ */
.app-footer{
  background:var(--grad-sky);
  border-top:1px solid rgba(255,255,255,.1);
  color:#fff;
  padding:30px 16px 34px;
  position:relative;
  overflow:hidden;
}
.app-footer::after{
  content:"";position:absolute;left:-40px;top:-40px;width:200px;height:200px;
  background:radial-gradient(circle, rgba(31,200,216,.30), transparent 70%);
}
.footer-brand{ color:#fff; letter-spacing:3px; }
.footer-line{ color:rgba(255,255,255,.82); }
.footer-muted{ color:rgba(255,255,255,.55); }
.footer-copyright{ color:rgba(255,255,255,.42); }

/* ============ 通用弹层：圆角与阴影统一 ============ */
.bureau-modal,.soe-modal,.pay-modal,.auth-card,.detail-modal,.fav-modal,.genai-modal,.review-modal,.ai-chat-fab{
  border-radius:22px 22px 0 0;
  box-shadow:0 24px 60px rgba(10,27,61,.30);
}
.pay-modal{ border-radius:22px; }
.auth-card{ border-radius:22px; }
.genai-modal,.review-modal,.ai-chat-fab{ border-radius:18px; }
.detail-bar{ background:linear-gradient(135deg,#0B4DA2 0%,#0E63C9 100%); }

/* ============ 小屏适配：同步放大圆角与留白 ============ */
@media (max-width:360px){
  .app-header{ padding:9px 12px; }
  .section{ padding:16px 12px 14px; margin:12px 10px; }
  .bid-body{ padding:12px; }
  .bottom-nav{ height:56px; }
}
@media (min-width:481px){
  .expert-intro{ background:var(--grad-sky); }
  .home-expert-card,.ac-profile:not(.guest){ background:var(--grad-sky); }
}

/* =========================================================================
   招采伴 · 红色企查查主题覆盖（在科技感覆盖层之后追加）
   目标：主色全面转为中国红，并新增首页 Hero / 热门关键词 / 功能网格
   ========================================================================= */

:root{
  /* 主色：恢复深空蓝（招采伴科技蓝） */
  --blue-900:#0A1B3D;
  --blue-800:#0E2A5C;
  --blue-700:#13407E;   /* 主操作色 */
  --blue-600:#1E63C9;
  --blue-100:#EAF1FB;
  --blue-050:#F5F8FC;
  /* 科技强调色：青色光晕 */
  --tech:#1FC8D8;
  --tech-soft:rgba(31,200,216,.14);
  --red:#E5484D;        /* 仅语义红：中标 / 重要，不作大色块 */
  --gold:#E0A93B;
  /* 渐变工具变量（蓝） */
  --grad-primary:linear-gradient(135deg,#13407E 0%,#1E63C9 100%);
  --grad-tech:linear-gradient(135deg,#1E63C9 0%,#1FC8D8 100%);
  --grad-sky:linear-gradient(180deg,#FFFFFF 0%, #F4F8FE 100%);
}

/* 全局背景：干净浅色（无红） */
body{
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(30,99,201,.06), transparent 60%),
    radial-gradient(620px 460px at 96% 2%, rgba(31,200,216,.05), transparent 55%),
    linear-gradient(180deg,#F7FAFE 0%, #EEF3FB 100%);
}

/* 顶部细条：红→橙 */
.top-bar{ background:linear-gradient(90deg, var(--blue-800) 0%, var(--blue-600) 45%, var(--tech) 100%); }

/* 头部品牌条（沿用 grad-sky 即变红） */
.brand-name{ color:#fff; letter-spacing:2px; font-size:17px; }
.brand-sub{ color:rgba(255,255,255,.78); }
.header-btn{ color:#fff; border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.14); border-radius:16px; padding:5px 13px; font-size:12px; backdrop-filter:blur(6px); }
.header-btn:active{ background:rgba(255,255,255,.28); }

/* 顶部更新时间信息条融入红色 */
.hero.hero-mini{ background:var(--grad-sky); border-bottom:1px solid rgba(255,255,255,.1); }
.hero.hero-mini .hero-fav{ border:1px solid rgba(255,255,255,.5); background:rgba(255,255,255,.16); color:#fff; border-radius:16px; padding:5px 12px; }
.hero.hero-mini .hero-fav .fav-count{ background:rgba(255,255,255,.3); color:#fff; }
.hero.hero-mini #ub-time{ background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.2); color:#fff; border-radius:14px; }

/* ============ 红色 Hero（企查查式大搜索） ============ */
.hero-qc{
  background:var(--grad-sky);
  padding:18px 14px 20px;
  position:relative;
  overflow:hidden;
}
.hero-qc::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 80% at 88% 6%, rgba(242,107,29,.30), transparent 60%),
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:auto,26px 26px,26px 26px;
}
.hero-qc > *{ position:relative; z-index:1; }
.hero-qc-slogan{
  color:#fff; font-size:15px; font-weight:700; letter-spacing:.5px;
  text-align:center; margin:0 0 14px; text-shadow:0 1px 6px rgba(0,0,0,.25);
}
/* search-bar 移入 hero 后取消 sticky，融入红底 */
.hero-qc .search-bar{
  position:static; background:transparent; border:none; box-shadow:none;
  padding:0; margin:0 0 14px;
}
.hero-qc .search-box{
  background:#fff; border:1px solid rgba(255,255,255,.6);
  border-radius:26px; padding:12px 14px; box-shadow:0 8px 24px rgba(122,10,14,.22);
}
.hero-qc .search-box:focus-within{ border-color:#fff; box-shadow:0 8px 28px rgba(122,10,14,.30); }
.hero-qc .search-ico circle,.hero-qc .search-ico line{ stroke:var(--blue-700); }
.hero-qc .search-btn{ background:var(--grad-primary) !important; color:#fff !important; border:none !important; border-radius:16px !important; font-size:13px !important; font-weight:700 !important; padding:0 16px !important; box-shadow:0 4px 12px rgba(19,64,126,.35) !important; }
.hero-qc .voice-search-btn{ color:var(--blue-700); }
.hero-qc .sf-bar{ justify-content:center; }
.hero-qc .sf-btn{ border:1px solid rgba(255,255,255,.5); background:rgba(255,255,255,.16); color:#fff; border-radius:18px; padding:6px 13px; font-size:13px; }
.hero-qc .sf-btn:active{ background:rgba(255,255,255,.3); }
.hero-qc .sf-caret{ color:rgba(255,255,255,.85); }
.hero-qc .sf-badge{ background:#fff; color:var(--blue-700); }
.hero-qc .search-filter{ margin-top:10px; }
.hero-qc .sc-hint{ color:rgba(255,255,255,.85); }

/* ============ 功能入口网格（企查查式） ============ */
.func-section{ margin:14px 12px 4px; }
.func-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:6px 4px;
  background:#fff; border-radius:16px; padding:16px 8px 14px;
  box-shadow:0 6px 20px rgba(122,10,14,.08);
}
.func-item{
  position:relative;
  display:flex; flex-direction:column; align-items:center; gap:7px;
  padding:8px 2px; cursor:pointer; border-radius:12px; transition:all .15s;
}
.func-item:active{ background:var(--blue-050); transform:scale(.96); }
.func-icon{
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  background:linear-gradient(135deg, var(--blue-100), #fff);
  box-shadow:0 3px 10px rgba(19,64,126,.12);
}
.func-label{ font-size:12px; color:var(--ink); text-align:center; line-height:1.2; }

/* ============ 全站硬编码蓝局部转红（覆盖 theme-tech 内 rgba(19,64,126,...)） ============ */
.chip,.type-tab,.sort-chip{ background:rgba(19,64,126,.06); color:var(--blue-700); border:1px solid rgba(19,64,126,.12); }
.chip.active,.type-tab.active,.sort-chip.active{ background:var(--grad-primary); color:#fff; border-color:transparent; box-shadow:0 3px 10px rgba(19,64,126,.25); }
.bid-top{ background:linear-gradient(180deg, rgba(19,64,126,.06), rgba(19,64,126,.02)); border-bottom:1px solid rgba(19,64,126,.06); }
.bid-type{ color:var(--blue-700); }
.bid-meta b{ color:var(--blue-700); }
.sf-btn{ border:1px solid rgba(19,64,126,.16); background:rgba(19,64,126,.06); color:var(--blue-800); }
.sf-opt.sel{ color:var(--blue-700); background:var(--blue-050); }
.sah-chip{ background:var(--tech-soft); border:1px solid rgba(242,107,29,.4); color:#B4500A; }
.badge-live{ color:var(--tech); border:1px solid rgba(242,107,29,.5); background:var(--tech-soft); }

/* =========================================================================
   招采伴 v1.56 · 配色收敛：仅保留顶部红色细条，其余区域全白（企查查式）
   ========================================================================= */

/* 全局背景：浅灰白，去掉浅红 */
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC","Source Han Sans SC","Hiragino Sans GB",sans-serif;
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(19,64,126,.04), transparent 60%),
    linear-gradient(180deg,#F7FAFE 0%, #EEF3FB 100%);
}

/* 顶部细条：白色（与导航栏统一，红色仅作为「招」标识与搜索按钮强调色） */
.top-bar{ background:#fff; }

/* 顶部导航：白底 + 深红字 + 细线 */
.app-header{
  background:#fff; border-bottom:1px solid var(--line);
  padding:11px 16px; box-shadow:0 2px 10px rgba(122,10,14,.06);
}
.brand-name{ color:var(--blue-700); letter-spacing:2px; font-size:17px; }
.brand-sub{ color:var(--ink-2); }
.header-btn{ color:var(--blue-700); border:1px solid rgba(19,64,126,.25); background:rgba(19,64,126,.06); border-radius:16px; padding:5px 13px; font-size:12px; }
.header-btn:active{ background:rgba(19,64,126,.14); }
.header-tier.tier-standard{ background:rgba(19,64,126,.08); color:var(--blue-700); border-color:rgba(19,64,126,.2); }

/* 更新时间条：白底 */
.hero.hero-mini{ background:#fff; border-bottom:1px solid var(--line); }
.hero.hero-mini .hero-fav{ border:1px solid rgba(19,64,126,.2); background:rgba(19,64,126,.06); color:var(--blue-700); border-radius:16px; padding:5px 12px; }
.hero.hero-mini .hero-fav .fav-count{ background:var(--blue-700); color:#fff; }
.hero.hero-mini #ub-time{ background:rgba(19,64,126,.06); border:1px solid rgba(19,64,126,.12); color:var(--ink-2); border-radius:14px; }

/* 红色 Hero 改为白色大搜索区（去掉红色背景，搜索框 + 动态词在白底） */
.hero-qc{
  background:#fff; padding:18px 14px 20px; position:relative; overflow:visible;
}
.hero-qc::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 80% at 88% 6%, rgba(242,107,29,.08), transparent 60%),
    linear-gradient(rgba(20,40,90,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,40,90,.03) 1px, transparent 1px);
  background-size:auto,26px 26px,26px 26px;
}
.hero-qc-slogan{
  color:var(--blue-700); font-size:15px; font-weight:700; letter-spacing:.5px;
  text-align:center; margin:0 0 14px;
}
.hero-qc .search-box{
  background:#fff; border:1px solid rgba(19,64,126,.22);
  border-radius:26px; padding:12px 14px; box-shadow:0 8px 24px rgba(122,10,14,.08);
}
.hero-qc .search-btn{ background:var(--grad-primary) !important; color:#fff !important; border:none !important; border-radius:16px !important; font-size:13px !important; font-weight:700 !important; padding:0 16px !important; box-shadow:0 4px 12px rgba(19,64,126,.30) !important; }
.hero-qc .voice-search-btn{ color:var(--blue-700); }
.hero-qc .sf-bar{ justify-content:center; }
.hero-qc .sf-btn{ border:1px solid rgba(19,64,126,.2); background:rgba(19,64,126,.05); color:var(--blue-700); border-radius:18px; padding:6px 13px; font-size:13px; }
.hero-qc .sf-btn:active{ background:rgba(19,64,126,.12); }
.hero-qc .sf-caret{ color:rgba(19,64,126,.7); }
.hero-qc .sf-badge{ background:var(--blue-700); color:#fff; }
.hero-qc .search-filter{ margin-top:10px; }
.hero-qc .sc-hint{ color:var(--ink-2); }

/* 功能网格：白底卡片（已收敛为单入口） */
.func-section{ margin:14px 12px 4px; }
.func-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:6px 4px;
  background:#fff; border-radius:16px; padding:16px 8px 14px;
  box-shadow:0 6px 20px rgba(14,42,92,.06);
}
.func-item:active{ background:var(--blue-050); transform:scale(.96); }
.func-icon{
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  background:linear-gradient(135deg, var(--blue-100), #fff);
  box-shadow:0 3px 10px rgba(19,64,126,.12);
}
.func-label{ font-size:12px; color:var(--ink); text-align:center; line-height:1.2; }

/* 底部版权区：改为浅色（与全白版面统一） */
.app-footer{
  background:#fff; border-top:1px solid var(--line);
  color:var(--ink-2); padding:30px 16px 34px; position:relative; overflow:hidden;
}
.app-footer::after{ content:none; }
.footer-brand{ color:var(--blue-700); letter-spacing:3px; }
.footer-line{ color:var(--ink-2); }
.footer-muted{ color:var(--ink-3); }
.footer-copyright{ color:var(--ink-3); }

/* ===== 招采伴：唯一红色条幅（仅顶端），其余一律浅色/蓝，无大红块 ===== */
.top-bar{ background:linear-gradient(90deg,#C8161D 0%,#E0231E 60%,#F26B1D 100%); }
.app-header{
  background:linear-gradient(135deg,#C8161D 0%,#E0231E 100%);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.app-header .brand-name{ color:#fff; letter-spacing:2px; font-size:17px; }
.app-header .brand-sub{ color:rgba(255,255,255,.82); }
.app-header .header-btn{
  color:#fff; border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.14);
  border-radius:16px; padding:5px 13px; font-size:12px;
}
.app-header .header-btn:active{ background:rgba(255,255,255,.28); }
.app-header .zhao-badge{
  width:34px; height:34px; border-radius:9px; background:#fff; color:#C8161D;
  font-weight:700; font-size:20px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.18); flex:0 0 auto;
}

/* ============ 右上角会员标识（符号 + 会员名，按等级配色） ============ */
.header-tier{ display:inline-flex; align-items:center; gap:5px; border-radius:14px; padding:2px 9px 2px 4px; font-size:12px; font-weight:700; line-height:1; background:rgba(255,255,255,.16); }
.header-tier .ts{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:6px; font-size:11px; color:#fff; background:rgba(255,255,255,.3); }
.header-tier .tn{ color:#fff; }
/* 黄金会员：金符号 + 金色会员名 */
.header-tier.tier-gold .ts{ background:var(--gold,#E0A93B); }
.header-tier.tier-gold .tn{ color:#FFE08A; }
/* 钻石会员：五彩符号 + 五彩色会员名 */
.header-tier.tier-diamond .ts{ background:linear-gradient(135deg,#E0231E,#F26B1D,#E0A93B,#2E9E5B,#1677ff); }
.header-tier.tier-diamond .tn{ background:linear-gradient(90deg,#E0231E,#F26B1D,#E0A93B,#2E9E5B,#1677ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
/* 管理员：蓝符号 + 白名（不再展示「管理员」纯文字标签） */
.header-tier.tier-admin .ts{ background:#1677ff; }
/* 普通会员：浅符号 + 白名（覆盖浅色主题里的蓝色定义，红 header 下统一） */
.header-tier.tier-standard{ background:rgba(255,255,255,.16); }
.header-tier.tier-standard .ts{ background:rgba(255,255,255,.3); }
.header-tier.tier-standard .tn{ color:#fff; }
/* 顶部「我的收藏」占据整行右侧（原更新时间位置） */
.hero.hero-mini .hero-inner{ justify-content:flex-end; }

/* ============================================================
 * 招采伴 v1.61
 * 1) 筛选栏「我的收藏」按钮样式（位于区域/条数右侧）
 * 2) 顶部统一改为白色（庞老板要求去掉蓝色/红色）
 * 3) 会员标识在白底下重新配色（避免白字看不见）
 * ============================================================ */
.sf-fav{ display:inline-flex; align-items:center; gap:4px; font-weight:600; white-space:nowrap; }
.sf-fav .fav-count{ background:var(--red,#C8161D); color:#fff; border-radius:10px; min-width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; font-size:11px; padding:0 5px; }

.top-bar{ height:3px; background:#eef2f8; }
.app-header{ background:#1a5fd8; border-bottom:none; padding:11px 16px; box-shadow:none; }
.app-header .brand-name{ color:#fff; letter-spacing:1px; font-size:20px; font-weight:800; }
.app-header .brand-sub{ color:rgba(255,255,255,.75); font-size:10px; }
.app-header .header-btn{ color:#fff; border:1px solid rgba(255,255,255,.45); background:rgba(255,255,255,.12); border-radius:16px; padding:5px 13px; font-size:12px; }
.app-header .header-btn:active{ background:rgba(255,255,255,.22); }

/* 企查查式深蓝顶部：隐藏三色条，统一蓝色头部 */
.top-bar{ display:none; }
.hero-qc{ background:#1a5fd8; padding:12px 14px 18px; }
.hero-qc-slogan{ color:#fff; font-size:16px; font-weight:700; text-align:center; margin:0 0 14px; }
.hero-qc .search-bar{ padding:0; }
.hero-qc .search-box{ background:#fff; border:1px solid #fff; border-radius:22px; padding:5px 14px; box-shadow:0 8px 24px rgba(0,0,0,.14); }
.hero-qc .search-box:focus-within{ border-color:#fff; box-shadow:0 8px 28px rgba(0,0,0,.2); }
.hero-qc .search-btn{ background:linear-gradient(135deg,#1a5fd8,#0d4cb8)!important; color:#fff!important; border:none!important; border-radius:18px!important; font-size:13px!important; font-weight:700!important; padding:0 16px!important; box-shadow:0 4px 12px rgba(13,76,184,.35)!important; }
.hero-qc .voice-search-btn{ color:var(--blue-700); }
.hero-qc .sf-bar{ justify-content:center; margin-top:12px; }
.hero-qc .sf-btn{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.4); color:#fff; }
.hero-qc .sf-btn:active{ background:rgba(255,255,255,.24); }
.hero-qc .sf-caret{ color:rgba(255,255,255,.8); }
.hero-qc .sf-badge{ background:#fff; color:#1a5fd8; }
.hero-qc .sc-hint{ color:rgba(255,255,255,.8); }

/* 会员标识：白底场景下重新配色（覆盖红 header 下的白字定义） */
.header-tier{ background:rgba(19,64,126,.08); }
.header-tier .ts{ background:rgba(19,64,126,.35); }
.header-tier .tn{ color:#13407E; }
.header-tier.tier-gold{ background:rgba(224,169,59,.16); }
.header-tier.tier-gold .ts{ background:var(--gold,#E0A93B); }
.header-tier.tier-gold .tn{ color:#B8860B; }
.header-tier.tier-diamond .ts{ background:linear-gradient(135deg,#E0231E,#F26B1D,#E0A93B,#2E9E5B,#1677ff); }
.header-tier.tier-diamond .tn{ background:linear-gradient(90deg,#E0231D,#F26B1D,#E0A93B,#2E9E5B,#1677ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.header-tier.tier-admin{ background:rgba(22,119,255,.14); }
.header-tier.tier-admin .ts{ background:#1677ff; }
.header-tier.tier-admin .tn{ color:#1677ff; }