@font-face{font-family:SourceHanWeb;src:url(sourcehan-cn-extralight.woff2) format('woff2');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:SourceHanWeb;src:url(sourcehan-cn-heavy.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--paper:#f8f9f5;--ink:#263d36;--muted:#52655b;--line:#d6dfd5;--sage:#e5ece1;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:SourceHanWeb,'Source Han Sans CN','思源黑体 CN',sans-serif;font-weight:100;font-size:16px;line-height:1.85;font-synthesis:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:6px}p{margin:0}h1,h2,h3,strong,b{font-weight:900}button,input{font:inherit}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;padding:30px clamp(24px,5.5vw,96px);display:flex;align-items:center;justify-content:space-between;color:var(--white)}.brand{font-size:29px;line-height:1.5;letter-spacing:.16em;font-weight:900}.brand small{display:block;font-size:9px;letter-spacing:.26em;font-weight:100;margin-top:6px}.brand-studio{display:block;font-size:11px;font-weight:100;letter-spacing:.15em;margin-top:9px}.brand:hover{text-decoration:none}nav{display:flex;gap:36px;font-size:15px}.hero{position:relative;min-height:740px;height:100svh;max-height:1200px;isolation:isolate;background:#273a30;overflow:hidden;color:var(--white)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,23,17,.69),rgba(12,23,17,.36) 43%,rgba(12,23,17,.05) 77%),linear-gradient(180deg,rgba(10,18,13,.3),transparent 28%,rgba(10,18,13,.12));z-index:-2}.hero-content{position:absolute;left:clamp(24px,7.5vw,140px);bottom:clamp(100px,15vh,170px);max-width:900px;padding-right:24px}.eyebrow{font-size:13px;letter-spacing:.16em;margin-bottom:26px}h1{font-weight:100;margin:0;font-size:clamp(28px,3vw,46px);line-height:1.65;letter-spacing:.015em}h1 span,h1 strong{display:block}h1 strong{font-size:1.38em;margin-top:.18em;line-height:1.45}.hero-link{display:inline-flex;align-items:center;gap:65px;border-bottom:1px solid rgba(255,253,248,.6);padding:12px 0;margin-top:28px;font-size:15px}.hero-link:hover{text-decoration:none;border-color:var(--white)}.hero-link span{font-size:24px;line-height:1}.scroll-cue{position:absolute;bottom:35px;right:clamp(24px,5.5vw,96px);font-size:12px;letter-spacing:.12em;display:flex;gap:24px;align-items:center}.scroll-cue span{font-size:23px}.content-wrap{max-width:1320px;padding:0 64px;margin:auto}.introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding:100px 0 105px;align-items:center;scroll-margin-top:30px}.intro-title{font-size:clamp(24px,2.5vw,36px);line-height:1.65}.intro-body{color:var(--muted);max-width:420px;font-size:18px}section{border-top:1px solid var(--line);padding:85px 0 95px;scroll-margin-top:30px}.heading{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;margin-bottom:56px}h2{font-size:32px;line-height:1.55;margin:0;letter-spacing:.01em}.heading p{color:var(--muted);font-size:16px;max-width:510px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.services article{border-top:1px solid #9cab9c;padding-top:24px}.tag{font-size:13px;letter-spacing:.08em;color:var(--muted)}h3{font-size:23px;line-height:1.6;margin:20px 0 16px}.services p{color:var(--muted);font-size:16px;line-height:1.9}.sound{background:var(--sage);padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:85px}.sound h3{font-size:30px;line-height:1.6;margin:0 0 22px}.sound p{font-size:16px;color:var(--muted)}.button{display:inline-flex;gap:48px;align-items:center;padding:13px 22px;background:var(--ink);color:var(--white);margin-top:28px;font-size:15px}.button:hover{background:#385347;text-decoration:none}.note{margin-top:16px;font-size:12px!important}.steps{list-style:none;padding:0;margin:0}.steps li{padding:20px 0;border-bottom:1px solid #bdcbb8;display:flex;justify-content:space-between;gap:16px;font-size:16px}.steps span{font-size:13px;white-space:nowrap;color:var(--muted)}.about{max-width:800px;color:var(--muted);font-size:18px;line-height:2}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:30px 0 38px;font-size:12px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.hero-content{left:6vw}h1{font-size:clamp(27px,3.6vw,36px)}.content-wrap{padding:0 40px}.heading,.introduction{gap:50px}.services{gap:30px}.sound{gap:40px;padding:36px}.sound h3{font-size:26px}}
@media(max-width:640px){.site-header{padding:23px 24px;align-items:flex-start}.brand{font-size:24px}.brand small{font-size:8px}nav{gap:15px;font-size:12px;padding-top:9px}.hero{min-height:720px;max-height:1000px}.hero-photo{object-position:67% center}.hero-shade{background:linear-gradient(0deg,rgba(10,23,15,.88),rgba(10,23,15,.5) 39%,rgba(10,23,15,.03) 74%,rgba(10,23,15,.33))}.hero-content{left:24px;bottom:110px;right:0;max-width:none;padding-right:20px}.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:22px}h1{font-size:clamp(20px,4.7vw,29px);letter-spacing:0;line-height:1.7}h1 strong{font-size:1.5em;line-height:1.5;margin-top:.25em}.hero-link{font-size:14px;margin-top:23px;gap:50px}.scroll-cue{bottom:27px;right:24px;font-size:11px}.content-wrap{padding:0 24px}.introduction{grid-template-columns:1fr;gap:28px;padding:65px 0}.intro-title{font-size:26px}.intro-body{font-size:16px;max-width:none}section{padding:55px 0 60px}.heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}h2{font-size:28px}.heading p{font-size:16px}.services{grid-template-columns:1fr;gap:32px}.services article{padding-top:20px}h3{font-size:22px;margin-top:14px}.sound{grid-template-columns:1fr;gap:30px;padding:28px 24px}.sound h3{font-size:25px}.steps li{font-size:14px;padding:17px 0}.steps span{font-size:12px}.about{font-size:16px}footer{flex-direction:column;gap:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



@media(max-width:360px){.site-header{padding:23px 20px}.brand{font-size:23px;white-space:nowrap;flex-shrink:0}nav{gap:12px;font-size:11px;flex-shrink:0}}

@font-face{font-family:SourceHanFine;src:url(sourcehan-official-extralight-ios-v5.woff2) format('woff2');font-weight:100;font-style:normal;font-display:swap}body{font-family:SourceHanFine,SourceHanWeb,'Source Han Sans CN',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,strong,b{font-weight:100}.brand{font-family:SourceHanWeb,'Source Han Sans CN',sans-serif;font-weight:900}.brand small,.brand-studio{font-weight:100}

.introduction{display:block;padding:110px 0 88px}.intro-title{font-size:clamp(28px,3.2vw,46px);line-height:1.8;max-width:none}.intro-title span{display:block}.intro-title span:last-child{margin-top:0}.products-section{padding:0 0 100px;border-top:0}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:46px 0;border-top:1px solid var(--line)}.product-row h2{font-size:clamp(28px,3.1vw,42px);line-height:1.6}.product-row p{font-size:16px;line-height:1.9;color:var(--muted);max-width:440px}@media(max-width:640px){.introduction{padding:65px 0 50px}.intro-title{font-size:clamp(23px,6.8vw,26px);line-height:1.85}.products-section{padding-bottom:60px}.product-row{grid-template-columns:1fr;gap:15px;padding:30px 0}.product-row h2{font-size:27px}.product-row p{font-size:16px}}

/* 六项产品：每项独立一屏 */
.products-section{border:0;padding:0;margin:0;scroll-margin-top:0}.product-screen{height:100svh;min-height:0;position:relative;overflow:hidden;isolation:isolate;background:#293c33;color:var(--white)}.product-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,center) center;z-index:-2}.product-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,23,16,.76),rgba(10,23,16,.3) 28%,transparent 65%)}.product-copy{position:absolute;left:clamp(24px,7.5vw,140px);right:24px;bottom:clamp(45px,9svh,110px);max-width:660px}.product-copy h2{font-size:clamp(30px,3.6vw,54px);line-height:1.5;font-weight:100;margin:0 0 15px}.product-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.9;max-width:540px;text-wrap:pretty}.hero{min-height:0;max-height:none;height:100svh}
@media(max-width:640px){.product-copy{bottom:40px;left:24px;right:24px}.product-copy h2{font-size:clamp(26px,6.5vw,36px);margin-bottom:12px;white-space:nowrap}.product-copy p{font-size:16px;max-width:28em}.product-screen:after{background:linear-gradient(0deg,rgba(10,23,16,.83),rgba(10,23,16,.35) 32%,transparent 66%)}.product-photo>img{object-position:49% center}.hero-content{bottom:95px}}
@media(max-height:480px) and (orientation:landscape){.product-copy{bottom:22px}.product-copy h2{font-size:30px;margin-bottom:8px}.product-copy p{font-size:15px}.hero-content{bottom:45px}.hero h1{font-size:23px}.scroll-cue{bottom:15px}.site-header{padding-top:16px}}

.product-screen,.products-section{scroll-margin-top:-30px}.product-screen>picture{position:absolute;inset:0;z-index:-2}.product-screen>picture img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,center) center}@media(max-aspect-ratio:4/5){.product-song>picture img{object-position:center}}


/* 过渡文案与产品屏保持同一视口高度 */
.introduction{height:100svh;min-height:100svh;padding:0;display:flex;align-items:center;scroll-margin-top:-30px}.intro-title{margin:0;width:100%;flex-shrink:0}

/* 过渡文案与正文同字号 */
.intro-title{font-size:16px;line-height:1.85}