.joy-classroom-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 26px;background:#fff9f1;border-bottom:1px solid #eadbcb;color:#245344;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.joy-classroom-bar a{display:inline-flex;align-items:center;gap:10px;color:#245344;text-decoration:none;font-size:12px;font-weight:700}
.joy-classroom-bar a:hover{color:#b84e3d}
.joy-classroom-bar img{display:block;width:130px;height:auto}
.joy-classroom-bar span{color:#967b69;font-size:11px;font-weight:600}
.readonly-note{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:8px;background:#e6f1e9;color:#245344;font-size:12px;font-weight:700}
#download-template-btn,#edit-toggle-btn,#reset-btn,#edit-panel,.admin-only,.op-edit,.op-del,#reset-modal{display:none!important}
header h1{background:linear-gradient(90deg,#e2775a,#3b886c)!important;-webkit-background-clip:text!important;background-clip:text!important}
@media(max-width:640px){
  .joy-classroom-bar{padding:7px 12px;min-height:42px}
  .joy-classroom-bar img{width:116px}
  .joy-classroom-bar span{display:none}
  header{position:static;padding:10px 12px}
  header h1{font-size:21px}
  header .subtitle{font-size:12px}
  .header-inner{gap:8px}
  .toolbar-mini{width:100%;gap:7px}
  .toolbar-mini .btn-mini{padding:7px 9px;font-size:12px}
  .readonly-note{order:10;font-size:11px;min-height:0;padding:5px 9px}
  .ratio-wrap{display:none}
  .layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:10px;padding:10px 12px 20px}
  .layout>section.panel:first-child,.layout>section.panel:nth-of-type(2),.layout>.challenge-banner{grid-column:1;grid-row:auto;min-width:0}
  .layout>section.panel:first-child{max-height:290px;overflow-y:auto;overscroll-behavior:contain}
  .layout>section.panel:first-child::before{content:"上下滑动选择音标";display:block;margin-bottom:8px;color:#64748b;font-size:12px;font-weight:700}
  .panel{padding:12px;border-radius:12px;min-width:0}
  .area-title{font-size:16px}.area-sub{font-size:12px}
  .ipa-row{gap:6px;margin-bottom:7px}
  .ipa-btn{min-width:50px;height:44px;padding:0 7px;font-size:19px;border-radius:10px}
  .consonant-wrap{margin-top:10px;padding-top:10px}
  .current-head{gap:8px}.current-symbol{font-size:34px;padding:4px 12px}
  .current-demo,.current-demo b{font-size:16px}
  .speak-demo-btn{font-size:14px;padding:7px 10px}
  .tips-box{font-size:14px;padding:9px 11px}
  .word-list-scroll{max-height:none;padding-right:0}
  .word-list{grid-template-columns:1fr}
  .word-text{font-size:23px}.word-meaning{font-size:14px}.ipa-line{font-size:16px}
  .corner-note{display:none}
  body{background-attachment:scroll}
}