@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root { --yyq-ink:#2c2021; --yyq-muted:#7c6967; --yyq-line:#e5d4cf; --yyq-paper:#fffaf8; --yyq-rose:#d6928d; --yyq-rose-deep:#a75c60; --yyq-blush:#f5e7e2; --yyq-sand:#f0dbd3; --yyq-cream:#fffefd; --yyq-container:min(1200px, calc(100% - 64px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--yyq-ink); background:var(--yyq-paper); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.yyq-container { width:var(--yyq-container); margin-inline:auto; }
.yyq-header { position:sticky; top:0; z-index:20; height:94px; display:flex; align-items:center; gap:22px; padding:0 max(32px, calc((100vw - 1200px) / 2)); background:rgba(255,254,252,.91); border-bottom:1px solid rgba(105,67,65,.12); backdrop-filter:blur(15px); }
.yyq-brand-logo { display:block; width:64px; flex:0 0 auto; }
.yyq-brand-logo img { width:100%; height:auto; }
.yyq-nav { display:flex; align-items:center; justify-content:center; gap:clamp(17px,2.3vw,36px); margin-left:auto; font-size:13px; }
.yyq-nav a { position:relative; padding:10px 0; }
.yyq-nav a::after { position:absolute; right:0; bottom:4px; left:0; height:1px; background:var(--yyq-rose-deep); content:""; transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }
.yyq-nav a:hover::after { transform:scaleX(1); transform-origin:left; }
.yyq-language-switch { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:34px; margin-left:12px; border:1px solid rgba(167,92,96,.34); border-radius:999px; color:var(--yyq-rose-deep); font-family:"DM Mono",monospace; font-size:11px; letter-spacing:.04em; transition:color .2s ease,background .2s ease,border-color .2s ease; }
.yyq-language-switch:hover { border-color:var(--yyq-rose-deep); color:#fff; background:var(--yyq-rose-deep); }
.yyq-header__cta,.yyq-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:var(--yyq-rose-deep); color:#fff; font-size:13px; transition:transform .2s ease,background .2s ease; }
.yyq-header__cta { min-height:40px; margin-left:12px; padding:0 17px; }
.yyq-header__cta:hover,.yyq-button:hover { background:#8e494e; transform:translateY(-2px); }
.yyq-menu-button { display:none; border:0; background:none; }
.yyq-hero { position:relative; min-height:calc(100vh - 94px); overflow:hidden; background:#f7eeeb; }
.yyq-hero__image { position:absolute; inset:0; background:url('/yangyangqin/hero-beauty-lip-detail-v5.webp') center center / cover no-repeat; }
.yyq-hero__content { position:relative; z-index:1; padding-top:clamp(100px,16vh,175px); }
.yyq-kicker { margin:0 0 19px; color:var(--yyq-rose-deep); font-family:"DM Mono","Microsoft YaHei",monospace; font-size:10px; letter-spacing:.15em; line-height:1.6; text-transform:uppercase; }
.yyq-hero__slogan { margin:0 0 17px; color:#6e4849; font-family:"Noto Serif SC","STSong",serif; font-size:clamp(19px,1.65vw,25px); font-weight:600; letter-spacing:.09em; line-height:1.25; }
.yyq-hero__slogan em { color:var(--yyq-rose-deep); font-style:normal; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:"Noto Serif SC","STSong",serif; font-weight:600; }
h1 { max-width:580px; margin-bottom:25px; font-size:clamp(42px,5.1vw,75px); line-height:1.24; letter-spacing:-.06em; }
h1 em,h2 em { color:var(--yyq-rose-deep); font-style:normal; }
.yyq-hero__intro { max-width:400px; margin-bottom:32px; color:#574b49; font-size:16px; line-height:1.9; }
.yyq-button { min-height:52px; padding:0 23px; }
.yyq-hero__aside { position:absolute; right:27px; bottom:32px; z-index:1; margin:0; color:rgba(65,44,43,.62); font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.18em; writing-mode:vertical-rl; }
.yyq-marquee { overflow:hidden; padding:15px 0 13px; color:#fff; background:var(--yyq-rose-deep); white-space:nowrap; font-family:"DM Mono","Microsoft YaHei",monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.yyq-marquee div { min-width:max-content; animation:yyq-marquee 28s linear infinite; }
.yyq-marquee span { margin:0 18px; color:#e8b5ae; }
@keyframes yyq-marquee { to { transform:translateX(-33.333%); } }
.yyq-section { padding:clamp(82px,11vw,155px) 0; }
.yyq-section-number { margin:4px 0 0; color:var(--yyq-muted); font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-intro { background:var(--yyq-cream); }
.yyq-intro__grid { display:grid; grid-template-columns:1fr 2.5fr 1.6fr; gap:56px; }
h2 { margin-bottom:0; font-size:clamp(31px,4vw,54px); line-height:1.35; letter-spacing:-.06em; }
.yyq-intro__copy { align-self:end; color:#615655; font-size:15px; line-height:2; }
.yyq-text-link { display:inline-flex; gap:12px; margin-top:21px; color:var(--yyq-rose-deep); font-size:13px; }
.yyq-capabilities { background:#f3eeea; }
.yyq-section-head { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:50px; }
.yyq-section-head > p { max-width:335px; margin:0 0 4px; color:#6a5d5a; font-size:14px; line-height:2; }
.yyq-capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--yyq-line); border-left:1px solid var(--yyq-line); }
.yyq-capability-card { position:relative; min-height:330px; padding:24px 24px 27px; border-right:1px solid var(--yyq-line); border-bottom:1px solid var(--yyq-line); background:#f8f5f2; transition:background .25s ease,transform .25s ease; }
.yyq-capability-card:hover { background:#fff; transform:translateY(-5px); }
.yyq-card-index,.yyq-card-english { font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-card-index { color:var(--yyq-rose-deep); }
.yyq-card-english { margin:71px 0 14px; color:#9b8f8b; }
.yyq-capability-card h3 { margin-bottom:13px; font-family:"Noto Serif SC",serif; font-size:23px; font-weight:600; }
.yyq-capability-card > p:last-of-type { color:#716563; font-size:13px; line-height:1.9; }
.yyq-card-arrow { position:absolute; right:24px; bottom:24px; color:var(--yyq-rose-deep); font-size:22px; }
.yyq-digital { background:var(--yyq-ink); color:#fff; }
.yyq-digital__grid { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:clamp(48px,8vw,132px); }
.yyq-digital .yyq-section-number { color:#bcaaa7; }
.yyq-digital .yyq-kicker { color:#e6aea7; margin-top:82px; }
.yyq-digital h2 { color:#fff5f1; }
.yyq-digital__copy > p:last-child { max-width:425px; margin:27px 0 0; color:#cbbab6; font-size:15px; line-height:2; }
.yyq-flow-card { position:relative; min-height:458px; padding:21px; overflow:hidden; border:1px solid rgba(255,255,255,.25); background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025)); }
.yyq-flow-card::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:50px 50px; content:""; }
.yyq-flow-card__top,.yyq-flow-card__bottom { position:relative; z-index:1; display:flex; justify-content:space-between; color:#e7d9d5; font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.1em; }
.yyq-flow-card__top span:last-child { color:#efaaa5; }
.yyq-flow-card__bottom { gap:16px; justify-content:center; margin-top:70px; padding-top:17px; border-top:1px solid rgba(255,255,255,.2); }
.yyq-flow-card__radar { position:relative; z-index:1; width:260px; aspect-ratio:1; margin:54px auto 0; border:1px solid rgba(241,220,217,.55); border-radius:50%; background:radial-gradient(circle,rgba(204,121,124,.35) 0 1%,transparent 1.6%),repeating-radial-gradient(circle,transparent 0 20%,rgba(255,255,255,.1) 20.5% 21%); }
.yyq-flow-card__radar::before,.yyq-flow-card__radar::after { position:absolute; top:50%; left:0; width:100%; height:1px; background:rgba(255,255,255,.2); content:""; }
.yyq-flow-card__radar::after { transform:rotate(90deg); }
.yyq-flow-card__radar i { position:absolute; width:7px; aspect-ratio:1; border-radius:50%; background:#e9aaa3; box-shadow:0 0 16px #e9aaa3; }
.yyq-flow-card__radar i:nth-of-type(1){top:25%;left:21%;}.yyq-flow-card__radar i:nth-of-type(2){top:66%;left:68%;}.yyq-flow-card__radar i:nth-of-type(3){top:42%;left:77%;}
.yyq-flow-card__radar b { position:absolute; top:44%; left:45%; font-size:27px; font-weight:300; }
.yyq-flow-card__radar span { position:absolute; color:#ddceca; font-family:"DM Mono","Microsoft YaHei",monospace; font-size:9px; white-space:nowrap; }
.yyq-flow-card__radar span:nth-of-type(1){top:8%;left:-13%;}.yyq-flow-card__radar span:nth-of-type(2){right:-19%;bottom:16%;}.yyq-flow-card__radar span:nth-of-type(3){left:-19%;bottom:23%;}
.yyq-supply { background:var(--yyq-blush); }
.yyq-supply__grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:clamp(46px,8vw,118px); }
.yyq-supply__photo { position:relative; min-height:430px; margin:0; overflow:hidden; background:#e5cec8; }
.yyq-supply__photo::before { position:absolute; top:26px; left:26px; z-index:1; width:100px; height:100px; border-top:1px solid rgba(255,255,255,.8); border-left:1px solid rgba(255,255,255,.8); content:""; }
.yyq-supply__photo img { width:100%; height:100%; min-height:430px; object-fit:cover; object-position:center; filter:saturate(.76) contrast(.95); }
.yyq-supply .yyq-kicker,.yyq-case .yyq-kicker { margin-top:55px; }
.yyq-supply__copy > p:not(.yyq-kicker):not(.yyq-section-number) { max-width:465px; margin:25px 0 0; color:#635756; font-size:15px; line-height:2; }
.yyq-supply__notes { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }
.yyq-supply__notes span { padding:9px 12px; border:1px solid rgba(126,73,77,.34); color:#834c52; font-size:12px; }
.yyq-case { background:var(--yyq-cream); }
.yyq-case__grid { display:grid; grid-template-columns:1fr 1.12fr; align-items:center; gap:clamp(46px,8vw,130px); }
.yyq-case__copy > p:not(.yyq-kicker):not(.yyq-section-number) { max-width:405px; margin:26px 0 0; color:#665b59; font-size:15px; line-height:2; }
.yyq-case__caption { font-family:"DM Mono","Microsoft YaHei",monospace; font-size:10px!important; letter-spacing:.08em; }
.yyq-case__photo { min-height:440px; margin:0; overflow:hidden; background:#c58e88; }
.yyq-case__photo img { width:100%; height:100%; min-height:440px; object-fit:cover; object-position:center; }
.yyq-process { background:#df9d97; color:#fffdfb; }
.yyq-process .yyq-kicker { color:#ffe4de; }
.yyq-process h2 { color:#fffdfb; }
.yyq-process__title { margin-bottom:55px; }
.yyq-process__list { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.45); }
.yyq-process__list li { min-height:215px; padding:23px 22px 0 0; border-right:1px solid rgba(255,255,255,.4); }
.yyq-process__list li:not(:first-child) { padding-left:24px; }
.yyq-process__list li:last-child { border:0; }
.yyq-process__list span { display:block; margin-bottom:58px; font-family:"DM Mono",monospace; font-size:10px; }
.yyq-process__list h3 { margin:0 0 10px; font-family:"Noto Serif SC",serif; font-size:21px; font-weight:600; }
.yyq-process__list p { max-width:205px; margin:0; color:#ffebe8; font-size:13px; line-height:1.8; }
.yyq-contact { padding:clamp(82px,11vw,135px) 0; background:var(--yyq-ink); color:#fff8f5; }
.yyq-contact__grid { display:grid; grid-template-columns:1fr auto; align-items:end; gap:70px; }
.yyq-contact .yyq-kicker { color:#e8aaa4; }
.yyq-contact h2 { margin-bottom:23px; color:#fff8f5; }
.yyq-contact p:not(.yyq-kicker) { max-width:400px; color:#d6c4bf; font-size:14px; line-height:2; }
.yyq-contact__phone,.yyq-contact__email { display:block; width:max-content; }
.yyq-contact__phone { margin-top:28px; color:#fff; font-family:"DM Mono",monospace; font-size:24px; letter-spacing:.03em; }
.yyq-contact__email { margin-top:12px; color:#e3a7a1; font-family:"DM Mono",monospace; font-size:12px; }
.yyq-qr-card { display:flex; align-items:center; gap:19px; width:310px; padding:20px; color:var(--yyq-ink); background:#fffaf7; }
.yyq-qr-card img { width:105px; height:105px; object-fit:cover; }
.yyq-qr-card strong,.yyq-qr-card span { display:block; }
.yyq-qr-card strong { margin-bottom:9px; font-family:"Noto Serif SC",serif; font-size:17px; }
.yyq-qr-card span { color:#756865; font-size:12px; line-height:1.7; }
.yyq-footer { padding:28px 0; color:#927f7b; background:#2b1b1d; font-size:11px; }
.yyq-footer .yyq-container { display:grid; grid-template-columns:1fr auto auto; gap:25px; align-items:center; }
.yyq-footer p { margin:0; }
.yyq-footer__brand img { width:94px; height:auto; }
.yyq-footer__support { display:block; margin-top:5px; color:#b6a19d; white-space:nowrap; }
@media (max-width:900px) { .yyq-header { padding:0 22px; }.yyq-nav { gap:17px; }.yyq-header__cta { display:none; }.yyq-capability-grid { grid-template-columns:repeat(2,1fr); }.yyq-intro__grid { grid-template-columns:1fr 2fr; }.yyq-intro__copy { grid-column:2; }.yyq-case__grid,.yyq-supply__grid { gap:48px; }.yyq-process__list { grid-template-columns:repeat(2,1fr); }.yyq-process__list li:nth-child(2) { border-right:0; }.yyq-process__list li:nth-child(n+3) { padding-top:25px; border-top:1px solid rgba(255,255,255,.4); } }
@media (max-width:680px) { :root { --yyq-container:min(100% - 40px,1200px); }.yyq-header { height:76px; padding:0 20px; }.yyq-brand-logo { width:53px; }.yyq-menu-button { display:grid; width:42px; height:42px; margin-left:auto; place-content:center; gap:6px; }.yyq-menu-button span { display:block; width:21px; height:1px; background:var(--yyq-ink); }.yyq-nav { position:absolute; top:75px; right:0; left:0; display:none; align-items:stretch; gap:0; padding:12px 20px 21px; border-bottom:1px solid var(--yyq-line); background:#fffdfa; }.yyq-nav.is-open { display:flex; }.yyq-nav a { padding:13px 0; border-bottom:1px solid #eee5e1; }.yyq-hero { min-height:630px; }.yyq-hero__image { background-position:61% center; }.yyq-hero__image::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,253,250,.68),rgba(255,253,250,.07)); content:""; }.yyq-hero__content { padding-top:103px; }.yyq-hero__intro { max-width:280px; font-size:14px; }.yyq-hero__aside { display:none; }.yyq-section { padding:77px 0; }.yyq-intro__grid,.yyq-digital__grid,.yyq-supply__grid,.yyq-case__grid,.yyq-contact__grid { grid-template-columns:1fr; gap:31px; }.yyq-intro__copy { grid-column:auto; }.yyq-section-head { display:block; margin-bottom:35px; }.yyq-section-head > p { margin-top:25px; }.yyq-capability-grid { grid-template-columns:1fr; }.yyq-capability-card { min-height:255px; }.yyq-card-english { margin-top:40px; }.yyq-digital .yyq-kicker { margin-top:35px; }.yyq-flow-card { min-height:390px; }.yyq-flow-card__radar { width:220px; margin-top:46px; }.yyq-flow-card__bottom { margin-top:53px; font-size:8px; }.yyq-supply__photo,.yyq-supply__photo img,.yyq-case__photo,.yyq-case__photo img { min-height:330px; }.yyq-supply__photo { order:2; }.yyq-case__photo { order:2; }.yyq-process__list { grid-template-columns:1fr; }.yyq-process__list li,.yyq-process__list li:not(:first-child) { min-height:0; padding:22px 0; border-right:0; border-top:1px solid rgba(255,255,255,.4); }.yyq-process__list span { margin-bottom:26px; }.yyq-process__list li:first-child { border-top:0; }.yyq-qr-card { width:100%; }.yyq-footer .yyq-container { grid-template-columns:1fr; gap:12px; }.yyq-footer { padding:24px 0; } }

/* 发布内容新增区块：延续轻盈的美妆画册感，以文字和留白表达经营逻辑。 */
.yyq-model { background:#fffdfa; }
.yyq-model__head { display:flex; align-items:end; justify-content:space-between; gap:70px; margin-bottom:54px; }
.yyq-model__head > p { max-width:340px; margin:0 0 4px; color:#6a5d5a; font-size:14px; line-height:2; }
.yyq-model__list { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-top:1px solid var(--yyq-line); }
.yyq-model__list li { min-height:252px; padding:24px 25px 25px; border-right:1px solid var(--yyq-line); border-bottom:1px solid var(--yyq-line); }
.yyq-model__list li:first-child { border-left:1px solid var(--yyq-line); }
.yyq-model__list span { display:block; margin-bottom:67px; color:var(--yyq-rose-deep); font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-model__list h3 { margin-bottom:12px; font-family:"Noto Serif SC",serif; font-size:23px; font-weight:600; }
.yyq-model__list p { max-width:205px; margin:0; color:#716563; font-size:13px; line-height:1.9; }
.yyq-inquiry { background:var(--yyq-blush); }
.yyq-inquiry__grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:start; gap:clamp(55px,9vw,145px); }
.yyq-inquiry__copy > p:last-child { max-width:410px; margin:28px 0 0; color:#665957; font-size:15px; line-height:2; }
.yyq-inquiry__form { display:grid; grid-template-columns:1fr 1fr; gap:23px 20px; padding:31px; background:rgba(255,253,250,.72); border:1px solid rgba(141,77,88,.18); }
.yyq-inquiry__field { display:grid; gap:10px; }
.yyq-inquiry__field--wide { grid-column:1 / -1; }
.yyq-inquiry__field label { color:#554947; font-size:12px; }
.yyq-inquiry__field label span { color:#9a8d89; }
.yyq-inquiry__field input,.yyq-inquiry__field select,.yyq-inquiry__field textarea { width:100%; border:0; border-bottom:1px solid #cdbfba; outline:0; padding:10px 0; color:var(--yyq-ink); background:transparent; font:14px/1.5 "PingFang SC","Microsoft YaHei",Arial,sans-serif; border-radius:0; }
.yyq-inquiry__field input::placeholder,.yyq-inquiry__field textarea::placeholder { color:#aa9d99; }
.yyq-inquiry__field input:focus,.yyq-inquiry__field select:focus,.yyq-inquiry__field textarea:focus { border-color:var(--yyq-rose-deep); }
.yyq-inquiry__field textarea { min-height:69px; resize:vertical; }
.yyq-inquiry__submit { grid-column:1 / -1; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; margin-top:5px; border:0; color:#fff; background:var(--yyq-rose-deep); cursor:pointer; font:13px "PingFang SC","Microsoft YaHei",Arial,sans-serif; transition:background .2s ease,transform .2s ease; }
.yyq-inquiry__submit:hover { background:#713a44; transform:translateY(-2px); }
.yyq-inquiry__hint { grid-column:1 / -1; margin:0; color:#897b77; font-size:11px; line-height:1.7; }
@media (max-width:900px) { .yyq-model__list { grid-template-columns:repeat(2,1fr); }.yyq-model__list li:nth-child(3) { border-left:1px solid var(--yyq-line); }.yyq-inquiry__grid { grid-template-columns:1fr; gap:42px; } }
@media (max-width:680px) { .yyq-model__head { display:block; margin-bottom:35px; }.yyq-model__head > p { margin-top:25px; }.yyq-model__list { grid-template-columns:1fr; }.yyq-model__list li,.yyq-model__list li:nth-child(3) { min-height:0; padding:22px 20px; border-left:1px solid var(--yyq-line); }.yyq-model__list span { margin-bottom:25px; }.yyq-inquiry__form { grid-template-columns:1fr; padding:23px 20px; }.yyq-inquiry__field--wide,.yyq-inquiry__submit,.yyq-inquiry__hint { grid-column:auto; } }

.yyq-not-found { display:grid; min-height:100vh; padding:40px; place-items:center; text-align:center; }
.yyq-not-found main { max-width:600px; }
.yyq-not-found__brand { width:122px; margin:0 auto 36px; }
.yyq-not-found h1 { margin-bottom:16px; }
.yyq-not-found p:not(.yyq-kicker) { margin-bottom:30px; color:var(--yyq-muted); line-height:1.8; }

/* 原创视觉升级：用大幅摄影与柔和色彩层次替代原先的门店、包装袋配图。 */
.yyq-editorial-band { position:relative; display:grid; grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr); min-height:clamp(480px,53vw,680px); overflow:hidden; background:#eee0d8; }
.yyq-editorial-band__photo { position:relative; min-height:100%; margin:0; overflow:hidden; }
.yyq-editorial-band__photo::after { position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(239,224,216,.82)); content:""; }
.yyq-editorial-band__photo img { width:100%; height:100%; min-height:clamp(480px,53vw,680px); object-fit:cover; object-position:center; transform:scale(1.01); transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.yyq-editorial-band:hover img { transform:scale(1.05); }
.yyq-editorial-band__photo figcaption { position:absolute; bottom:25px; left:max(32px,calc((100vw - 1200px)/2)); z-index:1; color:rgba(73,48,46,.7); font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.17em; }
.yyq-editorial-band__copy { position:relative; z-index:1; align-self:center; max-width:435px; padding:60px clamp(32px,6vw,95px) 60px 24px; }
.yyq-editorial-band__copy h2 { margin-bottom:26px; }
.yyq-editorial-band__copy > p:last-child { max-width:320px; margin:0; color:#675857; font-size:15px; line-height:2; }
.yyq-capability-card { isolation:isolate; overflow:hidden; }
.yyq-capability-card::before { position:absolute; z-index:-1; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle,rgba(225,175,169,.47),rgba(225,175,169,0) 68%); content:""; opacity:0; transform:translate(-28px,-28px); transition:opacity .35s ease,transform .45s ease; }
.yyq-capability-card:hover::before { opacity:1; transform:translate(15px,10px); }
.yyq-capability-card:nth-child(2) { background:#f5ede7; }.yyq-capability-card:nth-child(3) { background:#f3e6e3; }.yyq-capability-card:nth-child(4) { background:#f5f0eb; }
.yyq-model__list li { position:relative; overflow:hidden; transition:background .25s ease,transform .25s ease; }
.yyq-model__list li::after { position:absolute; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,#efb4ac,#d6928d); content:""; transform:scaleX(0); transform-origin:left; transition:transform .35s ease; }
.yyq-model__list li:hover { background:#fbf2ef; transform:translateY(-4px); }.yyq-model__list li:hover::after { transform:scaleX(1); }
.yyq-digital { position:relative; overflow:hidden; background:radial-gradient(circle at 88% 25%,#745054 0,transparent 31%),radial-gradient(circle at 12% 88%,#4a3034 0,transparent 37%),var(--yyq-ink); }
.yyq-digital::before { position:absolute; top:-18vw; right:-12vw; width:47vw; min-width:440px; aspect-ratio:1; border:1px solid rgba(245,219,215,.15); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012); content:""; }
.yyq-digital__grid { position:relative; z-index:1; }
.yyq-flow-card { border-color:rgba(255,255,255,.32); box-shadow:22px 25px 0 rgba(244,202,195,.09); }
.yyq-supply__photo,.yyq-case__photo { box-shadow:22px 24px 0 rgba(141,77,88,.12); }
.yyq-supply__photo figcaption { position:absolute; right:18px; bottom:16px; z-index:2; margin:0; padding:7px 9px; color:#fff; background:rgba(52,38,38,.52); font-size:10px; letter-spacing:.04em; backdrop-filter:blur(5px); }
.yyq-supply__photo img { filter:saturate(.92) contrast(.99); }
.yyq-case__photo { position:relative; min-height:540px; }.yyq-case__photo img { min-height:540px; object-position:center; }
.yyq-case__photo::after { position:absolute; right:17px; bottom:17px; width:62px; height:62px; border-right:1px solid rgba(255,255,255,.78); border-bottom:1px solid rgba(255,255,255,.78); content:""; }
.yyq-process { position:relative; overflow:hidden; background:linear-gradient(125deg,#cc7d7b 0%,#e4a49c 49%,#d58b86 100%); }
.yyq-process::after { position:absolute; top:-100px; right:-55px; width:300px; height:300px; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.025); content:""; pointer-events:none; }
.yyq-process .yyq-container { position:relative; z-index:1; }
@media (max-width:900px) { .yyq-editorial-band { grid-template-columns:1.08fr .92fr; }.yyq-editorial-band__copy { padding-right:32px; }.yyq-editorial-band__photo figcaption { left:26px; }.yyq-case__photo,.yyq-case__photo img { min-height:440px; } }
@media (max-width:680px) { .yyq-editorial-band { display:block; min-height:0; }.yyq-editorial-band__photo { min-height:420px; }.yyq-editorial-band__photo img { min-height:420px; }.yyq-editorial-band__photo::after { background:linear-gradient(0deg,rgba(239,224,216,.82),transparent 48%); }.yyq-editorial-band__copy { margin-top:-1px; padding:50px 20px 60px; }.yyq-editorial-band__photo figcaption { bottom:19px; left:20px; }.yyq-capability-card:nth-child(n) { background:#f8f5f2; }.yyq-case__photo,.yyq-case__photo img { min-height:420px; } }

/* 四项能力的专属画面：让能力说明在浏览中更直观。 */
.yyq-capability-card { display:flex; min-height:440px; padding:0; background:#f8f5f2; }
.yyq-capability-card:nth-child(n) { background:#f8f5f2; }
.yyq-capability-card__photo { position:absolute; inset:0; z-index:0; margin:0; overflow:hidden; background:#eaded8; }
.yyq-capability-card__photo::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(35,25,25,0) 17%,rgba(35,25,25,.86) 82%); content:""; }
.yyq-capability-card__photo img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.yyq-capability-card:hover .yyq-capability-card__photo img { transform:scale(1.07); }
.yyq-capability-card::before { z-index:1; pointer-events:none; }.yyq-capability-card__copy { position:relative; z-index:2; display:flex; width:100%; min-height:440px; flex-direction:column; padding:23px 23px 28px; color:#fff; }
.yyq-capability-card .yyq-card-index,.yyq-capability-card .yyq-card-english,.yyq-capability-card .yyq-capability-card__copy > p:last-child { color:inherit; }
.yyq-capability-card .yyq-card-index { color:#ffe4df; }.yyq-capability-card .yyq-card-english { margin-top:auto; margin-bottom:13px; color:#ffe2dc; }.yyq-capability-card h3 { margin-bottom:10px; color:#fffdfb; font-size:22px; }.yyq-capability-card .yyq-capability-card__copy > p:last-child { margin-bottom:0; color:#f6e7e4; font-size:12px; line-height:1.85; }.yyq-capability-card .yyq-card-arrow { z-index:2; color:#fff; }
@media (max-width:680px) { .yyq-capability-card,.yyq-capability-card__copy { min-height:365px; }.yyq-capability-card__copy { padding:20px; } }

/* 四种服务方式配图：延续画册裁切，上图下文的编辑式卡片，与上方深色能力卡形成明暗对照。 */
.yyq-model__list li { display:flex; flex-direction:column; min-height:0; padding:0; }
.yyq-model__photo { position:relative; margin:0; overflow:hidden; aspect-ratio:4/3; background:#efe3dd; }
.yyq-model__photo::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(41,31,32,0) 72%,rgba(41,31,32,.14)); content:""; opacity:0; transition:opacity .35s ease; }
.yyq-model__photo img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.yyq-model__list li:hover .yyq-model__photo img { transform:scale(1.06); }
.yyq-model__list li:hover .yyq-model__photo::after { opacity:1; }
.yyq-model__copy { display:flex; flex:1; flex-direction:column; padding:21px 22px 26px; }
.yyq-model__copy span { margin-bottom:15px; }
@media (max-width:680px) { .yyq-model__list li,.yyq-model__list li:nth-child(3) { padding:0; }.yyq-model__copy { padding:19px 20px 24px; }.yyq-model__copy span { margin-bottom:12px; } }

/* 品牌细节深化：以 Logo 的圆润轮廓收拢页面，而不牺牲原有画册式留白。 */
:root { --yyq-radius:26px; --yyq-radius-small:16px; --yyq-coral-light:#f2bbb2; --yyq-coral-wash:#f9eeeb; }
.yyq-header__cta,.yyq-button { border-radius:999px; box-shadow:0 9px 20px rgba(167,92,96,.16); }
.yyq-header__cta { padding-inline:19px; }
.yyq-button { min-width:174px; }
.yyq-kicker { display:flex; align-items:center; gap:8px; }
.yyq-kicker::before { display:block; width:7px; height:7px; border:1.5px solid currentColor; border-radius:50%; content:""; }
.yyq-capability-grid,.yyq-model__list { overflow:hidden; border-radius:var(--yyq-radius); box-shadow:0 16px 36px rgba(106,63,61,.07); }
.yyq-capability-card { border-color:rgba(176,119,116,.18); }
.yyq-capability-card__photo::before { position:absolute; top:18px; right:18px; z-index:1; width:30px; height:30px; border:1px solid rgba(255,247,244,.78); border-radius:50%; content:""; }
.yyq-capability-card__photo::after { background:linear-gradient(180deg,rgba(42,26,28,.04) 17%,rgba(42,26,28,.82) 82%); }
.yyq-model__list { border:1px solid var(--yyq-line); }
.yyq-model__list li,.yyq-model__list li:first-child { border:0; border-right:1px solid var(--yyq-line); border-bottom:0; }
.yyq-model__list li:last-child { border-right:0; }
.yyq-model__photo { border-bottom:1px solid var(--yyq-line); }
.yyq-model__copy span { width:max-content; padding:5px 8px; border-radius:999px; color:#9f575b; background:var(--yyq-coral-wash); }
.yyq-supply__photo,.yyq-case__photo,.yyq-flow-card,.yyq-inquiry__form { border-radius:var(--yyq-radius); }
.yyq-supply__photo::before { border-radius:var(--yyq-radius-small) 0 0 0; }
.yyq-supply__notes span { border-radius:999px; border-color:rgba(167,92,96,.34); color:#9c585c; background:rgba(255,255,255,.35); }
.yyq-qr-card { border-radius:var(--yyq-radius-small); box-shadow:0 14px 34px rgba(0,0,0,.14); }
.yyq-qr-card img { border-radius:10px; }
.yyq-intro,.yyq-inquiry { position:relative; overflow:hidden; }
.yyq-intro::after,.yyq-inquiry::before { position:absolute; border:1px solid rgba(214,146,141,.2); border-radius:50%; content:""; pointer-events:none; }
.yyq-intro::after { top:50%; right:-92px; width:260px; height:260px; box-shadow:0 0 0 48px rgba(214,146,141,.035); transform:translateY(-50%); }
.yyq-inquiry::before { right:-72px; bottom:-105px; width:300px; height:300px; box-shadow:0 0 0 55px rgba(214,146,141,.04); }
.yyq-intro .yyq-container,.yyq-inquiry .yyq-container { position:relative; z-index:1; }
.yyq-editorial-band__copy::before { display:block; width:42px; height:4px; margin-bottom:22px; border-radius:999px; background:linear-gradient(90deg,var(--yyq-coral-light),var(--yyq-rose-deep)); content:""; }
.yyq-process__list li { position:relative; }
.yyq-process__list li::before { position:absolute; top:22px; right:22px; width:8px; height:8px; border:1px solid rgba(255,255,255,.78); border-radius:50%; content:""; }
.yyq-contact { position:relative; overflow:hidden; }
.yyq-contact::after { position:absolute; right:-100px; bottom:-105px; width:310px; height:310px; border:1px solid rgba(241,193,183,.2); border-radius:50%; box-shadow:0 0 0 54px rgba(241,193,183,.035),0 0 0 108px rgba(241,193,183,.02); content:""; pointer-events:none; }
.yyq-contact .yyq-container { position:relative; z-index:1; }
@media (max-width:900px) { .yyq-model__list li:nth-child(2) { border-right:0; }.yyq-model__list li:nth-child(n+3) { border-top:1px solid var(--yyq-line); border-left:0; }.yyq-intro::after { right:-122px; } }
@media (max-width:680px) { .yyq-button { min-width:0; }.yyq-capability-grid,.yyq-model__list,.yyq-supply__photo,.yyq-case__photo,.yyq-flow-card,.yyq-inquiry__form { border-radius:20px; }.yyq-model__list li,.yyq-model__list li:first-child,.yyq-model__list li:nth-child(2),.yyq-model__list li:nth-child(3) { border-right:0; border-left:0; border-top:1px solid var(--yyq-line); }.yyq-model__list li:first-child { border-top:0; }.yyq-intro::after { top:auto; right:-96px; bottom:-92px; width:215px; height:215px; transform:none; }.yyq-inquiry::before,.yyq-contact::after { width:230px; height:230px; }.yyq-process__list li::before { top:23px; right:0; } }

/* 招商合作官网：让商业模式、总部支持与区域合作关系成为首页的主叙事。 */
.yyq-hero__content { max-width:690px; }
.yyq-hero__intro { max-width:555px; }
.yyq-hero__tags { display:flex; max-width:570px; flex-wrap:wrap; gap:8px; margin:0 0 26px; }
.yyq-hero__tags span { padding:7px 11px; border:1px solid rgba(167,92,96,.32); border-radius:999px; color:#7d4448; background:rgba(255,253,251,.56); font-size:12px; backdrop-filter:blur(5px); }
.yyq-hero__actions { display:flex; flex-wrap:wrap; gap:12px; }
.yyq-button--secondary { color:var(--yyq-ink); background:rgba(255,253,251,.78); box-shadow:none; }
.yyq-button--secondary:hover { color:#fff; background:#8e494e; }

.yyq-mode-loop { position:relative; overflow:hidden; background:var(--yyq-cream); }
.yyq-mode-loop::after { position:absolute; right:-190px; bottom:-210px; width:500px; height:500px; border:1px solid rgba(214,146,141,.13); border-radius:50%; box-shadow:0 0 0 70px rgba(214,146,141,.035),0 0 0 140px rgba(214,146,141,.02); content:""; pointer-events:none; }
.yyq-mode-loop .yyq-container { position:relative; z-index:1; }
.yyq-mode-loop__head { margin-bottom:56px; }
.yyq-mode-loop__list { display:grid; grid-template-columns:repeat(5,1fr); margin:0; padding:0; overflow:hidden; list-style:none; border:1px solid var(--yyq-line); border-radius:var(--yyq-radius); background:#fffdfb; box-shadow:0 18px 42px rgba(96,57,55,.06); }
.yyq-mode-loop__list li { position:relative; min-height:290px; padding:23px 21px 25px; border-right:1px solid var(--yyq-line); }
.yyq-mode-loop__list li:last-child { border-right:0; }
.yyq-mode-loop__list li:not(:last-child)::after { position:absolute; top:38px; right:-8px; z-index:2; display:grid; width:16px; height:16px; border:1px solid #d9a19b; border-radius:50%; color:#b96f70; background:#fffdfb; content:"→"; font-size:10px; line-height:14px; place-items:center; }
.yyq-mode-loop__index,.yyq-mode-loop__english { display:block; font-family:"DM Mono","Microsoft YaHei",monospace; }
.yyq-mode-loop__index { margin-bottom:62px; color:var(--yyq-rose-deep); font-size:10px; letter-spacing:.12em; }
.yyq-mode-loop__english { margin:0 0 11px; color:#ae9691; font-size:8px; letter-spacing:.1em; }
.yyq-mode-loop__list h3 { margin:0 0 12px; font-family:"Noto Serif SC",serif; font-size:20px; font-weight:600; line-height:1.45; }
.yyq-mode-loop__list p:last-child { margin:0; color:#72625f; font-size:12px; line-height:1.9; }

.yyq-retail-reason { position:relative; display:grid; grid-template-columns:1.04fr .96fr; min-height:585px; overflow:hidden; background:#f1e4de; }
.yyq-retail-reason__photo { position:relative; min-height:585px; margin:0; overflow:hidden; }
.yyq-retail-reason__photo::after { position:absolute; inset:0; background:linear-gradient(90deg,transparent 56%,rgba(241,228,222,.82)); content:""; }
.yyq-retail-reason__photo img { width:100%; height:100%; min-height:585px; object-fit:cover; object-position:center; }
.yyq-retail-reason__photo figcaption { position:absolute; bottom:25px; left:max(32px,calc((100vw - 1200px)/2)); z-index:1; color:rgba(72,48,46,.72); font-family:"DM Mono",monospace; font-size:9px; letter-spacing:.15em; }
.yyq-retail-reason__copy { position:relative; z-index:1; align-self:center; max-width:510px; padding:70px clamp(32px,6vw,96px) 70px 35px; }
.yyq-retail-reason__copy h2 { margin-bottom:23px; }
.yyq-retail-reason__copy > p:last-of-type { margin:0; color:#675856; font-size:15px; line-height:2; }
.yyq-retail-reason__copy ul { display:grid; gap:0; margin:31px 0 0; padding:0; list-style:none; border-top:1px solid rgba(144,84,82,.25); }
.yyq-retail-reason__copy li { display:grid; grid-template-columns:96px 1fr; gap:14px; padding:15px 0; border-bottom:1px solid rgba(144,84,82,.2); }
.yyq-retail-reason__copy strong { color:#9f575b; font-size:12px; font-weight:600; }
.yyq-retail-reason__copy span { color:#73625f; font-size:12px; line-height:1.75; }

.yyq-enablement { position:relative; overflow:hidden; color:#fffaf7; background:radial-gradient(circle at 87% 21%,#795356 0,transparent 27%),radial-gradient(circle at 8% 100%,#493134 0,transparent 35%),var(--yyq-ink); }
.yyq-enablement::before { position:absolute; top:-190px; right:5%; width:510px; height:510px; border:1px solid rgba(255,255,255,.11); border-radius:50%; box-shadow:0 0 0 75px rgba(255,255,255,.02),0 0 0 150px rgba(255,255,255,.012); content:""; }
.yyq-enablement .yyq-container { position:relative; z-index:1; }
.yyq-enablement .yyq-section-number { color:#c9aaa5; }
.yyq-enablement .yyq-kicker { color:#efb5ad; }
.yyq-enablement h2 { color:#fff9f6; }
.yyq-enablement h2 em { color:#f2b7b0; }
.yyq-enablement__intro { display:grid; grid-template-columns:1fr .77fr; align-items:end; gap:clamp(50px,10vw,155px); margin-bottom:55px; }
.yyq-enablement__intro > p { max-width:405px; margin:0 0 5px; color:#d9c6c1; font-size:14px; line-height:2; }
.yyq-enablement__grid { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.27); border-left:1px solid rgba(255,255,255,.27); }
.yyq-enablement__grid li { min-height:205px; padding:22px 21px 24px; border-right:1px solid rgba(255,255,255,.27); border-bottom:1px solid rgba(255,255,255,.27); background:rgba(255,255,255,.018); transition:background .25s ease; }
.yyq-enablement__grid li:hover { background:rgba(241,174,166,.13); }
.yyq-enablement__grid span { display:block; margin-bottom:46px; color:#f0b5ad; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-enablement__grid h3 { margin:0 0 10px; color:#fffaf7; font-family:"Noto Serif SC",serif; font-size:18px; font-weight:600; line-height:1.45; }
.yyq-enablement__grid p { margin:0; color:#dbcbc7; font-size:12px; line-height:1.85; }
.yyq-enablement__note { margin:19px 0 0; color:#bfa9a5; font-size:11px; line-height:1.8; }

.yyq-city { background:var(--yyq-cream); }
.yyq-city__grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:start; gap:clamp(55px,10vw,150px); }
.yyq-city__intro > p:not(.yyq-section-number):not(.yyq-kicker) { max-width:430px; margin:27px 0 0; color:#675957; font-size:15px; line-height:2; }
.yyq-city__list { margin:0; padding:0; overflow:hidden; list-style:none; border:1px solid var(--yyq-line); border-radius:var(--yyq-radius); }
.yyq-city__list li { display:grid; grid-template-columns:52px 1fr; gap:17px; padding:22px 25px; border-bottom:1px solid var(--yyq-line); background:#fffdfb; }
.yyq-city__list li:last-child { border-bottom:0; }
.yyq-city__list > li > span { color:var(--yyq-rose-deep); font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-city__list h3 { margin:0 0 7px; font-family:"Noto Serif SC",serif; font-size:19px; font-weight:600; }
.yyq-city__list p { max-width:420px; margin:0; color:#716360; font-size:13px; line-height:1.85; }

.yyq-store-model { background:var(--yyq-blush); }
.yyq-store-model__head { margin-bottom:51px; }
.yyq-store-model__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.yyq-store-model__card { overflow:hidden; border-radius:var(--yyq-radius); background:#fffdfb; box-shadow:0 16px 32px rgba(110,65,62,.08); }
.yyq-store-model__card figure { height:290px; margin:0; overflow:hidden; background:#eadbd5; }
.yyq-store-model__card figure img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.yyq-store-model__card:hover figure img { transform:scale(1.06); }
.yyq-store-model__card > div { padding:22px 23px 27px; }
.yyq-store-model__card span { display:block; margin-bottom:36px; color:var(--yyq-rose-deep); font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; }
.yyq-store-model__card h3 { margin:0 0 10px; font-family:"Noto Serif SC",serif; font-size:22px; font-weight:600; }
.yyq-store-model__card p { margin:0; color:#716361; font-size:13px; line-height:1.9; }

.yyq-process__list--five { grid-template-columns:repeat(5,1fr); }
.yyq-process__list--five li { min-height:238px; }
.yyq-process__list--five span { margin-bottom:64px; }
.yyq-inquiry h2 em { color:var(--yyq-rose-deep); }

@media (max-width:1000px) {
  .yyq-mode-loop__list { grid-template-columns:repeat(3,1fr); }
  .yyq-mode-loop__list li:nth-child(3) { border-right:0; }
  .yyq-mode-loop__list li:nth-child(n+4) { border-top:1px solid var(--yyq-line); }
  .yyq-mode-loop__list li:nth-child(3)::after { display:none; }
  .yyq-enablement__grid { grid-template-columns:repeat(2,1fr); }
  .yyq-store-model__card figure { height:240px; }
  .yyq-process__list--five { grid-template-columns:repeat(3,1fr); }
  .yyq-process__list--five li:nth-child(3) { border-right:0; }
  .yyq-process__list--five li:nth-child(n+4) { border-top:1px solid rgba(255,255,255,.4); }
}
@media (max-width:780px) {
  .yyq-retail-reason { grid-template-columns:1fr; }
  .yyq-retail-reason__photo,.yyq-retail-reason__photo img { min-height:400px; }
  .yyq-retail-reason__photo::after { background:linear-gradient(0deg,rgba(241,228,222,.85),transparent 48%); }
  .yyq-retail-reason__copy { max-width:none; padding:52px 32px 60px; }
  .yyq-retail-reason__photo figcaption { left:32px; }
  .yyq-enablement__intro,.yyq-city__grid { grid-template-columns:1fr; gap:37px; }
  .yyq-enablement__intro > p { margin:0; }
  .yyq-store-model__grid { grid-template-columns:1fr; max-width:560px; }
  .yyq-store-model__card figure { height:310px; }
}
@media (max-width:680px) {
  .yyq-hero__tags { max-width:305px; margin-bottom:21px; gap:7px; }
  .yyq-hero__tags span { padding:6px 9px; font-size:11px; }
  .yyq-hero__actions { gap:10px; }
  .yyq-hero__actions .yyq-button { width:100%; }
  .yyq-mode-loop__head { margin-bottom:36px; }
  .yyq-mode-loop__list { grid-template-columns:1fr; border-radius:20px; }
  .yyq-mode-loop__list li,.yyq-mode-loop__list li:nth-child(n) { min-height:0; padding:21px 20px 23px; border-top:1px solid var(--yyq-line); border-right:0; }
  .yyq-mode-loop__list li:first-child { border-top:0; }
  .yyq-mode-loop__list li:not(:last-child)::after { top:auto; right:22px; bottom:-8px; transform:rotate(90deg); }
  .yyq-mode-loop__index { margin-bottom:25px; }
  .yyq-retail-reason__photo,.yyq-retail-reason__photo img { min-height:345px; }
  .yyq-retail-reason__copy { padding:45px 20px 55px; }
  .yyq-retail-reason__photo figcaption { bottom:19px; left:20px; }
  .yyq-retail-reason__copy li { grid-template-columns:78px 1fr; gap:10px; }
  .yyq-enablement__intro { margin-bottom:35px; }
  .yyq-enablement__grid { grid-template-columns:1fr; }
  .yyq-enablement__grid li { min-height:0; padding:21px 20px; }
  .yyq-enablement__grid span { margin-bottom:22px; }
  .yyq-city__list { border-radius:20px; }
  .yyq-city__list li { grid-template-columns:38px 1fr; gap:11px; padding:19px 18px; }
  .yyq-store-model__card { border-radius:20px; }
  .yyq-store-model__card figure { height:260px; }
  .yyq-process__list--five { grid-template-columns:1fr; }
  .yyq-process__list--five li,.yyq-process__list--five li:nth-child(n) { border-right:0; border-top:1px solid rgba(255,255,255,.4); }
  .yyq-process__list--five li:first-child { border-top:0; }
  .yyq-process__list--five span { margin-bottom:28px; }
}

/* 截图基准的首屏：左侧大留白与文字，右侧双人画面，只保留一个主行动按钮。 */
.yyq-hero { min-height:calc(100vh - 94px); }
.yyq-hero__image { background-position:center 10%; }
.yyq-hero__image::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,253,250,.92) 0%,rgba(255,253,250,.75) 31%,rgba(255,253,250,.26) 51%,rgba(255,253,250,0) 68%); content:""; }
.yyq-hero__content { width:auto; max-width:none; padding-top:clamp(58px,9vh,100px); }
.yyq-hero h1 { max-width:580px; margin-bottom:25px; font-size:clamp(42px,5.1vw,75px); line-height:1.24; letter-spacing:-.06em; }
.yyq-hero__intro { max-width:520px; margin-bottom:32px; font-size:16px; line-height:1.9; }
.yyq-hero__aside { z-index:2; }
@media (max-width:900px) {
  .yyq-hero { min-height:calc(100vh - 94px); }
  .yyq-hero__content { padding-top:clamp(65px,10vh,95px); }
  .yyq-hero__image { background-position:60% center; }
}
@media (max-width:680px) {
  .yyq-hero { min-height:630px; }
  .yyq-hero__image { background-position:61% center; }
  .yyq-hero__image::after { background:linear-gradient(90deg,rgba(255,253,250,.72),rgba(255,253,250,.07)); }
  .yyq-hero__content { padding-top:103px; }
  .yyq-hero h1 { margin-bottom:25px; font-size:clamp(42px,11vw,58px); line-height:1.24; }
  .yyq-hero__intro { max-width:280px; margin-bottom:32px; font-size:14px; line-height:1.9; }
}

/* 首屏与页头使用同一条水平基准线，严格复现截图的左侧留白关系。 */
:root { --yyq-page-edge:max(32px,calc((100vw - 1200px) / 2)); }
.yyq-header { padding-right:var(--yyq-page-edge); padding-left:var(--yyq-page-edge); }
.yyq-hero__content { width:var(--yyq-container); margin-right:0; margin-left:var(--yyq-page-edge); }
.yyq-hero h1 { max-width:620px; font-size:clamp(42px,4.75vw,70px); }
.yyq-hero__intro { max-width:520px; }
@media (max-width:680px) {
  :root { --yyq-page-edge:20px; }
  .yyq-header { padding-right:20px; padding-left:20px; }
  .yyq-hero__content { width:var(--yyq-container); margin-right:0; margin-left:var(--yyq-page-edge); }
  .yyq-hero__slogan { margin-bottom:14px; font-size:19px; }
  .yyq-hero h1 { max-width:320px; font-size:clamp(42px,11vw,58px); }
}

/* 手机端细化：避免动态地址栏、长文案与窄屏交互影响阅读节奏。 */
@media (max-width:680px) {
  html { -webkit-text-size-adjust:100%; }
  body { min-width:320px; }
  .yyq-header { height:72px; }
  .yyq-brand-logo { width:49px; }
  .yyq-menu-button { min-width:44px; min-height:44px; }
  .yyq-nav { top:71px; max-height:calc(100svh - 72px); padding:10px 20px 18px; overflow-y:auto; box-shadow:0 16px 24px rgba(67,43,42,.08); }
  .yyq-nav a { min-height:44px; display:flex; align-items:center; }
  .yyq-hero { min-height:calc(100vh - 72px); min-height:calc(100svh - 72px); }
  .yyq-hero__image { background-position:59% 10%; }
  .yyq-hero__image::after { background:linear-gradient(90deg,rgba(255,253,250,.92) 0%,rgba(255,253,250,.74) 46%,rgba(255,253,250,.18) 74%,rgba(255,253,250,0) 100%); }
  .yyq-hero__content { min-height:calc(100svh - 72px); display:flex; flex-direction:column; justify-content:flex-start; padding-top:clamp(78px,13svh,106px); padding-bottom:52px; }
  .yyq-kicker { margin-bottom:14px; font-size:9px; }
  .yyq-hero__slogan { font-size:18px; }
  .yyq-hero h1 { max-width:306px; margin-bottom:19px; font-size:clamp(39px,10.7vw,52px); line-height:1.22; }
  .yyq-hero__intro { max-width:296px; margin-bottom:26px; font-size:13px; line-height:1.85; }
  .yyq-button { min-height:50px; padding-inline:20px; }
  .yyq-section-head > p,.yyq-model__head > p { font-size:13px; line-height:1.9; }
  .yyq-mode-loop__list h3 { font-size:19px; }
  .yyq-mode-loop__list p:last-child { font-size:12px; line-height:1.85; }
  .yyq-capability-card,.yyq-capability-card__copy { min-height:350px; }
  .yyq-enablement__grid p,.yyq-city__list p,.yyq-store-model__card p { font-size:13px; }
  .yyq-inquiry__field input,.yyq-inquiry__field select,.yyq-inquiry__field textarea { font-size:16px; }
  .yyq-inquiry__submit { min-height:52px; }
  .yyq-qr-card { align-items:flex-start; }
}

@media (min-width:681px) and (max-width:900px) {
  .yyq-header { height:82px; padding-inline:28px; }
  .yyq-brand-logo { width:58px; }
  .yyq-nav { gap:clamp(12px,1.8vw,18px); font-size:12px; }
  .yyq-hero { min-height:calc(100svh - 82px); }
  .yyq-hero__content { padding-top:clamp(90px,14svh,128px); }
}

/* 手机端顶部导航常驻：不再用汉堡菜单，Logo 一行 + 导航标题横向滑动条，一起吸顶常驻。 */
@media (max-width:680px) {
  .yyq-header {
    height:auto; min-height:0;
    flex-wrap:wrap; align-items:center;
    gap:0; row-gap:0;
    padding-top:9px; padding-bottom:0;
  }
  .yyq-brand-logo { order:1; width:46px; }
  .yyq-menu-button { display:none !important; }
  .yyq-language-switch { order:2; min-width:33px; min-height:33px; margin-left:auto; font-size:10px; }
  .yyq-header__cta {
    order:2; display:inline-flex; margin-left:8px;
    min-height:34px; padding-inline:15px; font-size:12px; box-shadow:0 6px 14px rgba(167,92,96,.16);
  }
  .yyq-nav {
    order:3; position:static; inset:auto;
    display:flex !important; flex-wrap:nowrap; align-items:center; justify-content:flex-start;
    gap:20px; margin:6px -20px 0; padding:3px 20px 10px;
    width:calc(100% + 40px); max-height:none;
    overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
    background:transparent; border:0; border-top:1px solid rgba(105,67,65,.08); box-shadow:none;
    font-size:13px; white-space:nowrap; scrollbar-width:none;
  }
  .yyq-nav::-webkit-scrollbar { display:none; }
  .yyq-nav a {
    flex:0 0 auto; display:inline-flex; align-items:center;
    min-height:0; padding:5px 0; border:0; color:var(--yyq-ink);
  }
  /* 头部变两行后，收紧首屏顶部留白，避免标题被压得过低。 */
  .yyq-hero { min-height:calc(100svh - 118px); }
  .yyq-hero__content { min-height:calc(100svh - 118px); padding-top:clamp(34px,7svh,64px); }
}

/* 英文版文案更长：收紧导航与首屏字级，保持各个宽度下的阅读节奏。 */
.yyq-page--en .yyq-nav { gap:clamp(10px,1.4vw,20px); font-size:12px; }
.yyq-page--en .yyq-hero h1 { max-width:640px; font-size:clamp(40px,4.2vw,62px); letter-spacing:-.045em; }
@media (max-width:680px) {
  .yyq-page--en .yyq-nav { gap:18px; font-size:12px; }
  .yyq-page--en .yyq-hero h1 { max-width:306px; font-size:clamp(37px,10vw,46px); }
}

/* 零售闭环的五张配图与「四大能力」采用同一套暖调摄影卡片语言。 */
.yyq-mode-loop__list li { display:flex; min-height:440px; padding:0; overflow:hidden; background:#624846; }
.yyq-mode-loop__photo { position:absolute; inset:0; z-index:0; margin:0; overflow:hidden; background:#d4b0a6; }
.yyq-mode-loop__photo::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(45,28,30,.03) 12%,rgba(45,28,30,.9) 88%); content:""; }
.yyq-mode-loop__photo img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.yyq-mode-loop__list li:hover .yyq-mode-loop__photo img { transform:scale(1.06); }
.yyq-mode-loop__copy { position:relative; z-index:1; display:flex; width:100%; min-height:440px; flex-direction:column; padding:23px 21px 25px; color:#fffaf7; }
.yyq-mode-loop__index { margin-bottom:0; color:#ffe0d9; }
.yyq-mode-loop__english { margin-top:auto; color:#ffe0d9; }
.yyq-mode-loop__list h3 { color:#fffdfb; }
.yyq-mode-loop__list p:last-child { color:#f5e6e2; }
.yyq-mode-loop__list li:not(:last-child)::after { border-color:rgba(255,244,240,.8); color:#fff; background:rgba(83,55,55,.48); backdrop-filter:blur(5px); }
/* 五个闭环步骤的文案从同一基准线开始，避免不同字数把标题推到不同高度。 */
@media (min-width:681px) {
  .yyq-mode-loop__english { margin-top:210px; }
}
@media (max-width:680px) {
  .yyq-mode-loop__list li,.yyq-mode-loop__list li:nth-child(n) { min-height:365px; padding:0; }
  .yyq-mode-loop__copy { min-height:365px; padding:20px; }
  .yyq-mode-loop__index { margin-bottom:0; }
}