#mote-classroom{--mc-brand-image:url("./assets/brand.png");--mc-mansion-image:url("./assets/performance.jpg");--mc-academy-image:url("./assets/academy.jpg");--ml-scene-image:url("./assets/hero.jpg");--ml-bg:light-dark(#f5f3ef,#0d1012);--ml-panel:light-dark(#fcfbf8,#14181b);--ml-soft:light-dark(#eeece6,#1b2023);--ml-ink:light-dark(#242b2c,#e9e8e3);--ml-muted:light-dark(#646d6e,#9ba5a7);--ml-line:light-dark(#dedfd9,#2a3033);--ml-gold:light-dark(#86602d,#dbb77b);--ml-gold-soft:light-dark(#ede2cf,#2e2921);--ml-radius:12px;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ml-ink);background:var(--ml-bg);font-size:14px;line-height:1.6;position:relative;isolation:isolate;min-width:0;border:1px solid var(--ml-line);border-radius:14px;overflow:clip}
#mote-classroom *{box-sizing:border-box}
#mote-classroom [hidden]{display:none!important}
#mote-classroom button,#mote-classroom input,#mote-classroom textarea{font:inherit}
#mote-classroom button{cursor:pointer;color:inherit}
#mote-classroom button:disabled{cursor:default;opacity:.55}
#mote-classroom h1,#mote-classroom h2,#mote-classroom h3,#mote-classroom p{margin:0}
#mote-classroom button{border:0;background:none}
#mote-classroom .ml-icon{width:18px;height:18px;flex-shrink:0;stroke-width:1.5}
#mote-classroom .ml-top{height:66px;border-bottom:1px solid var(--ml-line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 25px;background:var(--ml-panel)}
#mote-classroom .ml-brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:3px;font-weight:500}
#mote-classroom .ml-orb{height:24px;width:24px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff7d8,#d2b27c 27%,#766347 52%,#2d3839 73%);box-shadow:0 0 16px #cda86722}
#mote-classroom .ml-toplinks{display:flex;gap:26px;align-items:center;margin-left:20px;flex:1}
#mote-classroom .ml-toplinks span{font-size:12px;color:var(--ml-muted)}
#mote-classroom .ml-toplinks .ml-active{color:var(--ml-gold);position:relative}
#mote-classroom .ml-toplinks .ml-active:after{content:"";position:absolute;width:16px;height:2px;bottom:-23px;left:calc(50% - 8px);background:var(--ml-gold)}
#mote-classroom .ml-top-right{display:flex;gap:12px;align-items:center}
#mote-classroom .ml-preview-label{font-size:11px;color:var(--ml-muted);border:1px solid var(--ml-line);padding:3px 8px;border-radius:5px;white-space:nowrap}
#mote-classroom .ml-avatar{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:var(--ml-gold-soft);color:var(--ml-gold);font-size:12px}
#mote-classroom .ml-layout{display:grid;grid-template-columns:172px minmax(0,1fr)}
#mote-classroom .ml-side{padding:29px 14px 18px;border-right:1px solid var(--ml-line);display:flex;flex-direction:column;background:var(--ml-panel)}
#mote-classroom .ml-side-label{font-size:10px;letter-spacing:1.9px;color:var(--ml-muted);padding:0 12px 15px}
#mote-classroom .ml-navbtn{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:11px 12px;margin-bottom:4px;font-size:12px;border-radius:7px;color:var(--ml-muted)}
#mote-classroom .ml-navbtn[aria-current="page"]{background:var(--ml-gold-soft);color:var(--ml-gold)}
#mote-classroom .ml-navbtn:hover{background:var(--ml-soft)}
#mote-classroom .ml-navnum{margin-left:auto;font-size:10px;color:var(--ml-gold)}
#mote-classroom .ml-class-info{margin:29px 9px;padding-top:23px;border-top:1px solid var(--ml-line)}
#mote-classroom .ml-tiny{font-size:11px;color:var(--ml-muted)}
#mote-classroom .ml-class-info strong{display:block;font-size:12px;font-weight:500;margin:7px 0}
#mote-classroom .ml-side-bottom{margin-top:auto;padding-top:55px}
#mote-classroom .ml-side-foot{font-size:10px;color:var(--ml-muted);padding:14px 12px 0;letter-spacing:.5px}
#mote-classroom .ml-main{min-width:0;padding:31px 30px 23px}
#mote-classroom .ml-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}
#mote-classroom .ml-kicker{font-size:10px;letter-spacing:2px;color:var(--ml-gold);margin-bottom:6px}
#mote-classroom h1{font-size:25px;line-height:1.4;font-weight:500;letter-spacing:1px}
#mote-classroom .ml-subtitle{color:var(--ml-muted);font-size:12px;margin-top:6px}
#mote-classroom .ml-quietbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--ml-muted);padding:9px 0}
#mote-classroom .ml-quietbtn:hover{color:var(--ml-gold)}
#mote-classroom .ml-hero{position:relative;min-height:298px;border-radius:var(--ml-radius);overflow:hidden;background:#141c1f;color:#f8f6ee}
#mote-classroom .ml-scene{background-image:var(--ml-scene-image);background-size:cover;background-position:center}
#mote-classroom .ml-hero-image{position:absolute;inset:0;background-position:60% 55%}
#mote-classroom .ml-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#mote-classroom .ml-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081015ed 0%,#0c141cc7 31%,#10171920 85%),linear-gradient(0deg,#080e11d9,transparent 60%)}
#mote-classroom .ml-hero-copy{position:relative;padding:28px 29px;max-width:470px}
#mote-classroom .ml-hero-meta{font-size:10px;letter-spacing:1.5px;color:#dac09a;display:flex;gap:10px;align-items:center}
#mote-classroom .ml-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}
#mote-classroom .ml-hero h2{font-size:30px;font-weight:400;line-height:1.55;letter-spacing:2px;margin:16px 0 8px}
#mote-classroom .ml-hero-course{font-size:12px;color:#d0d4d2}
#mote-classroom .ml-hero-actions{display:flex;align-items:center;gap:16px;margin-top:23px}
#mote-classroom .ml-primary{background:var(--ml-gold)!important;color:light-dark(#fffdf7,#1a1d1c)!important;padding:10px 17px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;white-space:nowrap}
#mote-classroom .ml-hero .ml-primary{background:#dfbe89!important;color:#172023!important}
#mote-classroom .ml-primary:hover{filter:brightness(1.08)}
#mote-classroom .ml-outline{border:1px solid var(--ml-line);border-radius:6px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ml-panel);font-size:12px}
#mote-classroom .ml-hero-clock{font-size:11px;color:#b4bebf}
#mote-classroom .ml-progress{height:3px;background:var(--ml-soft);overflow:hidden;border-radius:5px}
#mote-classroom .ml-progress>span{display:block;background:var(--ml-gold);height:100%}
#mote-classroom .ml-hero-progress{position:absolute;bottom:0;left:0;right:0;background:#ffffff15;height:3px}
#mote-classroom .ml-hero-progress span{display:block;background:#dfbe89;width:45%;height:100%}
#mote-classroom .ml-frame-tag{position:absolute;right:19px;bottom:21px;font:10px ui-monospace,monospace;color:#e6e3d5;letter-spacing:2px;border-right:1px solid #d9d7c885;padding-right:9px}
#mote-classroom .ml-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 13px}
#mote-classroom .ml-section-head h2{font-size:15px;font-weight:500}
#mote-classroom .ml-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#mote-classroom .ml-chapter{text-align:left;width:100%;padding:0;border:1px solid var(--ml-line);border-radius:var(--ml-radius);overflow:hidden;background:var(--ml-panel);transition:transform .2s,border-color .2s}
#mote-classroom .ml-chapter:hover{transform:translateY(-3px);border-color:var(--ml-gold)}
#mote-classroom .ml-cover{height:114px;position:relative;overflow:hidden;background:#182328;color:#d8dedb}
#mote-classroom .ml-cover-label{position:absolute;top:12px;left:13px;font-size:9px;letter-spacing:1.8px;z-index:2}
#mote-classroom .ml-cover-index{position:absolute;bottom:1px;right:12px;font-family:Georgia,serif;font-size:55px;line-height:1.2;opacity:.45}
#mote-classroom .ml-cover-frame{position:absolute;inset:28px 46px 22px 35px;border:1px solid #c2b69880;transform:perspective(250px) rotateY(-17deg);background:linear-gradient(140deg,#a68e5b23,#141b2200)}
#mote-classroom .ml-cover-frame:before,#mote-classroom .ml-cover-frame:after{content:"";position:absolute;inset:8px;border:1px solid #c2b69855}
#mote-classroom .ml-cover-frame:after{inset:16px;border-color:#c2b69833}
#mote-classroom .ml-cover-performance{background:linear-gradient(140deg,#383020,#111c20)}
#mote-classroom .ml-actor{position:absolute;left:43%;top:40px;width:21px;height:29px;border-radius:45% 45% 37% 37%;background:#c2a576;box-shadow:0 0 38px #ac8b4860}
#mote-classroom .ml-actor:after{content:"";position:absolute;top:32px;width:64px;height:68px;border-radius:45% 45% 0 0;left:-21px;background:linear-gradient(100deg,#34454a,#b2a08166)}
#mote-classroom .ml-cover-performance:after{content:"";position:absolute;top:0;left:37%;height:170px;width:50px;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#dab98019,transparent)}
#mote-classroom .ml-wave{display:flex;gap:4px;align-items:center;position:absolute;inset:22px 25px 18px}
#mote-classroom .ml-wave span{width:3px;flex:1;background:#7ca9a7;opacity:.75;border-radius:4px}
#mote-classroom .ml-cover-sound{background:linear-gradient(150deg,#1d3437,#101a21)}
#mote-classroom .ml-chapter-copy{padding:13px 13px 15px}
#mote-classroom .ml-chapter h3{font-size:13px;font-weight:500;margin-bottom:5px}
#mote-classroom .ml-chapter-meta{font-size:11px;color:var(--ml-muted);display:flex;justify-content:space-between;gap:5px}
#mote-classroom .ml-notice{display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid var(--ml-line);border-radius:var(--ml-radius);background:var(--ml-panel);margin-top:20px}
#mote-classroom .ml-notice-symbol{background:var(--ml-gold-soft);color:var(--ml-gold);padding:9px;border-radius:8px;display:flex}
#mote-classroom .ml-notice-copy{flex:1;min-width:0}
#mote-classroom .ml-notice h3{font-size:12px;font-weight:500}
#mote-classroom .ml-notice p{font-size:11px;color:var(--ml-muted);margin-top:2px}
#mote-classroom .ml-footer{display:flex;justify-content:space-between;gap:10px;margin-top:24px;font-size:10px;color:var(--ml-muted)}
#mote-classroom .ml-catalog-intro{padding:24px;background:var(--ml-panel);border:1px solid var(--ml-line);border-radius:var(--ml-radius);margin-bottom:19px}
#mote-classroom .ml-catalog-intro h2{font-size:21px;font-weight:500;margin:7px 0}
#mote-classroom .ml-catalog-intro p{font-size:12px;color:var(--ml-muted)}
#mote-classroom .ml-catalog-row{display:flex;align-items:center;width:100%;text-align:left;gap:15px;padding:18px 12px;border-bottom:1px solid var(--ml-line)}
#mote-classroom .ml-catalog-row:hover{background:var(--ml-soft)}
#mote-classroom .ml-catalog-num{font:22px Georgia,serif;color:var(--ml-muted);width:33px}
#mote-classroom .ml-grow{flex:1;min-width:0}
#mote-classroom .ml-catalog-row h3{font-size:13px;font-weight:500}
#mote-classroom .ml-catalog-row p{font-size:11px;color:var(--ml-muted);margin-top:3px}
#mote-classroom .ml-state{font-size:10px;color:var(--ml-gold);background:var(--ml-gold-soft);padding:3px 7px;border-radius:4px;white-space:nowrap}
#mote-classroom .ml-work-layout{display:grid;grid-template-columns:minmax(0,1fr) 206px;gap:20px;align-items:start}
#mote-classroom .ml-player{aspect-ratio:16/10;position:relative;background:#091013;overflow:hidden;border-radius:var(--ml-radius);color:#f7f4e9;display:flex;align-items:center;justify-content:center}
#mote-classroom .ml-player-image{position:absolute;inset:0;opacity:.78}
#mote-classroom .ml-player-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050a10eb,transparent 50%)}
#mote-classroom .ml-play{position:relative;border:1px solid #eee8d370;background:#12191b85;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff9ed}
#mote-classroom .ml-play .ml-icon{width:22px;height:22px}
#mote-classroom .ml-player-caption{position:absolute;top:14px;left:14px;font-size:9px;letter-spacing:1.6px;color:#e1dfd2}
#mote-classroom .ml-player-bottom{position:absolute;left:14px;right:14px;bottom:12px}
#mote-classroom .ml-player-track{width:100%;accent-color:#dbb77b;height:3px;display:block;margin:0 0 12px}
#mote-classroom .ml-player-tools{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#dfdfd9;gap:7px}
#mote-classroom .ml-player-tools button{color:#dfdfd9;font-size:10px;padding:2px 6px;border:1px solid #ffffff35;border-radius:3px}
#mote-classroom .ml-lesson-title{font-size:19px;font-weight:500;margin-top:17px;line-height:1.5}
#mote-classroom .ml-lesson-meta{font-size:11px;color:var(--ml-muted);margin-top:6px}
#mote-classroom .ml-tabbar{display:flex;gap:18px;border-bottom:1px solid var(--ml-line);margin-top:23px}
#mote-classroom .ml-tabbar button{padding:10px 0;font-size:12px;color:var(--ml-muted);border-bottom:2px solid transparent;white-space:nowrap}
#mote-classroom .ml-tabbar button[aria-selected="true"]{color:var(--ml-gold);border-color:var(--ml-gold)}
#mote-classroom .ml-tab-content{padding-top:19px;min-height:180px}
#mote-classroom .ml-tab-content h3{font-size:13px;font-weight:500;margin-bottom:9px}
#mote-classroom .ml-tab-content p{font-size:12px;line-height:1.85;color:var(--ml-muted);margin-bottom:12px}
#mote-classroom .ml-file{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--ml-line);border-radius:7px;margin:10px 0;background:var(--ml-panel)}
#mote-classroom .ml-file .ml-icon{color:var(--ml-gold)}
#mote-classroom .ml-file strong{font-size:12px;font-weight:500}
#mote-classroom .ml-file small{font-size:10px;color:var(--ml-muted);display:block}
#mote-classroom .ml-lesson-list{border:1px solid var(--ml-line);border-radius:var(--ml-radius);background:var(--ml-panel);overflow:hidden}
#mote-classroom .ml-lesson-list-head{padding:15px 13px;border-bottom:1px solid var(--ml-line)}
#mote-classroom .ml-lesson-list-head h3{font-size:12px;font-weight:500;margin-bottom:3px}
#mote-classroom .ml-lesson-item{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:13px 11px;border-bottom:1px solid var(--ml-line);font-size:11px;color:var(--ml-muted)}
#mote-classroom .ml-lesson-item:last-child{border-bottom:0}
#mote-classroom .ml-lesson-item[aria-current="true"]{background:var(--ml-gold-soft);color:var(--ml-gold)}
#mote-classroom .ml-lesson-item span:first-child{font-size:10px;opacity:.8}
#mote-classroom .ml-lesson-item small{font-size:10px;display:block;opacity:.8;margin-top:3px}
#mote-classroom .ml-practice{border:1px solid var(--ml-line);border-radius:var(--ml-radius);padding:15px 13px;margin-top:15px;background:var(--ml-panel)}
#mote-classroom .ml-practice h3{font-size:12px;font-weight:500;margin:7px 0}
#mote-classroom .ml-practice p{font-size:11px;color:var(--ml-muted);margin-bottom:13px}
#mote-classroom .ml-practice button{width:100%}
#mote-classroom .ml-form-label{display:block;font-size:12px;margin:12px 0 6px}
#mote-classroom .ml-field{display:block;width:100%;padding:10px 12px;border:1px solid var(--ml-line);border-radius:7px;background:var(--ml-panel);color:var(--ml-ink);font-size:12px;resize:vertical}
#mote-classroom .ml-feedback{padding:21px;border:1px solid var(--ml-line);border-radius:var(--ml-radius);background:var(--ml-panel);margin-bottom:16px}
#mote-classroom .ml-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#mote-classroom .ml-feedback h2{font-size:16px;font-weight:500;margin-bottom:8px}
#mote-classroom .ml-feedback p{font-size:12px;line-height:1.9;color:var(--ml-muted);margin:8px 0}
#mote-classroom .ml-timestamp{color:var(--ml-gold);font-size:11px;padding:3px 7px;background:var(--ml-gold-soft);border-radius:4px;display:inline-block;margin-right:7px}
#mote-classroom .ml-feedback-foot{border-top:1px solid var(--ml-line);margin-top:17px;padding-top:13px;display:flex;gap:9px;flex-wrap:wrap}
#mote-classroom .ml-note-card{padding:20px;border:1px solid var(--ml-line);background:var(--ml-panel);border-radius:var(--ml-radius);margin-bottom:13px}
#mote-classroom .ml-note-card h3{font-size:14px;font-weight:500;margin-bottom:8px}
#mote-classroom .ml-note-card p{color:var(--ml-muted);font-size:12px;line-height:1.8}
#mote-classroom .ml-empty{padding:35px 16px;border:1px dashed var(--ml-line);border-radius:var(--ml-radius);text-align:center;color:var(--ml-muted);font-size:12px}
#mote-classroom .ml-modal-wrap{position:absolute;inset:0;z-index:20;background:#05080d99;display:flex;align-items:flex-start;justify-content:center;padding:90px 20px 25px}
#mote-classroom .ml-modal{background:var(--ml-panel);border:1px solid var(--ml-line);border-radius:14px;padding:25px;max-width:480px;width:100%;box-shadow:0 25px 80px #0005}
#mote-classroom .ml-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
#mote-classroom .ml-modal-head h2{font-size:18px;font-weight:500}
#mote-classroom .ml-modal-close{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:var(--ml-soft)}
#mote-classroom .ml-modal p{font-size:12px;line-height:1.85;color:var(--ml-muted)}
#mote-classroom .ml-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}
#mote-classroom .ml-statusline{font-size:11px;color:var(--ml-gold);margin-top:10px;min-height:18px}
#mote-classroom .ml-adminrow{display:grid;grid-template-columns:minmax(0,1fr) 80px 88px;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ml-line);font-size:12px}
#mote-classroom .ml-adminrow h3{font-weight:500;font-size:13px}
#mote-classroom .ml-adminrow p{color:var(--ml-muted);font-size:11px;margin-top:4px}
@media(max-width:800px){#mote-classroom .ml-layout{grid-template-columns:145px minmax(0,1fr)}#mote-classroom .ml-main{padding:25px 20px}#mote-classroom .ml-toplinks{gap:16px;margin-left:8px}#mote-classroom .ml-side{padding-inline:8px}#mote-classroom .ml-hero-copy{padding:24px}#mote-classroom .ml-hero h2{font-size:27px}#mote-classroom .ml-work-layout{grid-template-columns:minmax(0,1fr)}#mote-classroom .ml-work-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}#mote-classroom .ml-practice{margin-top:0}#mote-classroom .ml-cover{height:93px}#mote-classroom .ml-chapter-copy{padding:10px}#mote-classroom .ml-chapter h3{font-size:12px}#mote-classroom .ml-chapters{gap:10px}}
@media(max-width:600px){#mote-classroom{border-radius:10px}#mote-classroom .ml-top{padding:0 15px;height:58px}#mote-classroom .ml-brand{font-size:18px}#mote-classroom .ml-toplinks{display:none}#mote-classroom .ml-layout{display:block}#mote-classroom .ml-side{padding:8px 12px;border-right:0;border-bottom:1px solid var(--ml-line);display:flex;flex-direction:row;gap:5px}#mote-classroom .ml-side-label,#mote-classroom .ml-class-info,#mote-classroom .ml-side-bottom{display:none}#mote-classroom .ml-navbtn{justify-content:center;margin:0;padding:10px 4px;gap:5px;font-size:11px;white-space:nowrap}#mote-classroom .ml-navbtn .ml-icon{width:14px;height:14px}#mote-classroom .ml-navnum{display:none}#mote-classroom .ml-main{padding:23px 16px 20px}#mote-classroom .ml-page-head{margin-bottom:19px}#mote-classroom h1{font-size:23px}#mote-classroom .ml-page-head>.ml-quietbtn{display:none}#mote-classroom .ml-hero{min-height:275px}#mote-classroom .ml-hero-copy{padding:24px 20px}#mote-classroom .ml-hero h2{font-size:26px;letter-spacing:1px}#mote-classroom .ml-hero-image{background-position:64%}#mote-classroom .ml-hero-image:after{background:linear-gradient(90deg,#081015eb,#08101560),linear-gradient(0deg,#080e11c9,transparent)}#mote-classroom .ml-hero-actions{gap:12px}#mote-classroom .ml-frame-tag{display:none}#mote-classroom .ml-chapters{grid-template-columns:1fr;gap:10px}#mote-classroom .ml-chapter{display:grid;grid-template-columns:105px minmax(0,1fr)}#mote-classroom .ml-cover{height:90px}#mote-classroom .ml-cover-label{font-size:8px;left:8px;letter-spacing:1px}#mote-classroom .ml-cover-index{font-size:37px;right:5px}#mote-classroom .ml-cover-frame{inset:27px 25px 18px 15px}#mote-classroom .ml-chapter-copy{display:flex;flex-direction:column;justify-content:center;padding:12px}#mote-classroom .ml-chapter h3{font-size:13px}#mote-classroom .ml-notice{flex-wrap:wrap;padding:14px;gap:10px}#mote-classroom .ml-notice>.ml-quietbtn{padding:0;margin-left:47px}#mote-classroom .ml-footer{font-size:9px}#mote-classroom .ml-work-side{display:block}#mote-classroom .ml-practice{margin-top:14px}#mote-classroom .ml-tabbar{gap:16px}#mote-classroom .ml-tabbar button{font-size:11px}#mote-classroom .ml-catalog-row{gap:10px;padding:16px 2px}#mote-classroom .ml-catalog-row h3{font-size:12px}#mote-classroom .ml-catalog-num{font-size:19px;width:23px}#mote-classroom .ml-catalog-row p{font-size:10px}#mote-classroom .ml-catalog-intro{padding:19px}#mote-classroom .ml-feedback{padding:17px}#mote-classroom .ml-modal-wrap{padding-top:75px}#mote-classroom .ml-modal{padding:20px}#mote-classroom .ml-adminrow{grid-template-columns:minmax(0,1fr) 60px}#mote-classroom .ml-adminrow>.ml-tiny{display:none}}
@media(max-width:600px){#mote-classroom .ml-wave{gap:2px;inset:22px 12px 18px}}
@media(prefers-reduced-motion:reduce){#mote-classroom *{transition:none!important}}
#mote-classroom{--mc-bg:light-dark(#f5f5f2,#0d1012);--mc-surface:light-dark(#ffffff,#14181b);--mc-text:light-dark(#202725,#e9e8e3);--mc-muted:light-dark(#707974,#9ba5a7);--mc-line:light-dark(#e2e5df,#2a3033);--mc-dark:light-dark(#131b1a,#0f1416);--mc-accent:#dbc28e;--mc-gold:light-dark(#8f6e36,#dbb77b);--mc-cream:light-dark(#efeee5,#1b2023);border-radius:10px;background:var(--mc-bg);border-color:var(--mc-line);font-weight:400}
#mote-classroom .mc-header{display:flex;align-items:center;gap:23px;padding:0 30px;min-height:77px;background:var(--mc-dark);color:#efefe6;border-bottom:1px solid #ffffff10}
#mote-classroom .mc-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-align:left;padding:0;color:#f6f3e7}
#mote-classroom .mc-brand strong{display:block;font-size:21px;letter-spacing:2px;font-weight:500;line-height:1.3}
#mote-classroom .mc-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#9ba9a1;margin-top:3px}
#mote-classroom .mc-brand .ml-orb{height:28px;width:28px}
#mote-classroom .mc-nav{display:flex;gap:24px;align-self:stretch;align-items:stretch;margin-left:10px}
#mote-classroom .mc-nav button{padding:0;font-size:12px;color:#b8c2bc;position:relative;white-space:nowrap}
#mote-classroom .mc-nav button[aria-current="page"]{color:#e6cf9d}
#mote-classroom .mc-nav button[aria-current="page"]:after{content:"";position:absolute;bottom:16px;left:calc(50% - 7px);width:14px;height:2px;background:#e6cf9d}
#mote-classroom .mc-search{display:flex;align-items:center;gap:7px;border:1px solid #ffffff1c;background:#ffffff05;border-radius:5px;margin-left:auto;padding:7px 10px;width:153px;color:#a0aea7}
#mote-classroom .mc-search .ml-icon{width:14px;height:14px}
#mote-classroom .mc-search button{display:grid;place-items:center;padding:1px;color:#a0aea7}
#mote-classroom .mc-search input{background:transparent;color:#e6eee7;border:0;padding:0;width:100%;min-width:0;font-size:11px;outline-offset:6px}
#mote-classroom .mc-search input::placeholder{color:#a0aea7}
#mote-classroom .mc-my{display:flex;align-items:center;gap:6px;color:#ebd9b0;border:1px solid #756747;border-radius:5px;padding:8px 11px;font-size:11px;white-space:nowrap}
#mote-classroom .mc-my .ml-icon{width:14px;height:14px}
#mote-classroom .mc-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;color:#d9c393;border:1px solid #ffffff25;border-radius:5px;font-size:11px;white-space:nowrap;flex-shrink:0;min-height:33px}
#mote-classroom .mc-theme-toggle:hover{background:#ffffff0c;border-color:#d9c39380}
#mote-classroom .mc-theme-toggle .ml-icon{width:14px;height:14px}
#mote-classroom .mc-public{background:var(--mc-bg);color:var(--mc-text)}
#mote-classroom .mc-content{padding-left:36px;padding-right:36px}
#mote-classroom .mc-hero{position:relative;background:#111b1d;min-height:390px;color:#f4f0e2;overflow:hidden}
#mote-classroom .mc-hero-art{position:absolute;inset:0;background-image:var(--ml-scene-image);background-size:cover;background-position:center 59%;transition:opacity .25s}
#mote-classroom .mc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a161af7 0%,#0c191bdd 28%,#0d171856 69%,#0d171824),linear-gradient(0deg,#0c1719de,transparent 37%)}
#mote-classroom .mc-hero-top{display:flex;justify-content:space-between;gap:10px;position:relative;padding:23px 36px 0;font-size:9px;letter-spacing:1.7px;color:#c1c7b9}
#mote-classroom .mc-hero-top span:first-child{border-left:2px solid #d9c18d;padding-left:9px}
#mote-classroom .mc-hero-inner{position:relative;padding:25px 54px 28px;max-width:640px}
#mote-classroom .mc-hero-eyebrow{font-size:11px;color:#d7c390;letter-spacing:2px;margin-bottom:12px}
#mote-classroom .mc-hero h1{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:40px;line-height:1.5;letter-spacing:4px;font-weight:500;color:#f1eada}
#mote-classroom .mc-hero p{font-size:12px;line-height:1.9;margin-top:12px;color:#b9c4bd;letter-spacing:.4px}
#mote-classroom .mc-hero-actions{display:flex;align-items:center;gap:22px;margin-top:25px}
#mote-classroom .mc-gold-btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:#ddc693;color:#1a2623;border-radius:4px;padding:11px 16px;font-size:12px;font-weight:500;white-space:nowrap}
#mote-classroom .mc-gold-btn:hover{background:#efdab0}
#mote-classroom .mc-gold-btn .ml-icon{width:15px;height:15px}
#mote-classroom .mc-hero-link{display:flex;gap:7px;align-items:center;font-size:11px;color:#d0d8cf;padding:8px 0}
#mote-classroom .mc-hero-link .ml-icon{width:14px;height:14px}
#mote-classroom .mc-hero-bottom{position:relative;margin:0 36px;padding:13px 0 15px;border-top:1px solid #c7d0bd24;display:flex;align-items:center;justify-content:space-between;gap:15px}
#mote-classroom .mc-hero-tags{display:flex;gap:25px;font-size:10px;color:#c2cbbf;letter-spacing:1px}
#mote-classroom .mc-carousel{display:flex;gap:12px;align-items:center}
#mote-classroom .mc-carousel button{display:grid;place-items:center;width:24px;height:25px;border:1px solid #c7d0bd38;border-radius:50%;color:#e5e8de}
#mote-classroom .mc-carousel .ml-icon{width:13px;height:13px}
#mote-classroom .mc-carousel span{font-size:10px;color:#f0e2c3;letter-spacing:2px}
#mote-classroom .mc-carousel b{font-weight:400;color:#8c9c94}
#mote-classroom .mc-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-top:22px}
#mote-classroom .mc-pathway{display:flex;align-items:center;gap:12px;text-align:left;padding:19px 15px;background:var(--mc-surface);border:1px solid var(--mc-line);border-radius:6px}
#mote-classroom .mc-pathway:hover{border-color:var(--mc-gold)}
#mote-classroom .mc-pathway-num{font:italic 24px Georgia,serif;color:var(--mc-gold);opacity:.7}
#mote-classroom .mc-pathway-content{flex:1;min-width:0}
#mote-classroom .mc-pathway strong{display:block;font-size:14px;font-weight:500}
#mote-classroom .mc-pathway small{display:block;font-size:9px;color:var(--mc-muted);margin-top:5px;white-space:nowrap}
#mote-classroom .mc-pathway>.ml-icon{width:13px;height:13px;color:var(--mc-muted)}
#mote-classroom .mc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:32px 0 17px}
#mote-classroom .mc-eyebrow{font-size:9px;letter-spacing:2px;color:var(--mc-gold);margin-bottom:7px}
#mote-classroom .mc-section-head h2,#mote-classroom .mc-detail-body h2{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:.6px}
#mote-classroom .mc-text-btn{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--mc-muted);padding:4px 0}
#mote-classroom .mc-text-btn:hover{color:var(--mc-gold)}
#mote-classroom .mc-text-btn .ml-icon{width:14px;height:14px}
#mote-classroom .mc-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
#mote-classroom .mc-filters button{font-size:11px;padding:6px 13px;border-radius:4px;background:transparent;color:var(--mc-muted);border:1px solid transparent}
#mote-classroom .mc-filters button:hover{border-color:var(--mc-line)}
#mote-classroom .mc-filters button[aria-pressed="true"]{background:light-dark(#283b33,#e0cda4);color:light-dark(#fffdf4,#17201c)}
#mote-classroom .mc-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 15px}
#mote-classroom .mc-course{padding:0;background:var(--mc-surface);border:1px solid var(--mc-line);text-align:left;border-radius:var(--ml-radius);overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}
#mote-classroom .mc-course:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0b211712}
#mote-classroom .mc-poster{position:relative;aspect-ratio:1.55;overflow:hidden;color:#f4efdf;background:#1a272a}
#mote-classroom .mc-poster-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.8}
#mote-classroom .mc-poster-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#071316a9,#0713160a),linear-gradient(0deg,#0a141ecc,transparent 90%)}
#mote-classroom .mc-poster-content{position:absolute;inset:14px 15px;display:flex;flex-direction:column;justify-content:space-between}
#mote-classroom .mc-poster>img.mc-poster-photo{width:100%;height:100%;object-fit:cover;background:none;opacity:.88}
#mote-classroom .mc-poster.has-cover:after{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(120deg,#071316b8,#07131612),linear-gradient(0deg,#07111dcc,transparent 88%)}
#mote-classroom .mc-poster.has-cover .mc-poster-content{z-index:1}
#mote-classroom .mc-poster-overline{font-size:8px;letter-spacing:1.5px;opacity:.85}
#mote-classroom .mc-poster-title{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:23px;line-height:1.35;letter-spacing:1px;font-weight:500}
#mote-classroom .mc-poster-caption{font-size:8px;letter-spacing:2px;opacity:.8}
#mote-classroom .mc-poster-number{position:absolute;right:13px;top:12px;font:italic 16px Georgia,serif;color:#ddd9ca80}
#mote-classroom .mc-poster-system{background:radial-gradient(ellipse at 88% 24%,#567567,#263f36 42%,#12231f);color:#f2e8cc}
#mote-classroom .mc-poster-system .mc-poster-title{font-size:24px}
#mote-classroom .mc-poster-system .mc-poster-title em{font-style:normal;color:#dec997}
#mote-classroom .mc-poster-system:after{content:"";position:absolute;width:160px;height:160px;right:-65px;bottom:-55px;border:1px solid #e1d0a530;box-shadow:0 0 0 14px #e1d0a50c,0 0 0 28px #e1d0a50a,0 0 0 42px #e1d0a507;border-radius:50%}
#mote-classroom .mc-poster-director{background:linear-gradient(145deg,#d6cdb5,#a19370);color:#27352e}
#mote-classroom .mc-poster-director .mc-poster-photo{background-image:var(--mc-academy-image);opacity:.3;mix-blend-mode:multiply}
#mote-classroom .mc-poster-director .mc-poster-photo:after{background:linear-gradient(90deg,#ddcfab70,transparent)}
#mote-classroom .mc-poster-director .mc-poster-title{font-size:25px}
#mote-classroom .mc-poster-continuity .mc-poster-photo{background-image:var(--ml-scene-image)}
#mote-classroom .mc-poster-visual .mc-poster-photo{background-image:var(--mc-academy-image);opacity:.85}
#mote-classroom .mc-poster-visual .mc-poster-photo:after{background:linear-gradient(90deg,#28190695,#28190605),linear-gradient(0deg,#2b20138a,transparent)}
#mote-classroom .mc-poster-performance .mc-poster-photo{background-image:var(--mc-mansion-image);background-position:58% 30%;opacity:1}
#mote-classroom .mc-poster-performance{color:#dec59d}
#mote-classroom .mc-poster-sound{background:linear-gradient(125deg,#192c41,#305f72);color:#e2ecdf}
#mote-classroom .mc-sound-wave{position:absolute;display:flex;align-items:center;gap:3px;inset:20px 12px 17px;opacity:.3}
#mote-classroom .mc-sound-wave span{flex:1;min-width:1px;background:#bfd8ca;max-width:5px;border-radius:3px}
#mote-classroom .mc-poster-model{background:radial-gradient(ellipse at 100% 90%,#756892,#202738 80%);color:#e0d7e9}
#mote-classroom .mc-model-grid{position:absolute;right:-20px;bottom:-10px;width:150px;height:120px;transform:perspective(200px) rotateY(-25deg) rotateZ(-12deg);background:repeating-linear-gradient(0deg,transparent 0 19px,#d5c3f323 20px 21px),repeating-linear-gradient(90deg,transparent 0 19px,#d5c3f323 20px 21px);border:1px solid #d5c3f323}
#mote-classroom .mc-poster-intro{background:#35362f;color:#e9e0c8}
#mote-classroom .mc-poster-intro .mc-poster-photo{background-image:var(--mc-academy-image);background-position:0 20%;opacity:.55}
#mote-classroom .mc-course-copy{padding:13px 13px 0}
#mote-classroom .mc-course-copy h3{font-size:13px;font-weight:500;line-height:1.5;min-height:39px}
#mote-classroom .mc-course-copy p{font-size:10px;color:var(--mc-muted);margin-top:5px;line-height:1.6}
#mote-classroom .mc-course-tags{display:flex;align-items:center;gap:5px;margin-top:11px}
#mote-classroom .mc-course-tags span{font-size:9px;padding:2px 6px;background:light-dark(#edf0e9,#2e2921);color:light-dark(#52705a,#cfb27e);border-radius:3px}
#mote-classroom .mc-course-tags span:last-child{margin-left:auto;background:transparent;color:var(--mc-muted);padding-right:0}
#mote-classroom .mc-course-byline{display:flex;align-items:center;gap:6px;border-top:1px solid var(--mc-line);margin-top:13px;padding:10px 13px;color:var(--mc-muted);font-size:9px}
#mote-classroom .mc-official-orb{height:19px;width:19px;border-radius:50%;display:inline-grid;place-items:center;background:light-dark(#364f40,#d7c092);color:light-dark(#f6edd6,#18281f);font-size:9px;flex-shrink:0}
#mote-classroom .mc-course-byline .ml-icon{margin-left:auto;width:13px;height:13px}
#mote-classroom .mc-training-strip{display:grid;grid-template-columns:1.03fr 1fr;background:var(--mc-cream);margin:35px 0 30px;overflow:hidden;border-radius:7px;min-height:249px}
#mote-classroom .mc-training-photo{position:relative;background-image:var(--mc-academy-image);background-size:cover;background-position:center;color:#dedbcc;min-height:230px}
#mote-classroom .mc-training-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101817ab,transparent 65%)}
#mote-classroom .mc-training-photo span{position:absolute;bottom:16px;left:20px;font-size:9px;letter-spacing:2px;z-index:1}
#mote-classroom .mc-training-copy{padding:28px 30px}
#mote-classroom .mc-training-copy h2{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:26px;line-height:1.55;font-weight:500;letter-spacing:1px}
#mote-classroom .mc-training-copy p{font-size:11px;color:var(--mc-muted);line-height:1.9;margin:10px 0 16px}
#mote-classroom .mc-dark-btn{display:inline-flex;gap:16px;align-items:center;border-radius:4px;background:light-dark(#2d4437,#dac69a);color:light-dark(#f9f5e9,#16251d);padding:9px 13px;font-size:11px}
#mote-classroom .mc-dark-btn .ml-icon{width:14px;height:14px}
#mote-classroom .mc-footer{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--mc-line);padding:22px 36px;background:var(--mc-surface)}
#mote-classroom .mc-footer strong{font-size:15px;font-weight:500;letter-spacing:1px}
#mote-classroom .mc-footer span{display:block;font-size:9px;color:var(--mc-muted);margin-top:4px}
#mote-classroom .mc-footer-links{text-align:right}
#mote-classroom .mc-footer-links button{font-size:11px;color:var(--mc-muted);padding:0}
#mote-classroom .mc-browse{padding-top:10px;padding-bottom:38px;min-height:670px}
#mote-classroom .mc-browse h1{font-size:28px;font-weight:500}
#mote-classroom .mc-muted{font-size:12px;color:var(--mc-muted);margin-top:9px;line-height:1.8}
#mote-classroom .mc-results-label{font-size:11px;color:var(--mc-muted);margin:0 0 15px}
#mote-classroom .mc-detail-cover{background:light-dark(#17211d,#11191c);color:#edeadf;padding:19px 0 30px}
#mote-classroom .mc-detail-cover .mc-text-btn{color:#b7c0b8}
#mote-classroom .mc-detail-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:33px;align-items:center;margin-top:22px}
#mote-classroom .mc-detail-poster{border-radius:6px;overflow:hidden;min-width:0}
#mote-classroom .mc-detail-poster .mc-poster-title{font-size:39px}
#mote-classroom .mc-detail-poster .mc-poster-content{inset:23px}
#mote-classroom .mc-detail-poster .mc-poster-overline{font-size:11px}
#mote-classroom .mc-detail-poster .mc-poster-caption{font-size:10px}
#mote-classroom .mc-detail-kind{font-size:10px;letter-spacing:1px;color:#d8c393}
#mote-classroom .mc-detail-copy h1{font-size:27px;line-height:1.5;letter-spacing:1px;margin:9px 0 10px;font-weight:500}
#mote-classroom .mc-detail-copy>p{font-size:12px;line-height:1.8;color:#b0bcb2}
#mote-classroom .mc-detail-byline{display:flex;gap:8px;align-items:center;font-size:10px;color:#b9c4b9;margin-top:17px}
#mote-classroom .mc-detail-actions{display:flex;gap:13px;align-items:center;margin-top:24px;flex-wrap:wrap}
#mote-classroom .mc-detail-actions>span{font-size:10px;color:#bfc9bd}
#mote-classroom .mc-detail-body{display:grid;grid-template-columns:1fr 240px;gap:38px;padding-top:34px;padding-bottom:40px}
#mote-classroom .mc-detail-body>div>p{font-size:12px;color:var(--mc-muted);line-height:1.9;margin-top:13px}
#mote-classroom .mc-detail-points{display:flex;gap:18px;flex-wrap:wrap;margin:23px 0}
#mote-classroom .mc-detail-points span{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--mc-muted)}
#mote-classroom .mc-detail-points .ml-icon{width:15px;height:15px;color:var(--mc-gold)}
#mote-classroom .mc-detail-note{background:var(--mc-cream);padding:22px 21px;border-radius:5px;align-self:start}
#mote-classroom .mc-detail-note h3{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:21px;line-height:1.65;font-weight:500;margin:10px 0}
#mote-classroom .mc-detail-note p{font-size:12px;color:var(--mc-muted);line-height:1.9;margin-bottom:16px}
#mote-classroom .mc-outline-row{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:16px 0;border-bottom:1px solid var(--mc-line)}
#mote-classroom .mc-outline-row>.ml-icon{margin-left:auto;width:15px;height:15px;color:var(--mc-gold)}
#mote-classroom .mc-outline-row>span{font-size:11px;color:var(--mc-gold);width:22px}
#mote-classroom .mc-outline-row strong{font-size:12px;font-weight:500;display:block}
#mote-classroom .mc-outline-row small{font-size:10px;color:var(--mc-muted);display:block;margin-top:3px}
#mote-classroom .mc-training-page{padding-top:37px;padding-bottom:35px}
#mote-classroom .mc-training-page>h1{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:33px;font-weight:500}
#mote-classroom .mc-training-banner{margin:28px 0;background-image:linear-gradient(90deg,#151e1bf5,#151e1b33),var(--mc-academy-image);background-size:cover;background-position:center;min-height:300px;border-radius:7px;padding:32px;color:#f1e8cf;display:flex;align-items:center}
#mote-classroom .mc-training-banner span{font-size:10px;letter-spacing:1.5px;color:#d4c59e}
#mote-classroom .mc-training-banner h2{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-size:32px;line-height:1.6;font-weight:500;letter-spacing:2px;margin:15px 0 21px}
#mote-classroom .mc-training-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:25px}
#mote-classroom .mc-training-steps article{border-top:1px solid var(--mc-line);padding-top:18px}
#mote-classroom .mc-training-steps span{font-size:10px;color:var(--mc-gold);letter-spacing:1px}
#mote-classroom .mc-training-steps h3{font-size:16px;font-weight:500;margin:7px 0}
#mote-classroom .mc-training-steps p{font-size:12px;color:var(--mc-muted);line-height:1.8}
#mote-classroom .ml-main{background:var(--mc-bg)}
#mote-classroom .ml-side{background:var(--mc-surface)}
#mote-classroom .ml-hero{border-radius:7px}
#mote-classroom .ml-modal-wrap{padding-top:88px}
#mote-classroom .ml-modal{background:var(--mc-surface)}
@media(max-width:850px){#mote-classroom .mc-header{padding:0 22px;gap:17px}#mote-classroom .mc-nav{gap:18px;margin-left:0}#mote-classroom .mc-search{width:123px}#mote-classroom .mc-content{padding-left:25px;padding-right:25px}#mote-classroom .mc-brand strong{font-size:19px}#mote-classroom .mc-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mote-classroom .mc-hero-inner{padding-left:38px}#mote-classroom .mc-hero h1{font-size:36px}#mote-classroom .mc-pathway{padding:16px 12px;gap:8px}#mote-classroom .mc-pathway small{font-size:9px;white-space:normal}#mote-classroom .mc-pathway-num{font-size:21px}#mote-classroom .mc-pathway>.ml-icon{display:none}#mote-classroom .mc-training-copy{padding:25px}#mote-classroom .mc-training-copy h2{font-size:23px}#mote-classroom .mc-detail-body{grid-template-columns:1fr 195px;gap:25px}#mote-classroom .mc-detail-copy h1{font-size:22px}#mote-classroom .mc-detail-poster .mc-poster-title{font-size:31px}#mote-classroom .mc-detail-hero{gap:24px}}
@media(max-width:700px){#mote-classroom .mc-header{flex-wrap:wrap;gap:12px;padding:15px 20px 0}#mote-classroom .mc-brand{order:0}#mote-classroom .mc-my{order:1;margin-left:auto}#mote-classroom .mc-nav{order:2;width:100%;height:40px;gap:28px}#mote-classroom .mc-nav button[aria-current="page"]:after{bottom:0}#mote-classroom .mc-search{order:3;position:absolute;right:20px;top:65px;width:120px;padding:5px 8px}#mote-classroom .mc-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mote-classroom .mc-hero h1{font-size:33px}#mote-classroom .mc-hero-inner{padding-left:30px}#mote-classroom .mc-pathway-num{display:none}#mote-classroom .mc-pathway strong{font-size:12px}#mote-classroom .mc-pathways{gap:9px}#mote-classroom .mc-detail-body{grid-template-columns:1fr}#mote-classroom .mc-detail-note{display:none}#mote-classroom .mc-detail-hero{grid-template-columns:1fr 1fr;gap:20px}#mote-classroom .mc-detail-poster .mc-poster-title{font-size:27px}}
@media(max-width:480px){#mote-classroom .mc-header{padding:14px 15px 0;gap:10px}#mote-classroom .mc-brand strong{font-size:20px}#mote-classroom .mc-brand small{font-size:7px}#mote-classroom .mc-brand .ml-orb{width:25px;height:25px}#mote-classroom .mc-my{font-size:10px;padding:7px 9px}#mote-classroom .mc-nav{gap:22px;height:37px}#mote-classroom .mc-nav button{font-size:11px}#mote-classroom .mc-search{top:63px;right:15px;width:98px;border-color:transparent;background:transparent}#mote-classroom .mc-search input{font-size:10px}#mote-classroom .mc-content{padding-left:16px;padding-right:16px}#mote-classroom .mc-hero{min-height:386px}#mote-classroom .mc-hero-art{background-position:68% 55%}#mote-classroom .mc-hero-shade{background:linear-gradient(90deg,#0b171aee,#0b171a70),linear-gradient(0deg,#0b171adc,transparent 70%)}#mote-classroom .mc-hero-top{padding:20px 22px 0;font-size:8px}#mote-classroom .mc-hero-top span:last-child{display:none}#mote-classroom .mc-hero-inner{padding:27px 23px 27px}#mote-classroom .mc-hero-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}#mote-classroom .mc-hero h1{font-size:31px;letter-spacing:2px}#mote-classroom .mc-hero p{font-size:11px;margin-top:15px}#mote-classroom .mc-hero-actions{gap:15px;margin-top:25px}#mote-classroom .mc-gold-btn{font-size:11px;padding:10px 13px;gap:8px}#mote-classroom .mc-hero-link{font-size:10px;gap:5px}#mote-classroom .mc-hero-bottom{margin:0 22px;gap:10px;padding:12px 0 15px}#mote-classroom .mc-hero-tags{gap:14px;font-size:9px;letter-spacing:0}#mote-classroom .mc-hero-tags span:last-child{display:none}#mote-classroom .mc-carousel{gap:6px}#mote-classroom .mc-carousel span{font-size:9px;letter-spacing:1px}#mote-classroom .mc-carousel button{width:21px;height:21px}#mote-classroom .mc-pathways{padding-top:15px;gap:7px}#mote-classroom .mc-pathway{padding:13px 9px}#mote-classroom .mc-pathway strong{font-size:11px;white-space:nowrap}#mote-classroom .mc-pathway small{font-size:9px;line-height:1.7}#mote-classroom .mc-section-head{margin-top:27px;align-items:center}#mote-classroom .mc-section-head h2{font-size:21px}#mote-classroom .mc-eyebrow{font-size:8px;letter-spacing:1.5px}#mote-classroom .mc-text-btn{font-size:10px}#mote-classroom .mc-filters{gap:2px;margin-bottom:14px}#mote-classroom .mc-filters button{font-size:10px;padding:5px 9px}#mote-classroom .mc-course-grid{gap:15px 10px}#mote-classroom .mc-poster{aspect-ratio:1.23}#mote-classroom .mc-poster-content{inset:12px 10px}#mote-classroom .mc-poster-title,#mote-classroom .mc-poster-system .mc-poster-title,#mote-classroom .mc-poster-director .mc-poster-title{font-size:21px;letter-spacing:0}#mote-classroom .mc-poster-overline{font-size:7px;letter-spacing:.8px}#mote-classroom .mc-poster-caption{font-size:7px;letter-spacing:1px}#mote-classroom .mc-poster-number{font-size:13px;right:9px;top:9px}#mote-classroom .mc-course-copy{padding:11px 10px 0}#mote-classroom .mc-course-copy h3{font-size:12px;min-height:36px}#mote-classroom .mc-course-copy p{font-size:9px;min-height:29px}#mote-classroom .mc-course-tags{gap:2px}#mote-classroom .mc-course-tags span{font-size:8px;padding:2px 5px}#mote-classroom .mc-course-tags span:last-child{padding:0}#mote-classroom .mc-course-byline{padding:9px 10px;font-size:8px;margin-top:10px;gap:5px}#mote-classroom .mc-official-orb{width:16px;height:16px;font-size:8px}#mote-classroom .mc-training-strip{grid-template-columns:1fr;margin-top:28px}#mote-classroom .mc-training-photo{min-height:160px;background-position:center 65%}#mote-classroom .mc-training-copy{padding:23px}#mote-classroom .mc-training-copy h2{font-size:25px}#mote-classroom .mc-training-copy p{font-size:11px}#mote-classroom .mc-footer{padding:21px 16px;align-items:flex-start;gap:14px}#mote-classroom .mc-footer strong{font-size:13px}#mote-classroom .mc-footer span{font-size:8px;max-width:155px;line-height:1.6}#mote-classroom .mc-footer-links button{font-size:10px}#mote-classroom .mc-browse h1{font-size:25px}#mote-classroom .mc-detail-hero{grid-template-columns:1fr}#mote-classroom .mc-detail-poster .mc-poster{aspect-ratio:1.65}#mote-classroom .mc-detail-poster .mc-poster-title{font-size:33px}#mote-classroom .mc-detail-copy h1{font-size:25px}#mote-classroom .mc-detail-body h2{font-size:21px}#mote-classroom .mc-training-page>h1{font-size:28px}#mote-classroom .mc-training-banner{padding:25px;min-height:285px}#mote-classroom .mc-training-banner h2{font-size:29px}#mote-classroom .mc-training-steps{grid-template-columns:1fr;gap:18px}#mote-classroom .mc-training-steps h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){#mote-classroom .mc-course,#mote-classroom .mc-hero-art{transition:none}}
@media(max-width:850px){#mote-classroom .mc-header{gap:12px}#mote-classroom .mc-search{width:110px}#mote-classroom .mc-theme-label{display:none}#mote-classroom .mc-theme-toggle{width:33px}}
@media(max-width:700px){#mote-classroom .mc-theme-toggle{order:1;margin-left:auto}#mote-classroom .mc-my{order:2;margin-left:0}#mote-classroom .mc-nav{order:3}#mote-classroom .mc-search{order:4}}
@media(max-width:480px){#mote-classroom .mc-header{gap:10px}#mote-classroom .mc-search{width:98px}#mote-classroom .mc-theme-toggle{width:30px;min-height:30px;padding:7px}}

#mote-classroom{
 --mc-bg:light-dark(#f4f5f5,#06090d);
 --mc-surface:light-dark(#fff,#0d141c);
 --mc-text:light-dark(#29313a,#e1e6eb);
 --mc-muted:light-dark(#64707b,#a1adb9);
 --mc-line:light-dark(#dce1e5,#26313d);
 --mc-dark:#080d13;
 --mc-gold:light-dark(#886334,#d7a85f);
 --mc-cream:light-dark(#eaf0f3,#0e1823);
 --ml-bg:var(--mc-bg);--ml-panel:var(--mc-surface);--ml-ink:var(--mc-text);--ml-muted:var(--mc-muted);--ml-line:var(--mc-line);--ml-soft:light-dark(#e8edf0,#172330);
 --mc-font:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
 font-family:var(--mc-font);font-size:14px;line-height:1.65;font-weight:400;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;border-color:var(--mc-line);border-radius:14px;
}
#mote-classroom button,#mote-classroom input,#mote-classroom textarea{font-family:var(--mc-font)}
#mote-classroom .ml-orb{background:var(--mc-brand-image) center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 7px #d7a85f55);width:30px;height:30px}
#mote-classroom .mc-header{min-height:74px;gap:18px;padding:0 28px;background:linear-gradient(180deg,#101822,#080d13);border-bottom:1px solid #d2e6ef1a}
#mote-classroom .mc-brand{gap:11px}
#mote-classroom .mc-brand strong{font-size:18px;font-weight:400;letter-spacing:.16em;line-height:1.35}
#mote-classroom .mc-brand small{font-family:"SF Mono","Menlo",monospace;font-size:9px;letter-spacing:.11em;color:#8d9dab;margin-top:5px}
#mote-classroom .mc-nav{gap:23px;margin-left:3px}
#mote-classroom .mc-nav button{font-size:12px;color:#b7c2ce;font-weight:400;letter-spacing:.04em}
#mote-classroom .mc-nav button[aria-current="page"]{color:#dfc093}
#mote-classroom .mc-nav button[aria-current="page"]:after{width:18px;left:calc(50% - 9px);height:1px;background:#d7a85f;bottom:17px}
#mote-classroom .mc-search{border:1px solid #d2e6ef22;background:#050a1080;border-radius:10px;padding:8px 10px;width:145px;color:#9cabb9;box-shadow:inset 0 1px #ffffff04}
#mote-classroom .mc-search input{font-size:12px;color:#cfd9e2}
#mote-classroom .mc-search input::placeholder{color:#97a5b3}
#mote-classroom .mc-theme-toggle{border-radius:10px;border-color:#d2e6ef24;color:#d8bd90;min-height:35px}
#mote-classroom .mc-my{border-radius:10px;font-size:12px;padding:8px 12px;color:#e3c99f;border-color:#d7a85f4d;background:linear-gradient(180deg,#ffffff07,transparent),#131921;box-shadow:inset 0 1px #ffffff08}
#mote-classroom .mc-hero{background:#04080d;min-height:390px}
#mote-classroom .mc-hero-shade{background:linear-gradient(90deg,#04080df5 0%,#04080dd6 29%,#050b125c 66%,#050b1220),linear-gradient(0deg,#04080df0,transparent 45%)}
#mote-classroom .mc-hero-top{padding:24px 32px 0;font-size:11px;letter-spacing:.09em;color:#a8b4c0}
#mote-classroom .mc-hero-top span:first-child{border-color:#d7a85f88;padding-left:10px}
#mote-classroom .mc-hero-inner{padding:30px 48px 30px;max-width:665px}
#mote-classroom .mc-hero-eyebrow{font-size:12px;font-weight:400;letter-spacing:.1em;color:#d2b488;margin-bottom:13px}
#mote-classroom .mc-hero h1{font-family:var(--mc-font);font-size:40px;line-height:1.5;font-weight:300;letter-spacing:.08em;color:#d4d9dd;text-shadow:0 2px 18px #0004}
#mote-classroom .mc-hero p{font-size:13px;font-weight:400;line-height:1.85;letter-spacing:.03em;color:#afb9c4;margin-top:17px}
#mote-classroom .mc-hero-actions{margin-top:26px;gap:23px}
#mote-classroom .mc-gold-btn{min-height:43px;padding:10px 18px;gap:12px;font-size:12px;letter-spacing:.06em;font-weight:400;border:1px solid #d7a85f62;border-radius:12px;background:linear-gradient(180deg,#ffffff0b,transparent),#111a23;color:#e0c395;box-shadow:inset 0 1px #ffffff0c,0 6px 18px #0002}
#mote-classroom .mc-gold-btn:hover{background:#18232e;border-color:#d7a85fa3;box-shadow:0 0 20px #d7a85f15,inset 0 1px #ffffff10}
#mote-classroom .mc-hero-link{font-size:12px;color:#b8c3ce;gap:9px}
#mote-classroom .mc-hero-bottom{margin:0 32px;padding:15px 0 18px;border-top-color:#d2e6ef26}
#mote-classroom .mc-hero-tags{gap:24px;font-size:11px;color:#aab8c6;letter-spacing:.03em}
#mote-classroom .mc-carousel{gap:11px}
#mote-classroom .mc-carousel button{width:27px;height:27px;border-color:#d2e6ef33;color:#b9c5d1;background:#080e1580}
#mote-classroom .mc-carousel span{font-size:11px;color:#ddc499;letter-spacing:.1em}
#mote-classroom .mc-content{padding-left:32px;padding-right:32px}
#mote-classroom .mc-pathways{gap:12px;padding-top:22px}
#mote-classroom .mc-pathway{min-height:100px;gap:13px;padding:17px 16px;border-color:light-dark(#dadfe4,#d7a85f3d);border-radius:14px;background:linear-gradient(118deg,light-dark(#ffffff,#151d28),light-dark(#f7f9fb,#0a1018));box-shadow:0 10px 25px light-dark(#22324808,#00000038),inset 0 1px light-dark(#ffffff,#ffffff09);transition:border-color .18s,transform .18s}
#mote-classroom .mc-pathway:hover{transform:translateY(-2px);border-color:var(--mc-gold)}
#mote-classroom .mc-pathway-num{display:grid;place-items:center;width:35px;height:39px;flex-shrink:0;font-family:"SF Mono","Menlo",monospace;font-size:14px;font-style:normal;opacity:1;color:var(--mc-gold);border:1px solid light-dark(#b497692e,#d7a85f35);border-radius:9px;background:light-dark(#ece5d92e,#d7a85f0c)}
#mote-classroom .mc-pathway strong{font-size:15px;font-weight:400;letter-spacing:.06em;line-height:1.4}
#mote-classroom .mc-pathway small{font-size:11px;line-height:1.7;margin-top:6px;white-space:normal;color:var(--mc-muted)}
#mote-classroom .mc-pathway>.ml-icon{width:14px;height:14px}
#mote-classroom .mc-section-head{margin:29px 0 16px;align-items:center}
#mote-classroom .mc-eyebrow{font-family:"SF Mono","Menlo",monospace;font-size:10px;letter-spacing:.16em;margin-bottom:7px}
#mote-classroom .mc-section-head h2,#mote-classroom .mc-detail-body h2{font-family:var(--mc-font);font-size:24px;font-weight:400;letter-spacing:.04em;line-height:1.4}
#mote-classroom .mc-text-btn{font-size:12px;gap:9px}
#mote-classroom .mc-filters{gap:8px;margin:0 0 19px}
#mote-classroom .mc-filters button{font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.02em;padding:6px 13px;border-radius:999px;border:1px solid var(--mc-line);color:var(--mc-muted);background:transparent}
#mote-classroom .mc-filters button[aria-pressed="true"]{background:light-dark(#eadfcb,#d7a85f12);border-color:light-dark(#c5a578,#d7a85f75);color:light-dark(#73572c,#e1c292)}
#mote-classroom .mc-course-grid{gap:18px 14px}
#mote-classroom .mc-course{border-color:var(--mc-line);border-radius:var(--ml-radius);background:linear-gradient(180deg,light-dark(#ffffff,#121b25),light-dark(#fbfcfd,#0b121a));box-shadow:0 10px 28px light-dark(#16263508,#00000030),inset 0 1px light-dark(#ffffff,#ffffff0a);transition:transform .18s,border-color .18s,box-shadow .18s}
#mote-classroom .mc-course:hover{transform:translateY(-2px);border-color:light-dark(#b7a689,#d7a85f80);box-shadow:0 16px 35px light-dark(#16263513,#0000004a)}
#mote-classroom .mc-poster{aspect-ratio:1.48;border-bottom:1px solid #d2e6ef16;background:#101b26}
#mote-classroom .mc-poster-content{inset:14px}
#mote-classroom .mc-poster-overline{font-family:"SF Mono","Menlo",monospace;font-size:9px;font-weight:400;letter-spacing:.08em;opacity:.82}
#mote-classroom .mc-poster-title,#mote-classroom .mc-poster-system .mc-poster-title,#mote-classroom .mc-poster-director .mc-poster-title{font-family:var(--mc-font);font-size:23px;font-weight:400;letter-spacing:.04em;line-height:1.4}
#mote-classroom .mc-poster-caption{font-size:10px;letter-spacing:.04em;color:inherit;opacity:.85}
#mote-classroom .mc-poster-system{background:radial-gradient(ellipse at 90% 18%,#314254,#1b2b3a 45%,#0d1924);color:#e2cfac}
#mote-classroom .mc-poster-system .mc-poster-title em{color:#dec397}
#mote-classroom .mc-poster-director{background:linear-gradient(145deg,#a8b4bf,#566c7b);color:#f0e9dd}
#mote-classroom .mc-poster-director .mc-poster-photo{opacity:.45;mix-blend-mode:normal}
#mote-classroom .mc-poster-director .mc-poster-photo:after{background:linear-gradient(90deg,#1225389c,#12253820)}
#mote-classroom .mc-poster-model{background:radial-gradient(ellipse at 100% 90%,#4c566d,#172739 80%);color:#d5dde5}
#mote-classroom .mc-poster-sound{background:linear-gradient(125deg,#172a3a,#294557);color:#d5e0e7}
#mote-classroom .mc-course-copy{padding:15px 14px 0}
#mote-classroom .mc-course-copy h3{font-size:15px;font-weight:400;line-height:1.55;letter-spacing:.01em;min-height:46px}
#mote-classroom .mc-course-copy p{font-size:12px;font-weight:400;line-height:1.75;color:var(--mc-muted);min-height:42px;margin-top:5px}
#mote-classroom .mc-course-tags{margin-top:11px;gap:6px;flex-wrap:wrap}
#mote-classroom .mc-course-tags span{font-size:11px;padding:2px 6px;background:light-dark(#e8edf1,#243342);color:light-dark(#586c7c,#a8bacb);border-radius:5px;line-height:1.5}
#mote-classroom .mc-course-tags span:last-child{color:var(--mc-muted)}
#mote-classroom .mc-course-byline{font-size:11px;gap:7px;padding:12px 14px;margin-top:14px;border-top-color:var(--mc-line)}
#mote-classroom .mc-course{display:flex;flex-direction:column}
#mote-classroom .mc-poster{width:100%;flex-shrink:0}
#mote-classroom .mc-course-copy{flex:1;width:100%}
#mote-classroom .mc-course-copy h3,#mote-classroom .mc-course-copy p{min-height:0}
#mote-classroom .mc-course-byline{width:100%;flex-shrink:0}
#mote-classroom .mc-official-orb{width:20px;height:20px;font-size:10px;background:light-dark(#394858,#d3b588);color:light-dark(#f3eee3,#131b25)}
#mote-classroom .mc-training-strip{border:1px solid var(--mc-line);border-radius:14px;margin:30px 0;background:var(--mc-cream)}
#mote-classroom .mc-training-copy{padding:27px 28px}
#mote-classroom .mc-training-copy h2,#mote-classroom .mc-detail-note h3,#mote-classroom .mc-training-page>h1,#mote-classroom .mc-training-banner h2{font-family:var(--mc-font);font-weight:300;letter-spacing:.06em;line-height:1.6}
#mote-classroom .mc-training-copy h2{font-size:26px}
#mote-classroom .mc-training-copy p{font-size:13px;line-height:1.85;margin:12px 0 17px}
#mote-classroom .mc-dark-btn{background:light-dark(#fdfefe,#172332);color:light-dark(#66512f,#e0c59c);border:1px solid light-dark(#c1b197,#d7a85f55);border-radius:11px;font-size:12px;padding:9px 14px;box-shadow:inset 0 1px light-dark(#ffffff,#ffffff0b)}
#mote-classroom .mc-footer{padding:24px 32px;background:var(--mc-surface);border-top-color:var(--mc-line)}
#mote-classroom .mc-footer strong{font-weight:400;font-size:16px;letter-spacing:.1em}
#mote-classroom .mc-footer span{font-size:11px;color:var(--mc-muted);line-height:1.75;margin-top:6px}
#mote-classroom .mc-footer-links button{font-size:12px}
#mote-classroom .mc-detail-cover{background:linear-gradient(120deg,#101a25,#070d14);border-bottom:1px solid #d2e6ef24}
#mote-classroom .mc-detail-kind{font-size:12px;color:#d7b885}
#mote-classroom .mc-detail-copy h1{font-family:var(--mc-font);font-size:28px;font-weight:300;line-height:1.5}
#mote-classroom .mc-detail-copy>p{font-size:13px;color:#a6b6c6}
#mote-classroom .mc-detail-byline{font-size:12px;gap:9px}
#mote-classroom .mc-detail-actions>span{font-size:11px}
#mote-classroom .mc-detail-poster{border-radius:12px}
#mote-classroom .mc-detail-poster .mc-poster-title{font-size:36px;font-weight:300}
#mote-classroom .mc-detail-poster .mc-poster-overline{font-size:11px}
#mote-classroom .mc-detail-poster .mc-poster-caption{font-size:12px}
#mote-classroom .mc-detail-body>div>p,#mote-classroom .mc-detail-note p{font-size:13px;line-height:1.85}
#mote-classroom .mc-detail-points span{font-size:12px}
#mote-classroom .mc-detail-note{border:1px solid var(--mc-line);border-radius:14px}
#mote-classroom .mc-outline-row strong{font-size:14px;font-weight:400}
#mote-classroom .mc-outline-row small{font-size:12px;line-height:1.65}
#mote-classroom .mc-training-banner{border-radius:14px}
#mote-classroom .mc-training-steps h3{font-size:17px;font-weight:400}
#mote-classroom .mc-training-steps p{font-size:13px}
#mote-classroom .mc-muted{font-size:13px}
#mote-classroom .mc-results-label{font-size:12px}
#mote-classroom .ml-navbtn{font-size:13px;border-radius:9px}
#mote-classroom .ml-page-head h1{font-size:27px;font-weight:300;letter-spacing:.04em}
#mote-classroom .ml-hero h2{font-family:var(--mc-font);font-weight:300;letter-spacing:.06em}
#mote-classroom .ml-subtitle,#mote-classroom .ml-hero-course{font-size:13px}
#mote-classroom .ml-lesson-title{font-size:21px;font-weight:400}
#mote-classroom .ml-lesson-meta{font-size:12px}
#mote-classroom .ml-tabbar button{font-size:13px}
#mote-classroom .ml-tab-content p,#mote-classroom .ml-practice p,#mote-classroom .ml-feedback p{font-size:13px;line-height:1.85}
#mote-classroom .ml-tab-content h3,#mote-classroom .ml-file strong,#mote-classroom .ml-practice h3{font-size:14px;font-weight:400}
#mote-classroom .ml-file small,#mote-classroom .ml-lesson-item small{font-size:11px}
#mote-classroom .ml-lesson-item{font-size:12px;padding:14px 12px}
#mote-classroom .ml-lesson-list-head h3{font-size:14px;font-weight:400}
#mote-classroom .ml-class-info strong{font-size:13px}
#mote-classroom .ml-chapter h3{font-size:14px;font-weight:400}
#mote-classroom .ml-notice h3{font-size:13px;font-weight:400}
#mote-classroom .ml-notice p{font-size:12px}
#mote-classroom .ml-quietbtn,#mote-classroom .ml-outline{font-size:12px}
#mote-classroom .ml-outline{border-radius:10px;background:linear-gradient(180deg,light-dark(#ffffff,#1a2530),light-dark(#f6f8fa,#101922));border-color:var(--mc-line)}
#mote-classroom .ml-footer{font-size:11px;line-height:1.6}
@media(max-width:850px){
 #mote-classroom .mc-header{padding:0 22px;gap:12px}
 #mote-classroom .mc-nav{gap:16px}
 #mote-classroom .mc-search{width:112px}
 #mote-classroom .mc-content{padding-inline:24px}
 #mote-classroom .mc-hero-inner{padding-left:36px}
 #mote-classroom .mc-hero h1{font-size:36px}
 #mote-classroom .mc-pathway{gap:10px;padding:15px 12px;min-height:110px}
 #mote-classroom .mc-pathway-num{width:28px;height:34px;font-size:12px}
 #mote-classroom .mc-pathway strong{font-size:14px}
 #mote-classroom .mc-training-copy{padding:24px}
 #mote-classroom .mc-detail-copy h1{font-size:24px}
 #mote-classroom .mc-detail-poster .mc-poster-title{font-size:30px}
}
@media(max-width:700px){
 #mote-classroom .mc-header{padding:15px 20px 0;gap:12px}
 #mote-classroom .mc-nav{gap:24px;height:40px}
 #mote-classroom .mc-nav button[aria-current="page"]:after{bottom:0}
 #mote-classroom .mc-search{top:67px;right:20px;padding:5px 8px}
 #mote-classroom .mc-pathway-num{display:none}
 #mote-classroom .mc-pathway strong{font-size:13px}
 #mote-classroom .mc-hero-top span:last-child{display:none}
 #mote-classroom .mc-hero-inner{padding-left:28px}
}
@media(max-width:480px){
 #mote-classroom .mc-header{padding:14px 15px 0;gap:10px}
 #mote-classroom .mc-brand{gap:9px}
 #mote-classroom .mc-brand strong{font-size:17px;letter-spacing:.1em}
 #mote-classroom .mc-brand small{font-size:8px;letter-spacing:.07em}
 #mote-classroom .mc-brand .ml-orb{width:27px;height:27px}
 #mote-classroom .mc-my{font-size:11px;padding:7px 9px}
 #mote-classroom .mc-nav{gap:20px}
 #mote-classroom .mc-nav button{font-size:12px}
 #mote-classroom .mc-search{top:66px;right:15px;width:96px}
 #mote-classroom .mc-search input{font-size:11px}
 #mote-classroom .mc-content{padding-inline:16px}
 #mote-classroom .mc-hero-top{padding:20px 23px 0;font-size:10px}
 #mote-classroom .mc-hero-inner{padding:28px 23px}
 #mote-classroom .mc-hero h1{font-size:31px;letter-spacing:.04em}
 #mote-classroom .mc-hero-eyebrow{font-size:11px;letter-spacing:.04em}
 #mote-classroom .mc-hero p{font-size:12px;letter-spacing:0;line-height:1.85}
 #mote-classroom .mc-hero-actions{gap:15px;margin-top:24px}
 #mote-classroom .mc-gold-btn{font-size:12px;padding:9px 12px;min-height:41px;gap:8px;letter-spacing:0}
 #mote-classroom .mc-hero-link{font-size:11px;gap:5px}
 #mote-classroom .mc-hero-bottom{margin-inline:23px;gap:8px;padding-block:13px 16px}
 #mote-classroom .mc-hero-tags{font-size:10px;gap:12px;letter-spacing:0}
 #mote-classroom .mc-carousel{gap:5px}
 #mote-classroom .mc-carousel span{font-size:10px}
 #mote-classroom .mc-carousel button{width:24px;height:24px}
 #mote-classroom .mc-pathways{gap:8px;padding-top:17px}
 #mote-classroom .mc-pathway{padding:13px 10px;min-height:116px;border-radius:12px;align-items:flex-start}
 #mote-classroom .mc-pathway strong{font-size:12px;letter-spacing:0;white-space:normal}
 #mote-classroom .mc-pathway small{font-size:11px;line-height:1.7;margin-top:7px}
 #mote-classroom .mc-section-head h2{font-size:22px}
 #mote-classroom .mc-eyebrow{font-size:10px;letter-spacing:.1em}
 #mote-classroom .mc-text-btn{font-size:11px;gap:6px}
 #mote-classroom .mc-filters{gap:6px;flex-wrap:wrap}
 #mote-classroom .mc-filters button{font-size:11px;padding:5px 9px}
 #mote-classroom .mc-course-grid{gap:14px 10px}
 #mote-classroom .mc-poster{aspect-ratio:1.2}
 #mote-classroom .mc-poster-content{inset:15px 11px}
 #mote-classroom .mc-poster-overline{display:none}
 #mote-classroom .mc-poster-title,#mote-classroom .mc-poster-system .mc-poster-title,#mote-classroom .mc-poster-director .mc-poster-title{font-size:22px;letter-spacing:0;line-height:1.4}
 #mote-classroom .mc-poster-caption{font-size:10px;letter-spacing:0;line-height:1.5}
 #mote-classroom .mc-course-copy{padding:13px 11px 0}
 #mote-classroom .mc-course-copy h3{font-size:14px;line-height:1.5;min-height:0}
 #mote-classroom .mc-course-copy p{font-size:12px;min-height:0;line-height:1.7;margin-top:5px}
 #mote-classroom .mc-course-tags{gap:5px;align-items:flex-start;align-content:flex-start;margin-top:12px}
 #mote-classroom .mc-course-tags span{font-size:10px;line-height:1.5;padding:2px 5px}
 #mote-classroom .mc-course-tags span:last-child{margin-left:0;padding-left:0}
 #mote-classroom .mc-course-byline{font-size:11px;padding:10px 11px;margin-top:9px;gap:6px;line-height:1.6}
 #mote-classroom .mc-course-byline .ml-icon{display:none}
 #mote-classroom .mc-official-orb{width:18px;height:18px;font-size:10px}
 #mote-classroom .mc-training-copy h2{font-size:25px}
 #mote-classroom .mc-training-copy p{font-size:13px}
 #mote-classroom .mc-footer{padding:22px 16px;gap:18px;flex-wrap:wrap}
 #mote-classroom .mc-footer span{font-size:11px;max-width:none}
 #mote-classroom .mc-footer-links{text-align:left}
 #mote-classroom .mc-detail-poster .mc-poster-title{font-size:32px}
 #mote-classroom .mc-detail-poster .mc-poster-caption{font-size:12px}
 #mote-classroom .mc-detail-copy h1{font-size:25px}
 #mote-classroom .mc-detail-actions{gap:12px}
 #mote-classroom .ml-navbtn{font-size:12px}
 #mote-classroom .ml-tabbar{gap:15px}
 #mote-classroom .ml-tabbar button{font-size:12px}
 #mote-classroom .ml-footer{font-size:10px;flex-wrap:wrap}
}

#mote-classroom .mc-header{
 position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:88px;padding:0 32px;border:0;
 background:radial-gradient(ellipse at 52% -45%,#57789759 0%,#1a304433 45%,transparent 74%),linear-gradient(90deg,#030a10,#07131e 50%,#030a10);
}
#mote-classroom .mc-brand{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:12px;margin:0;padding:0;min-width:0}
#mote-classroom .mc-brand .ml-orb{width:39px;height:39px;flex-shrink:0;background:var(--mc-brand-image) center/contain no-repeat;filter:drop-shadow(0 0 9px #d7a85f66) drop-shadow(0 0 23px #e9bd7529)}
#mote-classroom .mc-brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
#mote-classroom .mc-brand strong{font-family:"Avenir Next","PingFang SC",sans-serif;font-size:18px;line-height:1;font-weight:300;letter-spacing:.38em;color:#cfd2d4;margin:0 -.38em 0 0;padding:0}
#mote-classroom .mc-brand small{font-family:"SF Mono","Menlo",monospace;font-size:8px;line-height:1.3;font-weight:400;letter-spacing:.28em;color:#78818b;margin:0;padding:0;white-space:nowrap}
#mote-classroom .mc-nav{grid-column:2;justify-self:center;align-self:center;display:flex;align-items:center;gap:28px;min-height:44px;height:auto;width:auto;margin:0;padding:0;order:initial}
#mote-classroom .mc-nav button{font-size:12px;font-weight:300;line-height:1.5;letter-spacing:.1em;color:#84929f;padding:10px 0;background:transparent;border:0;white-space:nowrap;transition:color .2s}
#mote-classroom .mc-nav button:hover{color:#d5dee6}
#mote-classroom .mc-nav button[aria-current="page"]{color:#c9c5b9}
#mote-classroom .mc-nav button[aria-current="page"]:after{display:none}
#mote-classroom .mc-header-tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;min-width:0}
#mote-classroom .mc-theme-toggle,#mote-classroom .mc-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:34px;min-height:34px;padding:6px;margin:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#8e9aa5;order:initial}
#mote-classroom .mc-theme-toggle:hover,#mote-classroom .mc-search-toggle:hover,#mote-classroom .mc-search-toggle[aria-expanded="true"]{color:#e3c797;background:#ffffff07;border:0}
#mote-classroom .mc-theme-label{display:none}
#mote-classroom .mc-theme-toggle .ml-icon,#mote-classroom .mc-search-toggle .ml-icon{width:16px;height:16px;stroke-width:1.3}
#mote-classroom .mc-my{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:38px;margin:0 0 0 5px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#a7adb1;font-size:12px;font-weight:300;line-height:1.5;letter-spacing:.1em;order:initial;white-space:nowrap}
#mote-classroom .mc-my:hover{color:#e3c797}
#mote-classroom .mc-my .ml-icon{width:17px;height:17px;stroke-width:1.3;margin-left:4px;transition:transform .2s}
#mote-classroom .mc-my:hover .ml-icon{transform:translateX(3px)}
#mote-classroom .mc-entry-dot{display:block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 33% 27%,#fff4ce,#efc16f 55%,#ad752f);box-shadow:0 0 10px #f2c77770,0 0 18px #f2c77725}
#mote-classroom .mc-search{position:absolute;z-index:8;top:calc(100% - 6px);right:32px;left:auto;display:flex;align-items:center;gap:10px;width:304px;max-width:calc(100% - 32px);margin:0;padding:13px 15px;border:1px solid #d2e6ef2e;border-radius:12px;background:#101b27;box-shadow:0 12px 32px #0005;order:initial}
#mote-classroom .mc-search input{font-size:13px;line-height:1.5;color:#d5dee7}
#mote-classroom .mc-search input::placeholder{color:#96a5b3}
#mote-classroom .mc-search button{padding:3px;color:#c8b58f}
#mote-classroom .mc-search .ml-icon{width:16px;height:16px}
@media(max-width:850px){
 #mote-classroom .mc-header{gap:16px;padding-inline:24px;min-height:82px}
 #mote-classroom .mc-brand{gap:11px}
 #mote-classroom .mc-brand .ml-orb{width:34px;height:34px}
 #mote-classroom .mc-brand strong{font-size:17px}
 #mote-classroom .mc-brand small{font-size:7.5px;letter-spacing:.26em}
 #mote-classroom .mc-nav{gap:20px}
 #mote-classroom .mc-header-tools{gap:7px}
 #mote-classroom .mc-my{font-size:11px;gap:7px;margin-left:2px}
 #mote-classroom .mc-my .ml-icon{margin-left:1px}
 #mote-classroom .mc-search{right:24px}
}
@media(max-width:700px){
 #mote-classroom .mc-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:66px 42px;padding:4px 20px 0;gap:0 12px;min-height:112px}
 #mote-classroom .mc-brand{grid-column:1;grid-row:1}
 #mote-classroom .mc-header-tools{grid-column:2;grid-row:1;gap:8px}
 #mote-classroom .mc-nav{grid-column:1 / -1;grid-row:2;gap:30px;min-height:42px;width:100%;justify-content:center;border-top:1px solid #d2e6ef0e}
 #mote-classroom .mc-nav button{font-size:12px;padding:9px 0}
 #mote-classroom .mc-search{top:calc(100% - 3px);right:20px;width:304px}
}
@media(max-width:480px){
 #mote-classroom .mc-header{padding-inline:16px;grid-template-rows:65px 41px;gap:0 10px;min-height:110px}
 #mote-classroom .mc-brand{gap:10px}
 #mote-classroom .mc-brand .ml-orb{width:31px;height:31px}
 #mote-classroom .mc-brand strong{font-size:16px;letter-spacing:.33em;margin-right:-.33em}
 #mote-classroom .mc-brand small{font-size:7px;letter-spacing:.3em}
 #mote-classroom .mc-brand-wordmark{gap:3px}
 #mote-classroom .mc-header-tools{gap:4px}
 #mote-classroom .mc-theme-toggle,#mote-classroom .mc-search-toggle{width:28px;height:34px;min-height:34px}
 #mote-classroom .mc-my{font-size:11px;gap:6px;letter-spacing:.03em;margin-left:3px}
 #mote-classroom .mc-entry-dot{display:none}
 #mote-classroom .mc-my .ml-icon{width:15px;height:15px}
 #mote-classroom .mc-nav{gap:29px;min-height:41px}
 #mote-classroom .mc-nav button{font-size:11px;letter-spacing:.07em}
 #mote-classroom .mc-search{right:16px;max-width:calc(100% - 32px);padding:12px 13px}
 #mote-classroom .mc-search input{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#mote-classroom .mc-my .ml-icon,#mote-classroom .mc-nav button{transition:none}}

/* Match the homepage command input's actual family and weight. */
#mote-classroom{
 --mc-font:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}
#mote-classroom,
#mote-classroom *{
 font-family:var(--mc-font)!important;
 font-weight:320!important;
 font-style:normal!important;
 font-synthesis:none;
 -webkit-font-smoothing:antialiased;
 text-rendering:geometricPrecision;
}
#mote-classroom input::placeholder,
#mote-classroom textarea::placeholder{
 font-family:var(--mc-font);
 font-weight:320;
 font-style:normal;
}