/*
Theme Name: YYT Beauty 颜悦堂
Theme URI: https://yytbeauty.com/
Author: 颜悦堂美容康复保健中心
Description: 面向中国美容康复保健机构的品牌官网主题，自带服务、案例、资讯与预约页面。
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yytbeauty
Tags: one-column, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
*/
:root{--rose:#9b5d55;--dark:#4a413e;--paper:#f7f3ef;--ink:#342d2b;--line:#dfd6d0}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.9 "Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(calc(100% - 40px),1200px);margin:auto}.site-header{background:#fff;position:relative;z-index:20}.nav-row{min-height:88px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--rose);color:var(--rose);border-radius:50%;font:bold 22px serif}.brand-name{display:block;font:bold 20px serif;letter-spacing:.14em}.brand-sub{display:block;color:#999;font:9px Arial}.main-nav ul{display:flex;gap:27px;list-style:none;margin:0;padding:0}.main-nav a:hover{color:var(--rose)}.menu-toggle{display:none}.hero{min-height:620px;display:flex;align-items:center;color:#fff;background:url("assets/images/hero-beauty.jpg") center/cover;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#2f2522c7,#2f252244,transparent)}.hero-inner{max-width:730px}.hero h1{font:500 clamp(45px,6vw,75px) serif;letter-spacing:.08em}.eyebrow{color:var(--rose);font:bold 11px Arial;letter-spacing:.22em}.button{display:inline-flex;padding:12px 25px;background:var(--rose);color:#fff}.button-outline{margin-left:10px;background:transparent;border:1px solid #fff}.section{padding:90px 0}.section-soft,.page-hero{background:var(--paper)}h2,.page-title{font:500 clamp(30px,4vw,46px)/1.4 serif}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;align-items:center}.intro-grid img{width:100%;height:470px;object-fit:cover}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-item{min-height:245px;padding:34px 26px;border-right:1px solid var(--line);background:#fff}.service-item:hover{box-shadow:0 18px 35px #4d33231a}.service-num{color:var(--rose)}.story{background:var(--dark);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:35px;border-right:1px solid #ffffff30}.stat strong{display:block;font:500 32px Georgia}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-item{position:relative;background:#302724;color:#fff}.project-item img{width:100%;height:340px;object-fit:cover;opacity:.82}.project-item h3{position:absolute;inset:auto 0 0;margin:0;padding:55px 20px 20px;background:linear-gradient(transparent,#302724)}.news-item{display:grid;grid-template-columns:110px 1fr auto;padding:20px 0;border-bottom:1px solid var(--line)}.contact-band{padding:55px 0;background:var(--rose);color:#fff}.contact-layout{display:flex;justify-content:space-between;align-items:center}.page-hero{padding:65px 0}.breadcrumbs{font-size:13px;color:#888}.content-wrap{padding:65px 0;min-height:420px}.content-grid{display:grid;grid-template-columns:1fr 280px;gap:60px}.sidebar{border-left:1px solid var(--line);padding-left:25px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;padding:20px 0;border:0;background:none;text-align:left;font-weight:bold}.faq-answer{display:none;padding-bottom:20px}.faq-item.open .faq-answer{display:block}.site-footer{padding-top:55px;background:#292422;color:#bbb1ad}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:7vw;padding-bottom:38px}.footer-nav{list-style:none;padding:0}.footer-bottom{border-top:1px solid #ffffff22;padding:17px 0;display:flex;justify-content:space-between;font-size:12px}@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px}.main-nav.open{display:block}.main-nav ul{display:block}.intro-grid,.content-grid{grid-template-columns:1fr}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.service-grid,.project-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:560px}.section{padding:62px 0}.contact-layout,.footer-bottom{display:block}}