/* ==========================================================================
   陪诊有道 官网 · 品牌样式基座  brand.css
   P3-3 品牌视觉体系 · 单一真理源
   与小程序的 tokens.wxss 对齐：品牌主色 #03009c / 品牌浅色 #5e54ff
   --------------------------------------------------------------------------
   使用约定
   1) 本文件是**色板唯一真理源**。新增页面 / 组件一律引用 var(--p) 等变量，
      不要再写死十六进制色值。
   2) 全站已挂载本文件（</head> 之前）。存量页面内联 CSS 中的色值已完成
      「等价替换」阶段（阶段一），后续可逐步迁移到 var()（阶段二）。
   3) 路径请用根绝对 /assets/brand.css —— 404 页在任意深度 URL 下都能正确加载。
   ========================================================================== */

:root{
    /* --- 品牌主色板（与小程序一致）--- */
    --p:        #03009c;   /* 品牌主色 */
    --p-d:      #02007a;   /* 主色加深：hover / active */
    --p-l:      #5e54ff;   /* 品牌浅色：渐变尾 / 次要强调 */
    --p-tint:   #eae9f8;   /* 品牌浅底（标签底、悬停底） */
    --p-tint2:  #f2f1fc;   /* 更浅底 */

    /* --- 品牌四阶：用于分级 / 角色编码（深=高）--- */
    --p-1:      #03009c;
    --p-2:      #3d38c9;
    --p-3:      #6f6ad9;
    --p-4:      #a5a2e8;

    /* --- 中性色 --- */
    --ink:      #1f2124;   /* 主文字 */
    --ink-2:    #5f6672;   /* 次文字 */
    --ink-3:    #8a9099;   /* 弱文字 */
    --bd:       #e4e8ed;   /* 描边 */
    --bg:       #f5f6f8;   /* 页面底 */
    --bg-soft:  #f7f7fc;   /* 区块浅底 */

    /* --- 品牌渐变（仅用于小面积装饰，禁止用于大色块/页头）--- */
    --p-grad:   linear-gradient(135deg,#03009c 0%,#5e54ff 100%);

    --radius:   12px;
    --shadow:   0 2px 12px rgba(3,0,156,.06);
    --shadow-lg:0 8px 30px rgba(3,0,156,.10);
}

/* --------------------------------------------------------------------------
   通用胶囊标签（P3 新增组件共用）
   -------------------------------------------------------------------------- */
.pz-pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 14px;border-radius:20px;
    background:var(--p-tint);color:var(--p);
    font-size:13px;font-weight:600;line-height:1.4;
}
.pz-pill--solid{background:var(--p);color:#fff;}
.pz-pill--ghost{background:#fff;color:var(--p);border:1px solid var(--p-tint);}

/* 首屏「国标起草单位」标记：全站最高等级背书 */
.pz-pill--gb{
    background:var(--p);color:#fff;
    padding:8px 18px;font-size:14px;letter-spacing:.2px;
    box-shadow:0 4px 16px rgba(3,0,156,.28);
}