:root{--blue:#09283a;--deep:#061c29;--teal:#0e5862;--gold:#cfa85a;--cream:#f4f0e7;--paper:#fbfaf6;--ink:#122a37;--muted:#6c7d83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(251,250,246,.94);position:relative;z-index:20;border-bottom:1px solid rgba(9,40,58,.09)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:italic 700 24px Georgia;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand-name{display:flex;flex-direction:column}.brand-name strong{font-size:23px;letter-spacing:.2em}.brand-name small{font:9px Arial;letter-spacing:.17em;color:#78868a;margin-top:2px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{position:relative;padding:31px 0}.header nav a:after{content:"";position:absolute;left:0;bottom:20px;width:0;height:1px;background:var(--gold);transition:.3s}.header nav a:hover:after{width:100%}.phone-top{border-left:1px solid #d9d9d4;padding-left:25px;display:flex;flex-direction:column}.phone-top small{font-size:10px;color:#879399}.phone-top strong{font:600 18px Arial;color:var(--teal);letter-spacing:.04em}.hero{min-height:700px;height:calc(100vh - 84px);max-height:860px;background:linear-gradient(115deg,#f7f4ec 0%,#e9eee9 60%,#dce8e4 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:0 8vw}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,59,69,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,59,69,.055) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,black)}.hero-copy{width:55%;position:relative;z-index:3}.eyebrow,.section-kicker{font:600 11px Arial;letter-spacing:.24em;color:var(--teal);display:flex;align-items:center;gap:12px}.eyebrow span{width:35px;height:1px;background:var(--gold)}.hero h1{font-family:"Microsoft YaHei",sans-serif;font-size:clamp(52px,6vw,88px);line-height:1.13;margin:28px 0 25px;letter-spacing:-.06em;font-weight:300;color:var(--blue)}.hero h1 span{color:var(--teal);position:relative;font-weight:700}.hero h1 span:after{content:"";position:absolute;left:2%;right:0;bottom:-8px;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}.hero-copy>p{color:#63767d;font-size:16px;line-height:2}.hero-actions{display:flex;gap:16px;margin-top:38px}.btn{height:54px;padding:0 25px;display:flex;align-items:center;gap:32px;font-size:14px;border:1px solid var(--teal);transition:.25s}.btn b{font-size:18px}.btn.primary{background:var(--teal);color:white}.btn.primary:hover{background:var(--blue);transform:translateY(-2px)}.btn.ghost:hover{background:white}.hero-art{position:absolute;right:2vw;bottom:0;width:47%;height:88%}.sun{width:34vw;height:34vw;border-radius:50%;position:absolute;right:3%;top:2%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96),rgba(231,214,174,.5) 45%,rgba(117,170,166,.25));box-shadow:0 0 80px rgba(255,255,255,.8)}.building{position:absolute;bottom:0;background:linear-gradient(135deg,rgba(22,79,84,.92),rgba(6,38,51,.98));box-shadow:-25px 10px 60px rgba(4,37,45,.2)}.building.back{width:42%;height:43%;right:7%;clip-path:polygon(15% 0,100% 11%,100% 100%,0 100%,0 12%)}.building.front{width:48%;height:65%;left:9%;clip-path:polygon(25% 0,100% 14%,100% 100%,0 100%,0 13%)}.building i{display:block;border-top:1px solid rgba(255,255,255,.15);height:17%;margin:12% 12% 0}.air-line{position:absolute;border:1px solid rgba(207,168,90,.55);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-24deg)}.a1{width:85%;height:35%;left:-5%;top:29%}.a2{width:100%;height:44%;left:-11%;top:23%}.a3{width:115%;height:55%;left:-17%;top:16%}.hero-badge{position:absolute;right:7%;bottom:19%;background:rgba(246,241,228,.93);padding:18px 24px;display:flex;align-items:center;gap:13px;border-left:3px solid var(--gold)}.hero-badge strong{font:400 38px Georgia;color:var(--teal)}.hero-badge sup{font-size:18px}.hero-badge span{font:10px Arial;line-height:1.6;color:#61757b}.hero-foot{position:absolute;bottom:24px;left:8vw;display:flex;align-items:center;gap:16px;font:8px Arial;letter-spacing:.22em;color:#77878b}.hero-foot i{display:block;width:70px;height:1px;background:#9eaaa9}.intro{padding:120px 8vw 90px}.section-kicker span{font-family:"Microsoft YaHei";letter-spacing:.16em;color:#8b989b;border-left:1px solid #cbd0ce;padding-left:12px}.intro-main{display:grid;grid-template-columns:1fr 1.2fr;gap:11vw;margin-top:42px}.intro h2,.section-head h2,.comfort h2,.contact h2{font-size:clamp(38px,4.2vw,64px);line-height:1.27;margin:0;font-weight:300;letter-spacing:-.05em}.intro h2 em,.comfort h2 em{font-style:normal;color:var(--teal)}.intro-copy{padding-top:8px}.intro-copy .lead{font-size:20px;line-height:1.8;margin:0;color:#294450}.intro-copy>p:not(.lead){font-size:14px;line-height:2;color:#718087;margin:25px 0}.intro-copy a,.text-link{font-size:14px;color:var(--teal);font-weight:600}.intro-copy a span,.text-link span{margin-left:18px;color:var(--gold)}.values{border-top:1px solid #d9dedb;margin-top:85px;padding-top:38px;display:grid;grid-template-columns:repeat(3,1fr) 1.6fr}.values>div{display:flex;align-items:center;gap:18px;border-right:1px solid #d9dedb;padding-left:30px}.values>div:first-child{padding-left:0}.values strong{font:400 44px Georgia;color:var(--teal)}.values span{font-size:11px;line-height:1.7;color:#738287}.values blockquote{margin:0;padding-left:55px;font:italic 16px/1.8 Georgia;color:#52676d}.services{background:var(--deep);color:white;padding:110px 8vw 120px;position:relative}.services:before{content:"YIYAN";position:absolute;right:5vw;top:20px;font:700 130px Arial;color:rgba(255,255,255,.018)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-kicker.light{color:#7db7b8}.section-kicker.light span{color:#738890;border-color:#36505d}.section-head h2{font-size:48px;margin-top:22px}.section-head>p{font-size:13px;line-height:1.9;color:#81949b}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:270px;gap:1px;background:#29414c}.service-grid article{background:#0a2431;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s;position:relative;overflow:hidden}.service-grid article:hover{background:#0d3540;transform:translateY(-4px);z-index:2}.service-grid article.featured{grid-column:span 2;background:linear-gradient(135deg,#115763,#0b3544)}.featured:after{content:"恒";position:absolute;right:20px;bottom:-45px;font:180px serif;color:rgba(255,255,255,.04)}.service-top{display:flex;align-items:center}.service-top>span{font:12px Arial;color:#68808a}.service-top>b{font-size:10px;font-weight:400;color:#e0c47d;border:1px solid rgba(224,196,125,.4);padding:5px 9px;margin-left:12px}.service-top>i{font-style:normal;margin-left:auto;color:#799098;font-size:20px}.service-grid small{font:9px Arial;letter-spacing:.18em;color:#6e8992}.service-grid h3{font-size:23px;margin:10px 0 12px;font-weight:500}.service-grid p{font-size:12px;line-height:1.8;color:#80969e;margin:0;max-width:420px}.comfort{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#f4f1e9}.comfort h2{margin:30px 0}.comfort-copy>p{color:#6f7d81;font-size:14px;line-height:2;max-width:520px;margin-bottom:30px}.constant-list{border-top:1px solid #d2d7d2}.constant{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;border-bottom:1px solid #d2d7d2;padding:20px 5px}.constant>b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid #aebcba;color:var(--teal);font:26px serif}.constant span{display:flex;flex-direction:column;gap:7px}.constant strong{font-size:18px}.constant small{color:#7c898b}.constant i{font-style:normal;font-size:24px;color:var(--gold)}.process{padding:100px 8vw 110px;background:white}.dark-head .section-kicker{color:var(--teal)}.dark-head>p{color:#819096}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px}.steps>div{position:relative;padding-right:30px}.steps span{font:12px Arial;color:var(--gold)}.steps i{display:block;height:1px;background:#cad2d0;margin:17px 0 27px;position:relative}.steps i:before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(14,88,98,.1)}.steps strong{font-size:18px}.steps p{font-size:12px;line-height:1.8;color:#819095}.contact{background:var(--teal);color:white;padding:85px 8vw 55px;display:grid;grid-template-columns:1.3fr 1fr;gap:5vw}.contact-title>span{font:9px Arial;letter-spacing:.25em;color:#8dc4c4}.contact h2{font-size:50px;margin-top:20px}.contact-action{padding-top:30px}.contact-action>p{font-size:13px;color:#9bc1c2}.contact-action>a{display:grid;grid-template-columns:1fr auto;position:relative;background:var(--cream);color:var(--blue);padding:18px 24px;margin-top:22px;max-width:420px}.contact-action small{font-size:10px;color:#75868a}.contact-action strong{grid-row:2;font:500 27px Arial;margin-top:4px;letter-spacing:.05em}.contact-action b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;color:var(--gold)}.contact-info{grid-column:1/3;border-top:1px solid rgba(255,255,255,.2);margin-top:35px;padding-top:30px;display:flex;gap:90px}.contact-info small{font-size:10px;color:#8eb8ba}.contact-info p{font-size:13px;margin:8px 0}footer{background:#061c29;color:#80929a;padding:35px 8vw;display:flex;align-items:center;gap:50px;font-size:11px}footer>span{margin-left:auto}.footer-brand .brand-mark{width:32px;height:32px;font-size:17px}.footer-brand .brand-name strong{font-size:18px;color:white}.footer-brand .brand-name small{font-size:7px}
@media(max-width:900px){.header{height:72px;padding:0 6vw}.header nav{display:none}.phone-top{border:0;padding:0}.phone-top small{display:none}.phone-top strong{font-size:14px}.brand-mark{width:35px;height:35px}.brand-name strong{font-size:19px}.hero{height:auto;min-height:720px;padding:90px 7vw 260px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-art{height:45%;width:78%;right:-10%;}.sun{width:65vw;height:65vw}.building.front{height:60%}.hero-badge{right:18%;bottom:8%}.hero-foot{display:none}.intro,.services,.comfort,.process{padding:80px 7vw}.intro-main,.comfort{grid-template-columns:1fr;gap:50px}.values{grid-template-columns:1fr 1fr;gap:30px}.values>div{padding:0;border:0}.values blockquote{grid-column:1/3;padding:25px 0 0;border-top:1px solid #ddd}.section-head{align-items:flex-start;flex-direction:column;gap:25px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article.featured{grid-column:span 2}.steps{grid-template-columns:1fr 1fr;gap:45px 10px}.contact{grid-template-columns:1fr;padding:70px 7vw 45px}.contact-info{grid-column:auto;flex-direction:column;gap:10px}.contact h2{font-size:40px}footer{padding:30px 7vw;flex-wrap:wrap;gap:20px}footer>span{margin-left:0;width:100%}}
@media(max-width:560px){.desktop{display:none}.hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:220px;justify-content:space-between}.hero-art{width:100%;right:-18%}.intro h2,.section-head h2,.comfort h2{font-size:36px}.intro-main{gap:35px}.intro-copy .lead{font-size:17px}.values{grid-template-columns:1fr}.values blockquote{grid-column:1;padding-left:0}.service-grid{grid-template-columns:1fr;grid-auto-rows:250px}.service-grid article.featured{grid-column:auto}.constant{grid-template-columns:62px 1fr 20px}.steps{grid-template-columns:1fr}.contact h2{font-size:35px}.contact-action strong{font-size:23px}footer>p{display:none}}