/* OpenEduWisdom · 工作台可读性与控件层级优化（保留原布局与功能） */
:root{--rail:248px;--context:292px;--topbar:70px;--footer:42px}
body{font-size:15px}
.brand strong{font-size:18px}
.brand small{margin-top:6px;color:#bbb8cb;font-size:10px;line-height:1.4}
.new-task{min-height:43px;padding:11px 13px;font-size:14px}
.new-task kbd{font-size:10px}
.nav-label{margin:18px 11px 7px;font-size:11px;letter-spacing:.09em}
.rail-nav a{min-height:36px;padding:8px 11px;font-size:14px}
.rail-nav a i{font-size:10px}
.rail-nav a b{font-size:9px}
.rail-foot>a{font-size:13px}
.rail-foot small{font-size:10px;line-height:1.5}
.rail-foot p{font-size:10px}
.topbar{padding:0 24px}
.topbar-left{font-size:13px}
.topbar-left strong{font-size:14px}
.service-state{font-size:11px}
.entry-button{min-height:34px;padding:7px 12px;font-size:12px}
.account-status{max-width:120px;overflow:hidden;color:var(--ink-2);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.logout-button{padding:6px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px}
.logout-button:hover{border-color:var(--chart);color:var(--chart)}
.agent-zone{padding:30px 36px 26px}
.eyebrow{font-size:11px;letter-spacing:.15em}
.agent-intro h1{font-size:clamp(34px,3.1vw,46px);line-height:1.2;letter-spacing:-.035em}
.agent-intro>p:last-child{margin-top:12px;font-size:15px;line-height:1.75}
.composer{margin-top:26px;border-radius:12px}
.composer textarea{min-height:100px;padding:20px 20px 8px;font-size:16px;line-height:1.75}
.composer textarea::placeholder{color:#858b9a;font-size:15px}
.composer-toolbar{min-height:54px;padding:8px 12px 12px 16px}
.intent-select-wrap select{min-height:34px;font-size:13px}
.input-count{font-size:11px}
.send-button{width:40px;height:40px}
.composer-note{margin-top:9px;font-size:10px}
.composer-note kbd{font-size:10px}
.prompt-examples{gap:8px;margin-top:15px}
.prompt-examples button{min-height:32px;padding:7px 11px;font-size:11px;line-height:1.45}
.quick-section{margin-top:26px}
.section-line h2{font-size:16px}
.section-line>span{font-size:10px}
.quick-grid{gap:10px;margin-top:12px}
.quick-item{min-height:70px;padding:12px 13px;border-radius:8px}
.quick-item strong{font-size:14px;line-height:1.4}
.quick-item small{margin-top:4px;font-size:11px;line-height:1.45}
.quick-item>i{font-size:13px}
.quick-item>b{font-size:9px}
.context-panel{padding:24px 20px}
.feature-topic{padding:20px}
.topic-top{font-size:10px}
.topic-top b{font-size:10px}
.topic-icon{width:30px;height:30px;margin-top:24px}
.feature-topic h2{margin-top:13px;font-size:23px;line-height:1.4}
.feature-topic p{margin-top:12px;font-size:12px;line-height:1.8}
.feature-topic>a:not(.topic-sample){min-height:36px;margin-top:18px;font-size:12px}
.topic-sample{margin-top:13px;font-size:11px}
.resource-links{margin-top:24px}
.resource-links>a{min-height:38px;padding:10px 2px}
.resource-links>a>span{font-size:10px}
.resource-links>a>strong{font-size:13px}
.desktop-card{padding-top:17px}
.desktop-card>span{font-size:9px}
.desktop-card>strong{margin-top:7px;font-size:14px}
.desktop-card>p{font-size:11px}
.desktop-card>a{font-size:11px}
.workspace-footer{font-size:10px}
.workspace-footer nav a{font-size:10px}
.toast{font-size:13px}

@media(min-width:1600px){
  :root{--rail:264px;--context:312px}
  .agent-zone{max-width:1080px}
  .agent-intro h1{font-size:48px}
  .quick-item{min-height:80px}
  .quick-item strong{font-size:15px}
  .quick-item small{font-size:12px}
  .feature-topic h2{font-size:26px}
}
@media(max-width:1180px){
  :root{--rail:224px;--context:256px}
  .brand strong{font-size:16px}
  .brand small{font-size:9px}
  .agent-zone{padding-left:28px;padding-right:28px}
  .quick-item{min-height:66px;padding:11px}
  .quick-item strong{font-size:13px}
  .quick-item small{font-size:10px}
  .context-panel{padding:20px 16px}
  .feature-topic{padding:17px}
  .feature-topic h2{font-size:20px}
  .feature-topic p{font-size:11px}
}
@media(max-height:790px) and (min-width:901px){
  :root{--topbar:60px;--footer:34px}
  .rail-head{height:72px}
  .new-task{min-height:38px;margin-bottom:8px}
  .nav-label{margin-top:11px;font-size:10px}
  .rail-nav a{min-height:31px;padding-top:5px;padding-bottom:5px;font-size:13px}
  .rail-foot{padding-top:9px;padding-bottom:9px}
  .agent-zone{padding-top:17px;padding-bottom:15px}
  .agent-intro h1{font-size:34px}
  .agent-intro>p:last-child{margin-top:8px;font-size:13px}
  .eyebrow{margin-bottom:8px;font-size:10px}
  .composer{margin-top:18px}
  .composer textarea{min-height:80px;padding-top:14px;font-size:15px}
  .composer-toolbar{min-height:46px;padding-top:5px;padding-bottom:8px}
  .prompt-examples{margin-top:11px}
  .quick-section{margin-top:18px}
  .quick-grid{margin-top:9px}
  .quick-item{min-height:59px;padding-top:8px;padding-bottom:8px}
  .quick-item strong{font-size:13px}
  .quick-item small{font-size:10px}
  .context-panel{padding-top:16px}
  .topic-icon{margin-top:14px}
  .feature-topic h2{margin-top:9px;font-size:20px}
  .feature-topic p{margin-top:8px;line-height:1.65}
  .feature-topic>a:not(.topic-sample){margin-top:12px}
  .resource-links{margin-top:16px}
  .resource-links>a{min-height:32px;padding:7px 2px}
  .desktop-card{margin-top:14px;padding-top:12px}
}
@media(max-width:900px){
  .account-status{display:none}
  .agent-zone{padding:36px 28px 30px}
  .quick-item strong{font-size:14px}
  .quick-item small{font-size:11px}
  .context-panel{padding:26px 28px}
}
@media(max-width:640px){
  .topbar{padding:0 14px}
  .topbar-left strong{font-size:13px}
  .topbar-actions{gap:9px}
  .logout-button{font-size:11px}
  .entry-button{font-size:11px}
  .agent-zone{padding:30px 16px 28px}
  .agent-intro h1{font-size:32px}
  .agent-intro>p:last-child{font-size:14px}
  .composer textarea{min-height:116px;padding:17px 16px 7px;font-size:16px}
  .composer textarea::placeholder{font-size:14px}
  .intent-select-wrap select{font-size:12px}
  .composer-note{font-size:10px}
  .prompt-examples button{min-height:38px;font-size:12px}
  .section-line h2{font-size:16px}
  .quick-item{min-height:86px;padding:13px 11px}
  .quick-item strong{font-size:13px}
  .quick-item small{font-size:10px}
  .context-panel{padding:24px 16px}
  .feature-topic h2{font-size:24px}
  .feature-topic p{font-size:13px}
  .resource-links>a>strong{font-size:14px}
  .workspace-footer nav a{font-size:11px}
}
