/* CF Starter · studio：只在页面用到 cf-y- 开头的区块时加载（functions.php） */
/* ===================== 影楼版（/studio/）：类名 cf-y- ===================== */
/* 宋体标题 + 英文斜体小字；中文不做假斜体（font-synthesis） */
.cf-sticky:has(>.cf-y-header){top:-88px}
.admin-bar .cf-sticky:has(>.cf-y-header){top:-56px}
body:has(.cf-y-header){font-variant-numeric:lining-nums}
.cf-y-header{background:var(--wp--preset--color--base);border-bottom:1px solid var(--cf-line)}
.cf-y-hrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:22px 0 14px}
.cf-y-hrow>*{margin:0!important}
.cf-y-htel{font-family:var(--wp--preset--font-family--serif);font-size:16px;letter-spacing:.06em}
.cf-y-htel a{color:var(--cf-muted)}
.cf-y-logo{text-align:center;line-height:1.2}
.cf-y-logo .wp-block-site-title{font-size:26px;line-height:1.25;letter-spacing:.32em;margin:0 -.32em 0 0!important}
.cf-y-logo .wp-block-site-title a{color:var(--wp--preset--color--navy)}
.cf-y-logo-en,.cf-y-eye,.cf-y-kick,.cf-y-ph figcaption{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-synthesis:none}
.cf-y-logo-en{font-size:14px;color:var(--cf-muted);letter-spacing:.06em;line-height:1.2;margin:3px 0 0!important}
.cf-y-hbtn{justify-content:flex-end}
.cf-y-hbtn .wp-block-button__link{padding:7px 18px!important;font-size:13px}
.cf-y-hnav{border-top:1px solid var(--cf-line)}
.cf-y-header .wp-block-navigation__container{gap:46px}
.cf-y-header .wp-block-navigation-item__content{padding:13px 0;font-size:15px;letter-spacing:.14em}
body:has(.cf-y-header) .wp-block-button__link{letter-spacing:.12em;font-size:14px}
.cf-y-eye{font-size:19px;color:var(--cf-accent);margin:0 0 2px!important;letter-spacing:.01em}
.cf-y-h2{font-size:clamp(26px,2.4vw,34px);line-height:1.4;margin:0!important}
.cf-y-center{text-align:center}
.cf-y-center .wp-block-buttons{justify-content:center}
.cf-y-note{color:var(--cf-muted);font-size:15px}
.cf-y-more{margin-top:28px!important}
.cf-y-more a{border-bottom:1px solid currentColor;padding-bottom:3px;font-size:14px;letter-spacing:.08em}
.cf-y-more a::after{content:" →"}
.cf-y-back{margin-top:40px!important;font-size:14px}
.cf-y-back a{color:var(--cf-muted)}
.cf-y-ph{margin:0!important}
.cf-y-ph img{display:block;width:100%;object-fit:cover}
.cf-y-ph figcaption{font-size:14px;color:var(--cf-muted);text-align:left;margin:8px 0 0}
/* 首屏 */
.cf-y-hero{align-items:flex-end!important}
.cf-y-kick{font-size:20px;color:var(--cf-accent);margin:0 0 20px!important}
.cf-y-display{font-size:clamp(32px,3.6vw,52px);line-height:1.32;letter-spacing:.04em;margin:0 0 26px!important}
.cf-y-lead{color:var(--cf-muted);max-width:30em}
.cf-y-hsmall{width:78%;margin-top:56px!important}
.cf-y-hsmall img{height:300px}
.cf-y-hbig img{height:clamp(440px,50vw,700px)}
/* 三种拍法 */
.cf-y-ways{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px!important;align-items:start}
.cf-y-ways>*{margin:0!important}
.cf-y-ways img{height:420px}
.cf-y-ways>:nth-child(2){margin-top:-50px!important}
.cf-y-ways>:nth-child(2) img{height:520px}
.cf-y-no{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:40px;line-height:1;color:var(--cf-accent);margin:22px 0 6px!important}
.cf-y-ways h3{font-size:21px;margin:0 0 6px!important}
.cf-y-ways p:last-child{color:var(--cf-muted);font-size:14px;margin:0}
/* 套系价目单 */
.cf-y-rows{border-bottom:1px solid var(--cf-line)}
.cf-y-row{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto;gap:26px;align-items:baseline;padding:28px 0;border-top:1px solid var(--cf-line)}
.cf-y-row>*{margin:0!important}
.cf-y-row h3{font-size:22px}
.cf-y-row h3 em,.cf-y-place h2 em{display:block;font-family:var(--wp--preset--font-family--serif);font-style:italic;font-weight:500;font-size:15px;color:var(--cf-muted);letter-spacing:.02em}
.cf-y-row ul{list-style:none;padding:0!important;columns:2;column-gap:26px;color:var(--cf-muted);font-size:14px}
.cf-y-price{font-family:var(--wp--preset--font-family--serif);font-size:32px;font-weight:500;line-height:1;color:var(--wp--preset--color--navy);white-space:nowrap}
.cf-y-price span{font-size:20px;margin-right:3px}
/* 承诺条 */
.cf-y-promsec{margin-top:var(--wp--preset--spacing--60)!important}
.cf-y-prom{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px!important}
.cf-y-prom>*{margin:0!important;background:var(--wp--preset--color--base);padding:28px 14px 24px;text-align:center}
.cf-y-pn{font-family:var(--wp--preset--font-family--serif);font-size:42px;font-weight:500;line-height:1.1;color:var(--cf-accent);margin:0!important}
.cf-y-pk{font-size:15px;color:var(--wp--preset--color--navy);margin:6px 0 0!important}
.cf-y-pd{font-size:13px;color:var(--cf-muted);margin:2px 0 0!important}
/* 样片拼图 */
.cf-y-mosaic{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:90px;gap:14px;margin-top:48px!important}
.cf-y-mosaic>*{margin:0!important}
.cf-y-mosaic img{height:100%}
.cf-y-m1{grid-column:1/6;grid-row:span 6}.cf-y-m2{grid-column:6/13;grid-row:span 4}.cf-y-m3{grid-column:6/9;grid-row:span 4}.cf-y-m4{grid-column:9/13;grid-row:span 4}.cf-y-m5{grid-column:1/6;grid-row:span 2}
/* 客人原话 */
.cf-y-quote{font-family:var(--wp--preset--font-family--serif);font-size:clamp(20px,2vw,26px);line-height:1.75;color:var(--wp--preset--color--navy);margin:0!important}
.cf-y-who{color:var(--cf-muted);margin:18px 0 0!important;font-size:15px}
.cf-y-qcols img{height:460px}
/* 流程 */
.cf-y-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--wp--preset--color--navy);margin-top:44px!important}
.cf-y-steps>*{margin:0!important;padding:22px 24px 0 0}
.cf-y-steps .cf-y-no{font-size:18px;margin:0!important}
.cf-y-steps h3{font-size:18px;margin:4px 0!important}
.cf-y-steps p:last-child{color:var(--cf-muted);font-size:14px;margin:0}
.cf-y-cta .cf-y-h2{font-size:clamp(26px,3vw,40px)}
.cf-y-cta p:not(.cf-y-eye){color:var(--cf-muted)}
.cf-y-cta .wp-block-buttons{margin-top:26px!important}
/* 内页 */
.cf-y-ptitle{text-align:center;padding-top:clamp(44px,6vw,84px);padding-bottom:clamp(16px,2vw,28px)}
.cf-y-ptitle h1{font-size:clamp(32px,3.8vw,50px);letter-spacing:.2em;text-indent:.2em;margin-block:0!important}
.cf-y-ptitle h1::after{content:"";display:block;width:40px;height:1px;background:var(--cf-accent);margin:22px auto 0}
.cf-y-ptitle .cf-y-lead{margin:18px auto 0!important}
.cf-y-ptitle .cf-y-date{font-family:var(--wp--preset--font-family--serif);font-size:15px;color:var(--cf-muted);margin-block:0 10px!important}
.cf-y-ptitle .cf-y-ptitle-s{font-size:clamp(26px,3vw,40px);letter-spacing:.06em;line-height:1.45;margin-block:0!important}
.wp-block-post-content>.cf-y-lead:first-child{margin-inline:auto!important;text-align:center;max-width:36em}
.cf-y-gal{columns:3;column-gap:16px;margin-top:28px!important}
.cf-y-gal>*{break-inside:avoid;margin:0 0 18px!important}
.cf-y-place img{aspect-ratio:4/3}
.cf-y-place h2{margin:0 0 14px!important}
.cf-y-place .cf-y-no{margin-top:0!important}
.cf-y-kv{list-style:none;padding:0!important;margin:20px 0!important;border-top:1px solid var(--cf-line)}
.cf-y-kv li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--cf-line)}
.cf-y-kv li span{color:var(--cf-muted);font-size:14px}
.cf-y-table table{background:none}
.cf-y-table tbody tr:nth-child(even) td{background:none}
.cf-y-table td{padding:14px 16px 14px 0}
.cf-y-table td:last-child{color:var(--cf-muted)}
.cf-y-promwrap .cf-y-prom>*{background:var(--wp--preset--color--base)}
.cf-y-faq details{border-bottom:1px solid var(--cf-line);padding:16px 0}
.cf-y-faq details:first-child{border-top:1px solid var(--cf-line)}
.cf-y-faq summary{font-size:17px;cursor:pointer;color:var(--wp--preset--color--navy)}
.cf-y-faq details p{margin:10px 0 0;color:var(--cf-muted)}
.cf-y-team{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:32px!important}
.cf-y-team>*{margin:0!important;border-top:1px solid var(--wp--preset--color--navy);padding-top:16px}
.cf-y-who2{font-family:var(--wp--preset--font-family--serif);font-size:24px;font-weight:600;color:var(--wp--preset--color--navy);margin:0!important}
.cf-y-role{font-size:13px;color:var(--cf-accent);margin:2px 0 10px!important;letter-spacing:.08em}
.cf-y-team p:last-child{font-size:15px;color:var(--cf-muted);margin:0}
.cf-y-posts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;list-style:none;padding:0!important}
.cf-y-posts>li{margin:0!important}
.cf-y-posts .wp-block-post-featured-image{margin:0 0 16px!important}
.cf-y-date{font-family:var(--wp--preset--font-family--serif);font-size:15px;color:var(--cf-muted);letter-spacing:.04em;margin:0 0 4px!important}
.cf-y-posts .wp-block-post-title{font-size:21px;line-height:1.5;margin:0 0 8px!important}
.cf-y-posts .wp-block-post-title a{color:var(--wp--preset--color--navy)}
.cf-y-posts .wp-block-post-title a:hover{color:var(--cf-accent)}
.cf-y-posts .wp-block-post-excerpt{color:var(--cf-muted);font-size:14px;margin:0}
.cf-y-posts .wp-block-post-excerpt__more-link{display:none}
.cf-y-article{font-size:17px;line-height:1.95;margin-top:36px!important}
/* 页脚 */
.cf-y-footer{border-top:1px solid var(--cf-line)}
.cf-y-footer a{color:var(--wp--preset--color--navy-2)}
.cf-y-footer a:hover{color:var(--cf-accent)}
.cf-y-footer h4{color:var(--wp--preset--color--navy)}
.cf-y-footer p{color:var(--cf-muted)}
.cf-y-footer .cf-footbar{border-top-color:var(--cf-line)}
.cf-y-footer .cf-footbar p{color:var(--cf-muted)}
.cf-footer .cf-y-word{font-family:var(--wp--preset--font-family--serif);font-size:clamp(34px,3.6vw,50px);line-height:1.2;letter-spacing:.3em;font-weight:600;color:var(--wp--preset--color--navy)!important;margin:0 0 14px!important}
/* 手机底部：微信咨询 / 预约档期 */
.cf-y-dock .wp-block-button__link{border-radius:0}
@media (min-width:782px){.cf-y-dock{display:none}}
@media (max-width:781px){
  .cf-sticky:has(>.cf-y-header),.admin-bar .cf-sticky:has(>.cf-y-header){top:0}
  .cf-y-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .cf-y-header>*{margin:0!important;max-width:none!important}
  .cf-y-hrow{display:block!important;padding:12px 0}
  .cf-y-htel,.cf-y-hbtn{display:none!important}
  .cf-y-logo{text-align:left}
  .cf-y-logo .wp-block-site-title{font-size:20px;letter-spacing:.24em}
  .cf-y-logo-en{font-size:12px}
  .cf-y-hnav{border-top:0}
  .cf-y-header .wp-block-navigation-item__content{padding:0}
  .cf-y-hero>.wp-block-column:last-child{order:-1}
  .cf-y-hsmall{display:none!important}
  .cf-y-hbig img{height:440px}
  .cf-y-display{font-size:32px;margin-top:6px!important}
  .cf-y-kick{font-size:17px;margin-bottom:12px!important}
  .cf-y-ways{grid-template-columns:minmax(0,1fr);gap:36px}
  .cf-y-ways>:nth-child(2){margin-top:0!important}
  .cf-y-ways img,.cf-y-ways>:nth-child(2) img{height:300px}
  .cf-y-no{font-size:32px;margin-top:16px!important}
  .cf-y-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:22px 0}
  .cf-y-row ul{grid-column:1/-1;grid-row:2}
  .cf-y-price{font-size:28px}
  .cf-y-prom{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px!important}
  .cf-y-prom>:last-child{grid-column:1/-1}
  .cf-y-prom>*{padding:20px 10px 18px}
  .cf-y-pn{font-size:34px}
  .cf-y-promwrap{padding-left:16px!important;padding-right:16px!important}
  .cf-y-mosaic{grid-auto-rows:56px;gap:8px;margin-top:28px!important}
  .cf-y-qcols img{height:320px}
  .cf-y-steps{grid-template-columns:1fr 1fr;row-gap:24px}
  .cf-y-gal{columns:2;column-gap:10px}
  .cf-y-gal>*{margin-bottom:14px!important}
  .cf-y-team{grid-template-columns:1fr 1fr;gap:28px 20px}
  .cf-y-posts{grid-template-columns:minmax(0,1fr);gap:40px}
  .cf-y-ptitle h1{font-size:32px}
  .cf-y-dock .wp-block-button:last-child{display:block}
  .cf-y-dock .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}
  .cf-y-dock .is-style-outline .wp-block-button__link{background:var(--wp--preset--color--base);color:var(--wp--preset--color--navy)}
}
@media (min-width:782px) and (max-width:1100px){.cf-y-header .wp-block-navigation__container{gap:28px}.cf-y-row{grid-template-columns:110px minmax(0,1fr) auto}.cf-y-row ul{columns:1}}
