/* ==========================================================================
   Bloom24 — Article single page (single.php), prefix: po-
   ========================================================================== */

/* ---------- Hero ---------- */
.po-hero{padding:150px 0 12px;position:relative;background:
  radial-gradient(600px 340px at 88% 8%, rgba(232,106,138,.12), transparent 60%),
  radial-gradient(500px 320px at 4% 40%, rgba(203,168,219,.14), transparent 60%),
  var(--cream)}
/* 鲜花点缀：左上 + 右下两角水彩花束 */
.po-hero::before,
.po-hero::after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;z-index:0}
.po-hero::before{background-image:url("../images/decor/flower-left.png");width:250px;height:264px;top:0;left:0;opacity:.45}
.po-hero::after{background-image:url("../images/decor/flower-right.png");width:270px;height:285px;right:0;bottom:-46px;opacity:.45}
.po-hero .wrap{position:relative;z-index:1}
.po-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.po-cat-chip{display:inline-block;background:var(--rose);color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:999px;text-decoration:none;transition:.2s}
.po-cat-chip:hover{background:var(--rose-deep)}
.po-cat-chip-sm{font-size:0.625rem;padding:4px 10px}
.po-verify{display:inline-flex;align-items:center;gap:6px;font-size:0.7812rem;font-weight:600;color:var(--leaf);background:rgba(139,199,177,.18);padding:6px 14px;border-radius:999px}
.po-title{font-size:clamp(30px,4.4vw,50px);max-width:100%;width:100%;line-height:1.15}
.po-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:0.875rem;color:var(--grey);margin-top:22px}
.po-meta time{font-variant-numeric:tabular-nums}
.po-updated{color:var(--rose-deep);font-weight:600}
.po-meta-author{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}
.po-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;flex:none;align-self:flex-start;border-radius:50%;background:linear-gradient(140deg,var(--rose),var(--rose-deep));color:#fff;font-weight:700;font-size:0.8125rem;font-family:var(--font-display)}
.po-avatar-lg{width:52px;height:52px;min-width:52px;min-height:52px;font-size:1.375rem}

