/* v255 页面类型专项精修：不花哨，只让不同页面更像自己的任务场景。 */
body[data-v255-type="true"]{
  --v255-blue:#2563eb;
  --v255-line:#cfe2ff;
  --v255-ink:#10233f;
  --v255-muted:#526b88;
  --v255-panel:#ffffff;
  --v255-soft:#f6fbff;
  --v255-accent:#2563eb;
  --v255-accent-line:#93c5fd;
  --v255-soft-accent:#eff6ff;
  background:#f3f9ff !important;
}
body[data-v255-type="true"][data-v4-category="learning"]{--v255-accent:#2563eb;--v255-accent-line:#93c5fd;--v255-soft-accent:#eef6ff;}
body[data-v255-type="true"][data-v4-category="reading"]{--v255-accent:#0f766e;--v255-accent-line:#99f6e4;--v255-soft-accent:#effdf8;}
body[data-v255-type="true"][data-v4-category="thinking"]{--v255-accent:#7c3aed;--v255-accent-line:#c4b5fd;--v255-soft-accent:#f5f3ff;}
body[data-v255-type="true"][data-v4-category="curiosity"]{--v255-accent:#0891b2;--v255-accent-line:#67e8f9;--v255-soft-accent:#ecfeff;}
body[data-v255-type="true"][data-v4-category="history"]{--v255-accent:#b45309;--v255-accent-line:#fdba74;--v255-soft-accent:#fff7ed;}
body[data-v255-type="true"][data-v4-category="map"]{--v255-accent:#15803d;--v255-accent-line:#86efac;--v255-soft-accent:#f0fdf4;}
body[data-v255-type="true"][data-v4-category="manners"],
body[data-v255-type="true"][data-v4-category="family"]{--v255-accent:#db2777;--v255-accent-line:#f9a8d4;--v255-soft-accent:#fff1f2;}
body[data-v255-type="true"][data-v4-category="life"]{--v255-accent:#ea580c;--v255-accent-line:#fdba74;--v255-soft-accent:#fff7ed;}

/* 统一减少网页感：边界稳定，信息分组更清楚。 */
body[data-v255-type="true"] .v4-shell,
body[data-v255-type="true"] .v209-learn-shell,
body[data-v255-type="true"] .reading-pad-screen,
body[data-v255-type="true"] .science-pad-app,
body[data-v255-type="true"] .manners-pad-app,
body[data-v255-type="true"] .life-pad-app,
body[data-v255-type="true"] .knowledge-pad-app,
body[data-v255-type="true"] .explore-pad-app{
  max-width:1180px !important;
}
body[data-v255-type="true"] .v4-topbar,
body[data-v255-type="true"] .v209-quiz-topbar,
body[data-v255-type="true"] .reading-pad-topbar,
body[data-v255-type="true"] .science-pad-topbar,
body[data-v255-type="true"] .manners-pad-topbar,
body[data-v255-type="true"] .life-pad-topbar,
body[data-v255-type="true"] .knowledge-pad-topbar,
body[data-v255-type="true"] .explore-pad-topbar,
body[data-v255-type="true"] .clean-game-topbar{
  border-color:var(--v255-line) !important;
  box-shadow:0 8px 18px rgba(37,99,235,.08) !important;
}
body[data-v255-type="true"] .v4-brand-icon,
body[data-v255-type="true"] .v209-title-icon,
body[data-v255-type="true"] .reading-pad-emoji,
body[data-v255-type="true"] .science-pad-icon,
body[data-v255-type="true"] .explore-pad-icon{
  background:var(--v255-soft-accent) !important;
  border-color:var(--v255-accent-line) !important;
}

/* 一级页：保留简洁，但给每个模块一个清楚的“先做什么”结构。 */
body[data-v255-type="true"] .v239-hero-panel{
  border-left:8px solid var(--v255-accent) !important;
  background:linear-gradient(180deg,#ffffff 0%,var(--v255-soft-accent) 100%) !important;
}
body[data-v255-type="true"] .v239-hero-panel h1{
  max-width:760px;
  letter-spacing:0 !important;
}
body[data-v255-type="true"] .v239-hero-action{
  background:var(--v255-accent) !important;
  border-color:var(--v255-accent-line) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.18) !important;
}
body[data-v255-type="true"] .v239-hero-action em,
body[data-v255-type="true"] .v4-card em,
body[data-v255-type="true"] .task-action{
  background:#ffffff !important;
  color:var(--v255-accent) !important;
  border:2px solid rgba(255,255,255,.92) !important;
}
body[data-v255-type="true"] .v4-feature,
body[data-v255-type="true"] .v4-card{
  border-left:6px solid var(--v255-accent-line) !important;
}
body[data-v255-type="true"] .v4-feature:hover,
body[data-v255-type="true"] .v4-card:hover{
  background:var(--v255-soft-accent) !important;
  border-color:var(--v255-accent-line) !important;
}

/* 学习：更像闯关，不像普通列表。 */
body[data-v255-type="true"][data-v4-category="learning"] .v4-feature,
body[data-v255-type="true"][data-v4-category="learning"] .v209-choice{
  counter-increment:v255-step;
}
body[data-v255-type="true"][data-v4-category="learning"] .v4-feature strong::before{
  content:"小关";
  display:inline-flex;
  margin-right:10px;
  padding:4px 8px;
  border-radius:999px;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:.72em;
  vertical-align:middle;
}
body[data-v255-type="true"] .v209-quiz-board{
  gap:14px !important;
}
body[data-v255-type="true"] .v209-status-row{
  margin-bottom:10px !important;
}
body[data-v255-type="true"] .v209-question-card{
  border-top:6px solid var(--v255-accent) !important;
}
body[data-v255-type="true"] .v209-choice{
  justify-content:flex-start !important;
  text-align:left !important;
  padding-left:26px !important;
}

/* 阅读：像故事书，不像报表卡。 */
body[data-v255-type="true"][data-v4-category="reading"] .v239-hero-panel,
body[data-v255-type="true"] .reading-pad-card.story-card{
  border-left-color:#0f766e !important;
}
body[data-v255-type="true"] .reading-pad-story-body,
body[data-v255-type="true"] .reading-pad-story,
body[data-v255-type="true"] .reading-pad-lead{
  max-width:52ch;
  line-height:1.62 !important;
}
body[data-v255-type="true"] .reading-pad-card.story-card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fffc 100%) !important;
}
body[data-v255-type="true"] .reading-pad-choice,
body[data-v255-type="true"] .reading-pad-order-item{
  border-left:6px solid #99f6e4 !important;
}

/* 科学：问题、观察、猜答案三件事分清。 */
body[data-v255-type="true"][data-v4-category="curiosity"] .science-pad-question-title,
body[data-v255-type="true"] .explore-pad-question-title{
  text-align:left !important;
}
body[data-v255-type="true"] .science-pad-observe,
body[data-v255-type="true"] .explore-pad-observe{
  border-left:6px solid #67e8f9 !important;
  background:#ecfeff !important;
  border-radius:18px !important;
  padding:16px 18px !important;
}
body[data-v255-type="true"] .science-pad-choice,
body[data-v255-type="true"] .explore-pad-choice-grid button{
  border-left:6px solid #bae6fd !important;
}

/* 历史 / 地图：减少卡片墙感，强化“故事 / 地点”提示。 */
body[data-v255-type="true"][data-v4-category="history"] .knowledge-pad-scene,
body[data-v255-type="true"][data-v4-category="map"] .knowledge-pad-scene{
  background:linear-gradient(180deg,#ffffff 0%,var(--v255-soft-accent) 100%) !important;
}
body[data-v255-type="true"] .knowledge-pad-rule,
body[data-v255-type="true"] .manners-pad-rule,
body[data-v255-type="true"] .life-pad-rule{
  border-left:6px solid var(--v255-accent-line) !important;
  padding-left:16px !important;
}

/* 礼貌 / 生活：像情景判断，不像问卷。 */
body[data-v255-type="true"] .manners-pad-scenario,
body[data-v255-type="true"] .life-pad-scenario,
body[data-v255-type="true"] .knowledge-pad-scenario{
  font-weight:1000 !important;
  line-height:1.48 !important;
}
body[data-v255-type="true"] .manners-pad-choice,
body[data-v255-type="true"] .life-pad-choice,
body[data-v255-type="true"] .knowledge-pad-choice{
  align-items:center !important;
  text-align:left !important;
  border-left:6px solid var(--v255-accent-line) !important;
}

/* 成长册 / 徽章：像成长相册，不像仪表盘。 */
body[data-v255-type="true"] .v244-report-card,
body[data-v255-type="true"] .v4-history-panel{
  border-top:6px solid #bfdbfe !important;
  background:#ffffff !important;
}
body[data-v255-type="true"] .v244-report-head h2{
  margin-bottom:4px !important;
}
body[data-v255-type="true"] .v244-mini-list,
body[data-v255-type="true"] .v4-history-list{
  gap:10px !important;
}
body[data-v255-type="true"] .v4-stat strong{
  color:var(--v255-accent) !important;
}

/* 底部导航：更稳，不抢正文。 */
body[data-v255-type="true"] .v4-tabbar{
  max-width:820px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
body[data-v255-type="true"] .v4-tabbar a.active{
  background:var(--v255-blue) !important;
}
body[data-v255-type="true"] .v4-tabbar a:not(.active){
  color:#10233f !important;
}

/* iPad 横屏短高度：页面类型区分不能破坏一屏任务。 */
@media (orientation:landscape) and (max-height:760px){
  body[data-v255-type="true"] .v4-shell{padding-bottom:78px !important;}
  body[data-v255-type="true"] .v239-hero-panel{padding:20px !important;}
  body[data-v255-type="true"] .v4-feature{min-height:74px !important;}
  body[data-v255-type="true"] .v244-report-card{padding:18px !important;}
  body[data-v255-type="true"] .v4-tabbar{min-height:64px !important;}
}
