/* 温暖的淡紫色主题。保留真实商务对话图片，界面色彩以暖白和薰衣草紫为主。 */
:root {
  --outer:#F2EEF5;
  --paper:#FAF9F7;
  --white:#fff;
  --ink:#3E3948;
  --muted:#6D6675;
  --green:#765F91;
  --green-dark:#51425F;
  --sage:#F0ECF5;
  --line:#E7E0EB;
  --gold:#E9BEA2;
  --sand:#F8EEE7;
  --shadow:0 12px 30px rgba(69,51,83,.07);
}

body{background:var(--outer);color:var(--ink)}
.shell,.welcome{background:var(--paper);box-shadow:0 0 70px rgba(67,52,78,.07)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#9B84B4}
.mobile-header{background:rgba(255,255,255,.97)}
.brand-word,.app-brand strong,.welcome-brand>div{color:var(--ink)}
.app-brand small,.welcome-brand small{color:#797181}
.header-user{background:#F0ECF5;color:var(--green-dark)}
.header-user-dot,.dot{background:#9B84B4}
.mobile-nav{background:rgba(255,255,255,.97);box-shadow:0 -4px 18px rgba(67,52,78,.05)}
.mobile-nav button{color:#807A89}
.mobile-nav button.active{color:var(--green)}
.eyebrow,.welcome-copy .eyebrow{color:#745D8B}
.primary{background:var(--green);color:#fff;box-shadow:none}
.primary:hover,.chat-form button:hover{background:var(--green-dark)}
.secondary,.muted-button{border-color:#CFC3D8;color:var(--green-dark)}
.back,.text-link{color:var(--green)}
.statuspill{background:#F0ECF5;color:var(--green-dark)}
.demo-note,.legal{color:#77717C}
.field input,.field select,.chat-form input,.rewrite textarea,.scene-detail-head+.panel textarea,.lesson-panel textarea,.panel form textarea,#demo-imitation{border-color:#D9D0E0;color:var(--ink)}

/* 首页：淡紫卡片降低深色面积，标题和按钮仍有清楚的层次。 */
.dashboard-head h1,.page-head h1,.lesson-head h1,.page-title{color:var(--ink)}
.scene-banner{background:#E9E1ED}
.scene-banner:after{background:linear-gradient(transparent,rgba(44,34,54,.58))}
.scene-banner span{text-shadow:0 1px 5px #30263A}
.today-card{background:#EEE8F3;color:var(--ink);border:1px solid #E2D8E9;box-shadow:0 7px 20px rgba(76,58,89,.05)}
.today-card-kicker,.today-card-kicker span:last-child{color:#695678}
.today-card h2{color:var(--ink)}
.today-card p{color:#635B6B}
.today-card .primary{background:var(--green);color:#fff}
.today-card .primary:hover{background:var(--green-dark)}
.today-flow{color:#685E73}
.today-flow svg{border-color:#DED5E5;background:#F8F5FA}
.journey-progress{background:#fff}
.progress-head strong,.pathway-summary>strong{color:var(--green)}
.progress-head strong small,.pathway-summary strong small{color:#9C90A7}
.progress-track,.meter{background:#EBE5EF}
.progress-track span,.meter span{background:#9A80B4}
.chapter-preview button{background:#F2ECF6;border-color:#E6DBED;color:var(--green-dark)}
.chapter-preview button:nth-child(2){background:#F5F0F7;border-color:#E9E0EC}
.chapter-preview button:nth-child(3){background:#FBF2EB;border-color:#F1E3D8}
.chapter-preview button:nth-child(4){background:#EEE8F4;border-color:#E1D9EB}
.chapter-preview button:nth-child(5){background:#F7EDE9;border-color:#EEDFD8}

/* 课程列表、场景库与学习步骤。 */
.chapter-filters button,.scene-filters button{color:#61566E}
.chapter-filters button.active,.scene-filters button.active{background:var(--green);border-color:var(--green);color:#fff}
.chapter-heading>span,.level-num{background:#EEE8F3;color:var(--green)}
.level.current{background:#F4F0F7;border-color:#B9A6CA}
.level.done{background:#FBF9FC}
.level.locked{background:#FAF9F8;color:#817887}
.level .number,.level .tag,.level-state,.level-copy small{color:#776A83}
.scene-search{color:#77658A}
.scene-code,.scene-card footer svg{color:var(--green)}
.scene-group{background:#F0ECF5;color:#6B587E}
.scene-card footer{color:#6D6475}
.empty-state,.locked-note{background:#F2EDF6;color:#61556C}
.lesson-kicker{color:#765F91}
.flow-steps{background:#F0EBF4}
.flow-steps button{color:#756A7E}
.flow-steps button.active{color:var(--green-dark);box-shadow:0 2px 6px rgba(61,45,74,.08)}
.flow-steps button:disabled{color:#ACA1B3}
.step{border-bottom-color:#EEE9F1}
.step b{background:#F0EAF5;color:var(--green)}
.big-point{background:#F2EDF6;color:var(--green-dark);border-left-color:#B8A4C9}
.quiz-options button{border-color:#E4DCE9;color:var(--ink)}
.quiz-options button:hover{background:#F4F0F7;border-color:#B9A6CA}
.aside-card{background:#F6F2F7;color:var(--muted)}

/* 学方法：轻底色承载长文，关键词保留清晰对比。 */
.lesson-situation{background:#F5F0F8;border-color:#E8DEEE}
.lesson-situation p,.core-idea{color:#5D5368}
.evidence-note{background:#F7F3F9;color:#61566C}
.method-slide{border-color:#E7DFEC}
.method-slide-top,.method-slide-top .eyebrow,.method-divider{color:#79678A}
.method-slide h2,.method-step-card strong{color:var(--ink)}
.method-keywords{background:#75618C}
.method-keywords span{color:#544467}
.method-keywords small{color:#947EA9}
.method-divider:after{background:#E9E0EE}
.method-scene{background:#F5F0F8;color:#61536E}
.method-step-card{background:#FCFAFD;border-color:#ECE5F0}
.method-step-card b{color:#9478AB}
.method-more{background:#FCFAFD;border-color:#E8E0ED}
.method-more summary,.method-more summary::marker{color:#665078}
.method-more-body{border-color:#E9E1EE;color:#4F4659}
.method-more-body h3{color:#57446D}
.source-panel p,.source-panel details{color:#635A6C}
.example.good{background:#F1ECF5;border-color:#E6DDED}
.example.good small{color:#745C8C}

/* 看示范和对练：舞台用暖杏色，互动反馈用紫色。 */
.demo-panel,.demo-theater{border-color:#E5DCEB}
.demo-panel h2{color:var(--ink)}
.demo-theater-head{background:#665278}
.demo-stage{background:#F8F0EB}
.demo-prompt,.demo-person,.demo-dialogue small{color:#65536F}
.demo-dots{color:#83669B}
.demo-dialogue p{color:var(--ink)}
.demo-progress span{background:#E7DFEC}
.demo-progress span.active,.demo-progress span.seen{background:#8E73A7}
.demo-side{color:var(--green)}
.demo-side:disabled{color:#AAA0B0}
.demo-play{background:var(--green)}
.demo-play:hover{background:var(--green-dark)}
.demo-controls p{color:#6E617A}
.bubble{background:#F1EDF5}
.message.user .bubble{background:#765F91;color:#fff}
.chat-form button{background:var(--green)}
.chat-form button.voice{background:#F0EBF4;color:var(--green)}
.practice-view summary,.speak{color:var(--green)}
.feedback-item,.answer-compare>div{background:#F8F5FA;border-color:#E7DFEC}
.feedback-item small,.answer-compare small{color:#745E86}
.scene-quote{border-left-color:#8D70A6;background:#F6F1F8}
.reference-panel{background:#FEFCFA;border-top-color:#EAE2EE}
.score{background:var(--green)}
.ability-top span{background:#F1ECF5;color:#6B587D}
.ability code{color:#796889}

/* 旧页面共用组件。 */
.hero{background:#6E587F}
.hero p,.hero .eyebrow{color:#ECE2F2}
.hero .primary{background:#F0D3BE;color:#4E405B}
.hero .secondary{color:#fff}
.lesson-banner:before{background:linear-gradient(180deg,rgba(253,251,248,.18),rgba(48,37,60,.69))}
.lesson-banner span{color:#544365}
.welcome-left,.today-cover{background:var(--paper)}
.welcome-copy h1,.welcome-brand,.today-cover h1{color:var(--ink)}
.welcome-copy .eyebrow,.today-cover-copy .eyebrow{color:#735E87}
.welcome-copy p,.today-cover-top{color:#62556E}