/* ============================================================
   手机端"类 App 体验"层(收口层,最后加载)
   约定:本文件所有规则只作用于 ≤768px 或触屏特性查询,
   桌面端(>768px)不产生任何视觉与布局影响。
   ============================================================ */

/* ---------- 阶段 1:底部标签栏 ---------- */
#jxTabbar{display:none}

@media (max-width:768px){
  #jxTabbar{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:1440;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    height:calc(54px + env(safe-area-inset-bottom,0px));
    padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px);
    background:rgba(250,253,253,.96);
    border-top:1px solid rgba(91,128,139,.2);
    box-shadow:0 -10px 28px rgba(18,61,70,.12);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .jx-tab{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-height:54px;
    min-width:44px;
    color:#52778e;background:none;border:0;
    font-size:10.5px;letter-spacing:.02em;
    -webkit-tap-highlight-color:transparent;
    user-select:none;-webkit-user-select:none;
    touch-action:manipulation;
    transition:transform .12s ease;
  }
  .jx-tab-ic{display:grid;place-items:center;height:24px}
  .jx-tab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .jx-tab-name{line-height:1}
  .jx-tab:active{transform:scale(.92)}

  /* 激活态:由 body[data-view] 驱动,与 go() 的 dataset.view 天然同步 */
  body[data-view="home"] .jx-tab[data-tab="home"],
  body[data-view="quiz"] .jx-tab[data-tab="quiz"],
  body[data-view="map-home"] .jx-tab[data-tab="map-home"],
  body[data-view="map"] .jx-tab[data-tab="map-home"],
  body[data-view="me"] .jx-tab[data-tab="me"]{color:#167f88;font-weight:700}

  /* 做题沉浸页有自己的底部操作栏;地图主页保留标签栏,其余全屏沉浸模式隐藏 */
  body.quiz-answering #jxTabbar,
  body.on-home:not([data-view="map-home"]) #jxTabbar{display:none}

  /* 普通视图主内容避让标签栏(做题页/全屏页各有自己的避让逻辑) */
  body:not(.quiz-answering):not(.on-home) #view{
    padding-bottom:calc(54px + env(safe-area-inset-bottom,0px) + 10px);
  }
  /* 地图主页:标签栏悬浮于地图之上,抬高底部浮动控件避让 */
  body[data-view="map-home"] .layer-nav-fab{
    bottom:calc(66px + env(safe-area-inset-bottom,0px));
  }
  body[data-view="map-home"] .layer-nav{
    padding-bottom:calc(54px + env(safe-area-inset-bottom,0px));
  }
  .fab{bottom:calc(66px + env(safe-area-inset-bottom,0px))}

  /* PWA 安装引导件避开标签栏(pwa.js 内联样式 bottom:60px) */
  #jx-install-btn{bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
  #jx-ios-guide{bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
}

/* 横屏矮屏:压低标签栏高度,保留图标与文字 */
@media (max-width:768px) and (max-height:480px){
  #jxTabbar{height:calc(44px + env(safe-area-inset-bottom,0px))}
  .jx-tab{min-height:44px;gap:1px}
  .jx-tab-ic{height:20px}
  .jx-tab svg{width:19px;height:19px}
  .jx-tab-name{font-size:9.5px}
}