/* ---------- 布局：正文 + 侧栏 ---------- */
.po-shell{background:linear-gradient(180deg,var(--cream) 0,#fff 260px);padding:0 0 80px}
.po-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:24px}
.po-side{align-self:stretch}

/* 正文白卡片：浮在渐变底上，拉开层次 */
.po-article{background:#fff;border-radius:22px;padding:36px 46px 44px;box-shadow:0 18px 50px rgba(74,44,78,.12);min-width:0}

/* 特色图 */
.po-featured{margin:0 0 28px;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 50px rgba(74,44,78,.18)}
.po-featured img{width:100%;max-height:460px;object-fit:cover;display:block}

/* 面包屑 */
.po-crumbs{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--grey);margin:0 0 22px;padding-bottom:18px;border-bottom:1.5px solid #F5EDEF;flex-wrap:wrap}
.po-crumbs a{color:var(--grey);text-decoration:none;border-bottom:1px solid transparent}
.po-crumbs a:hover{color:var(--rose-deep);border-color:var(--rose)}
.po-crumb-here{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}

/* ---------- TL;DR 要点框（GEO） ---------- */
.po-tldr{margin-top:30px;background:var(--cream);border:1.5px solid #F0E4E7;border-left:4px solid var(--rose);border-radius:14px;padding:24px 28px}
.po-tldr-head{font-family:var(--font-display);font-weight:700;font-size:1.125rem;color:var(--rose-deep);margin-bottom:12px}
.po-tldr ul{margin:0;padding-left:20px;display:grid;gap:8px}
.po-tldr li{font-size:0.9375rem;line-height:1.6;color:var(--ink)}

/* ---------- 正文排版 ---------- */
.po-content{margin-top:26px;font-size:1.0312rem;line-height:1.8;color:#3A3140;min-width:0}
.po-content p{margin:0 0 1.45em}
.po-content h2{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);line-height:1.25;margin:2em 0 .7em;scroll-margin-top:110px}
.po-content h3{font-size:1.25rem;font-weight:700;margin:1.6em 0 .6em;scroll-margin-top:110px}
.po-content a{color:var(--rose-deep);text-decoration:none;border-bottom:1.5px solid var(--rose-soft);transition:.2s}
.po-content a:hover{border-color:var(--rose)}
.po-content ul,.po-content ol{margin:0 0 1.5em;padding-left:26px;display:grid;gap:8px}
.po-content img{max-width:100%;height:auto;border-radius:14px;box-shadow:0 14px 40px rgba(74,44,78,.14)}
.po-content img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.po-content blockquote{margin:1.8em 0;padding:20px 26px;background:var(--cream);border-left:4px solid var(--rose);border-radius:0 14px 14px 0;font-size:1.0625rem;font-style:italic;color:var(--leaf)}
.po-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:0.9062rem}
/* 表格宽于卡片时横向滚动（overflow 让 min-content 归零，不再撑爆布局） */
.po-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.po-content th{background:var(--leaf);color:#fff;text-align:left;padding:12px 16px;font-weight:600}
.po-content td{padding:12px 16px;border-bottom:1px solid #F0E4E7}
.po-content tr:nth-child(even) td{background:#FBF6F4}
.po-content figcaption{font-size:0.8125rem;color:var(--grey);text-align:center;margin-top:10px;font-style:italic}

/* ---------- 参考来源（E-E-A-T） ---------- */
.po-sources{margin-top:3em;padding-top:1.8em;border-top:1.5px dashed #E8DCE0}
.po-sources h2{font-size:1.25rem;margin-bottom:14px}
.po-sources ol{padding-left:22px;display:grid;gap:8px;font-size:0.8438rem;color:var(--grey)}

/* ---------- 作者卡 ---------- */
.po-author{margin-top:3em;display:flex;gap:20px;background:var(--cream);border-radius:var(--radius);padding:26px 28px}
.po-author-name{font-weight:700;font-size:1rem}
.po-author-role{display:block;font-weight:500;font-size:0.7812rem;color:var(--grey);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.po-author p{font-size:0.875rem;color:var(--grey);line-height:1.65;margin:10px 0 8px}
.po-author-link{font-size:0.8438rem;font-weight:600;color:var(--rose-deep);text-decoration:none}
.po-author-link:hover{color:var(--leaf)}

/* ---------- 侧栏 ---------- */
.po-side-sticky{position:sticky;top:100px}

/* 询盘卡 */
.po-lead-card{background:linear-gradient(160deg,var(--leaf) 0%,var(--leaf-mid) 100%);border-radius:16px;padding:26px 24px;color:#fff;box-shadow:0 20px 50px rgba(74,44,78,.3)}
.po-lead-head{display:grid;gap:4px;margin-bottom:18px}
.po-lead-head strong{font-family:var(--font-display);font-size:1.3125rem}
.po-lead-head span{font-size:0.8125rem;color:#CFC0D8}
.po-lead-field{margin-bottom:12px}
.po-lead-field label{display:block;font-size:0.7188rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#CFC0D8;margin-bottom:5px}
.po-lead-field input{width:100%;padding:11px 14px;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:0.875rem;box-sizing:border-box;transition:.2s}
.po-lead-field input::placeholder{color:rgba(255,255,255,.5)}
.po-lead-field input:focus{outline:none;border-color:var(--rose);background:rgba(255,255,255,.2)}
.po-lead-btn{width:100%;justify-content:center;background:var(--rose)}
.po-lead-btn:hover{background:var(--rose-deep)}
.po-lead-trust{font-size:0.7188rem;color:#CFC0D8;text-align:center;margin-top:12px}
.po-lead-card .wm-form-msg{font-size:0.7812rem;margin-top:10px;padding:10px 12px}
.po-lead-card .wm-form-msg.wm-ok{background:rgba(255,255,255,.95)}

/* ---------- 文末 CTA ---------- */
.po-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.po-cta{background:linear-gradient(160deg,var(--leaf) 0%,var(--leaf-mid) 100%);padding:96px 0;margin-top:0}
.po-cta h2{color:#fff;font-size:clamp(26px,3.6vw,40px)}
.po-cta .sub{color:#CFC0D8;font-size:1.0625rem}
.po-cta .kicker{color:var(--rose)}

/* ---------- 相关文章 ---------- */
.po-related{background:#fff;padding:80px 0}
.po-related-title{font-size:clamp(24px,3vw,32px);margin-bottom:36px}
.po-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.po-related-card{background:var(--cream);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.3s;box-shadow:0 8px 24px rgba(74,44,78,.08)}
.po-related-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(74,44,78,.16)}
.po-related-thumb{aspect-ratio:1/1;overflow:hidden;background:var(--cream)}
.po-related-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.po-related-thumb-ph{display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:var(--rose);background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.po-related-body{padding:20px 22px 24px;display:grid;gap:8px;justify-items:start}
.po-related-body > *{justify-self:stretch}
.po-related-body .po-cat-chip{justify-self:start}
.po-related-body h3{font-size:1.0938rem;line-height:1.4;margin:0}
.po-related-body time{font-size:0.7812rem;color:var(--grey)}

/* ---------- 上一篇/下一篇 ---------- */
.po-pn{background:#F4ECF6;padding:70px 0 80px}
.po-pn-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.po-pn-item{display:grid;gap:6px;background:var(--cream);border-radius:14px;padding:20px 24px;text-decoration:none;color:inherit;transition:.2s}
.po-pn-item:hover{background:#FBEFF2}
.po-pn-next{text-align:right}
.po-pn-dir{font-size:0.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-deep)}
.po-pn-t{font-size:0.9375rem;font-weight:600;line-height:1.4}

/* ---------- 分类归档页（category.php，复用 po- 组件） ---------- */
.cat-list{background:linear-gradient(180deg,var(--cream) 0,#fff 180px);padding:20px 0 90px}
/* 时间轴期刊风：按月分组，卡片挂在竖线上 */
.cat-timeline{max-width:920px;margin:0 auto}
.cat-tl-group{position:relative;padding-left:44px;border-left:2px solid #F3DCE4}
.cat-tl-month{position:relative;display:inline-block;margin:0 0 20px;font-family:var(--font-display);font-weight:700;font-size:0.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-deep);background:var(--rose-soft);padding:8px 18px;border-radius:999px}
.cat-tl-month::before{content:"";position:absolute;left:-49px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(232,106,138,.16)}
.cat-tl-item{position:relative;margin-bottom:20px}
.cat-tl-item:last-child{margin-bottom:8px}
.cat-tl-item::before{content:"";position:absolute;left:-52px;top:26px;width:10px;height:10px;border-radius:50%;background:#fff;border:2.5px solid var(--rose)}
.cat-tl-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;background:#fff;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(74,44,78,.07);transition:.3s}
.cat-tl-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(74,44,78,.14)}
.cat-tl-thumb{min-height:170px;overflow:hidden;background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.cat-tl-thumb img{width:100%;height:100%;object-fit:contain;display:block;transition:.5s}
.cat-tl-card:hover .cat-tl-thumb img{transform:scale(1.05)}
.cat-tl-thumb-ph{display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:var(--rose);background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.cat-tl-body{padding:22px 26px 22px 0;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-start}
.cat-tl-body .cat-card-excerpt{flex:0 0 auto;margin-bottom:4px}
.cat-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.cat-card-title{font-size:1.0938rem;line-height:1.4;margin:0 0 8px;transition:.2s}
.cat-card-link:hover .cat-card-title{color:var(--rose-deep)}
.cat-card-excerpt{font-size:0.8438rem;line-height:1.65;color:var(--grey);margin:0 0 14px;flex:1}
.cat-card-meta{display:flex;gap:8px;align-items:center;font-size:0.7812rem;color:var(--grey)}
/* 期刊刊头条：分类概览 */
.cat-mast{max-width:920px;margin:0 auto 44px;background:#fff;border:1.5px solid #F7E6EC;border-radius:var(--radius);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 10px 30px rgba(74,44,78,.08)}
.cat-mast-main p{margin:6px 0 0;font-size:0.9062rem;line-height:1.65;color:var(--grey);max-width:44ch}
.cat-mast-stats{display:flex;gap:30px;text-align:center;flex-shrink:0}
.cat-mast-stats strong{display:block;font-family:var(--font-display);font-size:1.625rem;line-height:1.2;color:var(--rose-deep)}
.cat-mast-stats span{display:block;margin-top:2px;font-size:0.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}

/* 分类分页 */
.cat-pagination{margin-top:56px;display:flex;justify-content:center}
.cat-pagination .nav-links{display:flex;gap:8px}
.cat-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:10px;background:var(--cream);color:var(--ink);font-size:0.875rem;font-weight:600;text-decoration:none;transition:.2s}
.cat-pagination .page-numbers.current{background:var(--rose-deep);color:#fff}
.cat-pagination .page-numbers:hover:not(.current){background:var(--rose-soft);color:var(--rose-deep)}
.cat-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
.cat-empty p{font-size:1rem;color:var(--grey);margin:0 0 24px}

/* 头条大卡（blog 首页 Latest guide 复用） */
.cat-feat{margin-bottom:30px}
.cat-feat-link{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(74,44,78,.12);text-decoration:none;color:inherit;transition:.3s}
.cat-feat-link:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(74,44,78,.18)}
.cat-feat-thumb{min-height:320px;overflow:hidden}
.cat-feat-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cat-feat-thumb .po-related-thumb-ph{height:100%;display:flex;align-items:center;justify-content:center;font-size:3.75rem;color:var(--rose);background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.cat-feat-body{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:flex-start}
.cat-feat-body .cat-card-title,.cat-feat-body .cat-card-excerpt,.cat-feat-body .cat-card-meta{align-self:stretch}
.cat-feat-body .cat-card-title{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px)}
.cat-feat-body .cat-card-excerpt{font-size:0.9375rem;flex:0 0 auto;margin-bottom:0}

/* ---------- 关于本分类（杂志式：左悬浮卡 + 右长文） ---------- */
.cat-about{background:linear-gradient(180deg,#FDF0F3,#F6ECF8);padding:90px 0}
.cat-about-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}
.cat-about-side{position:sticky;top:100px}
.cat-about-card{background:#fff;border-radius:16px;padding:26px 26px 22px;box-shadow:0 12px 32px rgba(74,44,78,.10)}
.cat-about-card-head{font-size:0.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf);margin-bottom:16px}
.cat-about-meta{display:grid;gap:10px}
.cat-about-meta span{font-size:0.8438rem;color:var(--ink)}
.cat-about-meta span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--rose);margin-right:8px;vertical-align:2px}
.cat-about-foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(74,44,78,.14);font-size:0.7188rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-deep)}
.cat-about-foot-sub{font-size:0.75rem;color:var(--grey);margin-top:4px}
.cat-about-body h2{font-size:clamp(24px,3vw,34px);margin:14px 0 22px}
.cat-about-text{max-width:65ch}
.cat-about-text p{font-size:1rem;line-height:1.85;color:#4A4150;margin:0 0 1.4em}
.cat-about-text p:first-of-type{font-size:1.0938rem;color:var(--ink)}

/* ---------- 信任盒（E-E-A-T） ---------- */
.cat-trust{background:var(--cream);padding:90px 0}
.cat-trust-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.cat-trust-body h2{font-size:clamp(24px,3vw,34px);margin:14px 0 16px}
.cat-trust-text{font-size:0.9375rem;line-height:1.75;color:var(--grey);margin:0 0 16px}
.cat-trust-card{background:#fff;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);margin-bottom:14px}
.cat-trust-card:last-child{margin-bottom:0}
.cat-trust-card strong{display:block;font-size:0.9062rem}
.cat-trust-card span:not(.cs-avatar-mini){display:block;font-size:0.7812rem;color:var(--grey);margin-top:2px}
.cat-trust-card .cs-avatar-mini{width:40px;height:40px;font-size:0.9375rem}

/* ---------- 问答盒（GEO / AI 引用） ---------- */
.cat-qa{background:#fff;padding:90px 0 100px}
.cat-qa h2{font-size:clamp(24px,3vw,32px)}
.cat-qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
.cat-qa-item{background:var(--cream);border-radius:var(--radius);padding:26px 28px;border-left:4px solid var(--rose)}
.cat-qa-item h3{font-size:1.0312rem;margin:0 0 10px;line-height:1.45}
.cat-qa-item p{font-size:0.9062rem;line-height:1.7;color:var(--grey);margin:0}
.cat-qa-item a{color:var(--rose-deep);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--rose-soft)}
.cat-qa-item a:hover{border-color:var(--rose)}

/* ---------- 过渡盒（与 footer 波浪同色） ---------- */
.cat-bridge{background:#F4ECF6;padding:52px 0}
.cat-bridge-inner{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.cat-bridge-item{font-size:0.875rem;font-weight:600;color:var(--leaf);display:flex;align-items:center;gap:8px}
.cat-bridge-item::before{content:"✿";color:var(--rose)}

/* ---------- 商城风产品分类页（Layout = product） ---------- */
.shop-hero{padding:150px 0 70px;background:
  radial-gradient(600px 340px at 90% 10%, rgba(232,106,138,.14), transparent 60%),
  radial-gradient(520px 320px at 6% 80%, rgba(62,207,178,.10), transparent 60%),
  linear-gradient(180deg,#FDF0F3,#FFF9F7)}
.shop-crumbs{display:flex;gap:10px;align-items:center;font-size:0.8125rem;color:var(--grey);margin-bottom:18px}
.shop-crumbs a{color:var(--grey);text-decoration:none}
.shop-crumbs a:hover{color:var(--rose-deep)}
.shop-hero h1{font-size:clamp(32px,4.5vw,50px);margin:0}
.shop-hero-sub{font-size:1.0312rem;line-height:1.7;color:var(--grey);max-width:640px;margin:16px 0 28px}
.shop-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.shop-main{padding:24px 0 90px}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 22px;background:#fff;border:1.5px solid #F7E6EC;border-radius:14px;margin-bottom:30px;box-shadow:0 6px 18px rgba(74,44,78,.05)}
.shop-toolbar-count{font-size:0.9062rem;color:var(--ink)}
.shop-toolbar-count strong{color:var(--rose-deep);font-size:1rem}
.shop-toolbar-note{font-size:0.7812rem;font-weight:600;letter-spacing:.04em;color:var(--leaf)}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.shop-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(74,44,78,.08);transition:.3s;display:flex;flex-direction:column}
.shop-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(74,44,78,.16)}
.shop-card-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--cream)}
.shop-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}
.shop-card:hover .shop-card-media img{transform:scale(1.05)}
.shop-card-ph{height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--rose);background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.shop-card-badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:var(--rose-deep);font-size:0.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(74,44,78,.14)}
.shop-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.shop-card-title{font-size:1.1875rem;margin:0;line-height:1.4}
.shop-card-title a{color:inherit;text-decoration:none;transition:.2s}
.shop-card-title a:hover{color:var(--rose-deep)}
.shop-card-excerpt{font-size:0.8438rem;line-height:1.65;color:var(--grey);margin:0;flex:1}
.shop-card-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:0.7812rem;font-weight:600;color:var(--leaf)}
.shop-card-actions{display:flex;gap:10px;margin-top:6px}
.shop-card-actions .btn{flex:1;justify-content:center;padding:12px 10px;font-size:0.8438rem;border-radius:12px}

/* ---------- 产品详情页（Product Details，Layout=product 的文章） ---------- */
.pd-shell{padding:150px 0 70px;background:
  radial-gradient(600px 340px at 90% 8%, rgba(232,106,138,.12), transparent 60%),
  radial-gradient(520px 320px at 4% 78%, rgba(203,168,219,.12), transparent 60%),
  linear-gradient(180deg,#FDF0F3,#FFF9F7)}
.pd-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.pd-gallery-main{position:relative;aspect-ratio:1/1;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(74,44,78,.12);display:flex}
.pd-gallery-main img{width:100%;height:100%;object-fit:contain;display:block}
.pd-gallery-ph{flex:1;display:flex;align-items:center;justify-content:center;font-size:4.5rem;color:var(--rose);background:linear-gradient(140deg,#FDF0F3,#F5EAF8)}
.pd-badge{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.94);color:var(--rose-deep);font-size:0.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(74,44,78,.14)}
.pd-gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}
.pd-thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#fff;cursor:pointer;padding:0;transition:.2s}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pd-thumb:hover{border-color:var(--rose-soft)}
.pd-thumb.is-active{border-color:var(--rose)}
.pd-info .po-crumbs{margin-bottom:18px}
.pd-title{font-size:clamp(28px,3.6vw,44px);margin:0 0 14px}
.pd-intro{font-size:1.0312rem;line-height:1.75;color:var(--grey);margin:0 0 8px}
.pd-highlights{list-style:none;display:grid;gap:10px;margin:20px 0 28px;padding:20px 24px;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(74,44,78,.07)}
.pd-highlights li{font-size:0.9375rem;font-weight:600;color:var(--ink);display:flex;gap:10px;align-items:baseline}
.pd-highlights li::before{content:"✿";color:var(--rose);flex-shrink:0}
.pd-actions{display:flex;gap:14px;flex-wrap:wrap}
.pd-trust{margin-top:20px;display:flex;gap:16px;flex-wrap:wrap;font-size:0.7812rem;color:var(--grey)}
.pd-body{padding:70px 0 90px}
.pd-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:start}
.pd-sec-title{font-size:clamp(22px,2.6vw,30px);margin:0 0 22px}
.pd-specs{position:sticky;top:100px;background:#fff;border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow)}
.pd-specs table{width:100%;border-collapse:collapse;font-size:0.875rem}
.pd-specs td{padding:11px 0;border-bottom:1px solid #F3E4E9;vertical-align:top}
.pd-specs tr:last-child td{border-bottom:none}
.pd-specs td:first-child{font-weight:700;color:var(--ink);width:44%;padding-right:12px}
.pd-specs td:last-child{color:var(--grey);text-align:right}
.pd-specs-btn{width:100%;justify-content:center;margin-top:20px}
.pd-specs-btn + .pd-specs-btn{margin-top:10px}
.pd-specs-cta{display:grid;gap:14px}
.pd-cta-head{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--rose-deep)}
.pd-specs-cta p{font-size:0.875rem;line-height:1.7;color:var(--grey);margin:0}
/* 更多产品盒（背景与 footer 波浪顶色一致） */
.pd-more{background:#F4ECF6;padding:90px 0 100px}
.pd-more h2{font-size:clamp(26px,3.2vw,38px);margin:0}
.pd-more-grid{margin-top:48px}
.pd-more .shop-card{box-shadow:0 14px 40px rgba(74,44,78,.12)}

/* ---------- 移动端 ---------- */
@media(max-width:980px){
  .cat-tl-group{padding-left:26px}
  .cat-tl-month{font-size:0.7812rem;padding:7px 14px}
  .cat-tl-month::before{left:-30px;width:10px;height:10px}
  .cat-tl-item::before{left:-31px;width:8px;height:8px;top:22px;border-width:2px}
  .cat-tl-card{grid-template-columns:1fr;gap:0}
  .cat-tl-thumb{min-height:0;aspect-ratio:16/9}
  .cat-tl-thumb img{object-fit:cover}
  .cat-tl-body{padding:18px 20px 20px}
  .cat-feat-link{grid-template-columns:1fr}
  .cat-feat-thumb{min-height:0;aspect-ratio:16/9}
  .cat-feat-body{padding:24px 22px 28px}
  .cat-mast{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 22px}
  .cat-mast-stats{width:100%;justify-content:space-between;gap:12px;text-align:left}
  .shop-hero{padding:120px 0 50px}
  .shop-grid{grid-template-columns:1fr}
  .shop-toolbar{flex-direction:column;align-items:flex-start}
  .pd-shell{padding:120px 0 50px}
  .pd-grid{grid-template-columns:1fr;gap:32px}
  .pd-gallery-thumbs{grid-template-columns:repeat(5,1fr)}
  .pd-body-grid{grid-template-columns:1fr;gap:40px}
  .pd-specs{position:static}
  .cat-trust{padding:70px 0}
  .cat-trust-grid{grid-template-columns:1fr;gap:36px}
  .cat-qa{padding:70px 0 80px}
  .cat-qa-grid{grid-template-columns:1fr}
}
@media(max-width:1200px){
  .po-grid{grid-template-columns:minmax(0,1fr)}
  .po-side{display:none}
}
@media(max-width:980px){
  .po-hero{padding:120px 0 8px}
  .po-hero::before,.po-hero::after{display:none}
  .po-article{padding:26px 22px 32px;border-radius:18px;max-width:100%;overflow-wrap:break-word}
  .po-grid{padding-top:18px}
  /* 宽表格在手机端变为横向滚动块 */
  .po-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .po-related-grid{grid-template-columns:1fr}
  .po-pn-grid{grid-template-columns:1fr}
  .po-pn-next{text-align:left}
  /* 移动端：侧栏表单卡片化，移到正文后仍可转化 */
  .po-side{display:block;margin-top:36px}
  .po-side-sticky{position:static}
}