:root{color-scheme:dark;--bg:#171815;--panel:#20211e;--panel2:#252620;--deep:#121310;--ink:#f5f2eb;--muted:#aaa99f;--faint:#74756d;--line:#3a3b35;--orange:#ff6238;--orange2:#ff9367;--green:#9bd1a6;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 88% 7%,rgba(255,98,56,.08),transparent 28rem),var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif}button,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.topbar{width:min(var(--max),calc(100% - 64px));height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font:700 17px Georgia,serif}.brand em{margin-left:8px;color:var(--orange);font-size:9px;font-style:normal;letter-spacing:.14em}.demo-badge,.save-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.demo-badge i,.save-state i,.project-state i{width:7px;height:7px;border-radius:50%;background:var(--green)}.home-view,.practice-view{width:min(var(--max),calc(100% - 64px));margin:0 auto;padding-bottom:84px}.hero{min-height:515px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{margin:0 0 16px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.18em}.hero h1,.room-heading h1{margin:0;font-size:clamp(58px,5.7vw,86px);line-height:1.03;letter-spacing:-.065em;font-weight:900}.hero h1 span,.room-heading h1 span{color:var(--orange)}.lead{max-width:750px;margin:27px 0 0;color:#d0cec6;font-size:18px;line-height:1.8}.promise-row{display:flex;flex-wrap:wrap;gap:27px;margin-top:29px;color:#c7c5bd;font-size:12px;font-weight:800}.promise-row span{display:flex;align-items:center;gap:8px}.promise-row b{color:var(--orange);font-size:9px}.hero-visual{position:relative;justify-self:center;width:480px;height:330px}.visual-slide{position:absolute;z-index:2;left:0;top:27px;width:330px;aspect-ratio:16/9;padding:24px;border:1px solid #e0ddd4;border-radius:4px;background:linear-gradient(145deg,#f6f2e8 0 66%,#ebe5d9 66%);box-shadow:0 28px 70px rgba(0,0,0,.38);color:#262720}.visual-slide>span{color:var(--orange);font-size:9px;font-weight:900}.visual-slide strong{display:block;margin-top:35px;font-size:26px;line-height:1.2}.visual-slide>div{display:flex;gap:8px;margin-top:29px}.visual-slide>div i{width:74px;height:25px;border-radius:20px;background:var(--orange)}.visual-slide>div i:nth-child(2){opacity:.65}.visual-slide>div i:nth-child(3){opacity:.35}.visual-script{position:absolute;z-index:3;right:0;bottom:18px;width:195px;height:214px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#23241f;box-shadow:0 24px 50px rgba(0,0,0,.42)}.visual-script span{color:var(--orange);font-size:9px;font-weight:900}.visual-script i{display:block;height:5px;margin-top:18px;border-radius:4px;background:#66675f}.visual-script i:nth-of-type(1){width:95%}.visual-script i:nth-of-type(2){width:79%}.visual-script i:nth-of-type(3){width:88%}.visual-script b{position:absolute;right:18px;bottom:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#171815}.link-line{position:absolute;z-index:1;left:264px;top:124px;width:125px;height:90px;border-right:1px dashed rgba(255,98,56,.65);border-bottom:1px dashed rgba(255,98,56,.65)}.project-entry{padding:42px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;gap:19px;margin-bottom:26px}.section-heading>span{color:var(--orange);font-size:10px;font-weight:900}.section-heading h2{margin:0;font-size:30px;letter-spacing:-.04em}.section-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.project-card{min-height:248px;padding:23px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent),var(--panel)}.project-preview{position:relative;height:200px}.preview-slide{position:absolute;z-index:3;inset:0 28px 20px 0;padding:29px;border:1px solid #dedbd2;border-radius:5px;background:linear-gradient(145deg,#f5f1e8 0 66%,#e8e1d5 66%);color:#22231e;box-shadow:0 18px 40px rgba(0,0,0,.28)}.preview-slide span{color:var(--orange);font-size:9px;font-weight:900}.preview-slide strong{display:block;margin-top:31px;font-size:25px}.preview-slide small{display:block;margin-top:10px;color:#696860}.preview-shadow{position:absolute;border:1px solid #5b5c54;border-radius:4px;background:#292a25}.preview-shadow.one{z-index:2;inset:8px 18px 12px 10px}.preview-shadow.two{z-index:1;inset:16px 8px 4px 20px}.project-state{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:900}.project-info h3{margin:15px 0 8px;font-size:27px}.project-info p{margin:0;color:#c0beb6}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.project-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}.primary-button,.secondary-button{min-height:50px;padding:0 22px;border:1px solid var(--orange);border-radius:13px;font-weight:900;cursor:pointer;transition:.2s}.primary-button{background:var(--orange);color:#171815}.primary-button b{margin-left:24px;font-size:17px}.secondary-button{border-color:var(--line);background:transparent}.primary-button:hover,.secondary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.demo-note{margin:13px 4px 0;color:#6f7068;font-size:9px}.practice-top{min-height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.back-button{justify-self:start;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.back-button:hover{color:var(--orange)}.project-name{text-align:center}.project-name strong,.project-name span{display:block}.project-name strong{font-size:12px}.project-name span{margin-top:5px;color:var(--muted);font-size:9px}.save-state{justify-self:end}.room-heading{min-height:310px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}.room-heading h1{font-size:clamp(48px,4.7vw,69px)}.room-heading>p{max-width:520px;color:#c1bfb7;line-height:1.8}.rehearsal-shell{display:grid;grid-template-columns:92px minmax(520px,1.22fr) minmax(390px,.78fr);gap:13px;align-items:start}.slide-rail{padding:9px;display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:17px;background:#1c1d19}.rail-item{padding:5px;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;transition:.18s}.rail-item:hover{border-color:#575850}.rail-item.active{border-color:var(--orange);background:rgba(255,98,56,.08)}.rail-item>span{display:block;margin-bottom:5px;color:var(--muted);font:700 8px Georgia,serif;text-align:left}.rail-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#f3efe6;color:#25261f}.rail-thumb.cover:before,.rail-thumb.insight:before,.rail-thumb.action:before,.rail-thumb.finish:before{content:"";position:absolute}.rail-thumb.cover:before{left:9px;right:9px;top:17px;height:8px;border-top:3px solid var(--orange);border-bottom:3px solid #24251f}.rail-thumb.insight:before{left:9px;right:9px;bottom:9px;height:22px;background:linear-gradient(90deg,var(--orange) 0 22%,#d7d0c4 22% 48%,#ff9a72 48% 75%,#302f2a 75%)}.rail-thumb.action:before{inset:10px;background:linear-gradient(90deg,var(--orange) 0 29%,transparent 29% 35%,#ff966f 35% 64%,transparent 64% 70%,#d9d1c3 70%)}.rail-thumb.finish:before{width:26px;height:26px;left:50%;top:50%;border:5px solid var(--orange);border-radius:50%;transform:translate(-50%,-50%)}.ppt-panel,.script-panel{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.panel-title{height:65px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-title>div{display:flex;align-items:center;gap:10px}.panel-title span{font-size:11px;font-weight:900}.panel-title strong,.panel-title>span{color:var(--muted);font-size:9px}.slide-canvas{min-height:560px;padding:34px;display:grid;place-items:center;background:#11120f}.slide{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f3efe6;color:#24251f;box-shadow:0 22px 70px rgba(0,0,0,.38);font-family:"Microsoft YaHei","PingFang SC",sans-serif}.slide:after{content:attr(data-page);position:absolute;right:4.5%;bottom:4%;color:#89877f;font:700 10px Georgia,serif}.slide-label{color:var(--orange);font-size:clamp(8px,.75vw,12px);font-weight:900;letter-spacing:.12em}.slide-cover{padding:7.5% 8%;background:linear-gradient(145deg,#f5f1e8 0 67%,#e8e1d5 67%)}.slide-cover:before{content:"";position:absolute;right:7%;top:8%;width:19%;height:6px;background:var(--orange)}.slide-cover h2{max-width:75%;margin:8% 0 2.5%;font-size:clamp(25px,3.5vw,54px);line-height:1.14;letter-spacing:-.05em}.slide-cover p{margin:0;color:#696860;font-size:clamp(10px,1.1vw,17px)}.slide-cover .cover-foot{position:absolute;left:8%;bottom:7%;display:flex;gap:20px;color:#77756e;font-size:clamp(7px,.7vw,10px)}.slide-insight{padding:6.5% 7%;background:linear-gradient(160deg,#f7f4ed 0 72%,#ebe4d8 72%)}.slide-insight h2,.slide-action h2,.slide-finish h2{margin:3.5% 0 1.5%;font-size:clamp(22px,2.8vw,44px);line-height:1.16;letter-spacing:-.045em}.slide-insight>p,.slide-action>p,.slide-finish>p{margin:0;color:#77756e;font-size:clamp(8px,.85vw,13px)}.cost-flow{position:absolute;left:7%;right:7%;bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.cost-stage{position:relative;min-height:clamp(76px,10vw,142px);padding:9% 8%;border:1px solid #d6d0c5;border-radius:7px;background:rgba(255,255,255,.55)}.cost-stage b{display:block;color:var(--orange);font-size:clamp(8px,.8vw,12px)}.cost-stage strong{display:block;margin-top:10%;font-size:clamp(12px,1.25vw,20px)}.cost-stage small{display:block;margin-top:7%;color:#85827a;font-size:clamp(7px,.65vw,10px)}.cost-stage:not(:last-child):after{content:"→";position:absolute;right:-9%;top:44%;z-index:2;color:var(--orange);font-weight:900}.cost-stage.highlight{border-color:var(--orange);background:rgba(255,98,56,.07)}.slide-action{padding:6% 6.5%;background:#f4f0e7}.action-grid{position:absolute;left:6.5%;right:6.5%;bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.action-item{min-height:clamp(98px,13vw,180px);padding:8%;border:1px solid #d8d1c6;border-radius:8px;background:#fffdf8}.action-item>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font:700 10px Georgia,serif}.action-item strong{display:block;margin-top:12%;font-size:clamp(11px,1.25vw,20px)}.action-item p{margin:6% 0 0;color:#77756f;font-size:clamp(7px,.7vw,11px);line-height:1.5}.slide-finish{padding:6.5% 7%;background:radial-gradient(circle at 73% 52%,rgba(255,98,56,.12),transparent 28%),#f3efe6}.capability-map{position:absolute;right:7%;top:16%;width:43%;aspect-ratio:1}.capability-center{position:absolute;inset:31%;display:grid;place-items:center;border:5px solid var(--orange);border-radius:50%;background:#f8f4ec;font-size:clamp(10px,1.1vw,17px);font-weight:900;text-align:center}.capability-node{position:absolute;padding:6px 10px;border:1px solid #bdb6aa;border-radius:999px;background:#fffdf8;font-size:clamp(7px,.72vw,11px);font-weight:800}.capability-node.one{left:0;top:12%}.capability-node.two{right:0;top:23%}.capability-node.three{left:5%;bottom:7%}.finish-copy{position:absolute;left:7%;top:39%;width:38%}.finish-copy strong{display:block;font-size:clamp(22px,2.5vw,40px);line-height:1.2}.finish-copy p{margin:9% 0 0;color:#74726b;font-size:clamp(8px,.8vw,12px);line-height:1.6}.slide-controls{height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.slide-controls button{padding:8px 11px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.slide-controls button:disabled{opacity:.25;cursor:default}.slide-controls>div{display:flex;align-items:center;gap:8px;color:var(--muted);font:700 9px Georgia,serif}.slide-controls>div span:first-child{color:var(--orange)}.slide-controls>div i{width:45px;height:1px;background:var(--line)}.script-panel{min-height:687px;display:flex;flex-direction:column}.script-head{min-height:96px;padding:19px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.script-head span{color:var(--orange);font-size:9px;font-weight:900}.script-head h2{margin:9px 0 0;font-size:19px;line-height:1.4}.script-head button{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.delivery-summary{margin:14px 17px 0;padding:12px 13px;border:1px solid rgba(255,98,56,.32);border-radius:10px;background:rgba(255,98,56,.055)}.delivery-summary span,.delivery-summary strong{display:block}.delivery-summary span{color:var(--orange);font-size:8px;font-weight:900}.delivery-summary strong{margin-top:5px;font-size:10px}.script-text{padding:18px 20px 12px;color:#d8d5cd;font-size:15px;line-height:2.05}.script-sentence{padding:3px 2px;border-radius:4px;cursor:pointer;transition:.15s}.script-sentence:hover{background:rgba(255,255,255,.05)}.script-sentence.active{background:rgba(255,98,56,.18);color:#fff}.script-sentence.played{color:#85867e}.script-sentence strong{color:var(--orange);font-weight:900}.pause-mark{margin:0 4px;color:#6f7068;font-size:9px;font-style:normal;font-weight:900}.sentence-coach{display:block;margin:6px 0 13px;padding-left:10px;border-left:2px solid #42433d;color:#888981;font-size:8px;line-height:1.6}.delivery-tips{margin:0 17px 13px;padding:13px;display:grid;gap:7px;border:1px solid var(--line);border-radius:10px;background:#1a1b18}.delivery-tips.hidden-by-user{display:none}.delivery-tip{display:grid;grid-template-columns:56px 1fr;gap:8px;font-size:8px}.delivery-tip span{color:var(--muted)}.delivery-tip strong{font-weight:700}.player-card{margin-top:auto;padding:16px 18px 17px;border-top:1px solid var(--line);background:#1a1b18}.voice-identity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font:700 15px Georgia,serif}.voice-identity span,.voice-identity strong{display:block}.voice-identity span{color:var(--muted);font-size:8px}.voice-identity strong{margin-top:3px;font-size:10px}.voice-identity em{padding:4px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;font-style:normal}.wave{height:48px;margin:7px 0;display:flex;align-items:center;justify-content:center;gap:4px}.wave i{width:4px;height:8px;border-radius:8px;background:#66675f}.wave i:nth-child(2n){height:19px}.wave i:nth-child(3n){height:31px}.wave.playing i{background:var(--orange);animation:wave .75s ease-in-out infinite alternate}.wave.playing i:nth-child(2n){animation-delay:.15s}.wave.playing i:nth-child(3n){animation-delay:.28s}@keyframes wave{to{height:39px}}#nowSpeaking{min-height:18px;margin:0;color:#a6a49c;font-size:8px;text-align:center}.transport{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:6px}.transport button{width:29px;height:29px;border:0;border-radius:50%;background:#2e2f2a;color:#aaa89f;cursor:pointer}.transport .play-button{width:43px;height:43px;background:var(--orange);color:#171815}.progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:10px;color:#74756d;font-size:7px}.progress>div{height:3px;overflow:hidden;border-radius:4px;background:#41423c}.progress>div i{display:block;width:0;height:100%;background:var(--orange);transition:width .2s}.player-footer{margin-top:12px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.rate-buttons{display:flex;gap:3px}.rate-buttons button{padding:5px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#81827a;font-size:7px;cursor:pointer}.rate-buttons button.selected{border-color:var(--orange);color:#fff}.practice-link{padding:5px 0;border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:900;cursor:pointer}.record-panel,.result-panel{margin-top:60px;padding-top:38px;border-top:1px solid var(--line)}.record-heading{display:flex;align-items:flex-start;gap:15px}.record-heading>span{color:var(--orange);font-size:10px;font-weight:900}.record-heading h2{margin:0;font-size:29px}.record-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.record-console{margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.record-state{height:61px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.record-state>span{display:flex;align-items:center;gap:9px}.record-state i{width:8px;height:8px;border-radius:50%;background:#66675f}.record-state i.recording{background:var(--orange);box-shadow:0 0 0 7px rgba(255,98,56,.1);animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(.7);opacity:.6}}.record-state strong{font:700 19px Georgia,serif}.record-console textarea{width:100%;min-height:210px;padding:20px;border:0;outline:0;resize:vertical;background:#181916;color:var(--ink);font-size:16px;line-height:1.8}.record-actions,.result-actions{padding:15px 19px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.result-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.result-head h2{margin:0;font-size:32px}.result-head>span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px}.result-grid{display:grid;grid-template-columns:.7fr .7fr 1.6fr;gap:10px}.result-grid>div{min-height:155px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.result-grid span,.result-grid strong,.result-grid small{display:block}.result-grid span{color:var(--orange);font-size:8px;font-weight:900}.result-grid strong{margin-top:34px;font-size:24px}.result-grid small{margin-top:8px;color:var(--muted);font-size:8px}.result-grid .priority{border-color:rgba(255,98,56,.5);background:linear-gradient(140deg,rgba(255,98,56,.08),transparent 58%),var(--panel)}.priority h3{margin:20px 0 8px;font-size:21px}.priority p{margin:0;color:#b7b5ad;font-size:10px;line-height:1.65}.result-actions{margin-top:11px;padding:0;border:0}.mobile-player{display:none}.toast{position:fixed;z-index:60;left:50%;bottom:24px;max-width:calc(100% - 28px);padding:11px 15px;opacity:0;transform:translate(-50%,14px);pointer-events:none;border:1px solid var(--line);border-radius:11px;background:#292a26;box-shadow:0 15px 40px rgba(0,0,0,.4);font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.rehearsal-shell{grid-template-columns:1fr minmax(360px,.72fr)}.slide-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);padding:7px}.rail-item{display:grid;grid-template-columns:auto 84px;align-items:center;gap:6px}.rail-item>span{margin:0}.slide-canvas{min-height:480px}.script-panel{min-height:607px}}
@media(max-width:900px){.topbar,.home-view,.practice-view{width:min(100% - 28px,var(--max))}.topbar{height:68px}.brand em,.demo-badge{display:none}.hero{min-height:auto;padding:55px 0 52px;display:block}.hero h1{font-size:clamp(41px,11vw,60px)}.lead{font-size:15px}.promise-row{gap:14px 20px}.hero-visual{display:none}.section-heading h2{font-size:25px}.project-card{grid-template-columns:210px 1fr}.project-preview{height:145px}.preview-slide{padding:20px}.preview-slide strong{margin-top:18px;font-size:18px}.project-card>.primary-button{grid-column:1/-1;width:100%}.practice-top{grid-template-columns:1fr auto}.project-name{grid-column:1/-1;grid-row:2;padding-bottom:11px;text-align:left}.save-state{font-size:8px}.room-heading{min-height:auto;padding:52px 0 42px;display:block}.room-heading h1{font-size:45px}.room-heading>p{margin-top:23px}.rehearsal-shell{grid-template-columns:1fr}.slide-rail{position:sticky;z-index:8;top:0;background:rgba(23,24,21,.96);backdrop-filter:blur(12px)}.rail-item{grid-template-columns:auto 70px}.ppt-panel,.script-panel{border-radius:18px}.slide-canvas{min-height:auto;padding:20px}.script-panel{min-height:auto}.script-text{font-size:17px}.player-card{padding:19px}.result-grid{grid-template-columns:1fr 1fr}.result-grid .priority{grid-column:1/-1}}
@media(max-width:600px){.brand{font-size:13px}.hero{padding-top:43px}.hero h1{font-size:39px}.lead{font-size:14px;line-height:1.7}.promise-row{display:grid;grid-template-columns:1fr;font-size:11px}.project-entry{padding-top:32px}.section-heading p{line-height:1.6}.project-card{padding:14px;grid-template-columns:1fr;gap:17px}.project-preview{height:178px}.preview-slide{inset:0 20px 14px 0;padding:25px}.preview-slide strong{margin-top:29px;font-size:22px}.project-info h3{font-size:21px;word-break:break-all}.project-info p{font-size:12px;line-height:1.6}.project-meta{margin-top:16px}.practice-top{min-height:57px}.room-heading{padding:39px 0 31px}.room-heading h1{font-size:37px}.room-heading>p{font-size:13px}.rehearsal-shell{gap:10px;margin:0 -4px}.slide-rail{top:0;display:flex;overflow-x:auto;scrollbar-width:none;border-radius:13px}.slide-rail::-webkit-scrollbar{display:none}.rail-item{min-width:76px;padding:5px;display:block}.rail-item>span{text-align:center;margin-bottom:4px}.rail-thumb{display:none}.panel-title{height:54px;padding:0 14px}.slide-canvas{padding:9px}.slide{box-shadow:none}.slide-label{font-size:6px}.slide-cover h2{font-size:20px}.slide-cover p{font-size:8px}.slide-cover .cover-foot{font-size:5px}.slide-insight h2,.slide-action h2,.slide-finish h2{font-size:18px}.slide-insight>p,.slide-action>p,.slide-finish>p{font-size:6px}.cost-stage{min-height:64px;padding:6%}.cost-stage b{font-size:6px}.cost-stage strong{font-size:8px}.cost-stage small{font-size:5px}.action-item{min-height:78px;padding:6%}.action-item>span{width:22px;height:22px;font-size:7px}.action-item strong{font-size:7px}.action-item p{font-size:5px}.finish-copy strong{font-size:17px}.finish-copy p{font-size:5px}.capability-node{padding:3px 5px;font-size:5px}.capability-center{font-size:7px;border-width:3px}.slide-controls{height:51px}.script-head{min-height:82px;padding:15px}.script-head h2{font-size:17px}.delivery-summary{margin:11px 12px 0}.script-text{padding:15px 14px 8px;font-size:16px;line-height:2}.sentence-coach{font-size:8px}.delivery-tips{margin:0 12px 10px}.player-card{padding:16px 14px}.wave{height:40px}.player-footer{align-items:flex-end}.practice-link{font-size:9px}.record-panel,.result-panel{margin-top:43px}.record-heading h2{font-size:24px}.record-console textarea{min-height:180px;font-size:15px}.record-actions,.result-actions{display:grid;grid-template-columns:1fr}.result-head h2{font-size:25px}.result-head>span{display:none}.result-grid{grid-template-columns:1fr}.result-grid .priority{grid-column:auto}.mobile-player{display:none!important}}

.voice-entry{margin-top:18px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:#191a17}.voice-entry span,.voice-entry strong,.voice-entry small{display:block}.voice-entry span{color:var(--orange);font-size:8px;font-weight:900}.voice-entry strong{margin-top:4px;font-size:11px}.voice-entry small{margin-top:3px;color:var(--muted);font-size:8px}.voice-entry button,.voice-settings-button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#272824;color:#dedbd3;font-size:8px;white-space:nowrap;cursor:pointer}.voice-entry button:hover,.voice-settings-button:hover{border-color:var(--orange);color:#fff}.delivery-summary>div{display:flex;align-items:center;justify-content:space-between}.delivery-summary em{padding:3px 6px;border-radius:999px;background:rgba(255,98,56,.12);color:var(--orange);font-size:7px;font-style:normal}.delivery-summary p{margin:7px 0 0;color:#7e7f77;font-size:7px;line-height:1.5}.voice-identity{grid-template-columns:auto 1fr auto auto}.voice-identity em.ready{border-color:rgba(155,209,166,.45);color:var(--green);background:rgba(155,209,166,.06)}.voice-settings-button{padding:5px 6px;background:transparent}.voice-modal{position:fixed;z-index:100;inset:0;padding:24px;display:grid;place-items:center;background:rgba(6,7,5,.78);backdrop-filter:blur(10px)}.voice-modal-panel{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:28px;border:1px solid #4b4c45;border-radius:24px;background:linear-gradient(145deg,rgba(255,98,56,.055),transparent 35%),#20211e;box-shadow:0 35px 100px rgba(0,0,0,.55)}.voice-modal-head{display:flex;align-items:flex-start;justify-content:space-between}.voice-modal-head h2{margin:5px 0 0;font-size:28px}.voice-modal-head>button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.voice-modal-lead{margin:17px 0 0;color:#b9b7af;font-size:12px;line-height:1.75}.voice-status-card{margin-top:19px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:#181916}.voice-status-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font:700 20px Georgia,serif}.voice-status-card span,.voice-status-card strong{display:block}.voice-status-card span{color:var(--muted);font-size:8px}.voice-status-card strong{margin-top:4px;font-size:13px}.voice-status-card p{margin:4px 0 0;color:#85867e;font-size:9px}.voice-status-card>i{width:10px;height:10px;border-radius:50%;background:#74756d}.voice-status-card>i.ready{background:var(--green);box-shadow:0 0 0 6px rgba(155,209,166,.08)}.voice-flow{margin:17px 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.voice-flow>div{min-height:80px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#252620}.voice-flow b,.voice-flow strong,.voice-flow span{display:block}.voice-flow b{color:var(--orange);font:700 9px Georgia,serif}.voice-flow strong{margin-top:8px;font-size:11px}.voice-flow span{margin-top:4px;color:var(--muted);font-size:8px}.voice-flow>i{color:#5f6059;font-style:normal}.voice-upload{min-height:92px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #60615a;border-radius:14px;background:#1a1b18;text-align:center;cursor:pointer;transition:.2s}.voice-upload:hover,.voice-upload.has-file{border-color:var(--orange);background:rgba(255,98,56,.04)}.voice-upload input{display:none}.voice-upload span{font-size:12px;font-weight:900}.voice-upload small{margin-top:7px;color:var(--muted);font-size:9px}.voice-upload.invalid{border-color:#e86e64}.voice-consent{margin-top:14px;display:flex;align-items:flex-start;gap:9px;color:#9f9e96;font-size:9px;line-height:1.5;cursor:pointer}.voice-consent input{margin-top:2px;accent-color:var(--orange)}.voice-modal-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.voice-modal-actions button{min-height:44px}.voice-modal-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.voice-config-notice{margin-top:17px;padding:13px 14px;border-left:2px solid var(--orange);background:#191a17}.voice-config-notice.configured{border-color:var(--green)}.voice-config-notice strong{font-size:10px}.voice-config-notice p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.voice-privacy{margin:13px 0 0;color:#686962;font-size:8px;text-align:center}
@media(max-width:900px){.voice-entry{align-items:flex-start}.voice-modal-panel{padding:22px}.voice-modal{padding:14px}.voice-identity{grid-template-columns:auto 1fr auto}.voice-settings-button{grid-column:2/-1;justify-self:start}}
@media(max-width:600px){.voice-entry{display:grid;grid-template-columns:1fr auto}.voice-entry small{max-width:210px}.voice-modal{padding:0;align-items:end}.voice-modal-panel{width:100%;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.voice-modal-head h2{font-size:23px}.voice-flow{grid-template-columns:1fr;gap:6px}.voice-flow>i{display:none}.voice-flow>div{min-height:auto;display:grid;grid-template-columns:28px 1fr;column-gap:6px}.voice-flow strong{margin-top:0}.voice-flow span{grid-column:2;margin-top:2px}.voice-modal-actions{display:grid;grid-template-columns:1fr}.voice-modal-actions .secondary-button{grid-row:2}.voice-identity{grid-template-columns:auto 1fr auto}.voice-settings-button{grid-column:2/-1}.delivery-summary p{font-size:8px}}

.voice-service-setup{margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#181916}.voice-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-section-title>div{display:flex;align-items:center;gap:9px}.voice-section-title span{color:var(--orange);font-size:8px;font-weight:900}.voice-section-title strong{font-size:11px}.voice-section-title em{color:#74756d;font-size:8px;font-style:normal}.voice-service-grid{margin-top:13px;display:grid;grid-template-columns:.7fr 1fr;gap:10px}.voice-service-grid label{position:relative;display:block}.voice-service-grid label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px}.voice-service-grid input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:#23241f;color:var(--ink);font:inherit;font-size:10px}.voice-service-grid input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,98,56,.08)}.voice-service-grid .token-field{grid-column:1/-1}.token-field input{padding-right:58px}.token-field button{position:absolute;right:7px;bottom:7px;height:28px;padding:0 9px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--orange);font-size:8px;cursor:pointer}.voice-service-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-service-actions p{margin:0;color:#6f7068;font-size:8px;line-height:1.5}.voice-service-actions button{min-height:38px;padding:0 14px;border-radius:9px;font-size:9px;white-space:nowrap}.voice-upload-title{margin:4px 0 10px}

@media(max-width:600px){.voice-service-setup{padding:13px}.voice-section-title{align-items:flex-start}.voice-section-title em{max-width:120px;text-align:right;line-height:1.4}.voice-service-grid{grid-template-columns:1fr}.voice-service-grid .token-field{grid-column:auto}.voice-service-actions{align-items:stretch;flex-direction:column}.voice-service-actions button{width:100%}}

.voice-connection-feedback{margin:10px 0 0;padding:9px 10px;border-radius:8px;background:#252620;color:#b9b7af;font-size:9px;line-height:1.5}.voice-connection-feedback.success{background:rgba(155,209,166,.08);color:var(--green)}.voice-connection-feedback.error{background:rgba(255,98,56,.09);color:#ff9b7c}.toast{z-index:160}

/* Final rehearsal UX: keep the speaking route and next action obvious. */
.practice-guide{max-width:560px}.practice-guide>p{margin:0 0 13px;color:#c1bfb7;font-size:13px}.practice-guide ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;list-style:none}.practice-guide li{min-height:57px;padding:10px 11px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.practice-guide b{color:var(--orange);font:700 8px Georgia,serif}.practice-guide span{color:#c7c5bd;font-size:9px;font-weight:800;line-height:1.45}.delivery-summary p{color:#a5a39b;font-size:8px}.sentence-coach{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px}.sentence-coach b{color:#b9b7af;font-size:7px}.sentence-coach span{flex:1 1 150px}.sentence-coach em{padding:2px 5px;border-radius:999px;background:#252620;color:#9b9c94;font-size:7px;font-style:normal;white-space:nowrap}.transport button:not(.play-button){width:43px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:10px}.transport button span{font-size:13px;line-height:1}.transport button small{margin-top:2px;font-size:6px;line-height:1}.transport .play-button{width:48px;height:48px}
@media(max-width:900px){.practice-guide{margin-top:24px}.practice-guide>p{font-size:12px}.practice-guide ol{max-width:580px}}
@media(max-width:600px){.practice-guide{margin-top:21px}.practice-guide>p{margin-bottom:9px;font-size:12px}.practice-guide ol{grid-template-columns:1fr}.practice-guide li{min-height:42px;padding:8px 10px}.practice-guide span{font-size:10px}.sentence-coach{align-items:flex-start}.sentence-coach em{margin-left:38px}.transport button:not(.play-button){width:48px;height:40px}.transport button small{font-size:7px}}

/* 正式网站导航与真实 PPT 预览 */
.product-nav{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(18,19,16,.76)}
.product-nav a{min-height:34px;padding:0 13px;display:flex;align-items:center;border-radius:8px;color:#9f9f97;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap;transition:.18s}
.product-nav a:hover{color:var(--ink);background:#282923}
.product-nav a.active{color:var(--ink);background:#30312b;box-shadow:inset 0 0 0 1px rgba(255,98,56,.3)}
.nav-mobile{display:none}
.home-preview-image{position:absolute;z-index:3;inset:0 28px 20px 0;width:calc(100% - 28px);height:calc(100% - 20px);object-fit:contain;border:1px solid #55564f;border-radius:5px;background:#11120f;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.rail-thumb.real{background:#11120f}
.rail-thumb.real img{width:100%;height:100%;display:block;object-fit:contain}
.practice-slide-real{background:#11120f;box-shadow:none}
.practice-slide-real:after{display:none}
.practice-slide-image{width:100%;height:100%;display:block;object-fit:contain;background:#11120f}
.primary-button:disabled{opacity:.52;cursor:wait;filter:none;transform:none}

@media(max-width:900px){
  .topbar{display:grid;grid-template-columns:auto 1fr;gap:10px;height:auto;min-height:68px;padding:10px 0}
  .product-nav{grid-column:1/-1;width:100%;justify-content:center;order:3}
  .product-nav a{flex:1;justify-content:center}
}
@media(max-width:600px){
  .nav-desktop{display:none}.nav-mobile{display:inline}
  .product-nav a{min-height:32px;padding:0 8px;font-size:11px}
  .home-preview-image{inset:0 20px 14px 0;width:calc(100% - 20px);height:calc(100% - 14px)}
  .practice-slide-real{aspect-ratio:16/9}
}

/* 演讲练习室：电脑端用播放器补足 PPT 下方空间，手机端保持阅读顺序。 */
@media(min-width:1181px){
  .rehearsal-shell{
    grid-template-areas:
      "rail ppt script"
      "rail player script";
  }
  .slide-rail{grid-area:rail}
  .ppt-panel{grid-area:ppt}
  .script-panel{grid-area:script}
  .player-card{grid-area:player}
}
.rehearsal-shell>.player-card{
  margin-top:0;
  padding:17px 20px 18px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:#1a1b18;
}
.rehearsal-shell>.script-panel{min-height:0}
@media(min-width:901px) and (max-width:1180px){
  .rehearsal-shell{
    grid-template-areas:
      "rail rail"
      "ppt script"
      "player script";
  }
  .slide-rail{grid-area:rail}
  .ppt-panel{grid-area:ppt}
  .script-panel{grid-area:script}
  .player-card{grid-area:player}
}
@media(max-width:900px){
  .rehearsal-shell{
    grid-template-areas:
      "rail"
      "ppt"
      "script"
      "player";
  }
  .slide-rail{grid-area:rail}
  .ppt-panel{grid-area:ppt}
  .script-panel{grid-area:script}
  .player-card{grid-area:player}
  .rehearsal-shell>.player-card{border-radius:18px}
}
@media(max-width:600px){
  .rehearsal-shell>.player-card{
    padding:16px 14px calc(16px + env(safe-area-inset-bottom));
    border-radius:16px;
  }
}

/* 跨设备体验：减少手机首屏说明，把 PPT、讲稿和播放操作尽快放到用户眼前。 */
.topbar{position:sticky;top:0;z-index:70;background:linear-gradient(180deg,#171815f7 76%,#171815db);backdrop-filter:blur(14px)}
@media(max-width:600px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .topbar{padding-top:env(safe-area-inset-top);min-height:calc(62px + env(safe-area-inset-top))}
  .practice-top{gap:9px;padding-top:14px}
  .practice-top .project-name{min-width:0}
  .practice-top .project-name strong,.practice-top .project-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .practice-top .save-state{font-size:9px}
  .room-heading{display:block;padding:22px 0 14px}
  .room-heading h1{font-size:30px;line-height:1.04;margin:5px 0 0}
  .room-heading h1 br{display:none}
  .room-heading .eyebrow{font-size:8px}
  .practice-guide{margin-top:14px}
  .practice-guide>p{margin:0 0 7px}
  .practice-guide ol{grid-template-columns:repeat(3,1fr);gap:5px}
  .practice-guide li{min-height:38px;padding:7px 6px;justify-content:center;gap:5px;text-align:center}
  .practice-guide li span{font-size:8px}
  .rehearsal-shell{margin-top:8px}
  .script-head{padding-top:15px}
  .script-head h2{font-size:20px}
  .mobile-player{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .record-panel{scroll-margin-top:120px}
}

/* 三个功能入口在手机端使用同一标题尺度，练习详情页标题保持原有层级。 */
@media(max-width:600px){
  .home-view .hero h1{font-size:clamp(27px,7.9vw,31px);line-height:1.12;letter-spacing:-.055em}
  .home-view .hero h1,.home-view .hero h1 span{white-space:nowrap}
}

/* 手机端使用上一页/下一页切换，隐藏会遮挡 PPT 的悬浮页码目录。 */
@media(max-width:600px){
  .slide-rail{display:none!important}
  .rehearsal-shell{grid-template-areas:"ppt" "script"!important;grid-template-columns:minmax(0,1fr)!important}
}

/* 手机端把示范播放放到讲稿开头，并压缩为紧凑控制条。 */
@media(max-width:600px){
  .script-panel>.player-card{
    margin:0 12px 10px;
    padding:10px 11px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#1a1b18;
  }
  .script-panel>.player-card .voice-identity{grid-template-columns:auto 1fr auto;gap:8px}
  .script-panel>.player-card .avatar{width:30px;height:30px;font-size:14px}
  .script-panel>.player-card .voice-identity span{font-size:7px}
  .script-panel>.player-card .voice-identity strong{margin-top:2px;font-size:10px}
  .script-panel>.player-card .voice-identity em{padding:4px 6px;font-size:7px}
  .script-panel>.player-card .voice-settings-button{display:none!important}
  .script-panel>.player-card .wave{display:none}
  .script-panel>.player-card #nowSpeaking{margin:8px 0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px}
  .script-panel>.player-card .transport{margin-top:4px;gap:10px}
  .script-panel>.player-card .transport>button{width:40px;height:40px}
  .script-panel>.player-card .transport .play-button{width:48px;height:48px;font-size:18px}
  .script-panel>.player-card .transport small{font-size:7px}
  .script-panel>.player-card .progress{margin-top:7px}
  .script-panel>.player-card .player-footer{margin-top:8px;padding-top:7px;justify-content:center}
  .script-panel>.player-card .rate-buttons{width:100%;justify-content:center}
  .script-panel>.player-card .rate-buttons button{padding:5px 9px;font-size:8px}
}

.player-card .transport{justify-content:center}

/* 整份语音示范下载：与播放控制并列，手机端保持清晰可点。 */
.transport .download-audio-button{width:56px!important;border:1px solid #4a4b44;color:#d8d5cd;background:#292a25}
.transport .download-audio-button small{white-space:nowrap}
.transport .download-audio-button:hover{border-color:var(--orange);color:#fff;background:#34352f}
.transport .download-audio-button:disabled,.transport .download-audio-button.is-working{opacity:.62;cursor:wait}

/* Mobile rehearsal navigation: keep the current slide and voice demo immediately reachable. */
.mobile-page-nav,.mobile-rail-head,.mobile-rail-backdrop{display:none}

@media(max-width:600px){
  body.mobile-page-picker-open{overflow:hidden}
  .practice-view{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .rehearsal-shell{
    grid-template-areas:"mobile-nav" "ppt" "script"!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .mobile-page-nav{
    grid-area:mobile-nav;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:stretch;
    gap:7px;
    padding:7px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#1c1d19;
  }
  .mobile-page-nav>button{
    min-width:0;
    min-height:48px;
    border:1px solid #41423c;
    border-radius:10px;
    background:#282923;
    color:var(--ink);
    font:inherit;
    font-size:18px;
  }
  .mobile-page-nav>button:disabled{opacity:.28}
  .mobile-page-nav .mobile-page-picker{
    position:relative;
    padding:7px 72px 7px 10px;
    text-align:left;
    cursor:pointer;
  }
  .mobile-page-picker span,.mobile-page-picker strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-page-picker span{color:var(--orange);font-size:8px;font-weight:900}
  .mobile-page-picker strong{margin-top:3px;font-size:11px}
  .mobile-page-picker em{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9f9f97;font-size:8px;font-style:normal}
  .mobile-rail-backdrop:not(.hidden){
    position:fixed;
    z-index:118;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(4,5,4,.68);
    backdrop-filter:blur(3px);
  }
  .slide-rail{display:none!important}
  .slide-rail.mobile-open{
    position:fixed;
    z-index:120;
    left:12px;
    right:12px;
    top:auto;
    bottom:calc(12px + env(safe-area-inset-bottom));
    max-height:min(72vh,650px);
    display:flex!important;
    flex-direction:column;
    gap:5px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:10px;
    border:1px solid #55564f;
    border-radius:18px;
    background:#1d1e1a;
    box-shadow:0 24px 80px rgba(0,0,0,.62);
    overscroll-behavior:contain;
  }
  .mobile-rail-head{
    position:sticky;
    z-index:2;
    top:-10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:-10px -10px 3px;
    padding:13px 12px 10px;
    border-bottom:1px solid var(--line);
    background:#1d1e1a;
  }
  .mobile-rail-head span,.mobile-rail-head strong{display:block}
  .mobile-rail-head span{color:var(--orange);font-size:8px;font-weight:900}
  .mobile-rail-head strong{margin-top:3px;font-size:11px}
  .mobile-rail-head button{min-height:34px;padding:0 13px;border:1px solid #55564f;border-radius:9px;background:#2a2b26;color:var(--ink);font:inherit;font-size:9px}
  .slide-rail.mobile-open .rail-item{
    width:100%;
    min-width:0;
    min-height:45px;
    display:block;
    padding:0 11px;
    border-radius:10px;
    text-align:left;
  }
  .slide-rail.mobile-open .rail-item>span{margin:0;text-align:left;font-size:10px;line-height:1.4}
  .slide-rail.mobile-open .rail-item.active{border-color:var(--orange);background:rgba(255,98,56,.09)}
  .slide-rail.mobile-open .rail-thumb{display:none}
  #mobilePlayer.mobile-player:not(.hidden){
    position:fixed;
    z-index:105;
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    min-height:66px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 58px 58px;
    align-items:center;
    gap:7px;
    padding:8px 9px;
    border:1px solid #55564f;
    border-radius:17px;
    background:rgba(29,30,26,.96);
    box-shadow:0 15px 50px rgba(0,0,0,.58);
    backdrop-filter:blur(14px);
  }
  #mobilePlayer>div{min-width:0;padding-left:3px}
  #mobilePlayer>div span,#mobilePlayer>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #mobilePlayer>div span{color:var(--orange);font-size:8px;font-weight:900}
  #mobilePlayer>div strong{margin-top:4px;font-size:11px}
  #mobilePlayer>button{
    min-width:0;
    min-height:48px;
    padding:0 5px;
    border:1px solid #4b4c45;
    border-radius:12px;
    background:#30312b;
    color:var(--ink);
    font:inherit;
    font-size:10px;
    font-weight:900;
  }
  #mobilePlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-color:var(--orange)!important;background:var(--orange)!important;color:#151612!important}
  #mobilePlay span{font-size:16px;line-height:1}
  #mobilePlay small{font-size:8px;line-height:1}
}