/* CF Starter · beauty：只在页面用到 cf-b- 开头的区块时加载（functions.php） */
/* ===================== 美业门店（/beauty/）：类名 cf-b- ===================== */
/* 黑体标题 + Barlow 数字（主题已带，不加字体）；酒红只用在价格、要点和按钮上 */
body:has(.cf-b-header){font-variant-numeric:lining-nums}
.cf-b-strip p{margin:0;text-align:center;font-size:13px;line-height:21px;letter-spacing:.04em}
.cf-b-header{background:var(--wp--preset--color--base)}
.cf-b-hrow{min-height:72px}
.cf-b-hrow>*{margin:0!important}
.cf-b-logo{gap:12px!important}
.cf-b-logo .wp-block-site-title{font-size:22px;line-height:1.2;margin:0}
.cf-b-logo .wp-block-site-title a{color:var(--wp--preset--color--navy)}
.cf-b-logo .cf-logo-en{margin:0 0 3px!important;font-size:11px}
.cf-b-header .wp-block-navigation{flex:1}
.cf-b-header .wp-block-navigation-item__content{font-size:15px}
.cf-b-hbtn{margin-left:30px!important}
body:has(.cf-b-header) .wp-block-button__link{font-size:15px;letter-spacing:.06em;padding:12px 26px}
.cf-b-hbtn .wp-block-button__link{padding:9px 20px!important;font-size:14px!important}
body:has(.cf-b-header) .is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--navy);border:1px solid var(--wp--preset--color--navy)}
body:has(.cf-b-header) .is-style-outline>.wp-block-button__link:hover{background:var(--wp--preset--color--navy);color:#fff}
.cf-b-eye{font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-accent);margin:0 0 6px!important}
.cf-b-h2{font-size:clamp(26px,2.6vw,36px);line-height:1.35;margin:0!important}
.cf-b-lead{color:var(--cf-muted);font-size:16px;max-width:32em}
.cf-b-note{color:var(--cf-muted);font-size:14px}
.cf-b-more a{border-bottom:1px solid currentColor;padding-bottom:3px;font-size:14px;letter-spacing:.06em;color:var(--wp--preset--color--navy)}
.cf-b-more a::after{content:" →"}
.cf-b-back{margin-top:40px!important;font-size:14px}
.cf-b-back a{color:var(--cf-muted)}
.cf-b-ph{margin:0!important}
.cf-b-ph img{display:block;width:100%;height:100%;object-fit:cover}
.cf-b-ph figcaption{font-size:13px;color:var(--cf-muted);text-align:left;margin:10px 0 0}
.cf-b-hd{display:flex!important;justify-content:space-between;align-items:flex-end;gap:24px}
.cf-b-hd>*{margin:0!important}
.cf-b-hd .cf-b-lead{margin-top:10px!important}
.cf-b-chips{list-style:none;padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;gap:8px}
.cf-b-chips li{font-size:13px;padding:5px 12px;border:1px solid var(--cf-line);background:#fff;line-height:1.5}
/* 首屏：左字右图，图贴右边 */
.cf-b-herosec{padding-top:0!important}
.cf-b-hero{gap:0!important;margin-block:0!important;border-bottom:1px solid var(--cf-line)}
.cf-b-hl{padding:72px 56px 56px max(var(--wp--style--root--padding-left,16px),calc((100vw - 1240px)/2))}
.cf-b-display{font-size:clamp(34px,3.6vw,54px);line-height:1.3;margin:0 0 22px!important;letter-spacing:.01em}
.cf-b-display em,.cf-b-vs strong{font-style:normal;color:var(--cf-accent)}
.cf-b-hl .cf-b-lead{margin:0 0 30px!important}
.cf-b-quiet{border-top:1px solid var(--cf-line);padding-top:22px;margin-top:52px!important}
.cf-b-quiet>*{margin:0!important}
.cf-b-qt{font-size:14px;font-weight:600;margin:0 0 12px!important}
.cf-b-qchips li{font-size:14px;padding:8px 14px}
.cf-b-hero>.wp-block-column:last-child{align-self:stretch}
.cf-b-hph{position:relative;height:100%}
.cf-b-hph>*{margin:0!important}
.cf-b-hbig,.cf-b-hbig img{height:100%;min-height:600px}
.cf-b-tag{position:absolute;left:20px;bottom:20px;background:#fff;padding:10px 16px;font-size:13px;line-height:1.4}
.cf-b-tag strong{font-family:var(--wp--preset--font-family--num);font-size:22px;font-weight:700;color:var(--cf-accent);margin-right:8px}
/* 做什么，不做什么 */
.cf-b-vsph img{height:520px}
.cf-b-vs{list-style:none;padding:0!important;margin:28px 0 0!important}
.cf-b-vs li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--cf-line);font-size:17px}
.cf-b-vs li:last-child{border-bottom:1px solid var(--cf-line)}
.cf-b-vs strong{font-weight:600}
.cf-b-vs span{color:var(--cf-muted)}
/* 三栏价目 */
.cf-b-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px!important;background:#fff;border:1px solid var(--cf-line)}
.cf-b-menu>*{margin:0!important}
.cf-b-col{padding:30px 32px 30px;border-right:1px solid var(--cf-line)}
.cf-b-col:last-child{border-right:0}
.cf-b-col>*{margin:0!important}
.cf-b-chd{display:flex!important;align-items:center;gap:14px;padding-bottom:18px;border-bottom:2px solid var(--wp--preset--color--navy)}
.cf-b-chd>*{margin:0!important}
.cf-b-cthumb{width:64px;flex:0 0 64px}
.cf-b-cthumb img{height:64px}
.cf-b-cen{font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--cf-muted);margin:0!important}
.cf-b-chd h3{font-size:22px;margin:0!important}
.cf-b-it{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:15px 0;border-bottom:1px dashed var(--cf-line)}
.cf-b-it:last-child{border-bottom:0}
.cf-b-it>*{margin:0!important}
.cf-b-it h4{font-size:16px;font-weight:600}
.cf-b-im{grid-column:1;font-size:13px;color:var(--cf-muted)}
.cf-b-ip,.cf-b-sp{font-family:var(--wp--preset--font-family--num);font-weight:700;font-size:26px;line-height:1;color:var(--wp--preset--color--navy);white-space:nowrap}
.cf-b-ip{grid-row:1/3;grid-column:2;align-self:center}
.cf-b-ip span,.cf-b-sp span{font-size:14px;color:var(--cf-muted);margin-right:2px}
.cf-b-mfoot{display:flex!important;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}
.cf-b-mfoot>*{margin:0!important}
/* 手艺人卡片 */
.cf-b-artists{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:44px!important}
.cf-b-artists>*,.cf-b-art>*{margin:0!important}
.cf-b-art .cf-b-ph img{aspect-ratio:3/4;height:auto}
.cf-b-an{display:flex!important;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px!important;border-bottom:1px solid var(--cf-line);padding-bottom:10px}
.cf-b-an>*{margin:0!important}
.cf-b-an h3{font-size:20px}
.cf-b-an h3 em,.cf-b-arow h2 em{font-style:normal;font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cf-muted);margin-left:10px}
.cf-b-yr{font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:15px;color:var(--cf-accent)}
.cf-b-sk{font-size:14px;font-weight:600;color:var(--wp--preset--color--navy);margin:12px 0 4px!important}
.cf-b-ad{font-size:14px;color:var(--cf-muted);margin:0 0 12px!important}
.cf-b-art .cf-b-chips li{font-size:12px;padding:3px 10px}
/* 第一次来 */
.cf-b-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:44px!important}
.cf-b-steps>*{margin:0!important;background:#fff;padding:26px 24px 28px;border-top:3px solid var(--cf-accent)}
.cf-b-steps>*>*{margin:0!important}
.cf-b-no{font-family:var(--wp--preset--font-family--num);font-weight:700;font-size:40px;line-height:1;color:var(--cf-accent)}
.cf-b-steps h3{font-size:18px;margin:14px 0 6px!important}
.cf-b-steps p:last-child{font-size:14px;color:var(--cf-muted)}
/* 数字条 */
.cf-b-bandsec,.cf-b-cta{margin-top:var(--wp--preset--spacing--60)!important}
.cf-b-band{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cf-b-band>*,.cf-b-band>*>*{margin:0!important}
.cf-b-bn{font-family:var(--wp--preset--font-family--num);font-weight:700;font-size:46px;line-height:1.1;color:var(--cf-accent)}
.cf-b-bk{font-size:15px;color:var(--wp--preset--color--navy);margin-top:4px!important}
.cf-b-bd{font-size:13px;color:var(--cf-muted)}
/* 店里 */
.cf-b-salon{display:grid!important;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-top:40px!important}
.cf-b-salon>*{margin:0!important}
.cf-b-salon img{height:420px}
/* 客人说 */
.cf-b-saysec{padding-bottom:0!important}
.cf-b-say{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px!important}
.cf-b-say>*,.cf-b-card>*{margin:0!important}
.cf-b-card{background:#fff;border:1px solid var(--cf-line);padding:0 26px 22px}
.cf-b-card .cf-b-ph{margin:0 -26px 22px!important;width:auto}
.cf-b-card .cf-b-ph img{height:200px}
.cf-b-q{font-size:16px;line-height:1.8;color:var(--wp--preset--color--navy)}
.cf-b-qw{display:flex!important;justify-content:space-between;gap:12px;margin-top:16px!important;font-size:13px;color:var(--cf-muted)}
.cf-b-qw>*{margin:0!important}
/* 深色预约条 */
.cf-b-cta .cf-b-h2{color:#fff}
.cf-b-ctap{color:#bdb1b3;margin:8px 0 0!important}
.cf-b-cta .wp-block-buttons{justify-content:flex-end}
body:has(.cf-b-header) .cf-b-cta .is-style-outline>.wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.55)}
body:has(.cf-b-header) .cf-b-cta .is-style-outline>.wp-block-button__link:hover{background:#fff;color:var(--wp--preset--color--navy)}
.cf-b-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:#fff;border-color:#fff;color:var(--wp--preset--color--navy)}
/* 内页 */
.cf-b-ptitle{padding-top:clamp(44px,6vw,80px);padding-bottom:clamp(22px,2.4vw,34px);border-bottom:1px solid var(--cf-line)}
.cf-b-ptitle h1{font-size:clamp(32px,3.6vw,48px);margin-block:0!important}
.cf-b-ptitle>.cf-b-lead{margin-block:12px 0!important;max-width:1240px}
.cf-b-ptitle .cf-b-ptitle-s{font-size:clamp(26px,3vw,40px);line-height:1.45;margin-block:0!important}
.cf-b-date{font-family:var(--wp--preset--font-family--num);font-weight:600;font-size:14px;letter-spacing:.06em;color:var(--cf-muted);margin-block:0 8px!important}
.wp-block-post-content>.cf-b-lead:first-child{font-size:17px;max-width:40em}
.cf-b-table table{background:none}
.cf-b-table tbody tr:nth-child(even) td{background:none}
.cf-b-table td{padding:14px 16px 14px 0}
.cf-b-table td:last-child{color:var(--cf-muted)}
.cf-b-faq details{border-bottom:1px solid var(--cf-line);padding:16px 0}
.cf-b-faq details:first-child{border-top:1px solid var(--cf-line)}
.cf-b-faq summary{font-size:17px;cursor:pointer;color:var(--wp--preset--color--navy)}
.cf-b-faq details p{margin:10px 0 0;color:var(--cf-muted)}
.cf-b-kv{list-style:none;padding:0!important;margin:20px 0!important;border-top:1px solid var(--cf-line)}
.cf-b-kv li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--cf-line)}
.cf-b-kv li span{color:var(--cf-muted);font-size:14px}
.cf-b-check{list-style:none;padding:0!important;margin:0!important;border-top:1px solid var(--cf-line)}
.cf-b-check li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--cf-line)}
.cf-b-check li::before{content:"";position:absolute;left:4px;top:22px;width:12px;height:6px;border-left:2px solid var(--cf-accent);border-bottom:2px solid var(--cf-accent);transform:rotate(-45deg)}
.cf-b-sgal{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cf-b-sgal>*{margin:0!important}
.cf-b-sgal img{aspect-ratio:3/4;height:auto}
.cf-b-styles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;margin-top:28px!important}
.cf-b-styles>*,.cf-b-style>*{margin:0!important}
.cf-b-style img{aspect-ratio:4/5;height:auto}
.cf-b-srow{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px!important}
.cf-b-srow>*{margin:0!important}
.cf-b-srow h3{font-size:17px}
.cf-b-sp{font-size:22px;color:var(--cf-accent)}
.cf-b-sm{font-size:13px;color:var(--cf-muted);margin-top:4px!important}
.cf-b-aimg img{aspect-ratio:4/5;height:auto}
.cf-b-arow h2{margin:0 0 4px!important}
.cf-b-arow .cf-b-sk{margin:0 0 14px!important;color:var(--cf-accent)}
.cf-b-asamp{max-width:300px;margin-top:24px!important}
.cf-b-asamp img{aspect-ratio:4/3;height:auto}
.cf-b-posts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;list-style:none;padding:0!important}
.cf-b-posts>li{margin:0!important}
.cf-b-posts .wp-block-post-featured-image{margin:0 0 16px!important}
.cf-b-posts .wp-block-post-title{font-size:20px;line-height:1.5;margin:0 0 8px!important}
.cf-b-posts .wp-block-post-title a{color:var(--wp--preset--color--navy)}
.cf-b-posts .wp-block-post-title a:hover{color:var(--cf-accent)}
.cf-b-posts .wp-block-post-excerpt{color:var(--cf-muted);font-size:14px;margin:0}
.cf-b-posts .wp-block-post-excerpt__more-link{display:none}
.cf-b-article{font-size:17px;line-height:1.95;margin-top:36px!important}
/* 页脚 */
.cf-b-footer{border-top:1px solid var(--cf-line)}
.cf-b-footer a{color:var(--wp--preset--color--navy-2)}
.cf-b-footer a:hover{color:var(--cf-accent)}
.cf-b-footer h4{color:var(--wp--preset--color--navy)}
.cf-b-footer p{color:var(--cf-muted)}
.cf-b-footer .cf-footbar{border-top-color:var(--cf-line)}
.cf-b-footer .cf-footbar p{color:var(--cf-muted)}
.cf-footer .cf-b-word{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:.3em;font-weight:700;color:var(--wp--preset--color--navy)!important;margin:0 0 14px!important}
/* 手机底部：微信咨询 / 预约时间 */
@media (min-width:782px){.cf-b-dock{display:none}}
@media (max-width:781px){
  .cf-sticky:has(.cf-b-strip),.admin-bar .cf-sticky:has(.cf-b-strip){top:-37px}
  .cf-b-strip p{font-size:12px;letter-spacing:0}
  .cf-b-hrow{min-height:60px}
  .cf-b-hbtn{display:none!important}
  .cf-b-logo .wp-block-site-title{font-size:20px}
  .cf-b-logo .cf-logo-en{font-size:10px}
  .cf-b-hero>.wp-block-column:last-child{order:-1}
  .cf-b-hbig,.cf-b-hbig img{min-height:0;height:320px}
  .cf-b-hl{padding:30px var(--wp--style--root--padding-right,16px) 44px var(--wp--style--root--padding-left,16px)}
  .cf-b-display{font-size:28px}
  .cf-b-quiet{margin-top:32px!important}
  .cf-b-tag{left:12px;bottom:12px}
  .cf-b-vsph img{height:280px}
  .cf-b-vs li{font-size:15px;gap:12px}
  .cf-b-menu{grid-template-columns:minmax(0,1fr)}
  .cf-b-col{border-right:0;border-bottom:1px solid var(--cf-line);padding:24px 18px}
  .cf-b-col:last-child{border-bottom:0}
  .cf-b-mfoot{flex-direction:column;align-items:flex-start;gap:12px}
  .cf-b-hd{flex-direction:column;align-items:flex-start;gap:14px}
  .cf-b-artists{grid-template-columns:1fr 1fr;gap:28px 14px}
  .cf-b-an h3{font-size:17px}
  .cf-b-an h3 em,.cf-b-ad{display:none}
  .cf-b-steps{grid-template-columns:1fr 1fr;gap:12px}
  .cf-b-steps>*{padding:18px 16px}
  .cf-b-no{font-size:30px}
  .cf-b-band{grid-template-columns:1fr 1fr;row-gap:28px}
  .cf-b-bn{font-size:34px}
  .cf-b-salon{grid-template-columns:1fr 1fr;gap:12px}
  .cf-b-salon>:first-child{grid-column:1/-1}
  .cf-b-salon img{height:240px}
  .cf-b-say{grid-template-columns:minmax(0,1fr)}
  .cf-b-cta .wp-block-buttons{justify-content:flex-start}
  .cf-b-styles{grid-template-columns:1fr 1fr;gap:24px 12px}
  .cf-b-srow{flex-direction:column;gap:4px}
  .cf-b-sgal{grid-template-columns:1fr 1fr;gap:10px}
  .cf-b-arow.is-rev>.wp-block-column:last-child{order:-1}
  .cf-b-posts{grid-template-columns:minmax(0,1fr);gap:40px}
  .cf-b-ptitle h1{font-size:30px}
  .cf-b-dock .wp-block-button:last-child{display:block}
  .cf-b-dock .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}
  body:has(.cf-b-header) .cf-b-dock .is-style-outline>.wp-block-button__link{background:var(--wp--preset--color--base);color:var(--wp--preset--color--navy);border:0;border-top:1px solid var(--cf-line)}
}
@media (min-width:782px) and (max-width:1100px){
  .cf-b-header .wp-block-navigation__container{gap:20px}
  .cf-b-col{padding:24px 20px}
  .cf-b-artists,.cf-b-styles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cf-b-hl{padding-right:36px}
}