/* ---------- 阶段 2:视图切换动画 + 触感细节 ---------- */
@media (max-width:768px){
  /* 推入式视图切换(View Transitions API,JS 侧仅在支持时启用) */
  :root[data-navdir="fwd"]::view-transition-old(root){animation:jxVtOutFwd .26s cubic-bezier(.4,0,.2,1) both}
  :root[data-navdir="fwd"]::view-transition-new(root){animation:jxVtInFwd .32s cubic-bezier(.22,1,.36,1) both}
  :root[data-navdir="back"]::view-transition-old(root){animation:jxVtOutBack .26s cubic-bezier(.4,0,.2,1) both}
  :root[data-navdir="back"]::view-transition-new(root){animation:jxVtInBack .32s cubic-bezier(.22,1,.36,1) both}

  /* 切换瞬间让入场动画立即到位,保证新视图快照不是半透明起点 */
  html.jx-vt main,html.jx-vt main *{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important}

  /* App 化滚动行为:关掉整页下拉刷新与橡皮筋(内部滚动容器自有 contain) */
  html,body{overscroll-behavior-y:none}

  /* 导航类 UI 禁选中(正文内容不受影响) */
  .sidebar,.workspace-bar,#jxTabbar,.mobile-menu-btn{user-select:none;-webkit-user-select:none}
  .sb-nav-item:active{transform:scale(.97)}
}
@keyframes jxVtInFwd{from{opacity:.5;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes jxVtOutFwd{from{opacity:1;transform:translateX(0)}to{opacity:.6;transform:translateX(-18px) scale(.985)}}
@keyframes jxVtInBack{from{opacity:.5;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes jxVtOutBack{from{opacity:1;transform:translateX(0)}to{opacity:.6;transform:translateX(18px) scale(.985)}}

/* 按需加载 bundle 时的轻量提示(仅手机端会出现该 DOM) */
#jxBundleLoading{
  position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);
  z-index:15000;
  padding:8px 16px;border-radius:99px;
  background:rgba(11,26,33,.92);color:#d9eeee;
  font:600 13px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}


/* ---------- 阶段 3:刷题页手机重排(按用户反馈修订) ----------
   对齐手机刷题软件:苹果系统字体、单行会话头、满宽选项行、圆形字母徽标;
   隐藏悬浮 logo 栏(退出入口保留在会话头);护眼豆沙绿底色,昼夜主题统一;
   收紧纵向间距,保证常规题目 4 个选项完整露出底栏之上。 */
@media (max-width:768px){
  /* 顶部悬浮 logo 栏:手机端隐藏——它悬浮叠在会话头上,且退出练习在会话头已有 */
  body[data-view="quiz"].quiz-answering .immersive-nav{display:none!important}

  /* 会话头压成单行:退出 | 标题 | 得分 */
  body[data-view="quiz"].quiz-answering .quiz-session-head{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center;
    gap:8px;
    padding:2px 2px 8px!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-session-head>button{
    grid-column:auto;
    min-height:36px;
    padding:0 10px;
    white-space:nowrap;
    text-align:center;
  }
  body[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2){min-width:0}
  body[data-view="quiz"].quiz-answering .quiz-session-head h2{
    font-size:15px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  body[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2)>span{font-size:10px;opacity:.8}
  body[data-view="quiz"].quiz-answering .practice-score{padding:5px 8px;gap:6px}/* 护眼豆沙绿底:昼夜主题统一为浅护眼色(夜间不再变深)——仅限答题态 */
  body[data-view="quiz"].quiz-answering main{
    background-image:linear-gradient(180deg,#eaf3e5 0%,#e0ebd9 100%)!important;
  }
  /* 答题态内把 --lt-* 主题变量重置为日间值:
     夜间的浅色文字变量在强制浅底下会"浅底浅字",一次性归位。 */
  body[data-view="quiz"].quiz-answering{
    --lt-bg:#edf2f1;--lt-surface:#ffffff;--lt-surface-2:#f5f8f7;--lt-surface-3:#e8efed;
    --lt-line:rgba(31,75,82,.16);--lt-line-strong:rgba(24,132,129,.42);
    --lt-text:#11272c;--lt-text-2:#52676b;--lt-text-3:#7b8d91;
    --lt-accent:#177f7d;--lt-accent-2:#126a69;--lt-amber:#a96d1c;--lt-danger:#b94e45;
  }/* learning-terminal 夜间对/错选项是浅字{
    color:#157347;background:#e2f6ea;
  }
  /* 水印:浅底上恢复可见,并稍加强 */
  body[data-view="quiz"].quiz-answering .practice-stage::before{
    color:rgba(23,94,88,.055)!important;
  }/* 题卡:白底半透明(水印隐约透出),
收紧内距 */
  body[data-view="quiz"].quiz-answering .practice-card{
    background:rgba(252,254,250,.93)!important;
    border-color:rgba(46,94,70,.14)!important;
    border-radius:14px!important;
    padding:14px 12px 12px!important;
    box-shadow:0 12px 30px rgba(38,72,58,.08)!important;
  }
  body[data-view="quiz"].quiz-answering .practice-meta{
    margin-bottom:10px!important;
    padding-bottom:8px!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-stem{
    grid-template-columns:30px minmax(0,1fr);
    gap:9px;
    margin-bottom:12px;
  }/* 题干与会话标题:系统无衬线,
深绿字(昼夜一致) */
  body[data-view="quiz"].quiz-answering .quiz-q,
body[data-view="quiz"].quiz-answering .quiz-session-head h2{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif!important;
    letter-spacing:0!important;
  }body[data-view="quiz"].quiz-answering .quiz-q{
    color:#1e3b33!important;
    font-size:17px!important;
    line-height:1.6!important;
    font-weight:600!important;
  }body[data-view="quiz"].quiz-answering .quiz-session-head h2{
    color:#1e4b46!important;
    font-weight:700!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-session-head>button{
    color:#2c6a5e!important;
  }
  /* 题号徽标:30px 正圆 */
  body[data-view="quiz"].quiz-answering .quiz-stem>i{
    border-radius:50%!important;
    display:grid;place-items:center;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif!important;
    font-size:12.5px!important;font-weight:700!important;
  }/* 选项行:单列满宽、白底深绿字、圆形字母徽标 */
  body[data-view="quiz"].quiz-answering .quiz-options .opt{
    min-height:52px!important;
    padding:12px 12px!important;
    gap:10px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#25493f!important;
    border-color:rgba(52,102,82,.2)!important;
    box-shadow:0 3px 10px rgba(38,72,58,.04)!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif!important;
    font-size:16px!important;
    line-height:1.5!important;
    transition:transform .12s ease;
  }
  body[data-view="quiz"].quiz-answering .quiz-options{gap:9px}body[data-view="quiz"].quiz-answering .quiz-options .opt .k{
    flex:0 0 30px!important;
    width:30px!important;height:30px!important;
    display:grid;place-items:center;
    border-radius:50%!important;
    color:#1c7a6d!important;
    background:#e3f0e8!important;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif!important;
    font-size:13px!important;font-weight:700!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-options .opt-copy{font-size:16px!important}
  body[data-view="quiz"].quiz-answering .quiz-options .opt-state{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif!important;
    font-size:12px!important;
  }/* 选中态(提交前)与按压反馈 */
  body[data-view="quiz"].quiz-answering .practice-stage .opt.selected{
    border-color:#1c8a72!important;
    background:#e8f5ee!important;
    box-shadow:inset 4px 0 #1c8a72!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-options .opt:active{transform:scale(.985)}
  /* 触屏去掉桌面 hover 位移,避免"粘滞高亮" */
  @media (hover:none){
    body[data-view="quiz"].quiz-answering .quiz-options .opt:hover{
      transform:none!important;
      box-shadow:0 3px 10px rgba(38,72,58,.04)!important;
    }
  }
  body[data-view="quiz"].quiz-answering .practice-progress{border-radius:99px!important}/* 解析与结果区:系统字体、护眼浅底 */
  body[data-view="quiz"].quiz-answering .quiz-exp,
body[data-view="quiz"].quiz-answering .quiz-result,
body[data-view="quiz"].quiz-answering .answer-reveal,
body[data-view="quiz"].quiz-answering .result-title{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif!important;
    color:#2b4a41!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-exp{
    font-size:14px!important;line-height:1.75!important;
    background:#f3f8f0!important;
  }
  body[data-view="quiz"].quiz-answering .answer-reveal{font-size:13px!important}/* 底部操作栏:夜间也用浅色{
    background:rgba(250,253,250,.97);
    border-color:rgba(52,102,82,.18);
  }
}

/* ---------- 阶段 6:移动端字体统一 ----------
   用户要求全站手机端使用系统默认字体(苹果栈):
   桌面端的宋体/Georgia 编辑风衬线只在大屏保留,手机端一律继承 body 系统字体。
   代码等宽场景(pre/code/kbd/samp)保留;图标全部是内联 SVG,不受影响。 */
@media (max-width:768px){
  body *:not(pre):not(code):not(kbd):not(samp){
    font-family:inherit!important;
  }
}

/* 字体统一的补丁:quiz-editorial 的衬线用了高特异性+!important,
   通配规则压不住,这里逐个对位覆盖(仅手机端)。 */
@media (max-width:768px){
  body[data-view="quiz"] .quiz-editorial-hero h1,
  body[data-view="quiz"] .qs-code,
  body[data-view="quiz"] .qs-count,
  body[data-view="quiz"] .quiz-entry-section>header.no-num b{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Segoe UI","Microsoft YaHei",sans-serif!important;
  }
}

/* ---------- 阶段 7:手机端考点地图交互 ----------
   底部两档弹层(景点详情/省题库)、省份下钻胶囊栏、图集横滑、图例避让。 */
@media (max-width:768px){
  /* ---- 底部弹层骨架:背板不拦地图手势,弹层本体接管触摸 ---- */
  .jx-m-sheet-backdrop{
    position:fixed;inset:0;z-index:1600;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 30%,rgba(8,25,32,.18));
    opacity:1;transition:opacity .22s ease;
  }
  .jx-m-sheet-backdrop.closing{opacity:0}
  .jx-m-sheet{
    position:absolute;left:0;right:0;bottom:0;
    height:46vh;
    display:flex;flex-direction:column;
    pointer-events:auto;
    background:var(--bg2,#f7fbff);
    border-radius:18px 18px 0 0;
    box-shadow:0 -14px 40px rgba(10,40,52,.22);
    transition:height .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
    overflow:hidden;
  }
  .jx-m-sheet-grip{
    position:relative;
    display:grid;place-items:center;
    height:32px;flex:0 0 auto;
    touch-action:none;
    cursor:grab;
  }
  .jx-m-sheet-grip:active{cursor:grabbing}
  .jx-m-sheet-bar{width:44px;height:5px;border-radius:99px;background:rgba(120,150,158,.65)}
  .jx-m-sheet-x{
    position:absolute;right:10px;top:50%;transform:translateY(-50%);
    width:34px;height:34px;border-radius:50%;
    border:0;background:rgba(120,150,158,.16);
    font-size:18px;line-height:1;color:inherit;
  }
  .jx-m-sheet-scroll{
    flex:1;min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  /* ---- 景点详情在弹层内的手机版式 ---- */
  .jx-m-sheet .sd-card{display:block}
  .jx-m-sheet .sd-hero{width:100%;height:29vh;min-height:170px}
  .jx-m-sheet .sd-hero img{width:100%;height:100%;object-fit:cover}
  .jx-m-sheet .sd-body{padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px))}
  .jx-m-sheet .sd-record-type{font-size:11px;opacity:.75}
  .jx-m-sheet .sd-title{font-size:21px;margin:4px 0 6px}
  .jx-m-sheet .spot-progress-status{padding:6px 10px;border-radius:10px;font-size:12px}
  .jx-m-sheet .sd-tags{gap:6px;margin:8px 0}
  .jx-m-sheet .sd-tagline{font-size:13px}
  .jx-m-sheet .sd-addr{font-size:11px}
  /* 图集:横滑缩略图行 */
  .jx-m-sheet .sd-gallery{
    display:flex;gap:8px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
  }
  .jx-m-sheet .sd-gallery img{
    flex:0 0 118px;height:84px;
    scroll-snap-align:start;
    border-radius:10px;object-fit:cover;
  }
  /* 弹窗内的做题按钮吸底 */
  .jx-m-sheet .sd-actions{
    position:sticky;bottom:0;
    display:flex;gap:8px;
    padding:10px 0 calc(8px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(transparent,var(--bg2,#f7fbff) 34%);
  }
  .jx-m-sheet .sd-actions .btn{flex:1;min-height:44px}
  /* 半屏态的做题快捷按钮 */
  .jx-m-spot-cta{
    position:absolute;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));
    min-height:46px;border:0;border-radius:13px;
    background:#167f88;color:#fff;
    font-size:16px;font-weight:700;
    box-shadow:0 8px 20px rgba(22,127,136,.32);
  }
  .jx-m-sheet-backdrop.at-full .jx-m-spot-cta{display:none}
  /* 弹层内景点练习题:与刷题页重排同风格 */
  .jx-m-sheet .spot-inline-stem{font-size:16px;line-height:1.6}
  .jx-m-sheet .spot-inline-options button{
    min-height:52px;padding:12px;border-radius:12px;
    font-size:16px;line-height:1.5;text-align:left;
  }

  /* ---- 景点知识图谱/考点档案在弹层内的手机版式(阶段10:修复超边界/显示不完整) ---- */
  /* 知识图谱入口卡:桌面 188px 高+大衬线字,手机压缩 */
  .jx-m-sheet .spot-poster-teaser{min-height:118px;margin:12px 0 10px;border-radius:14px}
  .jx-m-sheet .spot-poster-copy{min-height:118px;width:min(86%,480px);padding:14px 16px}
  .jx-m-sheet .spot-poster-copy small{font-size:8px;letter-spacing:.12em}
  .jx-m-sheet .spot-poster-copy b{margin:5px 0 4px;font-size:18px;line-height:1.3}
  .jx-m-sheet .spot-poster-copy em{font-size:10px;line-height:1.5}
  .jx-m-sheet .spot-poster-teaser>i{right:10px;bottom:9px;padding:4px 8px;font-size:9px}
  /* 考点档案:分组标题取消省略号改自然换行;头部 30px 大数字缩号;间距压缩 */
  .jx-m-sheet .spot-profile{margin:12px 0 0;padding:13px;border-radius:14px}
  .jx-m-sheet .spot-profile-head{gap:10px;padding-bottom:10px}
  .jx-m-sheet .spot-profile-head h3{font-size:15px;line-height:1.4}
  .jx-m-sheet .spot-profile-head strong{font-size:20px}
  .jx-m-sheet .spot-profile-head strong small{margin-top:3px;font-size:9px}
  .jx-m-sheet .spot-profile-summary{padding:9px 0;font-size:11px;line-height:1.6}
  .jx-m-sheet .spot-profile-groups{gap:8px}
  .jx-m-sheet .spot-profile-groups article{padding:10px 11px;border-radius:10px}
  .jx-m-sheet .spot-profile-groups header{gap:7px}
  .jx-m-sheet .spot-profile-groups header span{padding:2px 5px;font-size:9px}
  .jx-m-sheet .spot-profile-groups header b{overflow:visible;font-size:12px;line-height:1.45;text-overflow:clip;white-space:normal}
  .jx-m-sheet .spot-profile-groups header em{font-size:9px}
  .jx-m-sheet .spot-profile-groups ul{margin-top:8px;padding-left:16px;font-size:11px;line-height:1.65}
  .jx-m-sheet .spot-profile-essentials{gap:6px;margin:10px 0 12px}
  .jx-m-sheet .spot-profile-essentials li{padding:8px;grid-template-columns:24px 1fr;gap:7px}
  /* 知识图谱海报:桌面是绝对定位拼版(图上叠标题+右侧39%宽节点列,节点多时溢出被裁);
     手机改纵向文档流:主图限高+节点单列平铺,内容完整可滚动 */
  .jx-m-sheet .knowledge-poster{padding:14px}
  .jx-m-sheet .knowledge-poster>header{margin-bottom:12px}
  .jx-m-sheet .knowledge-poster>header h2{font-size:20px}
  .jx-m-sheet .knowledge-poster-stage{position:static;display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;overflow:visible;border-radius:14px}
  .jx-m-sheet .knowledge-poster-stage>img{position:static;width:100%;height:auto;max-height:44vh;object-fit:contain;object-position:center;border-radius:10px}
  .jx-m-sheet .knowledge-poster-stage.poster-is-portrait>img{object-position:center}
  .jx-m-sheet .knowledge-poster-title{position:static;padding:10px 12px;margin:0}
  .jx-m-sheet .knowledge-poster-title b{font-size:22px}
  .jx-m-sheet .knowledge-poster-stage ol{position:static;bottom:auto;width:auto;display:grid;gap:8px}
  .jx-m-sheet .knowledge-poster-stage li{grid-template-columns:26px 1fr;gap:8px;padding:9px 11px}
  .jx-m-sheet .knowledge-poster-stage li p{font-size:11px;line-height:1.55}
  .jx-m-sheet .knowledge-poster-stage li p small{display:block;margin-top:2px;font-size:9px;opacity:.75}
  .jx-m-sheet .knowledge-poster>footer{flex-direction:column;gap:3px;padding-top:10px}
  /* 长图海报:禁用桌面放大态 1728px 定宽(手机上横向超界的根源),最大撑满弹层宽 */
  .jx-m-sheet .knowledge-poster-image{padding:12px}
  .jx-m-sheet .knowledge-poster-image img{max-height:none}
  .jx-m-sheet .knowledge-poster-image.is-long.is-zoomed img{width:100%;max-width:100%}
  .jx-m-sheet .knowledge-poster-bundle{min-height:0}
  .jx-m-sheet .poster-coverage-supplement{padding:14px}
  .jx-m-sheet .poster-coverage-supplement h3{font-size:17px}
  .jx-m-sheet .poster-coverage-supplement header p{font-size:11px}
  .jx-m-sheet .poster-coverage-supplement ol{gap:8px;margin-top:12px}
  .jx-m-sheet .poster-coverage-supplement li{padding:10px;border-radius:10px;grid-template-columns:30px 1fr}
  .jx-m-sheet .poster-coverage-supplement li p{font-size:11px}

  /* ---- 省题库在弹层内的手机版式 ---- */
  .jx-m-sheet .province-practice-header{padding:4px 0 10px}
  .jx-m-sheet .province-practice-header h2{font-size:18px}
  .jx-m-sheet .province-question-card h3{font-size:16px;line-height:1.6}
  .jx-m-sheet .province-question-options button{
    min-height:52px;padding:12px 14px;border-radius:12px;
    font-size:16px;line-height:1.5;text-align:left;
  }
  .jx-m-sheet .province-question-submit{min-height:46px;border-radius:12px;font-size:16px}
  .jx-m-sheet .province-question-result{font-size:14px;line-height:1.7}
  .jx-m-sheet .province-knowledge-identity img{width:84px;height:84px;border-radius:12px}
  .jx-m-sheet .province-essentials{font-size:14px;line-height:1.75}

  /* ---- 省份下钻胶囊栏 ---- */
  .jx-map-chip{
    position:fixed;
    top:calc(env(safe-area-inset-top,0px) + 70px);
    left:12px;right:12px;
    z-index:1500;
    display:flex;align-items:center;gap:8px;
    padding:8px 8px 8px 14px;
    border-radius:99px;
    background:rgba(11,26,33,.9);
    color:#d9eeee;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:0 10px 26px rgba(0,0,0,.28);
    font-size:13px;
  }
  .jx-map-chip b{font-size:15px;white-space:nowrap}
  .jx-map-chip-meta{flex:1;min-width:0;color:#9fc3c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jx-map-chip-quiz{
    flex:0 0 auto;height:34px;padding:0 14px;border:0;border-radius:99px;
    background:#1fa39b;color:#fff;font-size:13px;font-weight:700;
  }
  .jx-map-chip-x{
    flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;
    background:rgba(255,255,255,.14);color:#d9eeee;font-size:17px;line-height:1;
  }

  /* ---- 地图图例避开底部标签栏 ---- */
  body[data-view="map-home"] .home-legend,
  body[data-view="map"] .home-legend{
    bottom:calc(66px + env(safe-area-inset-bottom,0px));
    max-width:calc(100% - 24px);
    font-size:11px;
  }
}

/* ---------- 阶段 8:手机端 App 首页 + 汉堡宫格菜单 ---------- */
@media (max-width:768px){
  /* ---- App 式首页(任务优先修订版) ---- */
  .mhome{padding:8px 12px calc(20px + env(safe-area-inset-bottom,0px))}
  .mhome-top{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;border-radius:14px;
    background:linear-gradient(120deg,#0d596c,#1c8a92);
    color:#eafcfb;
  }
  .mhome-top b{font-size:16px;letter-spacing:.05em}
  .mhome-count-pill{
    display:flex;align-items:baseline;gap:3px;
    padding:5px 12px;border-radius:99px;
    background:rgba(255,255,255,.16);font-size:12px;
  }
  .mhome-count-pill b{font-size:18px}
  #mhomeDateInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
  .mhome-progress{
    display:flex;align-items:center;gap:10px;
    margin:10px 2px;padding:10px 12px;border-radius:12px;
    background:var(--card,#fff);color:inherit;font-size:12px;
  }
  .mhome-progress-top{flex:0 0 auto;display:grid;gap:1px}
  .mhome-progress-top b{font-size:14px}
  .mhome-progress-bar{flex:1;height:6px;border-radius:99px;background:rgba(120,150,158,.2);overflow:hidden}
  .mhome-progress-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1c8a92,#63c9b4);transition:width .4s ease}
  /* 今日任务卡 */
  .mhome-tasks{display:grid;gap:8px;margin:4px 0 6px}
  .mhome-task{
    display:flex;align-items:center;gap:12px;
    padding:13px 14px;border-radius:13px;border:1px solid rgba(13,89,108,.1);
    background:var(--card,#fff);color:inherit;text-align:left;
  }
  .mhome-task:active{opacity:.7}
  .mhome-task-ic{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:18px}
  .mhome-task-ic.hot{background:rgba(230,120,90,.14)}
  .mhome-task-ic.go{background:rgba(28,138,146,.12)}
  .mhome-task-ic.review{background:rgba(240,185,92,.16)}
  .mhome-task-body{flex:1;min-width:0;display:grid;gap:2px}
  .mhome-task-body b{font-size:15px}
  .mhome-task-body span{font-size:11.5px;opacity:.66}
  .mhome-task-go{flex:0 0 auto;padding:8px 14px;border:0;border-radius:99px;background:#167f88;color:#fff;font-size:13px;font-weight:700}
  .mhome-task[data-empty]{opacity:.55}
  .mhome-task[data-empty] .mhome-task-go{background:rgba(120,150,158,.3)}
  /* 快速入口:只放标签栏之外的功能 */
  .mhome-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
    margin:8px 0 4px;padding:8px 4px;
    background:var(--card,#fff);border-radius:16px;
  }
  .mhome-cell{display:grid;justify-items:center;gap:6px;min-height:72px;padding:9px 4px;background:none;border:0;color:inherit}
  .mhome-cell-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(13,89,108,.08);color:#0d596c;font-size:19px}
  .mhome-cell-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mhome-cell-name{font-size:11.5px}
  .mhome-cell:active{opacity:.6}
  .mhome-sec h3{font-size:15px;margin:16px 2px 10px}
  .mhome-subjects{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .mhome-sub{flex:0 0 78%;max-width:300px;scroll-snap-align:start;display:grid;gap:6px;justify-items:start;padding:14px;border-radius:14px;border:1px solid rgba(13,89,108,.14);background:var(--card,#fff);color:inherit;text-align:left}
  .mhome-sub b{font-size:15px}
  .mhome-sub span{font-size:12px;opacity:.72;line-height:1.5}
  .mhome-sub em{font-style:normal;font-size:12px;color:#167f88;font-weight:700}
  .mhome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .mhome-stats>div{display:grid;justify-items:center;gap:2px;padding:12px 6px;border-radius:12px;background:var(--card,#fff)}
  .mhome-stats b{font-size:17px}
  .mhome-stats span{font-size:11px;opacity:.66}
  .mhome-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
  .mhome-links a{padding:8px 13px;border-radius:99px;font-size:12px;background:rgba(13,89,108,.07);color:#116e80;text-decoration:none}
  .mhome-foot{text-align:center;font-size:10px;opacity:.5;letter-spacing:.08em}

  /* ---- 汉堡宫格菜单 ---- */
  .mmenu{padding:6px 16px calc(18px + env(safe-area-inset-bottom,0px))}
  .mmenu-head{font-size:16px;font-weight:800;margin:4px 0 12px}
  .mmenu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
  .mmenu-cell{
    position:relative;
    display:grid;justify-items:center;gap:7px;
    min-height:80px;padding:12px 4px;
    background:none;border:0;color:inherit;
  }
  .mmenu-cell-ic{
    display:grid;place-items:center;width:46px;height:46px;border-radius:15px;
    background:rgba(13,89,108,.08);color:#0d596c;
  }
  .mmenu-cell-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mmenu-cell-name{font-size:11.5px}
  .mmenu-cell:active{opacity:.6}
  .mmenu-badge{
    position:absolute;top:6px;right:50%;margin-right:-34px;
    padding:2px 6px;border-radius:99px;
    background:#f0b95c;color:#5d4310;
    font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;
  }
  .mmenu-row{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:14px 0 12px;
  }
  .mmenu-login{
    height:40px;padding:0 18px;border:0;border-radius:99px;
    background:#167f88;color:#fff;font-size:13px;font-weight:700;
  }
  .mmenu-contact{
    display:flex;align-items:center;justify-content:center;gap:14px;
    padding-top:12px;border-top:1px solid rgba(120,150,158,.18);
    font-size:12px;
  }
  .mmenu-qr{
    height:36px;padding:0 14px;border:1px solid rgba(120,150,158,.3);border-radius:99px;
    background:none;color:inherit;font-size:12px;
  }
  .mmenu-contact a{color:#167f88;text-decoration:none}
}

/* ---------- 深度审计修订(全站排查轮) ---------- */
@media (max-width:768px){
  /* 课程学习首屏:压缩 hero,让四科入口当屏可见 */
  body[data-view="learn"] .learn-masthead{padding:10px 0 16px}
  body[data-view="learn"] .learn-masthead h1{font-size:26px;margin:6px 0 8px}
  body[data-view="learn"] .learn-masthead p{font-size:13px;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-view="learn"] .vision-hero{padding:16px 16px 18px!important}
  body[data-view="learn"] .vision-hero h1{font-size:24px!important}
  body[data-view="learn"] .vision-hero p{font-size:13px!important;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* 地图全国态引导(配合 mobile-map.js 的 #jxMapHint) */
  #jxMapHint{
    position:fixed;
    top:calc(env(safe-area-inset-top,0px) + 70px);
    left:50%;transform:translateX(-50%);
    z-index:1490;
    display:flex;align-items:center;gap:6px;
    padding:8px 16px;border-radius:99px;
    background:rgba(11,26,33,.88);color:#d9eeee;
    font-size:12.5px;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    box-shadow:0 8px 22px rgba(0,0,0,.25);
    transition:opacity .3s ease;
  }
  #jxMapHint.hide{opacity:0;pointer-events:none}
}

/* ---------- 触摸实测修订:答题态滚动解锁 + 标签栏保留 ---------- */
@media (max-width:768px){
  /* 修复:design-system 给答题态 body 设 overflow-x:hidden 会让视口滚动锁死
     (与 html/body 的 clip 组合后触摸无法滚动页面),换成 clip 即恢复。 */
  body[data-view="quiz"].quiz-answering{overflow-x:clip}

  /* 做题时保留底部标签栏:题目操作栏上移并压薄,两栏共存 */
  body.quiz-answering #jxTabbar{display:grid!important}
  body[data-view="quiz"].quiz-answering{
    --quiz-actionbar-height:62px;
    padding-bottom:calc(62px + 54px + env(safe-area-inset-bottom,0px)*2 + 8px)!important;
  }
  body[data-view="quiz"].quiz-answering .quiz-mobile-actionbar{
    bottom:calc(54px + env(safe-area-inset-bottom,0px));
    min-height:62px;
    padding:6px 10px;
    grid-template-columns:40px 54px minmax(0,1fr);
    z-index:1460;
  }
  body[data-view="quiz"].quiz-answering .quiz-mobile-prev{width:40px;height:40px;font-size:20px}
  body[data-view="quiz"].quiz-answering .quiz-mobile-progress b{font-size:15px}
  body[data-view="quiz"].quiz-answering .quiz-mobile-actions button{min-height:40px;padding:0 12px}
}
@media (max-width:768px) and (max-height:480px){
  body[data-view="quiz"].quiz-answering .quiz-mobile-actionbar{
    bottom:calc(44px + env(safe-area-inset-bottom,0px));
  }
}

/* PM 走查修订:首页完成感 + 新用户引导 */
@media (max-width:768px){
  .mhome-progress-top{display:flex;gap:10px}
  .mhome-welcome{
    display:block;margin:10px 2px 2px;padding:11px 14px;
    border-radius:12px;text-decoration:none;
    background:linear-gradient(90deg,rgba(240,185,92,.16),rgba(240,185,92,.05));
    border:1px dashed rgba(240,185,92,.5);
    color:#8a6116;font-size:13px;font-weight:600;
  }
}

/* PROTOTYPE — 手机首页变体评估样式(采纳后删除) */
@media (max-width:768px){
  #mhomeProtoBar{
    position:fixed;left:50%;transform:translateX(-50%);
    bottom:calc(70px + env(safe-area-inset-bottom,0px));
    z-index:2000;
    display:flex;align-items:center;gap:10px;
    padding:7px 12px;border-radius:99px;
    background:#1a1a1a;color:#ffd75e;
    font-size:12px;font-weight:700;
    box-shadow:0 6px 20px rgba(0,0,0,.4);
  }
  #mhomeProtoBar button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,215,94,.16);color:#ffd75e;font-size:12px}
  /* 变体 B:进度仪表盘 */
  .mhome-b{padding:12px 14px}
  .mb-head{display:flex;align-items:center;gap:18px;padding:16px;border-radius:16px;background:linear-gradient(130deg,#0d596c,#1c8a92);color:#fff}
  .mb-ring{width:104px;height:104px;flex:0 0 auto}
  .mb-head-side{display:grid;gap:5px;font-size:12px}
  .mb-head-side b{font-size:19px}
  .mb-head-side span{opacity:.85}
  .mb-subjects h3{font-size:14px;margin:16px 2px 8px}
  .mb-sub{display:grid;grid-template-columns:38px 1fr 52px;align-items:center;gap:10px;width:100%;padding:12px 12px;margin-bottom:8px;border-radius:12px;border:1px solid rgba(13,89,108,.12);background:var(--card,#fff);color:inherit;text-align:left}
  .mb-sub b{font-size:13px}
  .mb-sub-bar{height:7px;border-radius:99px;background:rgba(120,150,158,.18);overflow:hidden}
  .mb-sub-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1c8a92,#63c9b4)}
  .mb-sub em{font-style:normal;font-size:11px;opacity:.6;text-align:right}
  .mb-review{width:100%;min-height:50px;border:0;border-radius:13px;background:#167f88;color:#fff;font-size:15px;font-weight:800;margin-top:6px}
  .mb-review.is-empty{background:rgba(120,150,158,.25)}
  /* 变体 C:极简三键 */
  .mhome-c{padding:26px 16px;display:flex;flex-direction:column;min-height:calc(100dvh - 140px)}
  .mc-top{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 26px}
  .mc-top b{font-size:20px}
  .mc-top span{font-size:12px;opacity:.6}
  .mc-actions{display:grid;gap:12px;flex:1}
  .mc-btn{display:flex;align-items:center;gap:16px;padding:22px 18px;border-radius:18px;border:1px solid rgba(13,89,108,.1);background:var(--card,#fff);color:inherit;text-align:left;min-height:78px}
  .mc-btn i{font-style:normal;font-size:26px}
  .mc-btn b{display:block;font-size:19px;margin-bottom:4px}
  .mc-btn span{font-size:12px;opacity:.6}
  .mc-hot{background:linear-gradient(120deg,#0d596c,#1c8a92);color:#fff;border:0}
  .mc-hot span{opacity:.85}
  .mc-foot{text-align:center;font-size:11px;opacity:.5;margin-top:14px}
}

/* ---------- 用户反馈第七轮:顶栏移除/五页签/笔试首页压缩/看图压缩 ---------- */
@media (max-width:768px){
  /* 顶部栏整体移除(登录在"我的"与菜单、主题在菜单、标题由各页自带头部承担) */
  .workspace-bar{display:none!important}
  body[data-view="home"] main{padding-top:0!important}
  #view{padding-top:calc(env(safe-area-inset-top,0px) + 6px)}
  /* 汉堡改为浮于内容左上 */
  .mobile-menu-btn{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:10px;z-index:200}

  /* 底部导航第 5 个"功能"页签 */
  #jxTabbar{grid-template-columns:repeat(5,1fr)}
  .jx-tab-menu svg{fill:currentColor;stroke:none}

  /* 首页:各省大纲目录 */
  .mhome-prov-dir{margin:14px 2px 0;border-top:1px solid rgba(120,150,158,.16);padding:10px 0 2px}
  .mhome-prov-dir summary{font-size:13px;font-weight:700;color:#116e80;cursor:pointer;padding:4px 0}
  .mhome-prov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
  .mhome-prov-grid a{padding:8px 4px;border-radius:8px;background:rgba(13,89,108,.06);color:inherit;font-size:11.5px;text-align:center;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mhome-prov-grid a.ref{opacity:.55}

  /* 我的页:登录卡 */
  .me-login-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;padding:14px 16px;margin:0 0 12px;border:0;border-radius:14px;background:#167f88;color:#fff;text-align:left}
  .me-login-card b{font-size:16px}
  .me-login-card span{font-size:11.5px;opacity:.85}

  /* 笔试首页压缩:hero 变小,科目大卡变紧凑行,当屏放下四科+专项 */
  body[data-view="quiz"] .quiz-editorial-hero{min-height:0!important;padding:16px 14px 14px!important;border-radius:16px 16px 34px 16px!important}
  body[data-view="quiz"] .quiz-editorial-hero h1{font-size:22px!important;line-height:1.2!important}
  body[data-view="quiz"] .quiz-editorial-hero p{font-size:12px!important;margin-top:6px!important}
  body[data-view="quiz"] .quiz-hero-seal{display:none}
  body[data-view="quiz"] .quiz-page:not(.is-answering){padding:calc(env(safe-area-inset-top,0px) + 10px) 11px 40px!important}
  body[data-view="quiz"] .quiz-stats{gap:10px!important;padding:10px 12px!important}
  body[data-view="quiz"] .quiz-stats>div b{font-size:16px!important}
  body[data-view="quiz"] .quiz-entry-section{margin-top:12px!important}
  body[data-view="quiz"] .quiz-entry-section>header b{font-size:15px!important}
  body[data-view="quiz"] .quiz-entry-section>header{margin-bottom:8px!important}
  .qs-item{min-height:0!important;padding:10px 11px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;margin-bottom:7px!important}
  .qs-code{width:42px!important;height:42px!important;border-radius:11px!important;font-size:12.5px!important}
  .qs-info b{font-size:14px!important}
  .qs-sub{display:none!important}
  .qs-progress{font-size:10px!important;margin-top:3px!important}
  .qs-count{font-size:14px!important}
  .quiz-specialty-entries{gap:7px!important}
  .quiz-specialty-entries>button,
  .quiz-review-entry,
  .quiz-custom-start,
  .visual-specialty-entry{min-height:0!important;padding:10px 12px!important}
  .quiz-specialty-entries>button em{font-size:10.5px!important}

  /* 看图懂考点:压掉题目区上方的大空间(图限高、标题紧凑、边距收窄) */
  body[data-view="quiz"] .quiz-context-bar{padding:7px 9px!important;margin:0 0 8px!important;gap:6px!important}
  body[data-view="quiz"] .quiz-context-bar b{font-size:13px!important}
  body[data-view="quiz"] .quiz-context-bar em{font-size:9.5px!important}
  .visual-practice-top{margin-bottom:8px!important}
  .visual-practice-top h2{font-size:17px!important;margin:0 0 4px!important}
  .visual-question{gap:0!important}
  .visual-question-media{max-height:32vh;overflow:hidden}
  .visual-question-media img{height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important}
  .visual-question-copy{padding:11px 11px 9px!important}
  .visual-question-copy h3{margin:8px 0 10px!important;font-size:16px!important}
  .visual-q-meta span{font-size:9px!important}
  .visual-memory-badge,.visual-media-stamp{font-size:8.5px!important;padding:3px 7px!important}
}

/* 弹层全屏档不遮底部标签栏;关闭走手势(内容下拉/背景点击/把手拖动),不再用"×"(电脑逻辑) */
@media (max-width:768px){
  .jx-m-sheet{
    max-height:calc(100dvh - 118px);
    bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;
  }
  .jx-m-sheet-grip{z-index:6}
  .jx-m-sheet-x{display:none}
}

/* 类似情况排查收尾:课程学习 hero 再压一档,四科入口完整露出首屏 */
@media (max-width:768px){
  body[data-view="learn"] .vision-hero{padding:10px 14px 12px!important;margin:0!important}
  body[data-view="learn"] .vision-hero h1{font-size:20px!important;margin:4px 0 6px!important}
  body[data-view="learn"] .vision-hero .vision-eyebrow{font-size:9px!important;margin-bottom:2px!important}
  body[data-view="learn"] .learn-home-vision{gap:10px!important}
  body[data-view="learn"] .vision-hero .vision-hero-copy{padding:0!important}
  body[data-view="learn"] .learn-masthead{padding:4px 0 8px!important}
}

/* 课程学习页"类似情况"修复:hero 去 560px 最小高(顺带省 2.4MB 背景图)、
   地图宣传块手机隐藏(地图已在底部标签栏)、工具区两列化 */
@media (max-width:768px){
  body[data-view="learn"] .vision-hero{
    min-height:0!important;
    display:block!important;
    padding:12px 14px 14px!important;
    background-image:none!important;
  }
  body[data-view="learn"] .vision-hero::before{display:none!important}
  body[data-view="learn"] .vision-map-feature{display:none!important}
  body[data-view="learn"] .vision-tools{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding-top:18px!important;
  }
  body[data-view="learn"] .vision-tools>button{min-height:0!important;padding:12px!important}
  body[data-view="learn"] .vision-tools>button p{display:none!important}
  body[data-view="learn"] .vision-tools>button div b{font-size:13px!important}
  body[data-view="learn"] .vision-start{padding-top:18px!important}
}

/* 课程学习 hero 最终压缩:文案内距/路径条/证明行 */
@media (max-width:768px){
  body[data-view="learn"] .vision-hero-copy{padding:12px 14px 14px!important}
  body[data-view="learn"] .vision-hero-path{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:10px!important;padding:8px!important;
  }
  body[data-view="learn"] .vision-hero-path>div{min-height:44px!important}
  body[data-view="learn"] .vision-hero-path>div:not(:last-child){border-right:0!important}
  body[data-view="learn"] .vision-proof{margin-top:10px!important;gap:8px 14px!important}
  body[data-view="learn"] .vision-actions{margin-top:10px!important}
}

/* 课程学习 hero 收尾:路径条与证明行与下方功能重复,手机隐藏 */
@media (max-width:768px){
  body[data-view="learn"] .vision-hero-path{display:none!important}
  body[data-view="learn"] .vision-proof{display:none!important}
}

/* ===== 阶段 9 · 手机端可读性下限(体验测试修复) =====
   我的页学习终端面板在桌面是密排数据屏,8px/9px 在手机上不可读;
   解析行距、弹层抓手对比度、夜间次要文字一并在手机端抬到可读下限。桌面不受影响。 */
@media (max-width:768px){
  /* 我的页:信息文字 ≥10.5px,装饰性英文 kicker ≥9px */
  body[data-view="me"] .rank-copy>span{font-size:10.5px;letter-spacing:.12em}
  body[data-view="me"] .rank-copy p{font-size:11px;line-height:1.6}
  body[data-view="me"] .rank-copy small{font-size:10.5px;line-height:1.5}
  body[data-view="me"] .rank-kpis span{font-size:10.5px;letter-spacing:.04em}
  body[data-view="me"] .rank-kpis small{font-size:10px}
  body[data-view="me"] .progress-ring span{font-size:10px}
  body[data-view="me"] .management-panel>header span{font-size:9px;letter-spacing:.14em}
  body[data-view="me"] .management-panel>header small{font-size:10px}
  body[data-view="me"] .subject-progress-list b{font-size:11px}
  body[data-view="me"] .subject-progress-list span{font-size:10px;line-height:1.45}
  body[data-view="me"] .ai-diagnosis-body span,
  body[data-view="me"] .ai-diagnosis-body p{font-size:10px;line-height:1.55}
  body[data-view="me"] .diagnosis-evidence{font-size:10px}
  body[data-view="me"] .debt-list span,
  body[data-view="me"] .debt-list b,
  body[data-view="me"] .debt-list small{font-size:10px}
  body[data-view="me"] .activity-panel>p{font-size:10px}
  body[data-view="me"] .rank-ladder b{font-size:9px}
  body[data-view="me"] .rank-ladder span{font-size:8.5px}

  /* 解析区块:行距与段落呼吸感(视觉走查反馈"排版紧凑") */
  body[data-view="quiz"].quiz-answering .quiz-exp{line-height:1.78}
  body[data-view="quiz"].quiz-answering .quiz-exp>div{margin-bottom:6px}
  body[data-view="quiz"].quiz-answering .quiz-exp>div:last-child{margin-bottom:0}
  body[data-view="quiz"].quiz-answering .quiz-exp b{font-weight:700}
}

/* 登录卡桌面兜底:样式原本只在 ≤768px 定义,游客也会看到这张卡,桌面给它最小可用样式 */
@media (min-width:769px){
  .me-login-card{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start;padding:14px 18px;margin:0 0 14px;border:0;border-radius:10px;background:#167f88;color:#fff;text-align:left;cursor:pointer}
  .me-login-card b{font-size:15px}
  .me-login-card span{font-size:12px;opacity:.85}
  .me-login-card:hover{background:#116e80}
}

/* ===== 阶段 12 · 答题情境卡手机端重排(用户反馈 2026-08-17) =====
   ① 情境卡(地方坐标/园林手法/宗教辨识等)移到选项下方,题干+选项一眼可见(渲染顺序由 app.js 控制)
   ② 答完后收起,解析直接顶上来(.is-answered 由判分时打上)
   ③ 深底白字改为浅色卡:答题页手机端是护眼豆沙绿底,深色块突兀且白字发虚 */
@media (max-width:768px){
  html[data-theme] body[data-view="quiz"].quiz-answering .question-context{
    background-image:none!important;   /* 清掉 learning-terminal 深色渐变与日间主题渐变 */
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(13,89,108,.14)!important;
    color:#33413b!important;
  }
  body[data-view="quiz"].quiz-answering .question-context>span{color:#0d596c}
  body[data-view="quiz"].quiz-answering .question-context b{color:#22332d}
  body[data-view="quiz"].quiz-answering .question-context small{color:#5a6b64}
  body[data-view="quiz"].quiz-answering .question-context p{color:#4c5c55}
  body[data-view="quiz"].quiz-answering .region-context button{
    border:1px solid #167f88;background:#167f88;color:#fff;border-radius:99px;padding:8px 13px;
  }
  body[data-view="quiz"].quiz-answering .garden-methods i,
  body[data-view="quiz"].quiz-answering .faith-cards i{
    background:rgba(13,89,108,.06);color:#3d4c46;border:1px solid rgba(13,89,108,.1);
  }
  body[data-view="quiz"].quiz-answering .garden-methods i.on,
  body[data-view="quiz"].quiz-answering .faith-cards i.on{
    background:rgba(230,82,63,.12);color:#8c3125;border-color:rgba(230,82,63,.4);
  }
  body[data-view="quiz"].quiz-answering .garden-methods b{color:#22332d}
  body[data-view="quiz"].quiz-answering .mini-timeline b{color:#5a6b64}
  body[data-view="quiz"].quiz-answering .mini-timeline i.on b{color:#8c3125}
  body[data-view="quiz"].quiz-answering .context-chips i{color:#3d4c46}
  body[data-view="quiz"].quiz-answering .person-relation-tags i{color:#3d4c46}
  /* 照片上的文字(党史长卷/建筑图)不在此列——白字压深色照片仍最可读 */
}