/* xinxiang-yuanyang.html */
.yy-hero{background:var(--brown-900);padding:calc(var(--header-h) + 60px) 0 20px;text-align:center;color:var(--cream-100)}
.yy-perf{height:18px;background:repeating-linear-gradient(90deg,var(--cream-100) 0 14px,transparent 14px 28px)}
.yy-hero-in{padding:26px 0}
.yy-hero h1{color:var(--cream-50);font-size:clamp(28px,4vw,46px)}
.yy-sub{color:var(--cream-200);max-width:600px;margin:12px auto 0}

.yy-about{background:var(--cream-50)}
.yy-about-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,60px);align-items:center}
.yy-media img{width:100%;height:320px;object-fit:cover;box-shadow:var(--shadow-md)}
.yy-body h2{font-size:clamp(22px,2.8vw,34px);margin-bottom:14px}
.yy-body p{color:var(--ink-soft);margin-bottom:12px}

.yy-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.yy-cell{background:var(--cream-50);border:1px solid var(--line);padding:26px 22px;border-top:3px solid var(--green-600)}
.yy-cell h3{font-size:19px;margin-bottom:8px;color:var(--brown-700)}
.yy-cell p{color:var(--muted);font-size:14px}

.yy-flow-row{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.yy-flow-row li{background:var(--cream-100);border:1px solid var(--line);padding:20px 14px;text-align:center;margin-right:14px;position:relative}
.yy-flow-row li:last-child{margin-right:0}
.yy-flow-row li::after{content:"➜";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--brass)}
.yy-flow-row li:last-child::after{display:none}
.yy-flow-row b{display:block;font-family:var(--font-display);color:var(--brown-700);font-size:18px;margin-bottom:6px}
.yy-flow-row p{color:var(--muted);font-size:13.5px}

.yy-tabbtns{display:flex;gap:10px;justify-content:center;margin-bottom:20px}
.yy-tab-btn{padding:9px 20px;border:1.5px solid var(--line);background:var(--cream-50);font-weight:600;color:var(--ink-soft)}
.yy-tab-btn.active{background:var(--green-700);color:var(--cream-50);border-color:var(--green-700)}
.yy-tab-panel{display:none;background:var(--cream-50);border:1px solid var(--line);padding:24px;max-width:720px;margin:0 auto}
.yy-tab-panel.active{display:block}.yy-tab-panel p{color:var(--ink-soft)}

.yy-cmp{background:var(--brown-800)}
.yy-cmp .sec-head h2{color:var(--cream-50)}
.yy-cmp .data-table th{background:var(--brown-900)}
.yy-cmp .data-table td{color:var(--cream-200);border-color:var(--line-dark)}

.footcta{background:var(--green-900);color:var(--cream-100);padding:clamp(46px,6vw,72px) 0;text-align:center;border-top:4px double var(--brass)}
.footcta .footcta-in{display:block}
.footcta-kicker{color:var(--brass-light);letter-spacing:.22em;font-size:13px;font-weight:600;margin-bottom:12px}
.footcta h2{color:var(--cream-50);font-size:clamp(24px,3.2vw,38px);margin-bottom:12px}
.footcta p{color:var(--cream-200);max-width:640px;margin:0 auto 22px}
.footcta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:900px){.yy-about-in,.yy-cells{grid-template-columns:1fr}.yy-flow-row{grid-template-columns:1fr 1fr}.yy-flow-row li{margin-right:0;margin-bottom:10px}.yy-flow-row li::after{display:none}}