@import url("./identity-entry.css?v=20261006-phase2");
@font-face{font-family:"WML Source Han Sans";src:url("/assets/fonts/SourceHanSansSC-VF.otf.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:block}
@font-face{font-family:"WML Source Han Serif";src:url("/assets/fonts/SourceHanSerifSC-VF.otf.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:block}
:root{
 --wml-sans:"WML Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
 --wml-serif:"WML Source Han Serif","Source Han Serif SC","Noto Serif CJK SC","Songti SC","SimSun",serif;
 --wml-bg:#f6fbff;--wml-paper:#ffffff;--wml-soft:#eaf6fd;--wml-soft-2:#f0f8fd;
 --wml-ink:#153956;--wml-muted:#637f93;--wml-blue:#1698df;--wml-blue-deep:#0b75b7;
 --wml-line:#d4e6f1;--wml-green:#37a879;--wml-orange:#ef8a3c;--wml-red:#d85b63;
}
html{font-family:var(--wml-sans);font-synthesis:none;color:var(--wml-ink);background:var(--wml-bg)}
body,button,input,select,textarea,table{font-family:var(--wml-sans)}
body{color:var(--wml-ink)}
h1,h2,h3,.wml-serif-title{font-family:var(--wml-serif);font-optical-sizing:auto}
h1{font-weight:900}h2{font-weight:820}h3{font-weight:720}
p,li,dd,dt,label,input,select,textarea,button,a,td,th{font-weight:400}
strong,b{font-weight:620}
button,.btn,[role="button"],nav a{font-weight:500}
small,.muted,.eyebrow,.kicker{font-weight:400}
.wml-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}
.wml-brand-logo{display:block;width:clamp(236px,16vw,292px);height:auto;max-width:46vw;object-fit:contain}
.wml-brand-logo.compact{width:clamp(204px,14vw,250px)}
.wml-brand-logo.sidebar{width:min(198px,100%)}
.wml-site-header{background:#f8fcff;border-bottom:1px solid var(--wml-line);min-height:88px}
.wml-site-header a{font-weight:400}
.wml-surface{background:var(--wml-paper);border:1px solid var(--wml-line);border-radius:20px;box-shadow:0 14px 34px rgba(22,79,113,.07)}
body:not(.night){background:var(--wml-bg)}
::selection{background:#c8ecff;color:#103a58}
@media(max-width:700px){
 .wml-brand-logo{width:clamp(188px,48vw,220px);max-width:52vw}
 .wml-brand-logo.compact{width:clamp(176px,44vw,205px)}
 .wml-site-header{min-height:68px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ===== WangMathLab unified interface layer · 2026-10-02 ===== */
body{line-height:1.65}
a{color:var(--wml-blue-deep);text-decoration:none}
a:hover{color:var(--wml-blue)}
button,.btn{font-size:14px;font-weight:500}
input,select,textarea{font-size:14px;font-weight:400}
label{font-weight:450}
nav a{font-size:15px;font-weight:400}
.wml-site-header{box-shadow:0 1px 0 rgba(20,73,105,.03)}
.wml-site-header .wml-brand-logo{width:clamp(252px,17vw,286px)}
.wml-site-header nav a{font-size:15px;font-weight:400}
.home-v4 .home-desktop-nav a{font-size:16px!important;font-weight:400!important}
.home-v4 .hero-copy .intro{font-size:18px!important;line-height:1.85!important;font-weight:400!important}
.home-v4 .hero-actions .button{font-size:15px!important;font-weight:500!important;min-height:48px!important}
.home-v4 .hero-tags span{font-size:12.5px!important;font-weight:400!important}
.home-v4 .hero-lab-head strong{font-size:19px!important;font-weight:620!important}
.home-v4 .hero-lab-head>span{font-size:12px!important}
.home-v4 .hero-game-main>p:not(.eyebrow){font-size:13.5px!important;line-height:1.7!important}
.home-v4 .hero-game-rules span{font-size:11.5px!important;font-weight:400!important}
.home-v4 .hero-game-actions a{font-size:13px!important;font-weight:500!important}
.home-v4 .core-section-heading>p:last-child{font-size:13.5px!important}
.home-v4 .module-copy small{font-weight:450!important}
.home-v4 .module-copy p{font-size:14px!important;line-height:1.72!important;font-weight:400!important}
.home-v4 .module-links a{font-size:13.5px!important;font-weight:500!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
.home-v4 .section-heading-v3>p{font-size:14px!important;line-height:1.8!important}
.home-v4 .about-v4-copy>p{font-size:14px!important;line-height:1.9!important}
.home-v4 .about-contact{font-size:13px!important}

/* Public section headers and page copy. */
.interactive-hub,.courseware-page,.tools-page-v4,.games-page-v5,.tts-page{background:var(--wml-bg)!important;color:var(--wml-ink)!important}
.interactive-hub .interactive-header,.courseware-page .header,.tools-page-v4 .tool-header,.games-page-v5 .topbar,.tts-page .site-header{min-height:92px!important;background:#f8fcff!important;border-bottom:1px solid var(--wml-line)!important}
.interactive-hub .wml-brand-logo,.courseware-page .wml-brand-logo,.tools-page-v4 .wml-brand-logo,.games-page-v5 .wml-brand-logo,.tts-page .wml-brand-logo{width:clamp(240px,16vw,278px)!important;max-width:278px!important}
.interactive-hub nav a,.courseware-page nav a,.tools-page-v4 nav a,.games-page-v5 nav a,.tts-page nav a{font-size:15px!important;font-weight:400!important}
.interactive-hub .interactive-hero p:not(.eyebrow),.interactive-hub .interactive-course-copy p{font-size:14.5px!important;line-height:1.8!important}
.interactive-hub .interactive-tags span{font-size:11px!important}
.courseware-page .catalog{background:transparent!important}
.courseware-page .catalog>p{font-size:15px!important;line-height:1.8!important}
.courseware-page .search-form{background:#fff!important;border:1px solid var(--wml-line)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(22,79,113,.06)!important}
.courseware-page .search-form label{font-size:13.5px!important;font-weight:450!important}
.courseware-page .search-form input,.courseware-page .search-form select,.courseware-page .search-form button{font-size:14px!important}
.courseware-page .course{background:#fff!important;border-color:var(--wml-line)!important;box-shadow:0 12px 30px rgba(22,79,113,.06)!important}
.tools-page-v4 .tools-hero{background:linear-gradient(135deg,#eef9ff,#fff 58%,#e8f5ff)!important;border-bottom:1px solid var(--wml-line)!important}
.tools-page-v4 .tools-hero>p:last-child{font-size:15px!important;line-height:1.8!important}
.tools-page-v4 .tool-card{background:#fff!important;border-color:var(--wml-line)!important;border-radius:20px!important}
.tools-page-v4 .tool-card p:not(.tag){font-size:13.5px!important;line-height:1.75!important}
.tools-page-v4 .meta{font-size:12.5px!important}
.games-page-v5 .hub-intro>p:not(.eyebrow){font-size:14px!important;line-height:1.85!important}
.games-page-v5 .game-card p{font-size:12.5px!important;line-height:1.7!important}
.games-page-v5 .game-card footer{font-size:11.5px!important;font-weight:500!important}
.games-page-v5 .game-card h2{font-family:var(--wml-serif)!important;font-weight:800!important}
.tts-page .tool-hero{background:linear-gradient(135deg,#eef9ff,#fff 58%,#e8f5ff)!important}
.tts-page .panel{background:#fff!important;border-color:var(--wml-line)!important}

/* Student and teacher workspace: replace the old beige shell without changing business layout. */
.wml-app-shell{background:var(--wml-bg)!important;color:var(--wml-ink)!important}
.wml-app-shell>header>a:not(.brand){font-size:14.5px!important;font-weight:400!important;color:#356984!important}
.wml-app-shell>header #identity{font-size:13.5px;color:#5f7b8f}
.wml-app-shell .layout{grid-template-columns:232px minmax(0,1fr)!important;max-width:1640px!important;gap:18px!important;padding:18px 24px 42px!important}
.wml-app-shell .layout>nav{
 align-self:start;position:sticky;top:112px;padding:13px!important;background:#fff!important;border:1px solid var(--wml-line)!important;
 border-radius:18px!important;box-shadow:0 12px 30px rgba(22,79,113,.055)
}
.wml-app-shell .layout>nav a{font-size:14.5px!important;font-weight:400!important;border-radius:10px!important;padding:10px 12px!important;color:#365f79!important}
.wml-app-shell .layout>nav a[aria-current=page]{background:#e8f6fd!important;color:#087bc0!important;font-weight:550!important}
.wml-app-shell main{padding:12px 0!important;min-width:0}
.wml-app-shell main>h1{font-size:32px!important;margin-bottom:8px!important}
.wml-app-shell .muted{color:var(--wml-muted)!important;font-size:13.5px!important}
.wml-app-shell .panel,.wml-app-shell .tile{
 background:#fff!important;border:1px solid var(--wml-line)!important;border-radius:18px!important;
 box-shadow:0 10px 28px rgba(22,79,113,.045)!important
}
.wml-app-shell .panel{padding:22px!important}
.wml-app-shell .tile{padding:18px!important}
.wml-app-shell button:not(.student-learning-shell button),.wml-app-shell .btn{
 border-color:#c8deeb!important;border-radius:10px!important;background:#fff!important;color:#245b7b!important;
 font-size:14px!important;font-weight:500!important
}
.wml-app-shell button:not(.student-learning-shell button):hover,.wml-app-shell .btn:hover{background:#edf8fe!important}
.wml-app-shell .primary,.wml-app-shell button:not(.student-learning-shell button)[type=submit]{background:#128fd5!important;color:#fff!important;border-color:#128fd5!important}
.wml-app-shell input:not(.student-settings-page input):not(.student-challenge-runner input),.wml-app-shell select:not(.student-settings-page select),.wml-app-shell textarea{border-color:#c8dce8!important;border-radius:9px!important;background:#fff!important;color:var(--wml-ink)!important}
.wml-app-shell .table-wrap{border-color:var(--wml-line)!important;border-radius:13px!important;background:#fff!important}
.wml-app-shell table{background:#fff!important}
.wml-app-shell th{background:#edf7fc!important;color:#526f83!important;font-weight:520!important}
.wml-app-shell th,.wml-app-shell td{border-bottom-color:#e2edf4!important}
.wml-app-shell .login{max-width:680px!important;margin:42px auto!important;padding:32px!important;background:linear-gradient(145deg,#fff,#f3faff)!important}
.wml-app-shell .login h1{font-size:38px!important}
.wml-app-shell .student-auth-fields>label,.wml-app-shell .fields label{font-size:14px!important}
.wml-app-shell .auth-switch button{font-size:14px!important}
.wml-app-shell .data-grid-selection{background:#eef8fd!important;border-color:var(--wml-line)!important}
.wml-app-shell .selected-row td{background:#eef8fd!important}
.wml-app-shell #notice{background:#153f5d!important;border-radius:12px!important}

/* Student home and daily math. */
.wml-app-shell .student-daily-shell{
 background:linear-gradient(145deg,#fff 0%,#f5fbff 56%,#edf8ff 100%)!important;
 border-color:var(--wml-line)!important;box-shadow:0 18px 46px rgba(22,79,113,.075)!important
}
.wml-app-shell .student-daily-shell::before{background:radial-gradient(circle,rgba(64,178,239,.17),rgba(64,178,239,0) 68%)!important}
.wml-app-shell .student-daily-head>div>p:first-child{color:#168fd3!important;font-weight:450!important}
.wml-app-shell .student-daily-profile{background:linear-gradient(145deg,#fff,#eff9ff)!important;border-color:var(--wml-line)!important}
.wml-app-shell .student-daily-profile.tier-gold{background:linear-gradient(145deg,#fffefa,#fff6d8)!important}
.wml-app-shell .student-daily-profile.tier-ruby{background:linear-gradient(145deg,#fffdfd,#ffedf1)!important}
.wml-app-shell .tier-pill,.wml-app-shell .badge{font-weight:520!important}
.wml-app-shell .today-checkin{background:#fff!important;border-color:var(--wml-line)!important}
.wml-app-shell .today-checkin.done{background:#eefaf5!important;border-color:#b7dfcc!important}
.wml-app-shell .today-checkin button:not(:disabled){background:#128fd5!important;border-color:#128fd5!important;font-weight:500!important}
.wml-app-shell .challenge-card,.wml-app-shell .challenge-result,.wml-app-shell .history-list article,.wml-app-shell .game-card,.wml-app-shell .game-ranking{background:#fff!important;border-color:var(--wml-line)!important}
.wml-app-shell .challenge-progress{font-weight:500!important}
.wml-app-shell .challenge-prompt{background:#eef8fd!important;color:#173f5d!important}
.wml-app-shell .today-checkin button,.wml-app-shell .challenge-card button,.wml-app-shell .challenge-result button,.wml-app-shell .history-list button,.wml-app-shell .game-start button,.wml-app-shell .game-card button,.wml-app-shell .game-result button{font-weight:500!important}

/* Learning analysis: same font system and platform palette, keep its dense information layout. */
.learning-analysis-page{background:var(--wml-bg)!important;color:var(--wml-ink)!important}
.learning-analysis-page aside{background:#123a59!important}
.learning-analysis-page aside .la-brand{background:#fff!important;border-radius:14px!important;padding:9px!important;margin-bottom:8px!important}
.learning-analysis-page aside .wml-brand-logo{width:min(194px,100%)!important}
.learning-analysis-page .la-section-name{font-family:var(--wml-serif);font-size:18px!important;font-weight:800!important;color:#fff!important;margin:8px 0 22px!important}
.learning-analysis-page .nav{font-size:14px!important;font-weight:400!important;border-radius:10px!important}
.learning-analysis-page .nav.on{background:#1d6b99!important;font-weight:550!important}
.learning-analysis-page main{background:var(--wml-bg)!important}
.learning-analysis-page .card{border-color:var(--wml-line)!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(22,79,113,.045)!important}
.learning-analysis-page .btn{background:#128fd5!important;font-weight:500!important;border-radius:9px!important}
.learning-analysis-page .btn.alt{background:#edf7fc!important;color:#24566f!important}
.learning-analysis-page .field label{font-size:13px!important;font-weight:450!important}
.learning-analysis-page th{font-weight:520!important}

/* Classroom entry / class access / class board share the same surface language. */
.classroom-entry-page{background:linear-gradient(145deg,#edf8ff,#f8fcff)!important;color:var(--wml-ink)!important}
.classroom-entry-page .boot-card{background:#fff!important;border-color:var(--wml-line)!important;border-radius:24px!important;box-shadow:0 20px 55px rgba(22,79,113,.09)!important}
.class-access-page{background:linear-gradient(145deg,#edf8ff,#f8fcff)!important;color:var(--wml-ink)!important}
.class-access-page .access-brand{margin-bottom:26px!important}
.class-access-page .access-brand .wml-brand-logo{width:clamp(236px,19vw,286px)!important}
.class-access-page .access-card{background:#fff!important;border-color:var(--wml-line)!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(22,79,113,.08)!important}
.class-access-page .access-card .intro{font-size:15px!important;line-height:1.8!important}
.class-access-page .access-note{font-size:13.5px!important}
.classroom-checkin-page{background:#f4faff!important;color:var(--wml-ink)!important}
.classroom-checkin-page .topbar,.classroom-checkin-page .toolbar,.classroom-checkin-page .stat-card{background:#fff!important;border-color:var(--wml-line)!important}
.classroom-checkin-page .brand-card .wml-brand-logo{width:clamp(210px,15vw,260px)!important;max-width:260px!important}
.classroom-checkin-page .btn,.classroom-checkin-page button,.classroom-checkin-page input,.classroom-checkin-page select{font-family:var(--wml-sans)!important;font-weight:500!important}
.classroom-checkin-page .team-panel.male{background:#eaf5ff!important}.classroom-checkin-page .team-panel.female{background:#fff1f7!important}
.classroom-checkin-page .login-modal{background:#fff!important;border:1px solid var(--wml-line)!important}
.classroom-checkin-page .login-modal h2{font-family:var(--wml-serif)!important;font-weight:800!important}

@media(max-width:900px){
 .wml-app-shell .layout{grid-template-columns:1fr!important;padding:0 14px 28px!important}
 .wml-app-shell .layout>nav{position:sticky!important;top:0!important;display:flex!important;overflow-x:auto!important;border-radius:0 0 14px 14px!important;padding:8px!important;z-index:15}
 .wml-app-shell .layout>nav a{white-space:nowrap!important;flex:0 0 auto!important}
 .wml-app-shell main{padding:14px 0!important}
}
@media(max-width:700px){
 .home-v4 .hero-copy .intro{font-size:15px!important}
 .home-v4 .module-copy p{font-size:13px!important}
 .home-v4 .module-links a{font-size:12.5px!important}
 .interactive-hub .wml-brand-logo,.courseware-page .wml-brand-logo,.tools-page-v4 .wml-brand-logo,.games-page-v5 .wml-brand-logo,.tts-page .wml-brand-logo{width:205px!important;max-width:205px!important}
 .wml-app-shell>header>a:not(.brand){font-size:12.5px!important}
 .wml-app-shell .login{margin:22px auto!important;padding:22px 17px!important}
 .wml-app-shell .login h1{font-size:31px!important}
 .classroom-checkin-page .brand-card .wml-brand-logo{width:188px!important;max-width:188px!important}
}

/* Classroom runtime views */
.classroom-entry-page .teacher-shell,.classroom-entry-page .student-shell,.classroom-entry-page .data-center-shell{background:var(--wml-bg)!important;color:var(--wml-ink)!important}
.classroom-entry-page .teacher-top,.classroom-entry-page .student-top{
 background:#f8fcff!important;border-bottom:1px solid var(--wml-line)!important;box-shadow:0 1px 0 rgba(20,73,105,.03)!important
}
.classroom-entry-page .teacher-top .wml-brand-logo,.classroom-entry-page .student-top .wml-brand-logo{width:240px!important;max-width:36vw!important}
.classroom-entry-page .teacher-top button,.classroom-entry-page .teacher-top .btn,.classroom-entry-page .student-top .student-id{font-family:var(--wml-sans)!important;font-weight:500!important}
.classroom-entry-page .task-card,.classroom-entry-page .scenario-card,.classroom-entry-page .quantity-card,.classroom-entry-page .question-card,.classroom-entry-page .concept-card,.classroom-entry-page .data-export-card,.classroom-entry-page .data-table-card,.classroom-entry-page .data-chart-card{
 background:#fff!important;border-color:var(--wml-line)!important;box-shadow:0 10px 28px rgba(22,79,113,.045)!important
}
.classroom-entry-page .data-center-toolbar{background:#fff!important;border-color:var(--wml-line)!important;border-radius:18px!important}
.classroom-entry-page .student-task,.classroom-entry-page .student-main{color:var(--wml-ink)!important}
.classroom-entry-page .student-task h1,.classroom-entry-page .teacher-shell h1,.classroom-entry-page .data-center-shell h1{font-family:var(--wml-serif)!important;font-weight:900!important}
.classroom-entry-page button,.classroom-entry-page .btn{font-family:var(--wml-sans)!important;font-weight:500!important}
.classroom-entry-page input,.classroom-entry-page select,.classroom-entry-page textarea{font-family:var(--wml-sans)!important}
.home-footer,.courseware-page .footer,.tools-page-v4 footer,.interactive-hub .footer{background:transparent!important;border-top-color:var(--wml-line)!important;color:#607d90!important}
@media(max-width:700px){
 .classroom-entry-page .teacher-top .wml-brand-logo,.classroom-entry-page .student-top .wml-brand-logo{width:185px!important;max-width:52vw!important}
}

/* Font-role cleanup: all visible UI uses Source Han families; code editors remain monospace. */
.home-v4 .daily-game-preview,.home-v4 .hero-lab-formulas span,.home-v4 .hero-game-preview,.home-v4 .course-placeholder-mark{font-family:var(--wml-serif)!important}
.tools-page-v4 .tool-icon{font-family:var(--wml-sans)!important}
.classroom-entry-page .expression-card .formula,
.classroom-entry-page .formula-preview,
.classroom-entry-page .stats-expression,
.classroom-entry-page .meaning-conclusion strong,
.classroom-entry-page .relation-choice,
.classroom-entry-page .free-expression-form input,
.classroom-entry-page .answer-countdown b,
.classroom-entry-page .value-answer-stat strong,
.classroom-entry-page .discovery-line strong,
.classroom-entry-page .meaning-node.math,
.classroom-entry-page .rope-source,
.classroom-entry-page .summary-quantity strong,
.classroom-entry-page .summary-relation strong,
.classroom-entry-page .c-symbol,
.classroom-entry-page .c-formula,
.classroom-entry-page .c-transform-branches strong,
.classroom-entry-page .c-transform-given,
.classroom-entry-page .c-transform-answer{font-family:var(--wml-serif)!important}
.classroom-entry-page .practice-route-diagram text{font-family:var(--wml-sans)!important}
.wml-app-shell .student-cp-overview>div>span,
.wml-app-shell .student-cp-part.cp-accuracy::before,
.wml-app-shell .student-cp-part.cp-streak::before,
.wml-app-shell .student-cp-part.cp-game::before,
.wml-app-shell .badge-wall::before,
.wml-app-shell .student-history-kicker,
.wml-app-shell .challenge-kicker,
.wml-app-shell .challenge-result-kicker,
.wml-app-shell .result-best-mark,
.wml-app-shell .student-settings-head>small{font-family:var(--wml-sans)!important}
.wml-public-header .public-primary-nav{
 min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto
}
.wml-public-header .public-primary-nav a{
 position:relative;display:inline-flex;align-items:center;min-height:40px;
 color:#426b83;font-size:13px;font-weight:500!important;white-space:nowrap
}
.wml-public-header .public-primary-nav a[aria-current="page"]{color:#0b83c8}
.wml-public-header .public-primary-nav a[aria-current="page"]::after{
 content:"";position:absolute;left:4px;right:4px;bottom:2px;height:2px;border-radius:2px;background:#1698df
}
.public-auth-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
@media(max-width:1080px){
 .wml-public-header .public-primary-nav{display:none}
 .public-auth-actions{justify-self:end}
}
@media(max-width:600px){
 .public-auth-actions{gap:5px}
 .wml-brand::after{content:"WangMathLab";font-size:14px}
}


/* ===== WangMathLab visual system V8 · 2026-10-02 ===== */
html,body{min-height:100%;background:var(--wml-bg)!important;color:var(--wml-ink)!important}
body,button,input,select,textarea,table{font-family:var(--wml-sans)!important}
h1,h2,h3,.wml-serif-title{font-family:var(--wml-serif)!important;font-optical-sizing:auto}
h1{font-weight:900!important}h2{font-weight:850!important}h3{font-weight:780!important}
.wml-subpage,.home-v4,.interactive-hub,.courseware-page,.tools-page-v4,.games-page-v5,.tts-page,.wml-app-shell{background:var(--wml-bg)!important}

/* Full wordmark for normal site pages. */
.wml-brand{display:inline-flex!important;align-items:center!important;min-width:0!important;flex:0 0 auto!important}
.wml-brand::after{content:none!important;display:none!important}
.wml-brand-logo,.wml-brand-logo.compact,.wml-brand-logo.sidebar{
 display:block!important;width:clamp(230px,17vw,300px)!important;height:auto!important;max-width:32vw!important;
 border-radius:0!important;object-fit:contain!important;flex:0 0 auto!important
}
.wml-site-header{min-height:94px!important;background:rgba(248,252,255,.96)!important;border-bottom:1px solid var(--wml-line)!important}
.public-auth-actions{display:flex!important;align-items:center!important;gap:8px!important}
.wml-menu-toggle{width:42px;height:42px;border:1px solid #c7dfea;border-radius:13px;background:#fff;display:grid;place-content:center;gap:4px;padding:0!important}
.wml-menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#1c5574}
.wml-drawer-backdrop{position:fixed;inset:0;z-index:110;background:#0b2e4966;backdrop-filter:blur(4px)}
.wml-site-drawer{position:fixed;z-index:120;top:0;right:0;bottom:0;width:min(390px,90vw);padding:24px;background:#f9fcff;box-shadow:-24px 0 70px rgba(9,38,63,.18);transform:translateX(105%);transition:transform .25s ease;overflow:auto}
.wml-site-drawer.open{transform:none}.wml-drawer-open{overflow:hidden}
.wml-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--wml-line)}
.wml-drawer-brand img{display:block;width:min(245px,62vw);height:auto}
.wml-drawer-close{width:40px;height:40px;border:0!important;border-radius:12px!important;background:#eaf6fd!important;color:#174b69!important;font-size:26px!important}
.wml-drawer-account{margin:18px 0;padding:16px;border:1px solid var(--wml-line);border-radius:16px;background:linear-gradient(135deg,#fff,#edf8ff);display:grid;gap:4px}
.wml-drawer-account small{font-size:9px;letter-spacing:.15em;color:#7593a8}.wml-drawer-account strong{font-family:var(--wml-serif);font-size:20px}
.wml-drawer-account span{font-size:12px;color:#6c8798}
.wml-drawer-nav{display:grid;gap:7px}.wml-drawer-nav a{display:grid;grid-template-columns:35px 1fr;align-items:center;min-height:48px;padding:9px 12px;border-radius:12px;color:#285e7b}
.wml-drawer-nav a:hover{background:#eaf6fd}.wml-drawer-nav span{font-size:10px;color:#8ba3b2}.wml-drawer-nav b{font-weight:600}
.wml-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.wml-drawer-actions a{padding:11px 10px;border-radius:12px;text-align:center;font-size:12px;border:1px solid var(--wml-line);background:#fff}.wml-drawer-actions a:last-child{background:#153f68;color:#fff;border-color:#153f68}

/* Unified footer. */
.wml-site-footer{margin-top:auto;background:#f8fcff;border-top:1px solid var(--wml-line);color:#607d90}
.wml-footer-inner{width:min(1240px,calc(100% - 48px));margin:auto;padding:34px 0 38px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(380px,1.4fr);gap:24px 44px;align-items:center}
.wml-footer-brand img{display:block;width:230px;height:auto}.wml-footer-brand p{margin:8px 0 0;font-size:12px;color:#708b9c}
.wml-site-footer nav{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.wml-site-footer nav a{font-size:12px;color:#456f87}
.wml-footer-meta{grid-column:1/-1;padding-top:18px;border-top:1px solid #dfecf4;display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:11px;color:#78909f}
.wml-footer-meta a{color:#607f92}
.student-focus-mode .wml-site-footer,.wml-login-page .wml-site-footer{display:none!important}

/* No beige/yellow fall-through. */
.wml-app-shell .layout,.wml-app-shell main,.interactive-hub main,.courseware-page main,.tools-page-v4 main,.games-page-v5 main,.tts-page main{background:transparent!important}
.wml-app-shell .panel,.wml-app-shell .tile,.courseware-page .course,.tools-page-v4 .tool-card,.tts-page .panel{background:#fff!important}

/* Homepage primary module typography. */
.home-v4 .core-section-heading h2{font-size:clamp(31px,3vw,42px)!important;letter-spacing:-.035em!important}
.home-v4 .platform-card-v4 .module-copy h3{font-family:var(--wml-serif)!important;font-size:clamp(27px,2.2vw,34px)!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.035em!important}
.home-v4 .platform-card-v4{background:#fff!important;border-color:var(--wml-line)!important;box-shadow:0 14px 34px rgba(22,79,113,.06)!important}

/* Homepage Mini Lab: stronger grid, ambient motion, denser interaction. */
.home-v4 .hero-lab-card{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#ffffff,#eef9ff 75%)!important;border-color:#b9dff3!important}
.home-v4 .hero-lab-grid{position:absolute;inset:0;pointer-events:none;opacity:.58!important;background-image:linear-gradient(to right,#86c7e64c 1px,transparent 1px),linear-gradient(to bottom,#86c7e64c 1px,transparent 1px),repeating-linear-gradient(90deg,transparent 0 58px,#58b4df2f 58px 60px,transparent 60px 116px);background-size:28px 28px,28px 28px,116px 116px;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);animation:wmlLabGrid 14s linear infinite}
.home-v4 .hero-lab-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;bottom:-70px;background:radial-gradient(circle,rgba(29,170,240,.18),rgba(29,170,240,0) 68%);animation:wmlLabPulse 4.8s ease-in-out infinite;pointer-events:none}
@keyframes wmlLabGrid{to{background-position:28px 14px,14px 28px,116px 0}}
@keyframes wmlLabPulse{50%{transform:scale(1.14);opacity:.65}}
.home-v4 .hero-home-widget{position:relative;z-index:2;min-height:360px!important}
.home-inline-game{display:grid;gap:15px;padding:24px 4px 4px}
.home-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.home-inline-head h2{margin:3px 0 4px;font-size:28px!important}.home-inline-head p{margin:0;color:#638197;font-size:13px}
.home-inline-question{min-height:92px;border:1px dashed #68b9df!important;border-radius:17px;background:rgba(255,255,255,.86);display:grid;place-items:center;padding:16px;text-align:center;font-family:var(--wml-serif)!important;font-size:clamp(25px,2.5vw,36px);font-weight:850;color:#154968;box-shadow:inset 0 0 0 5px rgba(229,247,255,.65)}
.home-inline-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-inline-options button{min-height:44px;border:1px solid #c3dfed;border-radius:12px;background:#fff;color:#245a78;font-size:15px;font-weight:600}.home-inline-options button:hover{background:#eaf7fd;border-color:#69b9df}.home-inline-options button.correct{background:#e9f8f1;border-color:#8dd1b2;color:#237153}.home-inline-options button.wrong{background:#fff0f2;border-color:#ebb2ba;color:#9d4651}
.home-inline-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#6b8698}.home-inline-meta b{font-size:13px;color:#176b97}
.home-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-inline-actions a,.home-inline-actions button{min-height:42px;padding:9px 15px;border-radius:11px}.home-inline-actions button{background:#168fd3;color:#fff;border:1px solid #168fd3}.home-inline-actions a{color:#176a96;font-weight:600}
.home-inline-feedback{min-height:20px;font-size:12px;color:#4f788f}

/* TTS blue-white visual system. */
.tts-page{--ink:#153956!important;--muted:#668397!important;--green:#158fd3!important;--green-dark:#0d6fa8!important;--green-soft:#e9f6fd!important;--blue:#44aee6!important;--blue-soft:#edf8fe!important;--cream:#f6fbff!important;--paper:#fff!important;--line:#d2e6f2!important;--shadow:0 14px 38px rgba(22,79,113,.07)!important}
.tts-page .tool-hero{border-bottom:1px solid var(--wml-line)!important;background:linear-gradient(135deg,#eaf7ff,#fff 55%,#eef8ff)!important}
.tts-page .tool-hero h1{font-size:clamp(38px,5vw,62px)!important;color:#153f5f!important;letter-spacing:-.045em}
.tts-page .hero-copy{font-size:15px!important;color:#607f92!important}
.tts-page .privacy-note{background:#fff!important;border:1px solid var(--wml-line)!important;box-shadow:0 10px 28px rgba(22,79,113,.05)!important}
.tts-page .panel{border:1px solid var(--wml-line)!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(22,79,113,.055)!important}
.tts-page .panel h2,.tts-page .panel h3{color:#153f5f!important}
.tts-page input,.tts-page select,.tts-page textarea{border-color:#c9deea!important;background:#fff!important}
.tts-page button.primary{background:#148ed1!important;border-color:#148ed1!important;color:#fff!important}
.tts-page button:not(.primary){border-color:#c5dce9!important;background:#fff!important;color:#245d7d!important}
.tts-page .audio-player,.tts-page .editor-card,.tts-page .version-card{background:#f4faff!important;border-color:#d5e8f3!important}

/* Classroom runtime refreshed palette + square app logo. */
.classroom-entry-page{--paper:#fff;--cream:#f4faff;--cream-2:#e9f5fb;--ink:#153956;--muted:#668397;--green:#168fd3;--green-dark:#0d6fa8;--green-soft:#e9f6fd;--orange:#ee9953;--line:#d3e6f1;--shadow:0 16px 42px rgba(22,79,113,.09)}
.classroom-entry-page .teacher-top,.classroom-entry-page .student-top{background:rgba(248,252,255,.96)!important}
.classroom-entry-page .control-rail{background:#f8fcff!important;border-left-color:var(--wml-line)!important}
.classroom-entry-page .stage-tab.active,.classroom-entry-page .relation-banner{background:#168fd3!important}
.classroom-entry-page .join-students-btn{background:#148ed1!important;border-color:#148ed1!important}
.classroom-entry-page .classroom-runtime-brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;color:#164c6a;font-weight:700;white-space:nowrap}
.classroom-entry-page .classroom-runtime-brand img{width:40px;height:40px;border-radius:11px;object-fit:cover}
.classroom-entry-page .student-brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;color:#164c6a;font-weight:700}
.classroom-entry-page .student-brand img{width:38px!important;height:38px!important;max-width:none!important;border-radius:10px!important;object-fit:cover!important}
.classroom-entry-page .boot-card>.wml-brand-logo{width:70px!important;height:70px!important;max-width:none!important;border-radius:18px!important;object-fit:cover!important}
.wml-app-shell>header .public-primary-nav{display:flex!important}
.wml-app-shell>header .app-header-actions{display:flex;align-items:center;gap:8px}
.wml-app-shell>header #identity{white-space:nowrap}
.wml-app-shell>header #logout{min-height:38px!important}
.wml-app-shell .wml-site-footer{margin-top:16px}

@media(max-width:1080px){
 .wml-public-header .public-primary-nav{display:none!important}
 .wml-app-shell>header .public-primary-nav{display:none!important}
}
@media(max-width:760px){
 .wml-brand-logo,.wml-brand-logo.compact{width:min(205px,51vw)!important;max-width:51vw!important}
 .wml-menu-toggle{width:40px;height:40px}
 .wml-footer-inner{width:calc(100% - 28px);grid-template-columns:1fr;padding:26px 0}.wml-site-footer nav{justify-content:flex-start}.wml-footer-meta{justify-content:flex-start}
 .wml-footer-brand img{width:205px}
 .home-inline-options{grid-template-columns:1fr 1fr}
 .classroom-entry-page .classroom-runtime-brand span{display:none}
}


/* ===== V8.1 visual corrections ===== */
/* Source Han is never geometrically stretched by CSS. */
html,body,button,input,select,textarea,table,
.wml-site-drawer,.wml-site-drawer *,.wml-site-header,.wml-site-header *{
 font-stretch:normal!important;
 font-variation-settings:normal!important;
}
.wml-site-drawer *{transform:none}
.wml-site-drawer{transform:translateX(105%);font-family:var(--wml-sans)!important}
.wml-site-drawer.open{transform:translateX(0)}
.wml-drawer-nav b,.wml-drawer-account strong,.wml-drawer-actions a{
 font-family:var(--wml-sans)!important;
 font-stretch:normal!important;
 letter-spacing:0!important
}

/* Footer uses the square W logo; public security filing carries its official badge asset. */
.wml-footer-brand{display:flex;align-items:center;gap:13px;min-width:0}
.wml-footer-brand>img{
 width:58px!important;height:58px!important;max-width:none!important;object-fit:cover!important;
 border-radius:14px!important;box-shadow:0 8px 20px rgba(24,104,151,.09)
}
.wml-footer-brand strong{display:block;font-size:16px;color:#214f6d;font-weight:650}
.wml-footer-brand p{margin:4px 0 0!important}
.wml-police-beian{display:inline-flex!important;align-items:center;gap:5px}
.wml-police-beian img{width:20px!important;height:20px!important;max-width:none!important;object-fit:contain!important}
.wml-footer-meta{align-items:center}

/* Homepage floating formulas become quiet edge watermarks, never foreground pills. */
.home-v4 .hero-lab-formulas{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.home-v4 .hero-lab-formulas span{
 border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;
 color:#178bc5!important;opacity:.12!important;font-family:var(--wml-serif)!important;
 font-size:clamp(16px,1.5vw,24px)!important;line-height:1!important;
 animation:floatMath 8s ease-in-out infinite!important
}
.home-v4 .hero-lab-formulas span:nth-child(1){right:4%!important;top:9%!important}
.home-v4 .hero-lab-formulas span:nth-child(2){left:3%!important;top:auto!important;bottom:5%!important;animation-delay:-2.5s!important}
.home-v4 .hero-lab-formulas span:nth-child(3){right:3%!important;top:auto!important;bottom:6%!important;animation-delay:-5s!important}
.home-v4 .hero-lab-head,.home-v4 .hero-home-widget{position:relative;z-index:2}

/* Classroom entry icons are intentionally compact square marks. */
.classroom-entry-page .classroom-auth-logo{
 display:block;width:82px!important;height:82px!important;max-width:none!important;margin:0 0 18px;
 border-radius:20px!important;object-fit:cover!important;box-shadow:0 12px 30px rgba(22,111,160,.12)
}

/* Interaction hub: preserve classroom logic, clarify the three real entry modes. */
.interactive-entry-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px
}
.interactive-entry-card{
 min-height:188px;padding:22px;border:1px solid var(--wml-line);border-radius:20px;background:#fff;
 display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 26px rgba(22,79,113,.045)
}
.interactive-entry-card .entry-icon{
 width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf6fd;color:#168fd3
}
.interactive-entry-card .entry-icon .ui-icon{width:21px;height:21px}
.interactive-entry-card h3{margin:1px 0 0;font-size:23px!important}
.interactive-entry-card p{margin:0;color:#648296;line-height:1.75;font-size:13px}
.interactive-entry-card a,.interactive-entry-card .entry-note{
 margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;
 border-radius:11px;font-size:12px;font-weight:600
}
.interactive-entry-card a{background:#168fd3;color:#fff;border:1px solid #168fd3}
.interactive-entry-card .entry-note{background:#eef7fc;color:#4f7186;border:1px solid #d4e8f3}
.interactive-entry-card.student .entry-icon{background:#edf8f5;color:#28876f}
.interactive-entry-card.data .entry-icon{background:#f1efff;color:#675cc5}
.interactive-entry-help{margin-top:14px;padding:12px 15px;border-radius:13px;background:#eef8fd;color:#5b788d;font-size:12px;line-height:1.7}

@media(max-width:820px){
 .interactive-entry-grid{grid-template-columns:1fr}
 .interactive-entry-card{min-height:0}
}
@media(max-width:760px){
 .wml-footer-brand>img{width:52px!important;height:52px!important}
 .home-v4 .hero-lab-formulas span{opacity:.08!important}
}


/* Homepage legacy drawer is locked to the same font geometry as the shared drawer. */
.site-drawer,.site-drawer *{
 font-family:var(--wml-sans)!important;
 font-stretch:normal!important;
 font-variation-settings:normal!important;
}
.site-drawer *{transform:none}
.site-drawer{transform:translateX(105%)}
.site-drawer.open{transform:translateX(0)}
.site-drawer .drawer-nav a>b{font-family:var(--wml-sans)!important;font-size:15px!important;font-weight:560!important;line-height:1.35!important;letter-spacing:.01em!important}
.site-drawer .drawer-nav a>span,.site-drawer .drawer-nav a>i{
 font-family:var(--wml-sans)!important;font-stretch:normal!important;letter-spacing:.08em!important
}
.site-drawer .drawer-identity strong{font-family:var(--wml-sans)!important;font-weight:600!important;line-height:1.35!important}
.site-drawer .drawer-account a{font-family:var(--wml-sans)!important;font-weight:560!important;line-height:1.35!important}

/* V8.1 Mini Lab formula placement: clipped edge watermarks only. */
.home-v4 .hero-lab-formulas span{opacity:.055!important;font-size:clamp(24px,2.4vw,38px)!important}
.home-v4 .hero-lab-formulas span:nth-child(1){right:-1.5%!important;top:14%!important}
.home-v4 .hero-lab-formulas span:nth-child(2){left:-1.5%!important;top:auto!important;bottom:29%!important}
.home-v4 .hero-lab-formulas span:nth-child(3){right:-1.5%!important;top:auto!important;bottom:12%!important}

.interactive-course-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.interactive-course-actions>span{font-size:11px;color:#6b8798}


/* ===== V8.2 app-isolation rollback ===== */
/* Practice Center keeps the existing full-site header/footer, but its workspace returns to its mature local visual system. */
body.practice-workspace .layout{
 display:block!important;max-width:none!important;width:100%!important;margin:0!important;
 background:#f2f5f8!important;color:#19293d!important
}
body.practice-workspace #nav{display:none!important}
body.practice-workspace #main{
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 background:#f2f5f8!important;color:#19293d!important
}
body.practice-workspace .practice-center,
body.practice-workspace .practice-center *:not(.ui-icon){
 font-family:"Segoe UI","Microsoft YaHei",sans-serif!important;
 font-stretch:normal!important;font-variation-settings:normal!important
}
body.practice-workspace .practice-center h1,
body.practice-workspace .practice-center h2,
body.practice-workspace .practice-center h3{
 font-family:"Microsoft YaHei","Segoe UI",sans-serif!important
}
body.practice-workspace .practice-center{background:#f2f5f8!important;color:#19293d!important}
body.practice-workspace .practice-card,
body.practice-workspace .practice-toolbar,
body.practice-workspace .practice-entry,
body.practice-workspace .practice-submit-dock,
body.practice-workspace .practice-control-card{font-family:"Segoe UI","Microsoft YaHei",sans-serif!important}
body.practice-workspace .wml-site-footer{margin-top:0!important}

/* App login views are single-column. This removes the empty left-nav pill/rail. */
body.app-auth-page .layout{
 display:block!important;max-width:1180px!important;width:calc(100% - 32px)!important;margin:0 auto!important
}
body.app-auth-page #nav{display:none!important}
body.app-auth-page #main{
 width:100%!important;min-height:calc(100vh - 180px);padding:48px 18px 72px!important;
 display:flex!important;justify-content:center!important;align-items:flex-start!important;background:transparent!important
}
body.app-auth-page #main>.login{width:min(560px,100%);margin:0!important}
body.app-auth-page #notice:not(.show){display:none!important}

/* Old app sidebar state must never leak into the shared top navigation. */
.wml-public-header .public-primary-nav{
 padding:0!important;margin:0!important;background:transparent!important;border:0!important
}
.wml-public-header .public-primary-nav a{
 margin:0!important;padding:8px 3px!important;border-radius:0!important;background:transparent!important
}
.wml-public-header .public-primary-nav a[aria-current="page"]{
 background:transparent!important;color:#0b83c8!important;font-weight:600!important
}
.wml-public-header .public-primary-nav a[aria-current="page"]::after{display:block!important}

/* Mobile app shell: header cannot collide with account controls. */
@media(max-width:900px){
 .wml-app-shell>header .app-header-actions{justify-self:end;max-width:52vw;flex-wrap:wrap;justify-content:flex-end}
 .wml-app-shell>header #identity{max-width:110px;overflow:hidden;text-overflow:ellipsis}
 body.practice-workspace .practice-center{padding-inline:12px!important}
}
@media(max-width:600px){
 body.app-auth-page .layout{width:100%!important}
 body.app-auth-page #main{padding:24px 12px 54px!important}
 .wml-app-shell>header .app-header-actions{max-width:46vw;gap:5px!important}
 .wml-app-shell>header #identity{display:none}
 .wml-app-shell>header #logout{min-width:38px!important;padding:6px 8px!important;font-size:11px!important}
}


/* V8.2 narrow-screen collision guards */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:hidden}
 .public-auth-actions{min-width:0!important;flex-wrap:nowrap!important}
 .public-auth-actions>*{flex-shrink:0}
 .wml-app-shell .layout,.wml-app-shell main{min-width:0;max-width:100vw}
 .wml-app-shell .panel,.wml-app-shell .tile,.wml-app-shell form{max-width:100%;min-width:0}
 .wml-app-shell .student-auth-fields,
 .wml-app-shell .student-no-row,
 .wml-app-shell .password-inline{min-width:0;max-width:100%}
 body.practice-workspace .practice-toolbar{flex-direction:column!important;align-items:stretch!important}
 body.practice-workspace .practice-tabs{width:100%;max-width:100%;overflow-x:auto}
 body.practice-workspace .practice-context{white-space:normal!important;flex-wrap:wrap!important}
 body.practice-workspace .practice-workspace-body{min-width:0!important;max-width:100%!important}
 body.practice-workspace .practice-action-rail,
 body.practice-workspace .practice-status-calendar{max-width:100%!important}
}
@media(max-width:420px){
.wml-menu-toggle{width:36px!important;min-width:36px!important;height:36px!important}
}


/* ===== V8.3 authenticated student full-screen app shell ===== */
body.student-app-mode{
 min-height:100dvh!important;
 background:#eef8fb!important;
 overflow-x:hidden!important;
}
body.student-app-mode>header.wml-site-header,
body.student-app-mode .wml-site-footer,
body.student-app-mode #nav{display:none!important}
body.student-app-mode .layout{
 display:block!important;
 width:100%!important;max-width:none!important;min-height:100dvh!important;
 margin:0!important;padding:0!important;background:#eef8fb!important
}
body.student-app-mode #main{
 width:100%!important;max-width:none!important;min-height:100dvh!important;
 margin:0!important;padding:0!important;background:#eef8fb!important
}
body.student-app-mode #notice:not(.show){display:none!important}
body.student-app-mode .student-daily-shell,
body.student-app-mode .student-game-shell,
body.student-app-mode .student-makeup-shell,
body.student-app-mode .student-settings-shell,
body.student-app-mode .student-verify-shell{
 width:min(100%,1180px)!important;max-width:1180px!important;
 min-height:100dvh!important;margin:0 auto!important;
 padding-bottom:calc(96px + env(safe-area-inset-bottom))!important
}
body.student-app-mode .student-empty-state{
 margin:18px 0 0;padding:26px 22px;border:1px solid #d6e7ef;border-radius:20px;
 background:linear-gradient(145deg,#fff,#f3faff);text-align:center;
 box-shadow:0 12px 28px rgba(22,79,113,.06)
}
body.student-app-mode .student-empty-icon{
 width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;
 border-radius:16px;background:#e5f4fb;color:#168fd3;font-size:28px;font-weight:700
}
body.student-app-mode .student-empty-state small{display:block;color:#6b8ca1;letter-spacing:.14em}
body.student-app-mode .student-empty-state h2{margin:8px 0 8px;font-size:24px!important}
body.student-app-mode .student-empty-state p{margin:0 auto 16px;max-width:28em;color:#658095;line-height:1.75}
body.student-app-mode .student-empty-state a{
 display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 14px;
 border-radius:11px;background:#168fd3;color:#fff;font-weight:600
}
body.student-app-mode .student-logout-action{
 width:100%;min-height:46px;margin-top:14px;border:1px solid #e0b6bd!important;
 background:#fff7f8!important;color:#a04754!important;border-radius:12px!important;font-weight:600!important
}
@media(max-width:760px){
 body.student-app-mode{background:#f7fcff!important}
 body.student-app-mode .student-daily-shell,
 body.student-app-mode .student-game-shell,
 body.student-app-mode .student-makeup-shell,
 body.student-app-mode .student-settings-shell,
 body.student-app-mode .student-verify-shell{
  width:100vw!important;max-width:100vw!important;min-height:100dvh!important;
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding-left:14px!important;padding-right:14px!important;
  padding-bottom:calc(92px + env(safe-area-inset-bottom))!important
 }
 body.student-app-mode .student-daily-shell>.student-daily-head{
  min-height:250px!important;margin:-18px -14px 0!important;
  padding:22px 18px 74px!important;border-radius:0!important
 }
 body.student-app-mode .student-daily-head h1{font-size:27px!important;line-height:1.18!important}
 body.student-app-mode .student-daily-head>div>p:not(:first-child){max-width:24em;font-size:13px!important}
 body.student-app-mode #daily-home{margin-top:-8px!important}
 body.student-app-mode .student-empty-state{
  min-height:240px;margin:0;padding:28px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:18px
 }
}
@media(max-width:420px){
 body.student-app-mode .student-daily-shell>.student-daily-head{
  min-height:230px!important;padding:18px 15px 66px!important
 }
 body.student-app-mode .student-daily-head h1{font-size:24px!important}
 body.student-app-mode .student-empty-state{min-height:220px;padding:24px 15px}
}
.wml-session-logout{
 min-height:38px;padding:6px 10px;border:1px solid #d5e3eb;border-radius:10px;
 background:#fff;color:#5d7483;font:inherit;font-size:12px;cursor:pointer
}
.wml-session-logout:hover{background:#f5f9fb}
@media(max-width:760px){
 .wml-session-logout{min-width:38px!important;width:auto!important;padding:0 8px!important}
}
.wml-session-logout[hidden],.wml-drawer-actions a[hidden]{display:none!important}