@import url('./img-hero.css');
@import url('./img-p1.css');
@import url('./img-p2.css');
@import url('./img-p3.css');
@import url('./img-p4.css');
@import url('./img-p5.css');
@import url('./img-p6.css');
@import url('./img-before.css');
@import url('./img-after.css');
:root{
  --bg:#f7f5f1;
  --paper:#ffffff;
  --ink:#1f211e;
  --muted:#6f716b;
  --line:#e7e2da;
  --dark:#1f2420;
  --accent:#a47d4f;
  --accent-soft:#e8dccd;
  --shadow:0 20px 55px rgba(34,31,27,.10);
  --radius:18px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC",system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
.site-header{height:82px;max-width:var(--max);margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:20;background:var(--bg)}
.brand{display:flex;flex-direction:column;line-height:1.05;min-width:230px}.brand-cn{font-size:24px;font-weight:760;letter-spacing:.08em}.brand-sub{font-size:9px;letter-spacing:.16em;margin-top:8px;color:var(--muted)}
.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--accent);transition:.25s}.desktop-nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle,.menu-toggle{border:0;background:transparent;cursor:pointer}.lang-toggle{font-weight:700;padding:10px}.menu-toggle{display:none;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:650;transition:transform .2s,background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-small{min-height:40px;padding:0 18px;font-size:13px}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#111511}.btn-ghost{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);color:white}.btn-light{background:#f7f1e8;color:#222}.btn-outline-light{border-color:rgba(255,255,255,.5);color:white}
.mobile-menu{display:none}.section-pad{max-width:var(--max);margin:0 auto;padding:88px 30px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:750;color:#8a7b69;margin-bottom:14px}
.hero{max-width:var(--max);height:650px;margin:0 auto;padding:0 30px;position:relative}.hero-media{position:absolute;inset:0 30px;border-radius:0 0 22px 22px;background-image:linear-gradient(90deg,rgba(18,18,16,.76) 0%,rgba(18,18,16,.46) 38%,rgba(18,18,16,.06) 72%),var(--img-hero);background-size:cover;background-position:center;overflow:hidden;box-shadow:var(--shadow)}.hero-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}.image-label{position:absolute;z-index:3;right:24px;bottom:22px;background:rgba(250,248,243,.9);backdrop-filter:blur(12px);padding:11px 14px;border-radius:10px;display:flex;gap:14px;font-size:12px;color:var(--ink)}.image-label span{color:var(--muted)}
.hero-copy{position:relative;z-index:4;color:white;max-width:590px;padding:135px 0 0 64px}.hero .eyebrow{color:#dbcbb9}.hero h1{font-size:clamp(64px,7.5vw,104px);line-height:.95;letter-spacing:-.055em;margin:0 0 24px}.hero-lead{font-size:24px;font-weight:650;margin:0 0 6px}.hero-sub{font-size:18px;color:rgba(255,255,255,.78);margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .btn-dark{background:#b18a5c}.hero .btn-dark:hover{background:#9c7446}
.trust-strip{max-width:var(--max);margin:22px auto 0;padding:0 30px}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.trust-item{padding:22px 24px}.trust-item+ .trust-item{border-left:1px solid var(--line)}.trust-item strong{display:block;font-size:15px;margin-bottom:4px}.trust-item span{font-size:12px;color:var(--muted)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px}.section-head h2,.about h2,.contact h2{font-size:clamp(38px,4.8vw,62px);line-height:1.06;letter-spacing:-.04em;margin:0}.section-head p{max-width:520px;color:var(--muted);margin:0;justify-self:end}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{cursor:pointer}.project-image{height:300px;border-radius:14px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 8px 26px rgba(44,38,31,.08);transition:transform .28s,box-shadow .28s}.project-card:hover .project-image{transform:translateY(-3px);box-shadow:0 16px 34px rgba(44,38,31,.12)}.project-featured .project-image{height:300px}.project-meta{padding:14px 2px 8px}.project-meta h3{margin:0 0 4px;font-size:17px;letter-spacing:-.01em}.project-meta p{margin:0;color:var(--muted);font-size:13px}.img-1{background-image:var(--img-p2)}.img-2{background-image:var(--img-p1)}.img-3{background-image:var(--img-p3)}.img-4{background-image:var(--img-p4)}.img-5{background-image:var(--img-p5)}.img-6{background-image:var(--img-p6)}
.center-actions{text-align:center;margin-top:32px}.text-link{font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:3px}.services{padding-top:112px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-item{padding:26px 22px 28px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);min-height:230px;transition:.25s}.service-item:hover{background:white;transform:translateY(-2px);box-shadow:0 12px 30px rgba(44,38,31,.06)}.service-item>span{font-size:11px;color:var(--accent);font-weight:700}.service-item h3{margin:44px 0 8px;font-size:20px}.service-item p{font-size:13px;color:var(--muted);min-height:58px;margin-bottom:12px}.service-item small{font-size:11px;letter-spacing:.05em;color:#5f5b55}
.compare{height:540px;border-radius:18px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:#ddd}.compare-layer{position:absolute;inset:0;background-size:cover;background-position:center}.compare-after{background-image:var(--img-after)}.compare-before{width:48%;overflow:hidden;background-image:var(--img-before);background-position:left center}.compare-layer span{position:absolute;top:18px;padding:7px 11px;border-radius:6px;background:rgba(25,25,23,.76);color:white;font-size:11px;font-weight:700}.compare-before span{left:18px}.compare-after span{right:18px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4}.compare-line{position:absolute;left:48%;top:0;bottom:0;width:2px;background:white;z-index:3}.compare-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:white;display:grid;place-items:center;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:84px;padding-top:120px;padding-bottom:120px}.about-copy p{color:var(--muted);max-width:540px;font-size:16px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-points article{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.about-points h3{margin:0 0 10px;font-size:17px}.about-points p{margin:0;color:var(--muted);font-size:13px}
.contact{padding-bottom:110px}.contact-card{background:#20241f;color:white;border-radius:20px;padding:56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;box-shadow:var(--shadow)}.contact-copy p{color:rgba(255,255,255,.7);max-width:520px}.contact-buttons{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.contact-note{font-size:12px;margin-top:34px!important}.quote-form{background:#f8f5ef;color:var(--ink);border-radius:14px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{font-size:12px;font-weight:650}.quote-form label span{display:block;margin:0 0 7px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d8d2c8;border-radius:8px;background:#fff;padding:12px 13px;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#9d835f;box-shadow:0 0 0 3px rgba(157,131,95,.10)}.quote-form .full{grid-column:1/-1}.upload input{background:#eee8dd;border-style:dashed}.form-status{margin:0;color:#625b50;font-weight:600}
.site-footer{max-width:var(--max);margin:0 auto;padding:42px 30px 85px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.site-footer>div:first-child{display:flex;flex-direction:column}.site-footer>div:first-child span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.footer-links{display:flex;gap:18px;font-size:13px}.footer-links button{border:0;background:none;padding:0;cursor:pointer}.site-footer small{grid-column:1/-1;color:var(--muted);font-size:10px}
.wechat-modal{position:fixed;inset:0;background:rgba(18,18,16,.58);display:grid;place-items:center;padding:20px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.wechat-modal.open{opacity:1;pointer-events:auto}.wechat-card{background:#f8f5ef;width:min(440px,100%);border-radius:20px;padding:34px;position:relative;text-align:center;box-shadow:var(--shadow)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.qr-placeholder{width:220px;height:220px;margin:24px auto 18px;background:white;border-radius:12px;padding:13px;display:grid;place-items:center;position:relative;overflow:hidden}.qr-grid{position:absolute;inset:16px;background:repeating-linear-gradient(0deg,#292929 0 6px,transparent 6px 12px),repeating-linear-gradient(90deg,rgba(41,41,41,.7) 0 6px,transparent 6px 12px);opacity:.2}.qr-placeholder span{position:relative;background:white;padding:8px;font-size:11px}.wechat-card>p{font-size:13px}.modal-tip{color:var(--muted)}
.mobile-contact-bar{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}
@media (max-width:980px){
  .desktop-nav{display:none}.menu-toggle{display:block}.site-header{height:76px;padding:0 20px}.brand{min-width:0}.brand-cn{font-size:20px}.brand-sub{font-size:8px}.header-actions .btn-small{display:none}.mobile-menu{position:absolute;top:76px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;z-index:30;box-shadow:var(--shadow)}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{padding:13px 10px;border-bottom:1px solid #ece6db}.mobile-menu a:last-child{border:0}
  .hero{height:590px;padding:0 20px}.hero-media{inset:0 20px;background-position:62% center}.hero-copy{padding:110px 44px 0}.hero h1{font-size:78px}.trust-strip{padding:0 20px}.section-head{grid-template-columns:1fr}.section-head p{justify-self:start}.project-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.quote-form{grid-template-columns:1fr}.quote-form .full{grid-column:1}
}
@media (max-width:640px){
  body{padding-bottom:58px}.section-pad{padding:62px 18px}.site-header{padding:0 16px}.brand-sub{display:none}.header-actions{gap:4px}.hero{height:560px;padding:0 12px}.hero-media{inset:0 12px;border-radius:0 0 18px 18px;background-position:66% center;background-image:linear-gradient(90deg,rgba(18,18,16,.82) 0%,rgba(18,18,16,.55) 48%,rgba(18,18,16,.12) 85%),var(--img-hero)}.hero-copy{padding:86px 26px 0;max-width:92%}.hero h1{font-size:58px}.hero-lead{font-size:20px}.hero-sub{font-size:15px}.hero-actions .btn{min-width:145px}.image-label{right:12px;bottom:12px}.trust-strip{padding:0 12px}.trust-inner{grid-template-columns:1fr}.trust-item+ .trust-item{border-left:0;border-top:1px solid var(--line)}.trust-item{padding:16px 18px}.section-head{gap:15px;margin-bottom:28px}.section-head h2,.about h2,.contact h2{font-size:40px}.section-head p{font-size:14px}.project-grid{grid-template-columns:1fr}.project-image,.project-featured .project-image{height:300px}.services{padding-top:78px}.service-grid{grid-template-columns:1fr}.service-item{min-height:180px}.service-item h3{margin-top:30px}.service-item p{min-height:auto}.compare{height:390px}.about{padding-top:82px;padding-bottom:82px;gap:38px}.about-points{grid-template-columns:1fr}.contact{padding-bottom:70px}.contact-card{padding:28px 20px;border-radius:18px;gap:34px}.quote-form{padding:18px}.site-footer{grid-template-columns:1fr;padding:32px 18px 28px}.footer-links{flex-wrap:wrap}.mobile-contact-bar{position:fixed;left:10px;right:10px;bottom:8px;height:48px;background:rgba(31,36,32,.96);backdrop-filter:blur(12px);border-radius:999px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:60;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.18)}.mobile-contact-bar>*{border:0;background:none;color:white;display:grid;place-items:center;font-size:13px;cursor:pointer}.mobile-contact-bar>*+*{border-left:1px solid rgba(255,255,255,.16)}
}