/* 1.6.1-rc.18.3 · 「关于我们」页（/about/）正文样式，对齐全站 MV 风格（白底、墨色正文、酒红强调、直角按钮）。
   只在 is_page('about') 时加载，所有选择器限定在 body.mv-about-page 下；不改页头页尾、不改文字、不设置 font-family（沿用正文现有字体）。
   页面正文内的内联样式来自后台内容，这里用 !important 覆盖颜色、字号、间距；正文自带的重复页头 .mva-page-head 在本页隐藏（共享页头已存在）。 */
body.mv-about-page{--mva-ink:#171918;--mva-muted:#656864;--mva-line:#dedfdb;--mva-soft:#f7f6f4;--mva-red:#781f2b;--mva-red-dark:#591620}
body.mv-about-page .entry-content > .mva-page-head{display:none!important}
body.mv-about-page .entry-content > .mva-about{background:#fff!important;color:var(--mva-ink)!important;font-size:14px;font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased;margin:0!important;padding:0 0 32px!important;max-width:none!important}
body.mv-about-page .mva-about > div{max-width:1120px!important;margin:0 auto!important;padding:40px 5% 40px!important;box-sizing:border-box}

/* ---------- 首屏介绍 ---------- */
body.mv-about-page .mva-about > div:first-child{padding:64px 5% 48px!important;border-bottom:1px solid var(--mva-line)}
body.mv-about-page .mva-about > div:first-child > p:first-child{margin:0 0 14px!important;font-size:11px!important;font-weight:400!important;letter-spacing:.24em!important;line-height:1.6!important;color:var(--mva-red)!important}
body.mv-about-page .mva-about h1{margin:0 0 12px!important;font-size:34px!important;font-weight:300!important;letter-spacing:.06em!important;line-height:1.35!important;color:var(--mva-ink)!important}
body.mv-about-page .mva-about > div:first-child > p:nth-of-type(2){margin:0 0 22px!important;font-size:14px!important;font-weight:400!important;letter-spacing:.04em;line-height:1.7!important;color:var(--mva-muted)!important}
body.mv-about-page .mva-about > div:first-child > div{width:48px!important;height:2px!important;background:var(--mva-red)!important;margin:0 0 28px!important}
body.mv-about-page .mva-about > div:first-child > p{max-width:760px}

/* ---------- 正文段落与列表 ---------- */
body.mv-about-page .mva-about p,body.mv-about-page .mva-about ol{margin:0 0 14px!important;font-size:14px!important;font-weight:400!important;line-height:1.9!important;color:var(--mva-ink)!important}
body.mv-about-page .mva-about > div:not(:first-child) > p:last-child{margin-bottom:0!important}
/* 原文把两种方式写成两个各含一项的有序列表，都会显示「1.」；这里用连续计数显示 1、2，不改文字 */
body.mv-about-page .mva-about > div{counter-reset:mva-step}
body.mv-about-page .mva-about ol{list-style:none!important;padding:0!important;margin:22px 0 8px!important}
body.mv-about-page .mva-about ol li{counter-increment:mva-step;display:flex;align-items:baseline;gap:12px;font-size:14px;font-weight:400;letter-spacing:.04em;color:var(--mva-ink)}
body.mv-about-page .mva-about ol li::before{content:counter(mva-step,decimal-leading-zero);flex:none;font-size:11px;font-weight:400;letter-spacing:.16em;color:var(--mva-red)}

/* ---------- 分节：左侧标题、右侧正文（桌面） ---------- */
body.mv-about-page .mva-about > div:not(:first-child){display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:56px;border-bottom:1px solid var(--mva-line)}
body.mv-about-page .mva-about > div:last-child{border-bottom:0}
body.mv-about-page .mva-about > div:not(:first-child) > *{grid-column:2}
body.mv-about-page .mva-about > div:not(:first-child) > h2{grid-column:1;grid-row:1 / span 20;align-self:start;margin:0!important;font-size:22px!important;font-weight:300!important;letter-spacing:.06em!important;line-height:1.5!important;color:var(--mva-ink)!important}
body.mv-about-page .mva-about > div:not(:first-child) > h2::before{content:"";display:block;width:24px;height:2px;margin:0 0 16px;background:var(--mva-red)}

/* ---------- 按钮（直角；主按钮墨底，次按钮白底描边，与购物车一致） ---------- */
body.mv-about-page .mva-about > div:first-child > p:last-child{margin:28px 0 0!important;display:flex;flex-wrap:wrap;gap:12px}
body.mv-about-page .mva-about > div:first-child > p:last-child > a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:11px 26px!important;border:1px solid var(--mva-ink)!important;border-radius:0;box-sizing:border-box;font-size:13px!important;font-weight:400!important;letter-spacing:.08em!important;line-height:1.4;text-decoration:none!important;transition:background .2s,color .2s,border-color .2s}
body.mv-about-page .mva-about > div:first-child > p:last-child > a:first-child{background:var(--mva-ink)!important;color:#fff!important}
body.mv-about-page .mva-about > div:first-child > p:last-child > a:first-child:hover{background:var(--mva-red)!important;border-color:var(--mva-red)!important}
body.mv-about-page .mva-about > div:first-child > p:last-child > a:not(:first-child){background:#fff!important;color:var(--mva-ink)!important}
body.mv-about-page .mva-about > div:first-child > p:last-child > a:not(:first-child):hover{background:var(--mva-ink)!important;color:#fff!important}
body.mv-about-page .mva-about > div:first-child > p:last-child > br{display:none}
body.mv-about-page .mva-about a:focus-visible{outline:2px solid var(--mva-red);outline-offset:2px}

/* ---------- 平板与手机 ---------- */
@media(max-width:900px){
 body.mv-about-page .mva-about > div:not(:first-child){grid-template-columns:minmax(0,1fr);column-gap:0}
 body.mv-about-page .mva-about > div:not(:first-child) > *,body.mv-about-page .mva-about > div:not(:first-child) > h2{grid-column:1;grid-row:auto}
 body.mv-about-page .mva-about > div:not(:first-child) > h2{margin:0 0 18px!important}
}
@media(max-width:600px){
 body.mv-about-page .mva-about > div{padding:32px 20px!important}
 body.mv-about-page .mva-about > div:first-child{padding:40px 20px 36px!important}
 body.mv-about-page .mva-about h1{font-size:26px!important}
 body.mv-about-page .mva-about > div:not(:first-child) > h2{font-size:19px!important}
 body.mv-about-page .mva-about > div:first-child > p:last-child > a{flex:1 1 140px}
}

/* 1.6.1-rc.18.5（已获批准）：正文字体改用全站 MV 正文字体栈（与 cart.css 的 --mvc-font 完全相同），覆盖内联 system-ui 与 Astra 标题字体；只作用于本页正文 */
body.mv-about-page{--mva-font:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
body.mv-about-page .entry-content > .mva-about,body.mv-about-page .mva-about :is(h1,h2,h3,p,ol,ul,li,a,span,strong,em){font-family:var(--mva-font)!important}