/* ==========================================================================
   trust.html · 可信与合规中心
   - 仅新增本页专属类（前缀 trc-），不覆盖 styles.css 的全站组件层 cp-*
   - 状态三态徽标：已取得 / 进行中 / 不适用（颜色 + 文案双重区分，不靠颜色单独表意）
   ========================================================================== */

/* ---------- 深色首屏（本页仅此一处深色区） ---------- */
.trc-hero{position:relative;padding:calc(var(--envbar-h) + 9rem) 0 5rem;color:#f5f6fa;overflow:hidden;background:#002438}
.trc-hero picture{position:absolute;inset:0;z-index:0;display:block}
.trc-hero img{width:100%;height:100%;object-fit:cover;display:block}
.trc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(1,16,28,.93) 20%,rgba(0,35,56,.66) 58%,rgba(0,36,56,.32))}
.trc-hero .container{position:relative;z-index:2;max-width:860px}
.trc-hero .eyebrow{color:#8fd6dd}
.trc-hero h1{font-size:clamp(26px,4.6vw,50px);font-weight:600;line-height:1.2;margin:1rem 0 1.4rem;color:#f5f6fa}
.trc-hero h1 b{color:#8fd6dd;font-weight:700}
.trc-hero p{color:#e2e4eb;font-size:1.6rem;line-height:1.75;max-width:64rem}

/* ---------- 版式辅助 ---------- */
.trc-narrow{max-width:96rem;margin-inline:auto}
.trc-center{text-align:center}
.trc-center .btn{margin-top:2.4rem}

/* ---------- 三态徽标 ---------- */
.trc-state{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.05em;border-radius:.4rem;padding:.25rem .7rem;white-space:nowrap;border:.05rem solid}
.trc-state:before{content:"";width:.6rem;height:.6rem;border-radius:50%;flex:none;background:currentColor}
.trc-state.done{color:#0b6f7c;border-color:rgba(14,147,163,.35);background:rgba(14,147,163,.07)}
.trc-state.wip{color:#8a5a00;border-color:rgba(176,120,0,.32);background:rgba(196,140,0,.08)}
.trc-state.na{color:#57768f;border-color:var(--line);background:#f6fafd}

/* 台账表内的小字 */
.trc-owner{font-family:var(--font-mono);font-size:1.22rem;color:#2d4a5e;white-space:nowrap}
.trc-hold{font-size:1.28rem;line-height:1.65;color:#57768f}

/* ---------- 状态口径说明条 ---------- */
.trc-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.6rem}
@media(max-width:900px){.trc-legend{grid-template-columns:1fr}}
.trc-legend > div{border:.05rem solid var(--line);border-radius:var(--radius-tile);background:#fff;padding:1.8rem 2rem}
.trc-legend h3{font-size:1.4rem;font-weight:600;color:#0a2540;margin:.9rem 0 .6rem}
.trc-legend p{font-size:1.32rem;line-height:1.75;color:#505050}

/* ---------- 数据边界三段 ---------- */
.trc-bound{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:2.6rem}
@media(max-width:900px){.trc-bound{grid-template-columns:1fr}}
.trc-bound > div{border:.05rem solid var(--line);border-left:.3rem solid var(--cyan);border-radius:var(--radius-tile);background:#fff;padding:2rem 2.2rem}
.trc-bound .trc-tagline{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.08em;color:var(--cyan-ink);display:block;margin-bottom:.9rem}
.trc-bound h3{font-size:1.5rem;font-weight:600;color:#0a2540;margin-bottom:.8rem}
.trc-bound p{font-size:1.35rem;line-height:1.8;color:#505050}
.trc-bound ul{margin-top:1rem}
.trc-bound li{font-size:1.32rem;line-height:1.75;color:#505050;padding-left:1.5rem;position:relative}
.trc-bound li + li{margin-top:.5rem}
.trc-bound li:before{content:"";position:absolute;left:0;top:.78rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--cyan)}

/* ---------- 同一区块内的第二个小标题，补足上间距 ---------- */
.trc-sub{margin-top:7rem}

/* ---------- 编号清单（响应路径 / 资料对接） ---------- */
.trc-list{counter-reset:trcitem;margin-top:2.2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem 2.4rem}
@media(max-width:900px){.trc-list{grid-template-columns:1fr}}
.trc-list li{counter-increment:trcitem;position:relative;padding-left:3.6rem;font-size:1.35rem;line-height:1.8;color:#505050}
.trc-list li:before{content:counter(trcitem,decimal-leading-zero);position:absolute;left:0;top:.1rem;font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--cyan-ink)}
.trc-list b{display:block;color:#0a2540;font-weight:600}

/* ---------- 时限表 ---------- */
.trc-sla-note{margin-top:1.6rem;font-size:1.28rem;line-height:1.75;color:#57768f}

/* ---------- 页内互链 ---------- */
.trc-links{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-top:2.6rem}
@media(max-width:900px){.trc-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.trc-links{grid-template-columns:1fr}}
.trc-link{display:block;border:.05rem solid var(--line);border-radius:var(--radius-tile);padding:1.7rem 1.9rem;background:#fff;transition:border-color .15s ease}
.trc-link:hover{border-color:rgba(14,147,163,.45)}
.trc-link b{display:block;font-size:1.45rem;color:#0a2540}
.trc-link span{display:block;margin-top:.5rem;font-size:1.3rem;line-height:1.65;color:#57768f}

/* ---------- 次级按钮 ---------- */
.trc-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1.1rem 2rem;font-size:1.45rem;font-weight:500;line-height:1;border-radius:var(--radius-pill);border:.1rem solid rgba(14,147,163,.32);color:var(--cyan-ink);background:rgba(14,147,163,.06);transition:border-color .15s ease,background-color .15s ease}
.trc-btn:hover{border-color:rgba(14,147,163,.58);background:rgba(14,147,163,.1)}
.trc-btn .trc-arrow{font-weight:700}

/* ---------- 稳定声明 ---------- */
.trc-hold-note{margin-top:2.4rem;font-size:1.32rem;line-height:1.8;color:#57768f;border-top:1px dashed var(--line);padding-top:1.8rem}