/* 十三背单词：独立手机 App 式视觉层。所有规则限定 <=780px + data-mobile-mode=app。
 * 网页模式与桌面 / 平板完全不使用本样式；不变更任何学习事件与数据。
 */
.mobile-mode-entry,.mobile-app-header{display:none}
@media(max-width:780px){
html body[data-mobile-mode="app"]{
 --mobile-green:#397f70;--mobile-text:#315a4a;--mobile-edge:#e3e9df;
 --mobile-soft:#fafbf7;overscroll-behavior-x:none;
}
html body[data-mobile-mode="app"] #app .main{padding:12px 14px calc(82px + env(safe-area-inset-bottom))!important;max-width:620px;margin-inline:auto;width:100%;min-width:0}
html body[data-mobile-mode="app"] #app .view-area,html body[data-mobile-mode="app"] #app .paper{min-width:0}
html body[data-mobile-mode="app"] #app .paper{box-shadow:0 3px 14px rgba(51,79,57,.045);border-radius:20px;border-color:var(--mobile-edge)}
html body[data-mobile-mode="app"] .topbar{display:none!important}
html body[data-mobile-mode="app"] .mobile-mode-entry{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:34px;min-width:35px;padding:0 8px;background:rgba(255,255,255,.82);border:1px solid #dfe7de;border-radius:12px;color:#578676;font-size:11px;cursor:pointer;flex:none}
html body[data-mobile-mode="app"] .mobile-mode-entry .ui-ico{width:16px;height:16px}
html body[data-mobile-mode="app"] .mobile-app-header{display:flex;align-items:center;gap:10px;min-height:46px;margin:0 0 11px;padding:0 3px;color:#315c4b}
html body[data-mobile-mode="app"] .mobile-app-header>strong{flex:1;font-size:17px;font-weight:750}
html body[data-mobile-mode="app"] .mobile-back{border:0;background:transparent;color:#5d8d78;display:grid;place-items:center;width:42px;height:42px;border-radius:12px}
html body[data-mobile-mode="app"] .mobile-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
html body[data-mobile-mode="app"] .mobile-mode-choices .btn{min-height:44px;font-size:13px;padding:8px}
html body[data-mobile-mode="app"] nav.bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:7px;background:rgba(255,255,252,.97);box-shadow:0 -5px 16px rgba(47,75,60,.045)}
html body[data-mobile-mode="app"] nav.bottom-nav button{min-height:47px;gap:3px}
html body[data-mobile-mode="app"] nav.bottom-nav button .nav-ico svg{width:22px;height:22px}

/* 首页，原草地插画作为独立的底部图层。用完整的 3:1 原图，不裁切人物头部。 */
html body[data-mobile-mode="app"][data-page="home"] .home-dashboard{display:grid;grid-template-columns:1fr;gap:12px}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero{
 position:relative;display:flex!important;align-items:flex-start!important;isolation:isolate;
 min-height:220px!important;height:auto;padding:40px 17px 95px!important;
 background:#eff8f4!important;overflow:hidden;border-radius:24px!important;
}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero::before{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero::after{
 display:block!important;content:""!important;position:absolute!important;inset:auto 0 0 0!important;
 width:100%!important;height:auto!important;aspect-ratio:3/1!important;border:0!important;border-radius:0!important;
 background:transparent url('shisan-meadow/assets/meadow-girl-cat.png') no-repeat center bottom / 100% auto!important;
 box-shadow:none!important;pointer-events:none!important;z-index:0!important;
}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-copy{position:relative;z-index:2;width:100%!important;max-width:100%!important;align-items:flex-start!important;margin:0!important;text-align:left!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-kicker{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-title{font-size:clamp(23px,6.1vw,31px)!important;line-height:1.3!important;margin:8px 0 12px!important;max-width:calc(100% - 10px);color:#305b4c}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-actions{margin:0!important;gap:0!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-actions .btn:first-child{min-height:43px!important;padding:8px 17px!important;font-size:14px!important;border-radius:13px!important;background:#c9e3d5;color:#315e4b}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero .hero-actions .btn.outline{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .hero-date{position:absolute;top:13px;left:17px;z-index:2;color:#719085;font-size:11px}
html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions{z-index:5;top:9px;right:12px;gap:7px}
html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions .icon-btn{height:33px;width:33px}
html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions .top-avatar{height:34px;width:34px}
html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions .mobile-mode-entry span{display:none}
html body[data-mobile-mode="app"][data-page="home"] .home-aside{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-tasks{padding:14px!important;width:100%;max-width:none!important;margin:0!important}
html body[data-mobile-mode="app"][data-page="home"] .home-tasks .section-head{margin-bottom:7px}
html body[data-mobile-mode="app"][data-page="home"] .home-tasks h2{font-size:17px!important}
html body[data-mobile-mode="app"][data-page="home"] .home-tasks .task-total{font-size:19px}
html body[data-mobile-mode="app"][data-page="home"] .daily-track{margin:0 0 10px!important}
html body[data-mobile-mode="app"][data-page="home"] .task-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
html body[data-mobile-mode="app"][data-page="home"] .task-tile{min-height:75px;padding:10px 7px!important;border-radius:13px;text-align:center}
html body[data-mobile-mode="app"][data-page="home"] .task-tile-head{font-size:11px;justify-content:center}
html body[data-mobile-mode="app"][data-page="home"] .task-tile .task-icon{display:none}
html body[data-mobile-mode="app"][data-page="home"] .task-fraction{margin:8px 0 0!important}
html body[data-mobile-mode="app"][data-page="home"] .task-fraction strong{font-size:21px!important}
html body[data-mobile-mode="app"][data-page="home"] .task-fraction span{font-size:10px}
html body[data-mobile-mode="app"][data-page="home"] .task-tile .progress-track{display:none}
html body[data-mobile-mode="app"][data-page="home"] .home-launch{padding:0!important;max-width:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;grid-auto-rows:auto!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile{grid-column:span 3;min-height:95px!important;border-radius:17px;padding:13px!important;gap:3px}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-icon{height:22px;width:24px}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-icon svg{height:22px;width:22px}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-name{font-size:15px!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-desc{font-size:10px}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5){grid-column:span 2;min-height:67px!important;padding:9px 4px!important;align-items:center;text-align:center;background:transparent;border:0;box-shadow:none;justify-content:center}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5) .launch-desc{display:none}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5) .launch-name{font-size:12px!important;color:#73877a}

/* 背单词：词书课次并列，去掉大交互框；只保留认识／不认识这一学习方式。 */
html body[data-mobile-mode="app"][data-page="learn"] .course-intro{background:transparent!important;border:0!important;box-shadow:none;padding:0!important;margin:0 0 10px!important;display:block!important}
html body[data-mobile-mode="app"][data-page="learn"] .course-intro>div:first-child{display:none!important}
html body[data-mobile-mode="app"][data-page="learn"] .course-intro>div:last-child{width:100%!important;display:block!important}
html body[data-mobile-mode="app"][data-page="learn"] .course-intro .course-controls{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:8px!important;width:100%;margin:0!important}
html body[data-mobile-mode="app"][data-page="learn"] .course-controls label{font-size:0!important;min-width:0!important;gap:0!important}
html body[data-mobile-mode="app"][data-page="learn"] .course-controls select{min-width:0;width:100%;height:42px!important;padding:0 9px!important;border-radius:13px!important;font-size:12px!important;line-height:1.3}
html body[data-mobile-mode="app"][data-page="learn"] .course-intro .tabs{display:none!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-layout{grid-template-columns:minmax(0,1fr);gap:0!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-card{
 padding:13px 14px 15px!important;min-height:340px!important;max-height:none!important;
 height:clamp(350px,calc(100dvh - 255px),610px)!important;overflow:hidden!important;
}
html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar{gap:7px!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar>button[data-action="back"]{display:none!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar .focus-actions{gap:4px;display:flex;align-items:center}
html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar .icon-btn{width:35px;height:36px;border-radius:11px}
html body[data-mobile-mode="app"][data-page="learn"] .focus-counter{font-size:16px}
html body[data-mobile-mode="app"][data-page="learn"] .focus-progress{margin:9px 0!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-center{min-height:0!important;overflow:auto!important;flex:1 1 auto;justify-content:center;padding:8px 0!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-center .main-arabic{font-size:clamp(29px,8.0vw,42px)!important;line-height:1.7!important;overflow-wrap:anywhere;direction:rtl;unicode-bidi:plaintext}
html body[data-mobile-mode="app"][data-page="learn"] .focus-answer{font-size:17px!important;gap:9px!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-footer{flex:none;margin-top:8px!important}
html body[data-mobile-mode="app"][data-page="learn"] .word-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px!important}
html body[data-mobile-mode="app"][data-page="learn"] .word-choice .btn{min-height:56px!important;font-size:clamp(19px,5.3vw,25px)!important;padding:8px!important;border-radius:14px;touch-action:manipulation}
html body[data-mobile-mode="app"][data-page="learn"] .focus-card .continue{min-height:50px!important;font-size:15px!important}

/* 学句型：移除侧边「句型记录」视觉模块，保留完整例句、汉语展开与继续交互。 */
html body[data-mobile-mode="app"][data-page="patterns"] .focus-sidebar{display:none!important}
html body[data-mobile-mode="app"][data-page="patterns"] .focus-layout{display:block!important}
html body[data-mobile-mode="app"][data-page="patterns"] .course-intro{padding:8px 0!important;border:0!important;background:transparent!important;margin-bottom:10px!important}
html body[data-mobile-mode="app"][data-page="patterns"] .course-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;flex-wrap:nowrap}
html body[data-mobile-mode="app"][data-page="patterns"] .course-controls label{min-width:0!important;font-size:11px!important}
html body[data-mobile-mode="app"][data-page="patterns"] .course-controls select{min-width:0;width:100%;height:39px;font-size:12px}
html body[data-mobile-mode="app"][data-page="patterns"] .grammar-card{min-height:0!important;padding:14px!important;display:block!important}
html body[data-mobile-mode="app"][data-page="patterns"] .focus-toolbar{margin-bottom:9px}
html body[data-mobile-mode="app"][data-page="patterns"] .focus-toolbar button[data-action="prev-pattern"]{width:35px;height:35px}
html body[data-mobile-mode="app"][data-page="patterns"] .grammar-name{font-size:clamp(22px,6.3vw,28px)!important;line-height:1.85!important;margin:12px 0!important;direction:rtl;text-align:right}
html body[data-mobile-mode="app"][data-page="patterns"] .pattern-examples{gap:9px;margin-top:8px}
html body[data-mobile-mode="app"][data-page="patterns"] .pattern-ex{padding:0 0 10px}
html body[data-mobile-mode="app"][data-page="patterns"] .pattern-ex .arabic{font-size:clamp(21px,5.8vw,25px)!important;line-height:1.9!important;direction:rtl;unicode-bidi:plaintext}
html body[data-mobile-mode="app"][data-page="patterns"] .pattern-zh{font-size:14px;line-height:1.7;margin:7px 0}
html body[data-mobile-mode="app"][data-page="patterns"] .grammar-card>.focus-footer{margin-top:10px}
html body[data-mobile-mode="app"][data-page="patterns"] .grammar-card .continue{min-height:47px!important;font-size:15px!important}

/* 文章阅读：正常手机正文、合理段落留白，不把整页做成巨型卡片。 */
html body[data-mobile-mode="app"][data-page="reader"] .reading-layout{display:block}
html body[data-mobile-mode="app"][data-page="reader"] .reading-paper{padding:16px!important;border-radius:17px!important}
html body[data-mobile-mode="app"][data-page="reader"] .reading-arabic-title{font-size:clamp(22px,6vw,26px)!important;line-height:1.75!important;text-align:right!important}
html body[data-mobile-mode="app"][data-page="reader"] .reading-text{font-size:clamp(20px,5.2vw,22px)!important;line-height:1.9!important;direction:rtl!important;text-align:right!important;overflow-wrap:break-word;unicode-bidi:plaintext}
html body[data-mobile-mode="app"][data-page="reader"] .reading-text>p{margin:10px 0 16px!important}
html body[data-mobile-mode="app"][data-page="reader"] .reading-text .reading-zh{font-size:15px!important;line-height:1.7!important;padding:8px 10px!important;background:#f7f7f1;margin:8px 0 16px!important;direction:ltr;unicode-bidi:normal}
html body[data-mobile-mode="app"][data-page="reader"] .reading-source{font-size:12px}
html body[data-mobile-mode="app"][data-page="reader"] .reading-side{display:none!important}
html body[data-mobile-mode="app"][data-page="reader"] .tap-word{font:inherit;line-height:inherit}
html body[data-mobile-mode="app"][data-page="reader"] .reading-paper .meta-line{gap:6px;align-items:center}
html body[data-mobile-mode="app"][data-page="reader"] .reading-paper .meta-line .btn{min-height:37px;padding:7px 11px;font-size:12px}
html body[data-mobile-mode="app"][data-page="reading"] .reading-list-card{padding:13px;min-height:0}
html body[data-mobile-mode="app"][data-page="reading"] .reading-list-card .arabic{font-size:21px;line-height:1.8}
html body[data-mobile-mode="app"][data-page="reading"] .cols2{gap:9px}

/* 我的：轻量入口。学习档案独立容纳全部统计，不重复铺在个人主页。 */
html body[data-mobile-mode="app"][data-page="profile"] .mobile-profile-layout{display:grid;grid-template-columns:1fr;gap:12px}
html body[data-mobile-mode="app"] .mobile-account{overflow:hidden;padding:0}
html body[data-mobile-mode="app"] .mobile-account .profile-cover{padding:15px;min-height:100px}
html body[data-mobile-mode="app"] .mobile-account .avatar{width:68px;height:68px}
html body[data-mobile-mode="app"] .mobile-account .profile-name{font-size:20px}
html body[data-mobile-mode="app"] .mobile-account .profile-controls{gap:6px;flex-wrap:wrap}
html body[data-mobile-mode="app"] .mobile-account .profile-controls .btn{min-height:35px;padding:5px 11px;font-size:12px}
html body[data-mobile-mode="app"] .mobile-profile-menu{padding:10px 15px}
html body[data-mobile-mode="app"] .mobile-profile-menu>h2{font-size:17px;color:var(--mobile-text);margin:4px 0 8px}
html body[data-mobile-mode="app"] .mobile-profile-menu .profile-menu-item{min-height:48px;padding:11px 2px;border-bottom:1px solid #edf0eb;font-size:14px;width:100%;justify-content:space-between;text-align:left}
html body[data-mobile-mode="app"] .mobile-profile-menu .profile-menu-item>span:first-child{display:flex;align-items:center;gap:10px}
html body[data-mobile-mode="app"] .mobile-profile-menu .profile-menu-item>span:last-child{font-size:12px;color:#90a498}

/* 学习档案：统计、进度、图表的统一容器。 */
html body[data-mobile-mode="app"][data-page="archive"] .mobile-archive{display:grid;gap:11px}
html body[data-mobile-mode="app"] .mobile-archive-panel{padding:15px}
html body[data-mobile-mode="app"] .mobile-archive-panel h2{margin:0 0 12px;font-size:17px;color:var(--mobile-text)}
html body[data-mobile-mode="app"] .mobile-archive-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
html body[data-mobile-mode="app"] .mobile-archive-heading h2{margin:0}
html body[data-mobile-mode="app"] .mobile-archive-heading>span{font-size:11px;color:#8e9f93}
html body[data-mobile-mode="app"] .mobile-archive-heading>strong{font-size:21px;color:#398370}
html body[data-mobile-mode="app"] .mobile-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html body[data-mobile-mode="app"] .mobile-archive-grid>div{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7faf5;border:1px solid #edf0e8;border-radius:13px;gap:5px}
html body[data-mobile-mode="app"] .mobile-archive-grid strong{font-size:22px;color:#3b8270;font-weight:750}
html body[data-mobile-mode="app"] .mobile-archive-grid span{font-size:11px;color:#86978a}
html body[data-mobile-mode="app"] .mobile-archive-grid.mobile-three{grid-template-columns:repeat(3,minmax(0,1fr))}
html body[data-mobile-mode="app"] .mobile-today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;text-align:center}
html body[data-mobile-mode="app"] .mobile-today-grid span{font-size:11px;color:#7b9287;display:flex;flex-direction:column;gap:3px}
html body[data-mobile-mode="app"] .mobile-today-grid b{font-size:14px;color:#3b7663}
html body[data-mobile-mode="app"] .mobile-week-chart{height:115px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}
html body[data-mobile-mode="app"] .mobile-week-day{height:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
html body[data-mobile-mode="app"] .mobile-week-track{height:93px;width:100%;display:flex;justify-content:center;align-items:end}
html body[data-mobile-mode="app"] .mobile-week-track span{display:block;width:min(75%,32px);min-height:3px;border-radius:5px 5px 2px 2px;background:#a2cbbc}
html body[data-mobile-mode="app"] .mobile-week-day small{font-size:10px;color:#879c8d}
html body[data-mobile-mode="app"] .mobile-archive-panel>.caption{font-size:11px;text-align:center;margin-top:8px}
html body[data-mobile-mode="app"] .mobile-book-list{display:grid;gap:11px}
html body[data-mobile-mode="app"] .mobile-archive-book>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px;font-size:12px}
html body[data-mobile-mode="app"] .mobile-archive-book b{font-size:12px;color:#4c6f5e;font-weight:650}
html body[data-mobile-mode="app"] .mobile-archive-book span{white-space:nowrap;color:#8fa096}
html body[data-mobile-mode="app"] .mobile-archive-book .progress-track{height:6px}
html body[data-mobile-mode="app"] .mobile-archive-detail .focus-stat-panel{padding:15px}
html body[data-mobile-mode="app"] .mobile-archive-detail .subhead{font-size:16px}
html body[data-mobile-mode="app"] .mobile-archive-detail .focus-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body[data-mobile-mode="app"] .mobile-archive-detail .focus-data>div{padding:10px 4px}
html body[data-mobile-mode="app"] .mobile-archive-detail .focus-data b{font-size:21px}
html body[data-mobile-mode="app"] .mobile-archive-detail .focus-data span{font-size:10px}

/* 全局移动端安全区、弹窗、阿语字体不压缩标音；不对全站阿语乱套固定字号。 */
html body[data-mobile-mode="app"] #modal-root .modal{max-width:min(100%,540px)}
html body[data-mobile-mode="app"] [dir="rtl"].arabic{font-variant-ligatures:normal;word-spacing:normal}
}
@media(max-width:360px){
 html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions .icon-btn{display:none}
 html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar .focus-actions{gap:1px}
 html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar .icon-btn{width:32px;height:34px}
 html body[data-mobile-mode="app"][data-page="learn"] .course-controls select{font-size:11px!important}
}

/* 网页模式保留原布局，但首页仍须能切回 App 模式。 */
@media(max-width:780px){
 html body[data-mobile-mode="web"] .home-hero .hero-top-actions .mobile-mode-entry{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:34px;height:34px;border:1px solid #dfe7de;background:#fffefa;border-radius:12px;color:#578676;font-size:11px;padding:0 7px;cursor:pointer}
 html body[data-mobile-mode="web"] .home-hero .hero-top-actions .mobile-mode-entry svg{width:16px;height:16px}
}

@media(max-width:780px){html body[data-mobile-mode="app"][data-page="learn"] .focus-sidebar{display:none!important}}

/* 2026-10-30 手机 App 界面修订：仅覆盖 app 模式，桌面/网页版保持原状。 */
@media (max-width:780px){
/* 阿文组合符号：由 Naskh 字体 shaping 实现，严禁字间距和 anywhere 断字。 */
html body[data-mobile-mode="app"] .arabic,
html body[data-mobile-mode="app"] [lang="ar"]{
 font-family:"Noto Naskh Arabic","Amiri","Noto Sans Arabic",serif!important;
 font-variant-ligatures:normal;font-feature-settings:"mark" 1,"mkmk" 1,"liga" 1,"calt" 1;
 letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;
 text-rendering:optimizeLegibility;
}
html body[data-mobile-mode="app"] [lang="ar"][dir="rtl"]{direction:rtl;unicode-bidi:plaintext}
html body[data-mobile-mode="app"][data-page="learn"] .focus-center .main-arabic,
html body[data-mobile-mode="app"][data-page="review"] .main-arabic{
 font-size:clamp(28px,7.5vw,40px)!important;line-height:2.1!important;
 overflow-wrap:normal!important;word-break:normal!important;white-space:normal;
 max-width:100%;padding:5px 0;text-align:center!important;
}
html body[data-mobile-mode="app"][data-page="learn"] .focus-center{overflow-y:auto!important;overflow-x:hidden!important}
html body[data-mobile-mode="app"] .word-choice .btn[lang="ar"]{
 font-family:"Noto Naskh Arabic","Amiri","Noto Sans Arabic",serif!important;
 font-size:clamp(20px,5.5vw,25px)!important;line-height:1.7;white-space:nowrap;letter-spacing:0;
}

/* 真正紧凑的自定义下拉菜单（替换 Android 原生全屏 select）。 */
html body[data-mobile-mode="app"][data-page="learn"] .mobile-course-controls{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)!important;gap:8px;overflow:visible}
html body[data-mobile-mode="app"] .mobile-course-dropdown{position:relative;min-width:0}
html body[data-mobile-mode="app"] .mobile-course-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:5px;
 width:100%;height:43px;padding:0 10px;border-radius:14px;
 border:1px solid rgba(103,154,139,.26);background:rgba(194,228,216,.26);
 color:#315b4d;font-size:12px;font-weight:700;text-align:left;cursor:pointer;
}
html body[data-mobile-mode="app"] .mobile-course-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[data-mobile-mode="app"] .mobile-course-trigger>span:last-child{flex-shrink:0;color:#719b8d;font-size:17px}
html body[data-mobile-mode="app"] .mobile-course-options{
 position:absolute;z-index:250;left:0;right:0;top:calc(100% + 5px);
 max-height:min(265px,45dvh);overflow-y:auto;overscroll-behavior:contain;
 background:rgba(228,245,237,.97);backdrop-filter:blur(16px);
 border:1px solid rgba(90,149,130,.22);border-radius:14px;
 box-shadow:0 12px 26px rgba(43,84,67,.12);padding:4px;
}
html body[data-mobile-mode="app"] .mobile-course-options button{width:100%;display:block;text-align:left;padding:10px 8px;min-height:40px;font-size:12px;font-weight:550;border:0;border-bottom:1px solid rgba(91,145,125,.12);border-radius:8px;background:transparent;color:#35584d;white-space:normal}
html body[data-mobile-mode="app"] .mobile-course-options button.selected{background:rgba(109,176,150,.23);color:#286c59;font-weight:800}
html body[data-mobile-mode="app"][data-page="learn"] .course-intro{position:relative;z-index:45;overflow:visible!important}
html body[data-mobile-mode="app"][data-page="learn"] .focus-card{position:relative;z-index:1}
html body[data-mobile-mode="app"][data-page="learn"] .focus-toolbar .btn.bad{font-size:13px!important;white-space:nowrap;padding:5px 7px!important}

/* 词库总览：精简统计标题，缩小四个入口及图标。 */
html body[data-mobile-mode="app"][data-page="dictionary"] .mobile-dictionary{padding:14px!important}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-card{display:flex!important;min-width:0;min-height:73px!important;padding:10px 9px!important;border-radius:17px!important;gap:8px!important;align-items:center;justify-content:flex-start}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-ico{width:37px!important;height:37px!important;min-width:37px!important;border-radius:50%;display:grid;place-items:center;flex:none}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-ico svg{width:19px!important;height:19px!important}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-text{flex:1;min-width:0}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-text b{font-size:15px!important;white-space:nowrap;line-height:1.3!important}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-arrow{font-size:17px!important;line-height:1;color:#91a99d}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-continue{margin-top:15px;padding-top:13px}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-plan-top{display:flex;justify-content:flex-end;margin-bottom:11px}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-continue-book{font-size:15px!important;line-height:1.5;margin:0 0 12px}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-continue-count{font-size:12px;margin:6px 0 13px}
html body[data-mobile-mode="app"][data-page="dictionary"] .dict-continue>.btn:last-child{min-height:45px;width:100%;font-size:14px}
html body[data-mobile-mode="app"] .mobile-dict-list{padding:16px!important}
html body[data-mobile-mode="app"] .mobile-dict-list h2{font-size:18px;color:#315c4b;margin:0 0 10px}
html body[data-mobile-mode="app"] .mobile-book-items,.mobile-lesson-items{display:grid;gap:7px;margin-top:12px}
html body[data-mobile-mode="app"] .mobile-book-item{display:flex;align-items:center;gap:11px;padding:12px;border-radius:15px;border:1px solid #e2eae4;background:rgba(236,246,237,.6);color:#355b4b;text-align:left}
html body[data-mobile-mode="app"] .mobile-book-icon{width:36px;height:36px;border-radius:11px;background:#fffefa;display:grid;place-items:center;flex:none}
html body[data-mobile-mode="app"] .mobile-book-item>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}
html body[data-mobile-mode="app"] .mobile-book-item b{font-size:14px}
html body[data-mobile-mode="app"] .mobile-book-item small{font-size:11px;color:#809588}
html body[data-mobile-mode="app"] .mobile-book-arrow{font-size:19px;color:#8fac9b}
html body[data-mobile-mode="app"] .mobile-lesson-items{max-height:65dvh;overflow-y:auto}
html body[data-mobile-mode="app"] .mobile-lesson-items>button{width:100%;display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid #e8eee8;background:transparent;padding:12px 5px;min-height:48px;text-align:left;color:#34584a;font-size:14px}
html body[data-mobile-mode="app"] .mobile-lesson-items>button>small{margin-left:auto;font-size:12px;color:#86998b}
html body[data-mobile-mode="app"] .mobile-lesson-items>button>span:last-child{margin-left:8px;color:#9fb4a7}
html body[data-mobile-mode="app"] .mobile-dict-list .searchbox{margin:10px 0}
html body[data-mobile-mode="app"] .mobile-dict-word{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #ebeee8}
html body[data-mobile-mode="app"] .mobile-dict-word-main{border:0;background:transparent;flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:10px;text-align:left}
html body[data-mobile-mode="app"] .mobile-dict-word-main>.arabic{font-size:21px;line-height:1.9;text-align:right}
html body[data-mobile-mode="app"] .mobile-dict-word-main>span:last-child{min-width:0;display:grid;gap:4px}
html body[data-mobile-mode="app"] .mobile-dict-word-main b{font-size:13px;font-weight:600;line-height:1.4}
html body[data-mobile-mode="app"] .mobile-dict-word-main small{font-size:10px;color:#91a092}
html body[data-mobile-mode="app"] .mobile-dict-word>.star{width:34px;height:34px;flex:none}

/* 待复习是独立的纯背词模式，按钮只保留阿语。 */
html body[data-mobile-mode="app"][data-page="review"] .mobile-review-card{display:flex;flex-direction:column;min-height:min(600px,calc(100dvh - 206px));padding:18px 15px 17px!important}
html body[data-mobile-mode="app"] .mobile-review-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#5c8573;font-size:13px;font-weight:750}
html body[data-mobile-mode="app"] .mobile-review-card>.progress-track{height:5px;margin:0 0 7px}
html body[data-mobile-mode="app"] .mobile-review-word{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:12px 8px}
html body[data-mobile-mode="app"] .mobile-review-word>.main-arabic{color:#295344}
html body[data-mobile-mode="app"] .mobile-review-hint{font-size:12px;color:#a0afa4}
html body[data-mobile-mode="app"] .mobile-review-answer{text-align:center;display:grid;gap:9px;justify-items:center}
html body[data-mobile-mode="app"] .mobile-review-answer>strong{font-size:19px;color:#375c4b}
html body[data-mobile-mode="app"] .mobile-review-answer>small{font-size:12px;color:#819585}
html body[data-mobile-mode="app"] .mobile-review-aux{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
html body[data-mobile-mode="app"] .mobile-review-aux .icon-btn{border:1px solid #e4ebe4;border-radius:12px;width:42px;height:42px}
html body[data-mobile-mode="app"] .mobile-review-footer .word-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body[data-mobile-mode="app"] .mobile-review-footer .word-choice .btn{min-height:58px;padding:8px;border-radius:15px}
html body[data-mobile-mode="app"] .mobile-review-footer .continue{min-height:52px}
html body[data-mobile-mode="app"] .mobile-review-finish{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;color:#477d69}
html body[data-mobile-mode="app"] .mobile-review-finish h2{margin:0;font-size:20px}
html body[data-mobile-mode="app"] .mobile-review-finish p{margin:0 0 8px;color:#90a498;font-size:13px}

/* 首页：取消横幅，背景原女孩猫插画采用柔和遮罩置于全屏底层。 */
html body[data-mobile-mode="app"][data-page="home"] #app .main{position:relative;isolation:isolate}
html body[data-mobile-mode="app"][data-page="home"] #app .main::before{
 content:"";position:fixed;inset:70px 0 80px;z-index:-1;pointer-events:none;
 background:url('shisan-meadow/assets/meadow-girl-cat.png') no-repeat right bottom 7% / auto clamp(165px,28dvh,230px);
 opacity:.16;mask-image:radial-gradient(ellipse 60% 32% at 72% 77%,#000 23%,rgba(0,0,0,.75) 56%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 60% 32% at 72% 77%,#000 23%,rgba(0,0,0,.75) 56%,transparent 100%);
}
html body[data-mobile-mode="app"][data-page="home"] .home-hero,
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero{
 min-height:0!important;height:auto!important;padding:22px 15px 15px!important;
 background:transparent!important;background-image:none!important;border:0!important;
 box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero::after,
html body[data-mobile-mode="app"][data-page="home"] .home-hero.shisan-meadow-hero::before{display:none!important;content:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero .hero-art{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero .hero-title{font-size:clamp(24px,6.3vw,31px)!important;line-height:1.3;margin:8px 0 13px!important}
html body[data-mobile-mode="app"][data-page="home"] .home-hero .hero-actions .btn:first-child{min-height:42px!important}
html body[data-mobile-mode="app"][data-page="home"] .hero-date{top:0!important;left:15px!important}
html body[data-mobile-mode="app"][data-page="home"] .hero-top-actions{top:0!important}
html body[data-mobile-mode="app"][data-page="home"] .hero-corner{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-launch{background:transparent!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px 7px!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile,
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5){
 grid-column:span 1!important;min-height:87px!important;padding:8px 1px!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px!important;
}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-icon,
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5) .launch-icon{width:31px!important;height:30px!important;display:grid;place-items:center}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-icon svg{width:29px!important;height:29px!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-name{font-size:13px!important;color:#416b59;font-weight:750;white-space:nowrap}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile:nth-child(n+5) .launch-name{font-size:12px!important}
html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-desc{display:none!important}
html body[data-mobile-mode="app"][data-page="home"] .home-tasks{background:rgba(255,255,252,.91)!important}
}
@media(max-width:360px){
 html body[data-mobile-mode="app"][data-page="dictionary"] .dict-overview-text b{font-size:13px!important}
 html body[data-mobile-mode="app"][data-page="home"] .launch-tile .launch-name{font-size:11px!important}
}