:root{--ink:#153d50;--muted:#5e7580;--blue:#126887;--line:#d5e3e8;--pale:#edf5f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{color:#137b96}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc761a;outline-offset:4px}.container{width:min(1240px,calc(100% - 96px));margin:auto}.preview{background:#173f50;color:#e5f4f7;text-align:center;font-size:11px;letter-spacing:1px;padding:7px 15px}.preview span{margin-left:24px;opacity:.8}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10}.header-inner{display:flex;justify-content:space-between;align-items:center;height:91px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;line-height:1.2;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.brand-mark{font-size:54px;line-height:.8;color:var(--blue);transform:rotate(-13deg)}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a[aria-current]{color:var(--blue);border-bottom:2px solid var(--blue)}nav a{padding:10px 0}.nav-contact{border:1px solid var(--line);padding:10px 20px;display:flex;gap:24px}.menu{display:none}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:0}.hero{background:#f0f6f6;overflow:hidden}.hero-grid{min-height:638px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero-copy{padding:56px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--blue);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.2vw,58px);line-height:1.35;font-weight:500;letter-spacing:-1.7px;margin-bottom:25px}h1 em{font-style:normal;color:#167c91}h2{font-size:32px;line-height:1.45;font-weight:500;letter-spacing:-.8px;margin-bottom:20px}h3{font-size:21px;font-weight:500}.lead{font-size:16px;color:var(--muted);max-width:550px;line-height:1.9}.hero .lead{max-width:430px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;border:1px solid var(--ink);background:var(--ink);color:white;min-height:50px;padding:13px 25px;font-size:14px}.button:hover{color:white;background:#216a80}.text-link{font-size:14px;border-bottom:1px solid #a7bec7;padding:5px 0}.hero-note{font-size:11px;letter-spacing:1px;margin:49px 0 0;color:var(--muted)}.water-art{position:relative;height:555px;isolation:isolate}.orb{position:absolute;width:238px;height:300px;left:50%;top:58px;transform:translateX(-50%) rotate(26deg);border-radius:55% 45% 56% 44% / 65% 45% 55% 35%;background:radial-gradient(ellipse at 28% 20%,#fff 0, #d8f4f4 12%,#79b8c7 40%,#378099 64%,#d1e6e9 85%);box-shadow:inset -15px -16px 30px #20597655,inset 10px 10px 26px #ffffffcd,28px 45px 55px #417d8f20;z-index:2}.orb:after{content:'';position:absolute;inset:24px;border-radius:inherit;border:1px solid #fff6}.ripple{position:absolute;left:50%;top:355px;transform:translate(-50%,-50%);width:345px;height:86px;border:1px solid #89adba;border-radius:50%;box-shadow:0 5px 8px #5d899311}.r2{width:455px;height:130px;top:361px;opacity:.6}.r3{width:565px;height:174px;top:367px;opacity:.3}.art-caption{position:absolute;left:30px;bottom:33px;font-size:13px}.art-caption small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:7px}.vertical{position:absolute;right:0;top:130px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#65838f}.section{padding:85px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title .text-link{margin-bottom:23px}.section-intro{font-size:13px;color:var(--muted);max-width:720px;margin-bottom:33px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-art{display:block;position:relative;overflow:hidden;height:240px;background:#edf3f3}.sample{position:absolute;left:16px;top:16px;background:#ffffffb8;color:#435e69;border:1px solid #ffffff;font-size:10px;padding:3px 9px;z-index:1}.art-symbol{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:145px;font-weight:400;line-height:1;color:#639caa;transition:transform .3s}.product-art:hover .art-symbol{transform:translate(-50%,-50%) rotate(15deg)}.art-pet{background:#f1f0e9}.art-pet .art-symbol{color:#a6a286}.art-farm{background:#eaf0ea}.art-farm .art-symbol{color:#789984}.art-cold{background:#eaf0f7}.art-cold .art-symbol{color:#869fb9}.art-label{position:absolute;left:20px;bottom:17px;font-size:9px;letter-spacing:2px;color:#5f7882}.card-copy{padding-top:22px}.card-copy .eyebrow{font-size:9px;margin-bottom:9px}.card-copy h2{font-size:18px;margin-bottom:10px;letter-spacing:0}.card-copy h2 a{display:flex;justify-content:space-between}.card-copy p{font-size:12px;color:var(--muted)}.application-band{background:#173f50;color:#fff;padding:76px 0}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.application-band .eyebrow{color:#96c6d0}.application-band h2{font-size:36px}.application-band p{color:#b8cfd6;font-size:14px}.light{background:transparent;border-color:#789ca9;margin-top:16px}.scene-list a{display:flex;gap:30px;align-items:center;padding:23px 0;border-bottom:1px solid #ffffff29}.scene-list a:first-child{border-top:1px solid #ffffff29}.scene-list a:hover{color:#b8edf5}.scene-list span{font-size:10px;color:#9dbbc6}.scene-list h3{margin:0;flex:1}.scene-list b{font-weight:400}.about-teaser{display:grid;grid-template-columns:1fr 2fr;gap:0 70px}.about-teaser>.eyebrow{grid-column:1/-1}.large-text{font-size:21px;line-height:1.9}.cta{display:flex;justify-content:space-between;align-items:center;padding:42px;background:#edf5f6;margin-bottom:80px;gap:24px}.cta .eyebrow{margin-bottom:10px}.cta h2{font-size:29px;margin-bottom:9px}.cta p{margin-bottom:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:45px 0 20px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid .brand{display:block;font-size:22px}.footer-grid .brand p{font-size:12px;font-weight:400;letter-spacing:0;margin-top:18px}.footer-grid>div:last-child{font-size:13px}.footnote{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:35px;padding-top:20px;gap:15px}.page-head{padding:65px 0 44px}.page-head h1{font-size:46px}.compact{padding-top:10px}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.chip{border:0;background:#f0f5f6;color:var(--ink);padding:9px 14px;margin:4px 2px}.chip.active{background:var(--ink);color:white}.search{font-size:12px;display:flex;align-items:center;gap:10px}.search input{width:175px}input,textarea,select{width:100%;border:1px solid #bccfd7;border-radius:0;background:white;color:var(--ink);padding:11px 13px}#result-count{font-size:12px;color:var(--muted);margin:22px 0}.notice{border-left:3px solid #82b5c2;background:var(--pale);padding:20px;font-size:13px;margin-top:40px}.breadcrumb{padding:25px 0;font-size:12px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:20px}.detail-art{position:relative;min-height:450px;background:#eaf3f4}.detail-art .art-symbol{font-size:270px}.detail-art>p{position:absolute;bottom:20px;text-align:center;width:100%;font-size:12px;color:var(--muted)}.detail-grid h1{font-size:37px}.tag{font-size:11px;color:#78633a;background:#f3eee3;padding:6px 10px;display:inline-block}dl{margin:25px 0}dl>div{display:grid;grid-template-columns:120px 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0}.detail-content{max-width:850px}.detail-content h2{font-size:24px;margin-top:30px}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}details p{margin:15px 0;color:var(--muted)}.detail-content>.text-link{display:inline-block;margin-top:35px}.solution-stack{padding-bottom:80px}.solution-row{display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);padding:42px 0;scroll-margin-top:110px}.solution-number{font-size:40px;color:#9ebcc7;font-weight:300}.solution-row>div{flex:1}.solution-row h2{font-size:27px;margin-bottom:10px}.solution-row p{font-size:14px;margin-bottom:10px}.muted{color:var(--muted);font-size:13px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-visual{background:#eaf3f4;height:360px;padding:45px;overflow:hidden;position:relative}.about-visual>span{font-size:45px;display:block;letter-spacing:8px}.about-visual>small{letter-spacing:5px}.line-wave{position:absolute;right:10px;bottom:-110px;font-size:370px;font-family:Georgia;line-height:1;color:#b3d0d8;transform:rotate(-15deg)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-grid article{padding:26px;background:var(--pale)}.info-grid span{font-size:11px;color:var(--muted)}.info-grid h3{margin-top:20px}.info-grid p{font-size:13px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:80px}.contact-grid aside{padding-top:25px}.contact-grid h2{font-size:25px}.contact-grid form{background:var(--pale);padding:36px}.contact-grid form h2{margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:13px;margin-bottom:20px}form input,form select,form textarea{display:block;margin-top:8px}#form-help{font-size:12px;color:var(--muted)}.form-status{font-size:14px;margin:18px 0 0}.form-status:empty{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.hero-grid{min-height:700px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}nav{gap:20px}.hero-grid{min-height:580px}.water-art{transform:scale(.85);transform-origin:center}.product-grid{grid-template-columns:repeat(2,1fr)}.application-grid{gap:45px}.filter-bar{align-items:start;flex-direction:column}.detail-grid{gap:35px}.contact-grid{gap:35px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.preview{font-size:10px}.preview span{margin-left:10px}.header-inner{height:73px}.brand{font-size:23px}.brand-mark{font-size:45px}.menu{display:flex;gap:18px;background:none;border:1px solid var(--line);padding:5px 12px;color:var(--ink)}nav{display:none;position:absolute;left:0;right:0;top:73px;background:white;padding:20px;box-shadow:0 15px 18px #123c4e15}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav-contact{justify-content:space-between}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:40px 0 0;width:100%}h1{font-size:39px;letter-spacing:-1.3px}.hero .lead{font-size:14px}.hero-note{margin-top:28px}.actions{gap:22px}.button{padding:12px 20px;gap:22px}.water-art{height:360px;width:100%;transform:none}.orb{width:165px;height:210px;top:35px}.ripple{top:260px;width:240px;height:62px}.r2{top:265px;width:310px;height:90px}.r3{top:270px;width:380px;height:120px}.art-caption{left:5px;bottom:12px;font-size:11px}.art-caption small{font-size:8px}.vertical{top:60px;right:0;font-size:8px}.section{padding:48px 0}h2{font-size:27px}.section-title{align-items:start}.section-title .text-link{font-size:12px;white-space:nowrap;margin-top:36px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:14px}.product-grid{gap:25px 15px}.product-art{height:190px}.art-symbol{font-size:110px}.sample{left:9px;top:9px;font-size:9px;padding:2px 6px}.art-label{left:10px;bottom:12px;font-size:8px;letter-spacing:1px}.card-copy{padding-top:15px}.card-copy h2{font-size:16px}.card-copy p{font-size:11px}.application-band{padding:45px 0}.application-grid{grid-template-columns:1fr;gap:35px}.application-band h2{font-size:30px}.scene-list a{padding:18px 0}.scene-list h3{font-size:19px}.about-teaser{display:block}.large-text{font-size:18px}.cta{padding:25px;display:block;margin-bottom:45px}.cta h2{font-size:25px}.cta p{font-size:13px}.cta .button{margin-top:25px}.footer-grid,.footnote{flex-direction:column;gap:20px}.footnote{font-size:9px;gap:6px}.page-head{padding:40px 0 25px}.page-head h1{font-size:35px}.page-head .lead{font-size:14px}.compact{padding-top:0}.chip{font-size:12px;padding:8px 11px}.search{width:100%}.search input{flex:1}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-art{min-height:320px}.detail-art .art-symbol{font-size:220px}.detail-grid h1{font-size:31px}.detail-content h2{font-size:24px}.solution-row{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:30px 0}.solution-row>.text-link{grid-column:2;justify-self:start}.solution-number{font-size:27px;align-self:start}.solution-row h2{font-size:24px}.about-layout{grid-template-columns:1fr;gap:30px}.about-visual{height:260px;padding:30px}.info-grid{grid-template-columns:1fr;gap:15px}.info-grid h3{margin:12px 0}.contact-grid{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.contact-grid form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}