*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;line-height:1.8;overflow-x:hidden}
img{max-width:100%;height:auto;object-fit:contain;display:block}
a{text-decoration:none;color:inherit}
.wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.brand img{display:block;width:auto;height:38px;max-width:180px;max-height:42px;object-fit:contain;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s ease;white-space:nowrap}
.btn-primary{background:var(--btn);color:var(--btnText)}
.btn-outline{background:transparent;color:var(--outlineText);border-color:var(--outlineBorder)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero p,.section p,.section li,.footer p{line-height:1.86}
.section h2,.section h3,.footer strong,.hero h1{line-height:1.15}
.faq details{background:#fff;border-radius:18px;padding:16px 18px;margin:0 0 12px;box-shadow:0 10px 22px rgba(0,0,0,.06)}
.faq summary{cursor:pointer;font-weight:700}
.mobile-bar{display:none}
@media (max-width:1024px){.actions{flex-direction:row}}
@media (max-width:768px){.wrap{width:min(100% - 28px,1200px)}.btn{width:auto}.actions{flex-direction:column}.mobile-bar{display:flex}.mobile-bar .btn{width:100%}}


.page-30 .site-header{background:#fff;color:#3A302B;border-bottom:1px solid #eadfd7}
.page-30 .workbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;min-height:76px}
.page-30 .hero{background:#694C3E;padding:56px 0 0;color:#F0E4DD}
.page-30 .hero-top{padding-bottom:24px}
.page-30 .hero-top h1{margin:0 0 10px;color:#fff;font-size:clamp(32px,4.8vw,58px);line-height:1.08;max-width:12ch}
.page-30 .hero-top p{max-width:58ch;line-height:1.86;color:#F0E4DD}
.page-30 .work-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:translateY(22px)}
.page-30 .panel{border-radius:24px;padding:20px;box-shadow:0 14px 34px rgba(0,0,0,.14);min-height:220px}
.page-30 .panel.problem{background:#F3E2DC;color:#3A302B}
.page-30 .panel.solution{background:#E1EEE6;color:#3A302B}
.page-30 .panel h2{margin-top:0}
.page-30 .panel ul{margin:0;padding-left:18px;line-height:1.8}
.page-30 .hero .hero-btn{display:flex;justify-content:flex-start;padding-bottom:24px}
.page-30 .section{padding:72px 0 62px;background:#FCFAF6;color:#3A302B}
.page-30 .section h2{margin:0 0 14px;color:#3A302B}
.page-30 .check-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.page-30 .step{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 24px rgba(58,48,43,.08);border-top:5px solid #C55F50}
.page-30 .step.good{border-top-color:#4F8B69}
.page-30 .step p{color:#625952;line-height:1.78}
.page-30 .stepsplit{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.page-30 .stepsplit .box{background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 24px rgba(58,48,43,.08)}
.page-30 .ops{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.page-30 .ops span{background:#F3E2DC;border-radius:999px;padding:8px 12px}
.page-30 .footer{background:#3A302B;color:#fff;padding:22px 0 92px}
.page-30 .footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.page-30 .footer-note{color:#d9cec8}
@media (max-width:1024px){.page-30 .work-panels,.page-30 .check-board,.page-30 .stepsplit,.page-30 .footer-inner{grid-template-columns:1fr 1fr}.page-30 .hero .hero-btn{justify-content:flex-start}}
@media (max-width:768px){.page-30 .workbar{grid-template-columns:1fr}.page-30 .hero{padding-top:34px}.page-30 .work-panels,.page-30 .check-board,.page-30 .stepsplit,.page-30 .footer-inner{grid-template-columns:1fr}.page-30 .hero .btn,.page-30 .section .btn{width:100%}.page-30 .work-panels{transform:none}.page-30 .footer{padding-bottom:84px}.page-30 .mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#3A302B;padding:10px 14px;min-height:64px}.page-30 .mobile-bar .btn{width:100%}.page-30 body{padding-bottom:78px}}

.site-brand,.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:max-content}
.site-logo,.brand img{display:block;width:auto;height:38px;max-width:180px;max-height:42px;object-fit:contain;flex-shrink:0}
@media (max-width:768px){.site-logo,.brand img{width:auto;height:32px;max-width:150px}}

@media (max-width:768px){.hero-visual img{max-height:220px}}