/* 基础排版与通用交互。响应式规则按现有级联顺序组织。 */
*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-gutter:stable}

button,input{font:inherit}

a{color:inherit;text-decoration:none}

button,a{-webkit-tap-highlight-color:transparent}

button{cursor:pointer}

img{display:block;max-width:100%;height:auto}

svg{display:block}

button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #c85836;outline-offset:5px}

p,h1,h2,h3{margin-top:0}

.skip-link{position:fixed;left:20px;top:0;transform:translateY(-150%);z-index:100;background:#ff825b;color:#141414;padding:12px 20px}

.skip-link:focus{top:15px;transform:translateY(0)}

.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;gap:24px}

.brand{display:flex;align-items:center;gap:12px}

.brand svg{width:29px;height:34px;stroke:#ff825b;stroke-width:2.5;stroke-linecap:round;flex-shrink:0}

.brand>span{font-size:28px;letter-spacing:-1px;font-weight:600;display:flex;align-items:center;gap:17px;white-space:nowrap}

.brand-cn{font-family:"Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;border-left:1px solid #ffffff40;padding-left:17px}

.navigation{display:flex;gap:36px;font-size:14px;color:#d0d2ca}

.navigation a{position:relative;padding-block:12px}

.navigation a:after{content:'';position:absolute;left:0;bottom:5px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;transition:transform .25s}

.navigation a:hover:after{transform:scaleX(1)}

.header-actions{display:flex;align-items:center;gap:18px}

.nav-download{display:flex;align-items:center;gap:24px;font-size:14px;border:1px solid #ffffff50;padding:10px 19px;border-radius:50px;white-space:nowrap;transition:background .25s,color .25s}

.nav-download:hover{background:#f3f1ec;color:#141414}

.menu-toggle{background:none;border:0;min-width:44px;height:44px;color:inherit;display:none;padding:8px}

.menu-toggle span{display:block;width:23px;height:1px;background:currentColor;margin:7px 0}

.hero{position:relative;overflow:hidden}

.hero-layout{display:grid;align-items:center;position:relative}

.hero-copy{position:relative;z-index:3;min-width:0}

.eyebrow{display:flex;align-items:center;gap:12px}

h1{margin-bottom:33px;white-space:nowrap}

.hero-actions{display:flex;align-items:center}

.button{padding:16px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:50px;border:1px solid transparent;font-size:15px;min-height:56px;transition:background .25s}

.button>span{font-size:20px;line-height:1}

.text-link{padding:8px 0;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;text-align:left;line-height:1.6;transition:color .2s}

.text-link:hover{color:#ff9e7c}

.paper-section .text-link:hover{color:#a33e23}

.platform-note{display:flex;align-items:center;gap:8px}

.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}

.scroll-cue{flex-shrink:0}

h2{margin-bottom:0}

.connection-copy p{margin-top:0}

.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}

.back-top{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px}

.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}

.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}

.close-dialog{color:inherit;flex-shrink:0}

.close-dialog:hover{background:#22232112}

.guide-steps li::marker{color:#a33e23}

/* 当前官网视觉。 */
:root{--line:#ffffff24;--font:"Bahnschrift","Segoe UI","Microsoft YaHei",sans-serif;--v3-black:#141414;--v3-paper:#f3f1ec;--v3-ink:#222321;--v3-accent:#ff825b;--v3-muted:#93938e;--v3-paper-line:#22232126;--v3-display:"Bahnschrift","Segoe UI","Microsoft YaHei",sans-serif}

body{margin:0;font-size:16px;line-height:1.7;background:var(--v3-black);color:var(--v3-paper);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}

.header{height:104px;margin-inline:56px}
.brand>span{font-family:var(--v3-display)}
.brand-cn{display:inline}
.navigation a:after{background:var(--v3-accent)}

.container{margin-inline:auto;width:min(1344px,calc(100% - 112px))}

.hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:644px}
.hero-copy{padding-block:78px 67px}
.eyebrow{font-size:12px;letter-spacing:1.2px;color:#b7b7b0;margin-bottom:32px}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--v3-accent);border-radius:50%}
h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(55px,5.55vw,84px);font-weight:500;line-height:1.31;letter-spacing:-.065em}
.voice-word{position:relative}
.voice-word svg{position:absolute;left:1%;bottom:-15px;width:100%;height:20px;fill:none;stroke:var(--v3-accent);stroke-width:1.7;overflow:visible}
.hero-description{font-size:16px;line-height:1.95;color:#a7a7a1;margin-top:39px}
.hero-actions{margin-top:33px;gap:28px}
.button-accent{background:var(--v3-accent);color:var(--v3-black)}
.button-accent:hover{background:#ff9e7c}
.text-link{border-bottom-color:#ffffff50;font-size:14px}
.paper-section .text-link{border-bottom-color:#22232155}
.platform-note{margin-top:37px;color:#a1a19a;font-size:12px}
.platform-note svg{width:11px;height:11px;fill:currentColor}

.voice-art{position:relative;height:560px;margin-left:-80px;margin-right:-27px;align-self:center}
.art-top,.art-bottom{position:absolute;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.5px;color:#aaa9a2;left:14%;right:4%}
.art-top{top:26px}
.art-plus{font-size:21px;color:var(--v3-accent)}
.art-bottom{bottom:16px}
.art-bottom button{min-height:44px;font-size:12px;display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0 8px 12px;color:#b2b2ab}
.motion-icon{color:var(--v3-accent)}
.voice-art-field{position:absolute;inset:0}
.voice-art-field svg{width:100%;height:100%;overflow:visible;transform:rotate(-8deg)}
.art-axis{position:absolute;top:15%;bottom:14%;left:57%;width:1px;background:linear-gradient(transparent,#ff825b50,transparent)}
.art-axis:before,.art-axis:after{content:"+";color:var(--v3-accent);font:13px var(--v3-display);position:absolute;left:-3px}
.art-axis:before{top:0}
.art-axis:after{bottom:0}
.art-marker{position:absolute;right:10%;bottom:18%;color:#c8c4b9;font:11px var(--v3-display);letter-spacing:1px}
.hero-bottom{min-height:113px;border-top:1px solid var(--line)}
.hero-signature{font-size:12px;line-height:1.9;color:#a1a19a}
.hero-signature strong{font-weight:400;color:#c6c5bc}
.hero-route{display:flex;align-items:center;gap:30px;font-size:13px;color:#c7c6bf}
.hero-route span{display:flex;align-items:center;gap:12px}
.hero-route b{font:12px var(--v3-display);color:var(--v3-accent)}
.hero-route i{font-style:normal;color:#666}
.scroll-cue{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff40;border-radius:50%}

.paper-section{background:var(--v3-paper);color:var(--v3-ink)}
.section-space{padding-block:95px 110px}
.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;letter-spacing:1.5px;padding-bottom:24px;border-bottom:1px solid var(--v3-paper-line);color:#787970}
.section-kicker>span:first-child{display:flex;gap:17px;align-items:center;font-size:12px;letter-spacing:1px}
.section-kicker b{font:12px var(--v3-display);color:#8b8b81}
.section-kicker>span:last-child{font:12px var(--v3-display);letter-spacing:1.5px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-block:44px 50px}
h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(36px,3.5vw,52px);font-weight:500;line-height:1.4;letter-spacing:-.045em}
.muted{color:var(--v3-muted)}
.paper-section .muted{color:#82847b}
.section-heading>p{color:#62645b;font-size:16px;line-height:1.95}
.journey-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:78px;align-items:center}
.journey-tab{width:100%;display:flex;align-items:flex-start;text-align:left;gap:21px;background:none;border:0;border-bottom:1px solid var(--v3-paper-line);padding:26px 0;color:inherit}
.journey-tab:first-child{border-top:1px solid var(--v3-paper-line)}
.tab-number{padding-top:7px;font:12px var(--v3-display);color:#8d8d83}
.journey-tab strong{font-size:21px;font-weight:400;display:block;color:#6b6d63;text-wrap:balance}
.journey-tab small{display:block;color:#62645b;font-size:14px;margin-top:7px}
.tab-arrow{margin-left:auto;font-size:23px;color:#a6a69b}
.journey-tab[aria-selected=true] strong,.journey-tab:hover strong{color:var(--v3-ink)}
.journey-tab[aria-selected=true] .tab-number,.journey-tab[aria-selected=true] .tab-arrow{color:#cd593a}
.journey-panel{background:#e9e7df;padding:25px 31px 20px;border:1px solid #22232116;min-height:435px;position:relative;overflow:hidden}
.panel-topline,.panel-bottomline{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#63655c;font:12px/1.6 var(--v3-display);letter-spacing:.5px}
.panel-bottomline{border-top:1px solid #22232124;padding-top:15px;margin-top:23px;font:12px/1.6 var(--font);letter-spacing:0}
.scene-visual{height:211px;position:relative;margin-block:9px 13px}
.scene{position:absolute;inset:0;display:none}
.journey-panel[data-scene="0"] .voice-scene{display:flex}
.journey-panel[data-scene="1"] .tracks-scene{display:flex}
.journey-panel[data-scene="2"] .arrival-scene{display:flex}
.voice-scene{align-items:center;gap:18px}
.voice-sample{flex:1;min-width:0;font-size:12px;color:#63655c}
.voice-sample>span{display:block;margin-bottom:16px}
.waveform{display:flex;align-items:center;gap:3px;height:59px;overflow:hidden}
.waveform i{display:block;min-width:0;flex:1;width:3px;max-width:4px;height:var(--height,50%);background:currentColor;border-radius:1px}
.voice-sample .waveform{color:#afada0}
.sample-duration{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#63655c}
.sample-duration strong{font-family:var(--v3-display);font-size:17px;font-weight:500;color:#a33e23}
.voice-orbit{position:relative;width:171px;height:171px;display:grid;place-items:center;flex-shrink:0}
.voice-orbit>span:not(.voice-result){border:1px solid #5f625827;border-radius:50%;position:absolute;inset:0}
.voice-orbit>span:nth-child(2){inset:17px}
.voice-orbit>span:nth-child(3){inset:33px}
.voice-seal{width:71px;height:71px;border-radius:50%;background:var(--v3-accent);display:grid;place-items:center}
.voice-seal svg{width:34px;height:34px;stroke:#3a3a30;stroke-width:1.6;fill:none;stroke-linecap:round}
.voice-result{position:absolute;bottom:-21px;left:0;right:0;text-align:center;font-size:12px;color:#63655c}
.scene-caption h3{font-size:18px;font-weight:500;line-height:1.5;margin-bottom:10px}
.scene-caption>p{font-size:16px;color:#62645b;line-height:1.85;min-height:90px;margin-bottom:0}
.tracks-scene{flex-direction:column;gap:11px;justify-content:center;padding-inline:6px}
.track-row{display:flex;align-items:center;gap:17px;padding:0 12px;height:34px;background:#dcdcd2;color:#939789}
.track-row>span{width:55px;font-size:12px;flex-shrink:0}
.track-row .waveform{flex:1;min-width:0;height:28px;display:block}
.track-row .waveform svg{width:100%;height:100%;display:block}
.track-row.active{background:#e9cabb;color:#b96847}
.track-row.active>span{color:#985234}
.track-playhead{width:1px;height:177px;background:#555b49;position:absolute;left:65%;top:17px}

.studio{padding-bottom:99px}
.studio-explorer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:60px;align-items:center}
.experience-canvas{height:510px;position:relative;overflow:hidden;background:#242624;color:var(--v3-paper);padding:24px 28px 20px}
.experience-topline,.experience-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2;color:#b8b9af;font:12px/1.6 var(--v3-display);letter-spacing:1px}
.experience-bottomline{position:absolute;bottom:20px;left:28px;right:28px;font:12px/1.6 var(--font);letter-spacing:0}
.experience-scene{position:absolute;inset:60px 24px;display:none}
.experience-canvas[data-feature=modes] .mode-art{display:flex}
.experience-canvas[data-feature=mix] .mix-art{display:flex}
.experience-canvas[data-feature=lyrics] .lyric-art{display:flex}
.lyric-art{flex-direction:column;justify-content:center;gap:20px;padding-left:29px}
.lyric-art>span{font-size:11px;letter-spacing:3px;color:#a5aa9a}
.lyric-art p{font-size:17px;color:#666f61}
.lyric-art strong{font-size:clamp(30px,3.6vw,51px);line-height:1.35;font-weight:400;letter-spacing:-2px}
.lyric-art em{color:var(--v3-accent);font-style:normal}
.lyric-line{height:2px;background:linear-gradient(to right,var(--v3-accent) 64%,#ffffff1f 64%);margin-top:13px;margin-right:30px}
.explorer-label{display:flex;gap:9px;align-items:center;font-size:14px;color:#62645b;margin-bottom:20px}
.feature-button{display:flex;width:100%;align-items:center;gap:13px;border:0;border-bottom:1px solid var(--v3-paper-line);background:none;padding:19px 0;text-align:left;font-size:16px;color:#62645b}
.feature-button>span{font:12px var(--v3-display)}
.feature-button>i{font-style:normal;margin-left:auto;color:#a5a79a}
.feature-button[aria-pressed=true]{color:var(--v3-ink)}
.feature-button[aria-pressed=true]>span,.feature-button[aria-pressed=true]>i{color:#c26545}
.feature-description{padding-block:28px 24px;min-height:189px}
.feature-description>span{font-size:12px;color:#62645b;letter-spacing:1px}
.feature-description h3{margin-block:10px 12px;font-size:22px;font-weight:400}
.feature-description p{font-size:16px;line-height:1.9;color:#62645b}
.studio-underbar{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:#62645b;font-size:14px}

.connection{background:var(--v3-black);color:var(--v3-paper)}
.connection .section-kicker{border-color:var(--line);color:#aaa99f}
.connection-layout{display:grid;grid-template-columns:1fr .9fr;gap:95px;align-items:center;margin-top:58px}
.outline-pill{display:inline-block;border:1px solid #ffffff35;border-radius:50px;padding:6px 13px;font:12px var(--v3-display);letter-spacing:.8px;margin-bottom:30px}
.connection h2{font-size:clamp(33px,3.2vw,47px)}
.connection-copy>p{color:#b4b6ab;font-size:16px;line-height:2;margin-block:27px 23px}
.connection-art{padding-inline:20px}
.connection-route{display:flex;align-items:center;gap:15px;font-size:12px;color:#979d8b;margin-bottom:26px}
.route-line{height:1px;background:#ffffff2b;flex:1}
.plugin-frame{max-width:350px;margin-inline:auto;padding:18px 19px 21px;background:#f0f0e9;border:1px solid #fffffff0;border-radius:10px;box-shadow:0 25px 60px #0005;transform:rotate(-3deg)}
.plugin-frame img{width:100%;border-radius:5px}
.plugin-index{display:block;font:8px var(--v3-display);letter-spacing:1px;margin-bottom:13px;color:#7b8470}
.plugin-caption{display:block;text-align:center;margin-top:24px;font-size:12px;color:#a8ada0}

.help-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:105px}
.help-heading .section-kicker{border-bottom:0;padding-bottom:33px}
.help-heading h2{font-size:clamp(34px,3vw,46px)}
.help-heading .text-link{margin-top:27px}
.faq-list details{border-bottom:1px solid var(--v3-paper-line)}
.faq-list details:first-child{border-top:1px solid var(--v3-paper-line)}
.faq-list summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;padding-block:24px;font-size:16px;color:var(--v3-ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font:12px var(--v3-display);color:#62645b}
.faq-list summary>i{width:12px;height:12px;position:relative;margin-left:auto}
.faq-list summary>i:before,.faq-list summary>i:after{content:'';position:absolute;background:#777e6a;width:10px;height:1px;left:1px;top:5px}
.faq-list summary>i:after{transform:rotate(90deg)}
.faq-list details[open] summary>i:after{transform:rotate(0)}
.faq-list details>p{color:#62645b;font-size:16px;line-height:1.9;margin:0;padding:0 22px 24px 28px;max-width:560px}
.faq-list details[open] summary{color:#a33e23}
.download{color:#302c23;background:var(--v3-accent);padding-block:37px 67px}
.download-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #352b2038;padding-bottom:27px;letter-spacing:.8px}
.download-layout{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-top:40px}
.download h2{font-size:clamp(47px,5vw,73px);letter-spacing:-.05em}
.download h2 span{color:#fff2d9}
.download-info{width:320px}
.download-status{font-size:14px;border-bottom:1px solid #342b2238;padding-bottom:6px}
.download-info>p{font-size:16px;margin-block:16px 23px}
.download-button:hover{background:#343630;border-color:#343630}
.download-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border:1px solid #322e23;border-radius:50px;color:#f3f1ec;background:#222321;font-size:14px;transition:background .2s,border-color .2s}
.download-info small{display:block;margin-top:12px;font-size:12px;color:#57392c}
.footer{padding-block:37px 24px}
.footer-wordmark{font:500 clamp(80px,15.4vw,218px)/1.05 var(--v3-display);letter-spacing:-.065em;display:flex;justify-content:space-between;padding-block:40px 33px;color:#d8dcd1}
.footer-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:#a8ada0}

.dialog-open{overflow:hidden}
dialog{color:var(--v3-ink);background:var(--v3-paper);border:1px solid #ffffff50;padding:25px;max-height:90vh;max-height:90dvh;box-shadow:0 30px 100px #0008}
dialog::backdrop{background:#10140deb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.guide-dialog{width:min(600px,calc(100% - 40px));padding:30px}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.dialog-top h2{font-size:21px}
.close-dialog{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #303b252f;background:none;font-size:27px}
.dialog-note{margin-top:16px;color:#62645b;font-size:14px}
.guide-steps{padding-left:25px;margin-block:25px}
.guide-steps li{padding-left:10px;margin-bottom:22px}
.guide-steps h3{font-size:16px;font-weight:500;margin-bottom:6px}
.guide-steps p{font-size:16px;line-height:1.9;color:#62645b}

@media(max-width:1100px){.container{width:calc(100% - 72px)}
.header{margin-inline:36px;height:90px}
.hero-layout{min-height:600px}
.hero-copy{padding-block:64px}
h1{font-size:6vw}
.voice-art{height:490px;margin-left:-55px;margin-right:-15px}
.journey-layout{gap:45px}
.studio-explorer{gap:35px}
.experience-canvas{height:470px}
.connection-layout{gap:50px}
.help-layout{gap:60px}
}

@media(max-width:800px){.container{width:calc(100% - 48px)}
.header{margin-inline:24px}
.navigation{gap:19px;font-size:12px}
.hero-layout{grid-template-columns:1fr 1fr;min-height:520px}
.hero-copy{padding-block:50px}
h1{font-size:6vw}
.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}
.hero-actions .text-link{display:none}
.voice-art{height:405px;margin-left:-30px}
.hero-route{gap:15px;font-size:11px}
.journey-layout{gap:28px}
.journey-tab strong{font-size:17px}
.journey-panel{padding-inline:20px}
.voice-orbit{width:130px;height:130px}
.studio-explorer{grid-template-columns:1.1fr .9fr;gap:26px}
.experience-canvas{height:455px}
.connection-layout{gap:30px;grid-template-columns:1fr 1fr}
.help-layout{gap:34px}
.download-layout{gap:40px}
.download-info{width:275px}
}

@media(max-width:700px){.container{width:calc(100% - 40px)}
.header{height:79px;margin-inline:20px}
.brand>span{font-size:23px}
.navigation.is-open{display:flex;position:absolute;left:-20px;right:-20px;top:78px;background:#1d1e1a;padding:25px 20px;justify-content:space-between}
.menu-toggle{display:block;width:37px}
.navigation{display:none}
.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.hero-copy{padding-block:49px 0}
.eyebrow{font-size:12px;margin-bottom:27px}
h1{font-size:clamp(43px,10.7vw,63px);line-height:1.28}
.hero-description{margin-top:32px;font-size:16px}
.hero-actions{flex-direction:row;align-items:center;margin-top:26px;gap:24px}
.hero-actions .text-link{display:inline-flex;font-size:14px}
.button{font-size:14px;min-height:48px;padding:12px 18px;gap:20px}
.platform-note{margin-top:23px}
.voice-art{width:100%;height:323px;margin-inline:0;margin-top:12px;align-self:stretch}
.art-top{top:14px;left:7%;right:7%}
.art-bottom{bottom:4px;left:7%;right:7%}
.hero-bottom{min-height:79px}
.hero-signature{display:none}
.hero-route{gap:12px;font-size:12px}
.hero-route span{display:block}
.hero-route b{display:block;margin-bottom:5px}
.scroll-cue{width:30px;height:30px}
.section-space{padding-block:54px 64px}
.section-heading{display:block;margin-block:28px 30px}
h2{font-size:34px}
.section-heading>p{margin-top:22px;font-size:16px}
.journey-layout{display:flex;flex-direction:column;gap:23px}
.journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.journey-tab,.journey-tab:first-child{display:block;padding:0 0 15px;border-top:0}
.tab-number{display:block;padding:0;margin-bottom:9px}
.journey-tab strong{font-size:14px}
.journey-tab small{display:none}
.journey-panel{min-height:405px;padding:21px 20px 18px}
.scene-visual{height:203px}
.voice-orbit{width:150px;height:150px}
.voice-sample{max-width:110px}
.scene-caption h3{font-size:16px}
.studio-explorer{display:flex;flex-direction:column;align-items:stretch;gap:29px}
.experience-canvas{height:440px;padding:20px}
.experience-scene{inset:47px 15px 53px}
.feature-list{display:flex;gap:15px}
.feature-button{display:block;padding:0 0 13px;font-size:14px;white-space:nowrap}
.feature-button>span{display:block;margin-bottom:6px}
.feature-button>i{display:none}
.feature-description{min-height:160px;padding-block:22px 20px}
.feature-description h3{font-size:23px}
.feature-description p{font-size:16px}
.studio-underbar{margin-top:30px;padding-top:20px;border-top:1px solid var(--v3-paper-line)}
.studio-underbar>span{display:none}
.connection-layout{grid-template-columns:1fr;gap:37px;margin-top:29px}
.connection h2{font-size:34px}
.connection-copy>p{font-size:16px}
.connection-art{padding-inline:12px}
.plugin-frame{max-width:285px}
.help-layout{grid-template-columns:1fr;gap:33px}
.help-heading h2{font-size:34px}
.faq-list summary{font-size:16px}
.faq-list details>p{font-size:16px}
.download-layout{display:block;margin-top:30px}
.download h2{font-size:46px}
.download-info{width:100%;margin-top:30px}
.footer-wordmark{font-size:16vw}
.footer-bottom{flex-wrap:wrap;font-size:12px}
}

@media(max-width:700px){.brand>span{display:block;white-space:nowrap}
.brand-cn{display:none}
.nav-download{white-space:nowrap;flex-shrink:0}
.header-actions{flex-shrink:0}
}

@media(max-width:700px){
  .voice-scene{gap:8px}

  .voice-orbit{width:118px;height:118px}

  .voice-result{bottom:-24px;font-size:12px}

  .voice-sample{max-width:88px}

  .feature-list{gap:10px}

  .feature-button{width:auto;min-width:0;flex:1 1 0;white-space:normal;line-height:1.55}

}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}
}

#voice-lines path{vector-effect:non-scaling-stroke;stroke-width:1.15;mix-blend-mode:screen}

#voice-field{will-change:transform}

#voice-lines{transform-box:fill-box;transform-origin:center;animation:voice-drift 4.8s cubic-bezier(.45,.05,.55,.95) infinite alternate}

.voice-art.is-paused #voice-lines{animation-play-state:paused}

@keyframes voice-drift{
  0%{transform:translate(-46px,16px) scale(.92,.72) rotate(-2deg)}

  47%{transform:translate(34px,-21px) scale(1.08,1.28) rotate(2.2deg)}

  100%{transform:translate(-18px,12px) scale(.96,.84) rotate(-1deg)}

}

/* 边界尺寸、触控与内容自适应。 */
.hero-layout>*{min-width:0}

.journey-panel,.explorer-details{min-width:0}

.panel-topline>span:last-child,.panel-bottomline>span:last-child{flex-shrink:0}

.feature-description{min-height:220px}

.lyric-art p{color:#a5aa9a;margin:0}

.connection-route{color:#b4b6ab}

.close-dialog{width:44px;height:44px}

@media(max-width:1100px){.brand-cn{display:none}
.header{gap:16px}
.navigation{gap:24px}
.header-actions{gap:8px}
.hero-actions{gap:20px}
.button{gap:20px}
}

@media(min-width:701px) and (max-width:900px){.journey-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
.journey-tab{gap:12px}
.journey-tab strong{font-size:18px}
.scene-visual{height:210px}
.voice-orbit{width:118px;height:118px}
.voice-result{bottom:-22px}
.panel-topline{flex-wrap:wrap;gap:4px}
.studio-explorer{grid-template-columns:1fr;gap:32px}
.feature-list{display:flex;gap:24px}
.feature-button{flex:1}
.feature-description{min-height:0}
.help-layout{grid-template-columns:1fr;gap:36px}
.experience-canvas{height:480px}
}

@media(max-width:700px){
  .header{gap:10px}
.header-actions{gap:6px}
.nav-download{padding:9px 13px;gap:12px}
.brand{gap:8px}
.brand svg{width:25px}

  .menu-toggle{display:block}
.navigation.is-open{gap:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0004}

  .hero-actions{gap:20px;flex-wrap:wrap}
.hero-copy{width:100%}

  .hero-bottom{gap:12px}
.hero-route{flex:1;justify-content:space-between}
.hero-route b{font-size:12px}

  .section-kicker{gap:12px;letter-spacing:0}
.section-kicker>span:last-child{letter-spacing:.4px;font-size:12px}

  .journey-tabs{gap:12px}
.tab-arrow{display:none}
.journey-tab strong{line-height:1.7}

  .panel-topline{flex-wrap:wrap;gap:4px}
.panel-bottomline{flex-wrap:wrap;gap:4px;font-size:12px}

  .voice-scene{justify-content:space-between;padding-bottom:18px}
.voice-sample{max-width:none}
.voice-orbit{margin-left:12px}

  .scene-caption h3{font-size:18px}
.scene-caption>p{min-height:120px}

  .experience-canvas{width:100%;height:435px}
.experience-topline{font-size:11px;gap:12px}
.experience-bottomline{left:20px;right:20px;gap:12px;font-size:12px}

  .experience-bottomline>span:last-child{white-space:nowrap}

  .feature-description{min-height:210px}
.studio-underbar{font-size:14px}

  .connection-layout{margin-top:32px}
.help-heading .section-kicker{padding-bottom:24px}

  .faq-list summary{gap:12px;line-height:1.7}
.faq-list details>p{padding-left:26px;padding-right:0}

  .download-top{gap:16px;flex-wrap:wrap}
.footer-wordmark{padding-block:30px}

  .footer-top .brand-cn{display:none}
.footer-bottom{gap:10px}
.footer-bottom nav{gap:24px;width:100%}
.guide-dialog{padding:20px}
.dialog-top h2{font-size:20px}

}

@media(max-width:380px){
  .header,.container{margin-inline:16px}
.container{width:calc(100% - 32px)}
.header{gap:6px}
.brand>span{font-size:21px}
.brand svg{width:21px}
.nav-download{font-size:12px;padding-inline:10px}
.nav-download>span{display:none}
.header-actions{gap:2px}

  .navigation.is-open{left:-16px;right:-16px;padding-inline:16px}
.hero-actions{gap:12px}
.hero-actions .text-link{font-size:13px}
.button{font-size:13px;gap:12px;padding-inline:16px}

  .hero-route{font-size:11px;gap:8px}
.hero-route i{font-size:10px}
.scroll-cue{width:28px;height:28px}

  .section-kicker>span:last-child{font-size:10px}
.section-kicker>span:first-child{gap:8px}
.journey-panel{padding-inline:16px}

  .voice-orbit{width:104px;height:104px}
.experience-topline{font-size:10px}
.experience-bottomline{font-size:11px}

  .lyric-art{padding-left:8px}
.feature-list{gap:8px}
.feature-button{font-size:13px}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

/* 导航：品牌、居中章节与发布入口各自保持稳定位置。 */
html{scroll-padding-top:112px}
.header{position:sticky;top:0;z-index:50;display:block;height:auto;margin:0;padding:0;background:#141414f5;border-bottom:1px solid #ffffff20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.header[data-scrolled=true]{box-shadow:0 6px 22px #00000018;border-bottom-color:#ffffff30}
.header-inner{height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px}
.header .brand{justify-self:start}
.header .brand>span{font-size:26px}
.header .brand-cn{font-size:13px;color:#b8b6ae;border-left-color:#ffffff2b}
.header .navigation{display:flex;align-items:center;gap:34px;font-size:15px;line-height:22px;letter-spacing:.2px}
.header .navigation a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;color:#cbc9c1;white-space:nowrap;transition:color .2s}
.header .navigation a:hover,.header .navigation a:focus-visible{color:#f5f3ed}
.header .navigation a[aria-current=location]{color:#ff9a77}
.header .navigation a:after{bottom:4px;background:#ffffff60;transition:transform .2s,background-color .2s}
.header .navigation a[aria-current=location]:after{transform:scaleX(1);background:#ff825b}
.header .header-actions{justify-self:end;gap:12px}
.header .nav-download{min-height:44px;padding:10px 18px;font-size:14px;line-height:22px;gap:18px;color:#dddcd5;background:#ffffff03;border-color:#ffffff32;transition:color .2s,background-color .2s,border-color .2s}
.header .nav-download:hover{color:#f5f3ed;background:#ffffff0c;border-color:#ffffff70}
.header .nav-download[aria-current=location]{border-color:#ff825b;color:#ff9a77}
.header .menu-toggle{display:none}
@media(max-width:1100px){
  .header-inner{gap:20px}
  .header .navigation{gap:26px}
}
@media(max-width:900px){
  html{scroll-padding-top:96px}
  .header-inner{height:72px;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:calc(100% - 48px)}
  .header .brand-cn{display:none}
  .header .menu-toggle{display:block;position:relative;width:44px;padding:0;border:1px solid #ffffff30;border-radius:50%}
  .header .menu-toggle span{position:absolute;left:11px;width:20px;margin:0;transition:transform .2s,top .2s}
  .header .menu-toggle span:first-child{top:17px}
  .header .menu-toggle span:last-child{top:25px}
  .header .menu-toggle[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
  .header .menu-toggle[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
  .header .navigation{display:none}
  .header .navigation.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;top:100%;left:0;right:0;gap:8px 24px;padding:16px 24px 22px;background:#191919;border-bottom:1px solid #ffffff26;box-shadow:0 16px 28px #0003;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto}
  .header .navigation a{padding:14px 8px;min-height:48px}
  .header .navigation a:after{left:8px;width:calc(100% - 16px);bottom:4px}
}
@media(max-width:700px){
  .header-inner{width:calc(100% - 40px)}
  .header .brand>span{font-size:23px}
  .header .brand svg{width:24px}
  .header .header-actions{gap:9px}
  .header .nav-download{padding:9px 13px;gap:12px;font-size:13px}
}
@media(max-width:380px){
  .header-inner{width:calc(100% - 32px);gap:8px}
  .header .brand{gap:7px}
  .header .brand>span{font-size:20px}
  .header .brand svg{width:20px}
  .header .header-actions{gap:7px}
  .header .nav-download{font-size:13px;padding-inline:10px}
  .header .navigation.is-open{padding-inline:16px}
}

/* 创作过程：个人干声经训练形成模型，再用于歌曲制作。 */
.section-heading>p{max-width:30em;text-wrap:pretty}
.scene-caption h3,.feature-description h3{font-weight:500;text-wrap:balance}
.scene-caption>p,.feature-description p,.connection-copy>p,.faq-list details>p{line-height:1.9;text-wrap:pretty;line-break:strict}
.journey-tab strong{font-weight:500}
.journey-tab small{line-height:1.8;max-width:18em}
.voice-sample .waveform{display:block;height:56px;color:#7d8273}
.voice-sample .waveform svg{display:block;width:100%;height:100%}
.training-connection{flex:0 0 64px;position:relative;height:1px;background:#a7a99c;margin-inline:4px}
.training-connection>span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#63655c}
.training-connection i{position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #7d8273;border-right:1px solid #7d8273;transform:rotate(45deg)}
.sample-duration{margin-top:9px}
.voice-sample>span{margin-bottom:9px}
.voice-result{white-space:nowrap}
.panel-bottomline{gap:12px;flex-wrap:wrap}
.panel-bottomline>span:first-child{text-wrap:pretty}
@media(min-width:701px) and (max-width:1000px){
  .training-connection{flex-basis:32px;margin-inline:0}
  .voice-scene{gap:12px}
  .voice-orbit{width:110px;height:110px}
}
@media(max-width:700px){
  .training-connection{flex-basis:28px;margin-inline:0}
  .training-connection>span{font-size:11px;bottom:10px}
  .voice-scene{gap:10px}
  .voice-orbit{margin-left:0;width:112px;height:112px}
  .voice-sample>span{font-size:12px}
  .sample-duration{max-width:11em;text-wrap:balance}
  .scene-caption h3{font-size:19px}
}
@media(max-width:380px){
  .voice-orbit{width:90px;height:90px}
  .voice-seal{width:57px;height:57px}
  .voice-orbit>span:nth-child(2){inset:12px}
  .voice-orbit>span:nth-child(3){inset:24px}
  .training-connection{flex-basis:20px}
  .training-connection>span{font-size:10px}
  .voice-result{font-size:11px}
  .voice-scene{gap:8px}
}

/* 演唱功能导览：沿用概念海报与说明的双栏结构。 */
.studio .section-heading{align-items:center;margin-block:32px 36px}
.studio h2{font-size:clamp(30px,2.8vw,40px);text-wrap:balance}
.studio .section-heading>p{font-size:15px;margin:0}
.studio-explorer{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px}
.experience-canvas{height:420px}
.lyric-art{gap:12px}
.lyric-art strong{font-size:clamp(28px,3vw,40px)}
.feature-button{padding-block:15px}
.feature-description{min-height:172px;padding-block:22px 0}
.feature-description p{margin-bottom:0;max-width:28em}
.studio-underbar{margin-top:16px}
.plugin-index{font:12px/1.5 var(--font);letter-spacing:.3px}
@media(min-width:701px) and (max-width:900px){
  .studio-explorer{grid-template-columns:1fr;gap:28px}
  .experience-canvas{height:400px}
  .studio .section-heading{align-items:flex-start;gap:28px}
}
@media(max-width:700px){
  .studio .section-heading{margin-block:28px}
  .studio .section-heading>p{margin-top:16px;font-size:16px}
  .studio-explorer{gap:24px}
  .experience-canvas{height:370px}
  .feature-button{padding-block:0 12px}
  .feature-description{min-height:178px;padding-block:20px 0}
  .feature-description h3{font-size:22px}
  .experience-topline{letter-spacing:.5px}
  .lyric-art strong{font-size:32px}
  .lyric-art{padding-left:12px;gap:12px}
  .lyric-art p{font-size:15px}
  .studio-underbar{padding-top:12px;margin-top:14px}
}
@media(max-width:380px){
  .experience-bottomline{font-size:10px}
}

/* 演唱模式与独立音量的概念示意，使用连续波形并保持画面静稳。 */
.mode-art,.mix-art{flex-direction:column;justify-content:center;padding:0 20px}
.concept-overline{font-size:12px;letter-spacing:1px;color:#b8b9af}
.mode-expression{position:relative;padding:14px 0 18px}
.mode-expression>strong{position:relative;z-index:1;display:block;font-size:clamp(54px,5.4vw,78px);line-height:1.25;font-weight:400;letter-spacing:-4px}
.mode-expression>strong>span{color:var(--v3-accent)}
.concept-wave svg{width:100%;height:100%}
.mode-expression .concept-wave{position:absolute;inset:15px 0 15px 25%;color:#ff825b;opacity:.16}
.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;max-width:330px}
.mode-options>span{font-size:13px;padding:6px 0;border-bottom:1px solid #ffffff20;color:#b8b9af}
.mode-options>.mode-highlight{color:#ff9a77;border-bottom-color:#ff825b99}
.mode-note{font-size:12px;color:#b8b9af;margin-top:16px}
.mix-art{gap:18px}
.mix-art>.concept-overline{margin-bottom:2px}
.mix-track{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:22px}
.mix-label>span{font-size:14px;display:block;color:#e3e3da}
.mix-label>small{font:10px/1.6 var(--font);letter-spacing:1px;color:#b8b9af}
.mix-signal{min-width:0}
.mix-signal .concept-wave{height:38px;color:#b6beaa;opacity:.85}
.mix-track:nth-child(2) .concept-wave{color:#ff9671}
.mix-level{height:1px;margin-block:8px;background:#ffffff24;position:relative}
.mix-level:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--level);background:#b6beaa}
.mix-level>i{position:absolute;top:-4px;left:var(--level);width:3px;height:9px;transform:translateX(-50%);background:#e7e8df}
.mix-track:nth-child(2) .mix-level:before,.mix-track:nth-child(2) .mix-level>i{background:#ff9671}
.studio .feature-description{min-height:208px}
.hero-description{text-wrap:pretty}
@media(max-width:1100px){
  .mode-art,.mix-art{padding-inline:8px}
  .mix-track{gap:14px}
}
@media(min-width:701px) and (max-width:900px){
  .mode-art,.mix-art{padding-inline:36px}
  .mode-expression>strong{font-size:72px}
  .mode-options{max-width:400px}
  .studio .feature-description{min-height:160px}
}
@media(max-width:700px){
  .mode-art,.mix-art{padding-inline:8px}
  .mode-expression{padding-block:12px 15px}
  .mode-expression>strong{font-size:62px}
  .mode-options{gap:6px 20px}
  .mode-note{margin-top:12px}
  .mix-art{gap:16px}
  .mix-track{grid-template-columns:66px minmax(0,1fr);gap:14px}
  .mix-label>span{font-size:13px}
  .mix-signal .concept-wave{height:32px}
  .studio .feature-description{min-height:214px}
  .lyric-art>span{letter-spacing:.5px}
  .experience-bottomline{gap:8px;align-items:flex-end}
}
@media(max-width:380px){
  .mode-expression>strong{font-size:54px}
  .mode-options>span{font-size:12px}
  .concept-overline{font-size:11px;letter-spacing:.5px}
  .studio .feature-description{min-height:244px}
}

/* 入门指南：品牌引言与四步流程分栏，窄屏按阅读顺序排列。 */
.guide-dialog{width:min(960px,calc(100% - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #ffffff24;border-radius:4px;background:var(--v3-paper);box-shadow:0 32px 100px #0006;overscroll-behavior:contain}
.guide-dialog::backdrop{background:#0d100fba;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.guide-toolbar{position:sticky;top:0;height:0;z-index:5}
.guide-dialog:focus{outline:none}
.guide-dialog .close-dialog{-webkit-appearance:none;appearance:none;position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;line-height:1;border-radius:50%;background:var(--v3-paper);border-color:#22232124;color:#55564e;transition:background .2s,color .2s}
.guide-dialog .close-dialog:hover{background:#e6e3db;color:#222321}
.guide-dialog .close-dialog svg{display:block;flex:none;width:20px;height:20px;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.guide-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.guide-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:38px;padding:42px 34px 32px;background:#222521;color:#f3f1ec;overflow:hidden}
.guide-eyebrow{font:11px/1.6 var(--font);letter-spacing:1.5px;margin:0 0 32px;color:#d0d0c6}
.guide-eyebrow>span{color:#a7ab9f;letter-spacing:1px}
.guide-intro h2{font-size:clamp(28px,3vw,37px);font-weight:400;line-height:1.55;letter-spacing:-1px;white-space:nowrap}
.guide-intro h2 span{color:#ff9671}
.guide-lead{margin:22px 0 0;font-size:14px;line-height:1.9;color:#b9beb1}
.guide-voice{margin-block:12px 28px}
.guide-voice .concept-wave{height:78px;color:#ff9875}
.guide-voice-label{display:flex;justify-content:space-between;margin-top:22px;padding-top:14px;border-top:1px solid #ffffff24;font:11px/1.6 var(--font);color:#b9beb1}
.guide-intro-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:11px;color:#c1c5b9;white-space:nowrap}
.guide-intro-note i{font-style:normal;color:#ff9671}
.guide-main{padding:32px 38px 24px;min-width:0}
.guide-heading{padding-right:25px}
.guide-heading .guide-eyebrow{margin-bottom:8px;color:#77796e;letter-spacing:2px}
.guide-heading h3{font-size:25px;line-height:1.5;font-weight:500;letter-spacing:-.5px;margin:0}
.guide-dialog .guide-steps{list-style:none;margin:20px 0 0;padding:0}
.guide-dialog .guide-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:14px 0;margin:0;border-top:1px solid var(--v3-paper-line)}
.guide-step-number{font:400 22px/1.4 var(--font);letter-spacing:-1px;color:#a15a40}
.guide-steps h4{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin:0 0 7px;font-size:17px;line-height:1.5;font-weight:500;color:var(--v3-ink)}
.guide-duration{font-size:11px;line-height:1.7;font-weight:400;padding:2px 7px;background:#e9ded1;color:#83523a;white-space:nowrap}
.guide-dialog .guide-steps p{font-size:14px;line-height:1.75;color:#676a60;margin:0;text-wrap:pretty}
.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--v3-paper-line);padding-top:19px}
.guide-footer p{font-size:11px;line-height:1.8;color:#77796e;margin:0}
.guide-done{display:flex;align-items:center;justify-content:space-between;gap:23px;flex-shrink:0;border:1px solid #222521;background:#222521;color:#f3f1ec;padding:10px 16px;min-height:44px;border-radius:30px;font-size:12px;transition:background .2s}
.guide-done:hover{background:#3b4037}
@media(max-width:760px){
  .guide-dialog{width:calc(100% - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
  .guide-layout{grid-template-columns:1fr}
  .guide-intro{padding:28px 26px 23px;gap:20px}
  .guide-intro .guide-eyebrow{margin-bottom:15px;padding-right:42px}
  .guide-intro h2{font-size:29px;line-height:1.45}
  .guide-lead,.guide-voice{display:none}
  .guide-intro-note{justify-content:flex-start;gap:15px;font-size:11px}
  .guide-main{padding:25px 26px}
  .guide-heading h3{font-size:23px}
  .guide-heading .guide-eyebrow{display:none}
  .guide-dialog .guide-steps{margin-top:19px}
  .guide-dialog .guide-steps li{gap:13px;padding-block:17px}
  .guide-dialog .close-dialog{top:12px;right:12px;width:44px;height:44px}
  .guide-dialog .guide-steps p br{display:none}
  .guide-footer{align-items:flex-start}
  .guide-done{gap:12px;padding-inline:13px}
}
@media(max-width:380px){
  .guide-intro,.guide-main{padding-inline:20px}
  .guide-intro h2{font-size:27px}
  .guide-steps h4{font-size:15px}
  .guide-dialog .guide-steps li{grid-template-columns:25px minmax(0,1fr);gap:10px}
  .guide-footer{flex-wrap:wrap}
  .guide-footer p{flex:1 1 145px}
}

/* V16：选择先于反馈，桌面仍保持原有双栏比例。 */
.studio-explorer{display:grid;grid-template-areas:"art controls" "art description";grid-template-rows:auto 1fr;gap:0 64px;align-items:start}
.explorer-controls{grid-area:controls;min-width:0}
.experience-canvas{grid-area:art}
.studio-explorer>.feature-description{grid-area:description}
.feature-button>i,.tab-arrow{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;flex-shrink:0;transition:opacity .2s}
.feature-button[aria-pressed=true]>i,.journey-tab[aria-selected=true] .tab-arrow{opacity:1}
.feature-button[aria-pressed=true]{border-bottom-color:#bd6244}
.mode-options>span,.mode-options>.mode-highlight{border-bottom:0;color:#c4c7bc;padding:5px 0}
.mode-options>span:before{content:'';display:inline-block;width:3px;height:3px;background:#ff9671;border-radius:50%;vertical-align:middle;margin-right:9px}
.mix-level>i{display:none}
/* 入库示意与歌词展示各自承担不同信息。 */
.arrival-scene{flex-direction:column;justify-content:center;gap:17px;padding:8px 12px}
.arrival-route{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#62645b}
.arrival-route i{font-style:normal;color:#8e9185}
.arrival-route strong{font-weight:500;color:#a45135}
.arrival-record{display:flex;align-items:center;gap:18px;padding:20px;background:#f3f1ec;border:1px solid #22232124;box-shadow:0 6px 16px #22232105}
.arrival-cover{display:grid;place-items:center;width:61px;height:67px;flex-shrink:0;background:#242722;color:#ff9671}
.arrival-cover svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.arrival-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.arrival-info small{font-size:11px;color:#6b6e63}
.arrival-info strong{font-size:17px;font-weight:500;color:#292c25}
.arrival-info>span{font-size:12px;color:#6b6e63}
.arrival-check{margin-left:auto;flex-shrink:0;color:#a45135}
.arrival-check svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.arrival-note{font-size:12px;color:#6b6e63;text-align:center}
/* 连接区以连接关系为主，插件实景采用端正的轻边框展示。 */
.connection-art{padding:0;min-width:0}
.connection-route{gap:15px;align-items:center;margin-bottom:28px;padding-block:0 24px;border-bottom:1px solid #ffffff20}
.connection-node{text-align:center;flex-shrink:0}
.connection-node strong{display:block;font-size:17px;line-height:1.5;font-weight:500;color:#e8e7e0}
.connection-node small{display:block;font-size:12px;line-height:1.6;color:#b0b4a7;margin-top:5px}
.connection-node-link strong{color:#ff9671;font-size:21px}
.route-line{min-width:15px;background:#ffffff38}
.plugin-frame{width:100%;max-width:380px;margin:0 auto;padding:15px;background:#1d201e;border:1px solid #ffffff26;border-radius:4px;box-shadow:none;transform:none}
.plugin-index{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;font-size:12px;color:#c3c7bc}
.plugin-index>span:last-child{font-size:11px;color:#a1a89a}
.plugin-frame img{border-radius:2px}
.plugin-caption{margin-top:17px;font-size:13px;color:#b0b4a7}
.guide-done{justify-content:center;min-width:84px}
@media(min-width:701px) and (max-width:1100px){
  .studio-explorer{column-gap:35px}
  .arrival-scene{padding-inline:0}
  .arrival-record{padding:15px;gap:12px}
  .arrival-info strong{font-size:15px}
}
@media(max-width:900px){
  .studio-explorer{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"controls" "art" "description";gap:22px}
  .explorer-label{margin-bottom:16px}
  .feature-list{display:flex;gap:20px}
  .feature-button{flex:1;min-width:0;padding:0 0 13px}
  .feature-button>i{display:none}
  .studio-explorer>.feature-description{padding-top:0;min-height:164px}
}
@media(max-width:700px){
  .studio-explorer{gap:20px}
  .feature-list{gap:12px}
  .feature-button{font-size:14px}
  .studio-explorer>.feature-description{min-height:208px}
  .arrival-scene{padding-inline:0;gap:15px}
  .arrival-record{padding:15px 12px;gap:12px}
  .arrival-cover{width:48px;height:58px}
  .arrival-info strong{font-size:15px}
  .arrival-route{gap:8px;font-size:11px}
  .arrival-check svg{width:18px;height:18px}
  .connection-route{gap:12px;margin-bottom:24px}
  .connection-node strong{font-size:16px}
  .connection-node-link strong{font-size:20px}
  .plugin-frame{max-width:350px;padding:13px}
}
@media(max-width:380px){
  .feature-list{gap:8px}
  .feature-button{font-size:13px}
  .arrival-record{gap:9px;padding:13px 10px}
  .arrival-cover{width:37px;height:54px}
  .arrival-info strong{font-size:13px}
  .arrival-info>span{font-size:11px}
  .studio-explorer>.feature-description{min-height:236px}
  .connection-route{gap:9px}
  .connection-node strong{font-size:14px}
}

/* V17：主视觉曲线细化、辅助章节收紧与说明文字分级。 */
#voice-lines path{stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.connection.section-space{padding-block:64px 68px}
.connection-layout{margin-top:38px}
.help.section-space{padding-block:64px 72px}
.faq-list summary{padding-block:20px}
.section-kicker,.section-kicker>span:first-child{font-size:13px;letter-spacing:.8px}
.paper-section .section-kicker{color:#696b62}
.section-kicker>span:last-child{font-size:11px;letter-spacing:1.1px}
.panel-topline,.panel-bottomline{font-size:13px;line-height:1.65}
.voice-sample>span,.sample-duration,.voice-result,.track-row>span{font-size:13px}
.experience-bottomline{font-size:13px;color:#c1c5b8}
.experience-topline{font-size:12px;letter-spacing:.6px}
.feature-description>span{font-size:13px;letter-spacing:.5px}
.concept-overline,.mode-note{font-size:13px;letter-spacing:.3px}
.plugin-index,.plugin-index>span:last-child{font-size:12px}
.arrival-info small,.arrival-info>span,.arrival-note{font-size:13px}
.guide-duration{font-size:12px}
.guide-footer p{font-size:13px;color:#62645b;line-height:1.75}
.guide-done{font-size:14px}
.guide-intro-note,.guide-voice-label{font-size:12px}
.download-info small{font-size:13px}
@media(max-width:900px){
  .connection-layout{gap:32px}
  .panel-topline{letter-spacing:.2px}
}
@media(max-width:700px){
  .connection.section-space{padding-block:46px 50px}
  .connection-layout{margin-top:28px;gap:30px}
  .help.section-space{padding-block:48px 52px}
  .faq-list summary{padding-block:19px}
  .section-kicker>span:last-child{font-size:10px;letter-spacing:.5px}
  .panel-topline>span:first-child{font-size:12px}
  .voice-result,.track-row>span{font-size:12px}
  .experience-bottomline{font-size:12px}
  .guide-intro-note{gap:10px;flex-wrap:wrap;white-space:normal}
  .guide-footer{flex-wrap:wrap;align-items:center}
  .guide-footer p{flex:1 1 190px}
}
@media(max-width:380px){
  .section-kicker{gap:8px}
  .section-kicker>span:first-child{gap:8px}
  .section-kicker>span:last-child{font-size:10px;letter-spacing:0}
  .panel-topline{row-gap:6px}
  .panel-bottomline{font-size:12px}
  .sample-duration,.voice-sample>span,.voice-result{font-size:12px}
  .experience-bottomline{flex-wrap:wrap;row-gap:2px;font-size:12px}
  .arrival-info small,.arrival-info>span{font-size:12px}
  .guide-intro-note{font-size:11px}
}

/* 手机操作：保留小圆形的视觉尺寸，扩大箭头实际可点区域。 */
@media(max-width:900px){
  .brand,.feature-button{min-height:44px}
  .scroll-cue{position:relative}
  .scroll-cue::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
}
/* 横屏且可用高度较小时，指南使用单栏，避免左右两栏同时挤压阅读空间。 */
@media(max-width:900px) and (max-height:500px){
  .guide-layout{grid-template-columns:1fr}
  .guide-intro{padding:24px;gap:16px}
  .guide-intro .guide-eyebrow{padding-right:48px;margin-bottom:12px}
  .guide-intro h2{font-size:28px}
  .guide-lead,.guide-voice{display:none}
  .guide-main{padding:24px}
  .guide-dialog .guide-steps p br{display:none}
}

/* 官网备案信息，与域名对应，跳转工信部备案查询。 */
.footer-filing{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:12px;color:#a8ada0}
.footer-filing:hover{color:var(--v3-paper)}