/* ===== 产品·费用报销系统（内容重建型，作用域 .ztc-product-detail） ===== */
.ztc-product-detail { --pd-brand:#008ED3; --pd-navy:#0067B4; --pd-cyan:#61CCF0; --pd-deep:#0A2B4C;
    --pd-text:#2D3142; --pd-muted:#58595B; --pd-hair:#E4E7EC; --pd-paper:#F4F5F6;
    --pd-serif:var(--ztc-serif); --pd-sans:var(--ztc-sans);
    font-family:var(--pd-sans); color:var(--pd-text); background:#fff; }
.ztc-product-detail * { box-sizing:border-box; }
.ztc-product-detail [id] { scroll-margin-top: 172px; } /* sticky 导航+页内锚点条 */
.ztc-product-detail .pd-wrap { max-width:1200px; margin:0 auto; padding:0 32px; }
.ztc-product-detail h1,.ztc-product-detail h2,.ztc-product-detail h3 { margin:0; }

/* Hero（深蓝渐变，与咨询/AI 页同族） */
.ztc-product-detail .pd-hero { position:relative; overflow:hidden; color:#fff;
    background:var(--ztc-banner-balanced); padding:var(--ztc-hero-pad); min-height:var(--ztc-hero-minh, 480px); }
.ztc-product-detail .pd-hero::before { content:""; position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size:28px 28px;
    mask-image:radial-gradient(circle at 50% 40%, #000, transparent 75%); -webkit-mask-image:radial-gradient(circle at 50% 40%, #000, transparent 75%); }
.ztc-product-detail .pd-hero-art { position:absolute; right:-4%; top:50%; transform:translateY(-50%); width:min(46vw,640px); opacity:var(--ztc-hero-art-opacity); pointer-events:none; }
.ztc-product-detail .pd-hero .pd-wrap { position:relative; z-index:2; }
.ztc-product-detail .pd-eyebrow { display:inline-block; font-size:13px; letter-spacing:.14em; font-weight:700;
    color:var(--ztc-hero-eyebrow); text-transform:uppercase; margin-bottom:24px; } /* 2026-09-02 Haning：眉标与大标题间距拉开（原 18px） */
.ztc-product-detail .pd-hero h1 { font-family:var(--pd-serif); font-size:var(--ztc-hero-h1); font-weight:700;
    line-height:1.15; letter-spacing:-.01em; margin-bottom:16px; max-width:620px; text-wrap:balance; }
/* 2026-09-02 hero 排版全站规范（Haning 拍板）：副标与咨询页同档 serif 600 clamp(1.3,2.3vw,1.8)/1.45；小字 17px/1.75/620px 统一断行 */
/* 2026-09-03 Haning：副标限宽 620px（与 desc 同列），避让右侧 identity 图形；text-wrap:pretty 防断头字 */
.ztc-product-detail .pd-hero-sub { font-family:var(--pd-serif); font-size:clamp(1.3rem,2.3vw,1.8rem);
    color:rgba(255,255,255,.94); margin:0 0 18px; font-weight:600; line-height:1.45; max-width:620px; text-wrap:pretty; }
.ztc-product-detail .pd-hero-desc { max-width:620px; color:rgba(255,255,255,.82); font-size:17px; line-height:1.75; margin:0 0 34px; text-wrap:pretty; }
.ztc-product-detail .pd-btns { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.ztc-product-detail .pd-btn { display:inline-flex; align-items:center; gap:8px; padding:13px 30px; border-radius:8px;
    font-size:15px; font-weight:600; text-decoration:none; transition:all .25s; }
.ztc-product-detail .pd-btn--solid { background:var(--pd-navy); color:#fff; }
.ztc-product-detail .pd-btn--solid:hover { background:var(--ztc-action-hover,#00558F); transform:translateY(-2px); }
.ztc-product-detail .pd-btn--ghost { color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55); }
.ztc-product-detail .pd-btn--ghost:hover { background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1.5px #fff; }
.ztc-product-detail .pd-vlink { color:rgba(255,255,255,.85); font-size:14.5px; text-decoration:none; display:inline-flex; align-items:center; gap:7px; background:none; border:0; cursor:pointer; font-family:var(--pd-sans); padding:0; }
.ztc-product-detail .pd-vlink:hover { color:var(--pd-cyan); }
/* 内联 CTA 条（v1.7.0：对齐线上「想了解更多？立即咨询」转化点） */
.ztc-product-detail .pd-inline-cta { margin:34px 0 0; text-align:center; font-size:15.5px; color:var(--pd-muted); }
.ztc-product-detail .pd-inline-cta a { color:var(--pd-brand); font-weight:700; text-decoration:none; margin-left:6px; }
.ztc-product-detail .pd-inline-cta a:hover { text-decoration:underline; }

/* 页内锚点导航条（产品页型特征；v1.1.0 重做：胶囊悬浮条+scroll-spy 高亮——下滑时层级始终清晰） */
.ztc-product-detail .pd-anchorbar { position:sticky; top:86px; z-index:60; margin:20px 0 8px; }
.ztc-product-detail .pd-anchorbar ol { display:flex; gap:4px; list-style:none; margin:0 auto; padding:6px; width:max-content; max-width:100%; overflow-x:auto;
    background:rgba(255,255,255,.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    border:1px solid var(--pd-hair); border-radius:999px; box-shadow:0 10px 30px rgba(7,32,60,.12); }
.ztc-product-detail .pd-anchorbar a { display:inline-block; padding:9px 20px; font-size:14px; font-weight:600; white-space:nowrap;
    color:var(--pd-muted); text-decoration:none; border-radius:999px; transition:color .2s, background .2s; }
.ztc-product-detail .pd-anchorbar a:hover { color:var(--pd-brand); background:rgba(0,142,211,.08); }
.ztc-product-detail .pd-anchorbar a.is-active { color:#fff; background:var(--pd-brand); }

/* 通用区块 */
.ztc-product-detail .pd-sec { padding:88px 0; }
.ztc-product-detail .pd-sec--paper { background:var(--pd-paper); }
.ztc-product-detail .pd-sec-eyebrow { font-size:13px; letter-spacing:.14em; font-weight:700; color:var(--pd-brand); text-transform:uppercase; margin-bottom:14px; }
.ztc-product-detail .pd-sec h2 { font-family:var(--pd-serif); font-size:var(--ztc-fs-section); /* A 批次：归一字号阶梯（原 34px 固定） */ font-weight:700; color:var(--pd-deep); margin-bottom:16px; text-wrap:balance; }
.ztc-product-detail .pd-sec-lead { max-width:72ch; color:var(--pd-muted); font-size:15.5px; line-height:1.9; margin:0 0 44px; }

/* 概览三价值卡 */
.ztc-product-detail .pd-val3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ztc-product-detail .pd-val { background:#fff; border:1px solid var(--pd-hair); border-radius:16px; padding:30px 28px;
    box-shadow:0 2px 10px rgba(45,49,66,.06); transition:border-color .3s, box-shadow .3s; position:relative; overflow:hidden; }
/* v1.7.0：hover 收「不上浮」全站标准（顶条生长+投影+边框点亮），原 -5px 上浮为 v1.6.3 漏网 */
.ztc-product-detail .pd-val::before, .ztc-product-detail .pd-case::before { content:""; position:absolute; left:0; top:0; height:3px; width:0;
    background:var(--pd-brand); transition:width .4s; }
.ztc-product-detail .pd-val:hover, .ztc-product-detail .pd-case:hover { border-color:rgba(0,142,211,.45); box-shadow:0 16px 36px rgba(45,49,66,.12); }
.ztc-product-detail .pd-val:hover::before, .ztc-product-detail .pd-case:hover::before { width:100%; }
.ztc-product-detail .pd-val img { width:44px; height:44px; object-fit:contain; margin-bottom:16px; }
.ztc-product-detail .pd-val h3 { font-size:18px; font-weight:700; color:var(--pd-deep); margin-bottom:10px; }
.ztc-product-detail .pd-val p { margin:0; font-size:14px; color:var(--pd-muted); line-height:1.8; }

/* 视频模块（facade：海报+播放钮，点击才加载视频） */
.ztc-product-detail .pd-video { position:relative; border-radius:16px; overflow:hidden; margin-top:52px;
    background:linear-gradient(120deg,#053E6B, var(--pd-navy)); min-height:300px;
    display:flex; align-items:center; justify-content:center; }
/* v1.7.6 试版（Haning）：视频右嵌概览两栏——左文本右视频；右栏 440px/16:9，播放钮随块收窄微调 */
.ztc-product-detail .pd-ov { display:grid; grid-template-columns:minmax(0,1fr) 440px; gap:56px; align-items:center; margin-bottom:48px; }
.ztc-product-detail .pd-ov .pd-sec-lead { max-width:none; margin-bottom:0; }
.ztc-product-detail .pd-ov .pd-video { margin-top:0; min-height:0; aspect-ratio:16/9; }
.ztc-product-detail .pd-ov .pd-video-btn { font-size:15px; gap:12px; }
.ztc-product-detail .pd-ov .pd-video-btn .pd-play { width:64px; height:64px; }
.ztc-product-detail .pd-video img.pd-video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; }
.ztc-product-detail .pd-video-btn { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:14px;
    background:none; border:0; cursor:pointer; color:#fff; font-size:17px; font-weight:600; font-family:var(--pd-sans); }
.ztc-product-detail .pd-video-btn .pd-play { width:76px; height:76px; border-radius:50%; background:rgba(255,255,255,.14);
    border:1.5px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; transition:all .3s; }
.ztc-product-detail .pd-video-btn:hover .pd-play { background:var(--pd-brand); transform:scale(1.06); }
.ztc-product-detail .pd-video video { position:relative; z-index:2; width:100%; max-height:640px; display:block; }

/* 功能框架大图 */
.ztc-product-detail .pd-framework { background:#fff; border:1px solid var(--pd-hair); border-radius:16px; padding:18px;
    box-shadow:0 10px 34px rgba(45,49,66,.08); }
.ztc-product-detail .pd-framework img { width:100%; height:auto; display:block; border-radius:8px; }

/* tab 区块（高效费控 / AI+报销 共用） */
.ztc-product-detail .pd-tabs { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px; }
.ztc-product-detail .pd-tab { border:1px solid var(--pd-hair); background:#fff; border-radius:999px; padding:11px 24px;
    font-size:15px; font-weight:600; color:var(--pd-muted); cursor:pointer; transition:all .22s; font-family:var(--pd-sans); }
.ztc-product-detail .pd-tab:hover { border-color:var(--pd-brand); color:var(--pd-navy); }
.ztc-product-detail .pd-tab.is-active { background:var(--pd-navy); border-color:var(--pd-navy); color:#fff; }
.ztc-product-detail .pd-tabpane { display:none; }
.ztc-product-detail .pd-tabpane.is-active { display:grid; grid-template-columns:1.05fr 1fr; gap:52px; align-items:center;
    animation:pd-fadein .5s ease; }
@keyframes pd-fadein { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.ztc-product-detail .pd-tabpane img { width:100%; height:auto; border-radius:12px; border:1px solid var(--pd-hair);
    box-shadow:0 12px 32px rgba(45,49,66,.10); background:#fff; }
.ztc-product-detail .pd-tabpane h3 { font-size:21px; font-weight:700; color:var(--pd-navy); margin-bottom:14px; }
.ztc-product-detail .pd-tabpane p { margin:0 0 12px; font-size:15px; color:var(--pd-muted); line-height:1.9; }

/* 案例卡 */
.ztc-product-detail .pd-cases { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ztc-product-detail .pd-case { background:#fff; border:1px solid var(--pd-hair); border-radius:16px; overflow:hidden;
    transition:border-color .3s, box-shadow .3s; display:block; text-decoration:none; color:inherit; position:relative; }
.ztc-product-detail .pd-case img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ztc-product-detail .pd-case-body { padding:20px 22px 22px; }
.ztc-product-detail .pd-case h3 { font-size:15.5px; font-weight:700; color:var(--pd-deep); line-height:1.55; margin-bottom:10px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ztc-product-detail .pd-case p { margin:0 0 14px; font-size:13px; color:var(--pd-muted); line-height:1.75;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ztc-product-detail .pd-case-tags { display:flex; gap:6px; flex-wrap:wrap; }
.ztc-product-detail .pd-case-tags span { font-size:12px; color:var(--pd-navy); background:rgba(0,142,211,.09);
    border-radius:4px; padding:3px 9px; }
/* v1.7.3：查看更多案例跳转 */
.ztc-product-detail .pd-cases-more { text-align:right; margin-top:22px; }

/* CTA（深蓝，与咨询页同族） */
.ztc-product-detail .pd-cta { position:relative; overflow:hidden; color:#fff; text-align:center;
    background:radial-gradient(130% 170% at 50% -20%, #0082C4 0%, var(--pd-navy) 52%, #053E6B 100%); padding:92px 0; }
.ztc-product-detail .pd-cta::before { content:""; position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px); background-size:28px 28px;
    mask-image:radial-gradient(circle at 50% 50%, #000, transparent 72%); -webkit-mask-image:radial-gradient(circle at 50% 50%, #000, transparent 72%); }
.ztc-product-detail .pd-cta .pd-wrap { position:relative; z-index:2; }
.ztc-product-detail .pd-cta h2 { font-family:var(--pd-serif); font-size:clamp(1.7rem,3.4vw,2.4rem); font-weight:700; margin-bottom:14px; }
.ztc-product-detail .pd-cta .pd-cta-lead { color:rgba(255,255,255,.84); font-size:16px; margin:0 0 12px; }
.ztc-product-detail .pd-cta-points { display:flex; gap:26px; justify-content:center; flex-wrap:wrap; margin:22px 0 36px; }
.ztc-product-detail .pd-cta-points span { font-size:14px; color:rgba(255,255,255,.88); font-weight:600; }
.ztc-product-detail .pd-cta-points span::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%;
    background:var(--pd-cyan); margin-right:9px; vertical-align:2px; }

@media (max-width: 1200px) {
    /* 中屏右侧 identity 图形内移，文字列同步收窄避让 */
    .ztc-product-detail .pd-hero h1,
    .ztc-product-detail .pd-hero-sub,
    .ztc-product-detail .pd-hero-desc { max-width:56%; }
}

@media (max-width: 991px) {
    .ztc-product-detail .pd-hero { padding:132px 0 64px; }
    .ztc-product-detail .pd-hero-art { width:78vw; right:-24%; opacity:.10; }
    /* 图形退为水印态，文字列恢复 620px 上限（小屏即全宽） */
    .ztc-product-detail .pd-hero h1,
    .ztc-product-detail .pd-hero-sub,
    .ztc-product-detail .pd-hero-desc { max-width:620px; }
    .ztc-product-detail .pd-val3, .ztc-product-detail .pd-cases { grid-template-columns:1fr; }
    .ztc-product-detail .pd-ov { grid-template-columns:1fr; gap:28px; } /* v1.7.6：移动端视频落到文本下 */
    .ztc-product-detail .pd-tabpane.is-active { grid-template-columns:1fr; gap:26px; }
    .ztc-product-detail .pd-sec { padding:60px 0; }
    .ztc-product-detail .pd-anchorbar { top:76px; margin:14px 0 6px; }
    .ztc-product-detail .pd-anchorbar a { padding:8px 14px; font-size:13px; }
}