/* current app shell base */
:root{
  --app-bg:#eef5ff;
  --app-surface:#ffffff;
  --app-surface-soft:#f7faff;
  --app-ink:#102a4b;
  --app-muted:#667c96;
  --app-line:#d8e4f2;
  --app-accent:#2563eb;
  --app-accent-2:#5a8cff;
  --app-soft:#eaf1ff;
  --app-shadow:0 18px 52px rgba(25,61,99,.12);
  --app-shadow-soft:0 10px 30px rgba(25,61,99,.08);
  --app-radius:26px;
  --app-small-radius:18px;
  --app-content:1500px;
}body.app-shell{
  --app-bg:#eef5ff;--app-accent:#2563eb;--app-accent-2:#5a8cff;--app-soft:#eaf1ff;--app-line:#d8e4f2;
  margin:0!important;min-height:100%;overflow-x:hidden;color:var(--app-ink)!important;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--app-accent) 10%,transparent) 0 180px,transparent 460px),
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--app-accent-2) 9%,transparent) 0 200px,transparent 500px),
    var(--app-bg)!important;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif!important;
  -webkit-tap-highlight-color:transparent;
}body.app-shell :where(a,button){-webkit-tap-highlight-color:transparent}body.app-shell a{text-decoration:none;color:inherit}body.app-shell :where(button,input,select,textarea){font:inherit}body.app-shell .hub-mini-links{grid-column:1/3!important;margin-top:10px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}body.app-shell .hub-mini-links a{padding:6px 9px!important;border-radius:10px!important;background:var(--app-soft)!important;color:var(--app-accent)!important;font-size:11px!important;font-weight:850!important}
@media(prefers-reduced-motion:reduce){body.app-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;width:100%;max-width:100%;}body{min-width:0;}
:root{
  --ui-bg:#eef4fb;
  --ui-bg-soft:#f7faff;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f6f9fd;
  --ui-ink:#102a4c;
  --ui-muted:#62758e;
  --ui-line:#d8e4f1;
  --ui-line-strong:#bfd2e7;
  --ui-primary:#2563eb;
  --ui-primary-dark:#1749ad;
  --ui-primary-soft:#e9f1ff;
  --ui-success:#0f9b72;
  --ui-success-soft:#e5f8f1;
  --ui-warning:#d97706;
  --ui-warning-soft:#fff4df;
  --ui-danger:#d23f52;
  --ui-danger-soft:#fff0f2;
  --ui-radius-sm:12px;
  --ui-radius-md:16px;
  --ui-radius-lg:22px;
  --ui-radius-xl:28px;
  --ui-shadow-sm:0 8px 22px rgba(28,65,110,.07);
  --ui-shadow-md:0 16px 38px rgba(28,65,110,.11);
  --ui-shadow-lg:0 24px 58px rgba(25,62,108,.16);
  --ui-shell:1180px;
  --ui-parent-shell:1360px;
  --ui-nav-height:72px;
  --ui-safe-bottom:calc(var(--ui-nav-height) + 28px + env(safe-area-inset-bottom));
  --ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}html{font-family:var(--ui-font);color:var(--ui-ink);background:var(--ui-bg);text-size-adjust:100%;-webkit-text-size-adjust:100%;}body[data-ui-theme="learning"]{--ui-accent:#2563eb;--ui-accent-dark:#1749ad;--ui-accent-soft:#e9f1ff;}body[data-ui-theme="reading"]{--ui-accent:#16856b;--ui-accent-dark:#0d654f;--ui-accent-soft:#e6f7f1;}body[data-ui-theme="thinking"]{--ui-accent:#6557d9;--ui-accent-dark:#493db0;--ui-accent-soft:#eeebff;}body[data-ui-theme="science"]{--ui-accent:#078b80;--ui-accent-dark:#06675f;--ui-accent-soft:#e2f7f4;}body[data-ui-theme="history"]{--ui-accent:#ae621d;--ui-accent-dark:#824511;--ui-accent-soft:#fff0dc;}body[data-ui-theme="map"]{--ui-accent:#2372bd;--ui-accent-dark:#17528e;--ui-accent-soft:#e5f1ff;}body[data-ui-theme="manners"]{--ui-accent:#c96a11;--ui-accent-dark:#944a08;--ui-accent-soft:#fff0de;}body[data-ui-theme="life"]{--ui-accent:#19845d;--ui-accent-dark:#0f6545;--ui-accent-soft:#e6f6ef;}body[data-ui-theme="growth"],body[data-ui-theme="badges"]{--ui-accent:#0b8c70;--ui-accent-dark:#08644f;--ui-accent-soft:#e4f7f1;}body[data-ui-theme="parent"]{--ui-accent:#2d65d4;--ui-accent-dark:#194da9;--ui-accent-soft:#eaf1ff;}body[data-ui-family="knowledge-hub"] .knowledge-app,body[data-ui-family="real-life-hub"] .life-app,body[data-ui-family="badges"] .growth-shell,body[data-ui-family="growth"] .growth-shell{width:min(var(--ui-shell),calc(100vw - 32px));margin-inline:auto;}body[data-ui-family="hub"],body[data-ui-family="knowledge-hub"],body[data-ui-family="real-life-hub"],body[data-ui-family="badges"],body[data-ui-family="growth"]{padding-bottom:var(--ui-safe-bottom)!important;}body[data-ui-family="hub"]{background:linear-gradient(180deg,#edf4fc 0%,#f8fbff 64%,#eef7f3 100%)!important;}body[data-ui-family="hub"] .home-section{padding-bottom:8px;}body[data-ui-family="knowledge-hub"],body[data-ui-family="real-life-hub"]{background:linear-gradient(180deg,#edf4fb 0%,#f8fbff 100%)!important;}body[data-ui-family="knowledge-hub"] .knowledge-app,body[data-ui-family="real-life-hub"] .life-app{padding-top:14px;}body[data-ui-family="knowledge-hub"] .knowledge-top,body[data-ui-family="real-life-hub"] .life-top{padding:9px 14px;}body[data-ui-family="knowledge-hub"] .knowledge-hero,body[data-ui-family="real-life-hub"] .life-hero{margin-top:14px;gap:16px;}body[data-ui-family="knowledge-hub"] :is(.knowledge-hero-main,.knowledge-hero-side,.knowledge-section),body[data-ui-family="real-life-hub"] :is(.life-hero-main,.life-hero-side,.life-section){border-color:var(--ui-line);box-shadow:var(--ui-shadow-md);}body[data-ui-family="knowledge-hub"] .knowledge-hero-main,body[data-ui-family="real-life-hub"] .life-hero-main{border-radius:28px;background:linear-gradient(140deg,#fff 0%,var(--ui-accent-soft) 100%);}body[data-ui-family="knowledge-hub"] .knowledge-main-action,body[data-ui-family="real-life-hub"] .life-main-action{background:var(--ui-accent)!important;border-radius:16px;}body[data-ui-family="knowledge-hub"] .knowledge-route,body[data-ui-family="real-life-hub"] .life-route{border:1px solid var(--ui-line);border-radius:18px;background:#fff;box-shadow:none;}body[data-ui-family="knowledge-hub"] .knowledge-route.is-featured,body[data-ui-family="real-life-hub"] .life-route.is-featured{border-color:color-mix(in srgb,var(--ui-accent) 42%,white);background:var(--ui-accent-soft);}body[data-ui-family="learning-task"],body[data-ui-family="knowledge-task"],body[data-ui-family="real-life-task"],body[data-ui-family="creation"]{
  background:linear-gradient(155deg,#edf4fb 0%,#f9fbfe 62%,#eef8f4 100%)!important;
}body[data-ui-family="learning-task"] .learning-task-shell,body[data-ui-family="knowledge-task"] .knowledge-task-shell,body[data-ui-family="real-life-task"] .life-task-shell{width:min(1180px,calc(100vw - 24px));}body[data-ui-family="learning-task"] :is(.learning-question-card,.learning-answer-card),body[data-ui-family="knowledge-task"] :is(.knowledge-visual,.knowledge-question-panel),body[data-ui-family="real-life-task"] :is(.life-scene,.life-question-panel){border-color:var(--ui-line);border-radius:20px;background:linear-gradient(145deg,#fff,var(--ui-surface-soft));}body[data-ui-family="learning-task"] .learning-question-card h2,body[data-ui-family="knowledge-task"] .knowledge-question-panel h2,body[data-ui-family="real-life-task"] .life-question-panel h2{font-size:clamp(24px,3vw,34px);line-height:1.32;letter-spacing:-.025em;color:var(--ui-ink);}body[data-ui-family$="game"]{background:linear-gradient(150deg,#edf3fb 0%,#f9fbfe 58%,#eff8f4 100%)!important;}body[data-ui-family$="game"] .game-shell{width:min(1180px,calc(100vw - 20px));}body[data-ui-family$="game"] .game-card{padding:14px;}body[data-ui-family$="game"] .game-main{border-color:var(--ui-line);border-radius:20px;background:#f7faff;}body[data-ui-family$="game"] .game-board-wrap{border-color:var(--ui-line);background:#fff;place-items:center;}body[data-ui-family$="game"] .game-side{border-color:var(--ui-line);background:#fff;}body[data-ui-family$="game"] .game-feedback{border:1px solid transparent;}body[data-ui-family="badges"],body[data-ui-family="growth"]{background:linear-gradient(180deg,#edf4fb 0%,#f8fbff 44%,#eef8f4 100%)!important;}body[data-ui-family="badges"] .growth-appbar,body[data-ui-family="growth"] .growth-appbar{padding:9px 14px;}body[data-ui-family="badges"] :is(.growth-section,.growth-hero-stats article){border-color:var(--ui-line);box-shadow:var(--ui-shadow-sm);}body[data-ui-family="badges"] :is(.growth-next-badge){border-radius:28px;box-shadow:var(--ui-shadow-lg);}body[data-ui-family="growth"] .growth-section{padding:22px;}body[data-ui-family="parent"]{background:#edf3f8!important;color:var(--ui-ink)!important;}body[data-ui-family="parent"] .parent-shell{width:min(var(--ui-parent-shell),calc(100vw - 32px))!important;margin:16px auto 40px!important;}body[data-ui-family="parent"] .parent-topbar{min-height:64px!important;padding:9px 14px!important;border:1px solid var(--ui-line-strong)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;}body[data-ui-family="parent"] .parent-brand strong{font-size:24px!important;letter-spacing:-.025em!important;}body[data-ui-family="parent"] .parent-console{margin-top:14px!important;padding:22px!important;border:1px solid var(--ui-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--ui-shadow-md)!important;}body[data-ui-family="parent"] .parent-workbench{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}body[data-ui-family="parent"] .parent-sidebar{position:sticky!important;top:14px!important;padding:14px!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;}body[data-ui-family="parent"] .parent-tabs{display:grid!important;gap:8px!important;}body[data-ui-family="parent"] .parent-tabs button{min-height:44px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#46617d!important;text-align:left!important;font-size:14px!important;font-weight:900!important;}body[data-ui-family="parent"] .parent-tabs button.is-active{background:var(--ui-accent-soft)!important;color:var(--ui-accent-dark)!important;}body[data-ui-family="parent"] .parent-panel-title{margin-bottom:14px!important;}body[data-ui-family="parent"] .parent-panel-title h2{font-size:28px!important;letter-spacing:-.035em!important;}body[data-ui-family="parent"] :is(.parent-card,.parent-card){border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important;}body[data-ui-family="parent"] #itemRules .parent-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}body[data-ui-family="parent"] #itemRules .parent-item{border-color:var(--ui-line)!important;border-radius:18px!important;box-shadow:none!important;}body[data-ui-family="parent"] :is(input[type="text"],input[type="search"],input[type="number"],textarea,select){border:1px solid var(--ui-line-strong)!important;border-radius:12px!important;background:#fff!important;color:var(--ui-ink)!important;}@media(max-width:900px){:root{--ui-nav-height:68px;}body[data-ui-family="knowledge-hub"] .knowledge-app,body[data-ui-family="real-life-hub"] .life-app,body[data-ui-family="badges"] .growth-shell,body[data-ui-family="growth"] .growth-shell{width:min(100% - 20px,var(--ui-shell));}body[data-ui-family="parent"] .parent-shell{width:calc(100vw - 16px)!important;}body[data-ui-family="parent"] .parent-workbench{grid-template-columns:1fr!important;}body[data-ui-family="parent"] .parent-sidebar{position:static!important;}body[data-ui-family="parent"] .parent-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}@media(max-width:640px){body[data-ui-family="parent"] .parent-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body[data-ui-family="parent"] #itemRules .parent-list{grid-template-columns:1fr!important;}}body[data-ui-family="parent"] .parent-tabs{grid-template-columns:1fr!important;}body[data-ui-family="parent"] .parent-tabs button span{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;}body[data-ui-family="parent"] .parent-metrics>div{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"label value" "note note"!important;
  align-items:center!important;align-content:center!important;column-gap:5px!important;row-gap:4px!important;min-width:0!important;
}body[data-ui-family="parent"] .parent-metrics span{grid-area:label!important;white-space:nowrap!important;}body[data-ui-family="parent"] .parent-metrics strong{grid-area:value!important;margin:0!important;min-width:0!important;white-space:nowrap!important;}body[data-ui-family="parent"] .parent-metrics em{grid-area:note!important;white-space:normal!important;line-height:1.25!important;}@media(max-width:900px){body[data-ui-family="parent"] .parent-tabs button{justify-content:center!important;text-align:center!important;}body[data-ui-family="parent"] .parent-tabs button span{justify-content:center!important;}}@media(max-width:640px){}.hub-hall-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;}.hub-hall-strip article{min-width:0;min-height:76px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--ui-shadow-sm);}.hub-hall-strip i{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--ui-accent-soft);color:var(--ui-accent-dark);font-size:22px;font-style:normal;font-weight:950;}.hub-hall-strip span{min-width:0}.hub-hall-strip small{display:block;color:var(--ui-muted);font-size:11px;font-weight:850}.hub-hall-strip b{display:block;margin-top:2px;color:var(--hub-ink);font-size:15px;line-height:1.25;}body[data-ui-family="hub"] .home-section{border-radius:26px!important;padding:22px!important;box-shadow:var(--ui-shadow-md)!important;}body[data-ui-family="hub"] .parent-group{border-radius:20px!important;}body[data-ui-family="knowledge-hub"] .knowledge-app,body[data-ui-family="real-life-hub"] .life-app{width:min(1180px,calc(100vw - 28px));padding-bottom:calc(var(--ui-nav-height) + 28px);}body[data-ui-family="knowledge-hub"] .knowledge-hero,body[data-ui-family="real-life-hub"] .life-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;margin-top:14px;}body[data-ui-family="knowledge-hub"] :is(.knowledge-hero-main,.knowledge-hero-side),body[data-ui-family="real-life-hub"] :is(.life-hero-main,.life-hero-side){border-radius:26px!important;box-shadow:var(--ui-shadow-md)!important;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main,body[data-ui-family="real-life-hub"] .life-hero-main{min-height:300px;padding:30px;position:relative;overflow:hidden;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main::after,body[data-ui-family="real-life-hub"] .life-hero-main::after{content:"";position:absolute;right:-45px;top:-55px;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--ui-accent) 12%,transparent);pointer-events:none;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main>*,body[data-ui-family="real-life-hub"] .life-hero-main>*{position:relative;z-index:1;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main h1,body[data-ui-family="real-life-hub"] .life-hero-main h1{font-size:clamp(34px,4vw,48px);line-height:1.08;}body[data-ui-family="knowledge-hub"] .knowledge-main-action,body[data-ui-family="real-life-hub"] .life-main-action{min-height:80px;border-radius:20px!important;}body[data-ui-family="knowledge-hub"] .knowledge-section,body[data-ui-family="real-life-hub"] .life-section{border-radius:26px!important;padding:22px!important;box-shadow:var(--ui-shadow-md)!important;}body[data-ui-family="knowledge-hub"] .knowledge-route-grid,body[data-ui-family="real-life-hub"] .life-route-grid{gap:12px;}body[data-ui-family="knowledge-hub"] .knowledge-route,body[data-ui-family="real-life-hub"] .life-route{min-height:150px;border-radius:20px!important;box-shadow:var(--ui-shadow-sm)!important;}body[data-ui-family="badges"] .growth-shell,body[data-ui-family="growth"] .growth-shell{width:min(1180px,calc(100vw - 28px));padding-bottom:calc(var(--ui-nav-height) + 28px);}body[data-ui-family="badges"] .growth-badge-hero{gap:12px;margin-top:14px;}body[data-ui-family="badges"] .growth-next-badge{min-height:220px;padding:26px!important;}.hub-section-jump{display:flex;gap:9px;overflow:auto;margin:12px 0;padding:10px;border:1px solid var(--ui-line);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--ui-shadow-sm);scrollbar-width:none;}.hub-section-jump::-webkit-scrollbar{display:none}.hub-section-jump a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--ui-line);border-radius:13px;background:#fff;color:var(--hub-ink);font-size:13px;font-weight:900;}body[data-ui-family="badges"] .growth-section,body[data-ui-family="growth"] .growth-section{border-radius:24px!important;}@media(max-width:980px){body[data-ui-family="knowledge-hub"] .knowledge-hero,body[data-ui-family="real-life-hub"] .life-hero{grid-template-columns:1fr;}}@media(max-width:760px){.hub-hall-strip{grid-template-columns:1fr;}.hub-hall-strip article{min-height:66px;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main,body[data-ui-family="real-life-hub"] .life-hero-main{min-height:auto;padding:24px;}body[data-ui-family="knowledge-hub"] .knowledge-hero-main h1,body[data-ui-family="real-life-hub"] .life-hero-main h1{font-size:34px;}}.taskflow-task-path{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--taskflow-border);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(25,65,105,.06);}.taskflow-task-path span{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 10px;border-radius:12px;color:#6b7f94;font-size:13px;font-weight:900;transition:.18s ease;}.taskflow-task-path i{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:50%;background:#e9f0f6;color:#688096;font-size:12px;font-style:normal;font-weight:950;}body[data-page-type="learning-reading-task"]{overflow:hidden;background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--ui-accent) 10%,transparent),transparent 30%),linear-gradient(155deg,#edf4fb 0%,#fbfdff 58%,#eef8f4 100%)!important;}body[data-page-type="learning-reading-task"] .learning-task-shell{width:min(1220px,calc(100vw - 24px));height:100dvh;min-height:620px;padding:10px 0 12px;gap:8px;}body[data-page-type="learning-reading-task"] .learning-task-top{min-height:58px;padding:0 4px;}body[data-page-type="learning-reading-task"] .learning-title{min-width:0;display:flex;align-items:center;gap:11px;text-align:left;}body[data-page-type="learning-reading-task"] .learning-title-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:var(--ui-accent-soft);font-size:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 14%,transparent);}body[data-page-type="learning-reading-task"] .learning-title h1{font-size:23px;letter-spacing:-.03em;}body[data-page-type="learning-reading-task"] .learning-title small{font-size:12px;color:var(--ui-muted);}body[data-page-type="learning-reading-task"] .learning-task-meta{min-height:47px;padding:7px 11px;border:1px solid var(--taskflow-border);border-radius:16px;background:rgba(255,255,255,.88);}body[data-page-type="learning-reading-task"] .learning-progress{display:grid;grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:12px;}body[data-page-type="learning-reading-task"] .learning-progress strong{font-size:13px;white-space:nowrap;}body[data-page-type="learning-reading-task"] .learning-meter{height:8px;}body[data-page-type="learning-reading-task"] .learning-level-button{min-height:34px;padding:0 12px;border:1px solid var(--taskflow-border);border-radius:11px;background:#fff;color:var(--ui-accent-dark);font-size:12px;font-weight:950;}body[data-page-type="learning-reading-task"] .learning-task-board{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:10px;min-height:0;}body[data-page-type="learning-reading-task"] :is(.learning-question-card,.learning-answer-card){min-height:0;padding:22px;border:1px solid var(--taskflow-border);border-radius:22px;background:#fff;box-shadow:var(--taskflow-shadow);overflow:hidden;}body[data-page-type="learning-reading-task"] .learning-question-card{position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff 0%,var(--ui-accent-soft) 175%);}body[data-page-type="learning-reading-task"] .learning-question-card::after{content:"";position:absolute;right:-60px;bottom:-72px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--ui-accent) 8%,transparent);pointer-events:none;}body[data-page-type="learning-reading-task"] .learning-question-card>*{position:relative;z-index:1;}body[data-page-type="learning-reading-task"] .learning-kicker{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:var(--ui-accent-soft);color:var(--ui-accent-dark);font-size:11px;font-weight:950;letter-spacing:.04em;}body[data-page-type="learning-reading-task"] .learning-question-card h2{margin:14px 0 12px;font-size:clamp(27px,3.1vw,40px);line-height:1.28;letter-spacing:-.035em;}body[data-page-type="learning-reading-task"] .learning-question-note{margin-top:auto;padding-top:14px;}body[data-page-type="learning-reading-task"] .learning-method{min-height:58px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ui-accent) 15%,#dce7f1);border-radius:15px;background:rgba(255,255,255,.78);}body[data-page-type="learning-reading-task"] .learning-answer-card{display:flex;flex-direction:column;gap:10px;}body[data-page-type="learning-reading-task"] .learning-choice-list{display:grid;gap:9px;align-content:center;flex:1;min-height:0;overflow:auto;padding:2px;scrollbar-width:thin;}body[data-page-type="learning-reading-task"] .learning-choice{min-height:57px;padding:11px 15px;border:1px solid #ceddea;border-radius:16px;text-align:left;font-size:16px;line-height:1.35;background:#fff;box-shadow:0 5px 14px rgba(29,69,108,.04);}body[data-page-type="learning-reading-task"] .learning-choice:hover{transform:translateY(-1px);border-color:var(--ui-accent);box-shadow:0 10px 22px color-mix(in srgb,var(--ui-accent) 11%,transparent);}body[data-page-type="learning-reading-task"] .learning-feedback{flex:0 0 auto;min-height:58px;padding:10px 13px;border:1px solid transparent;border-radius:15px;background:#f2f6fa;}body[data-page-type="learning-reading-task"] .learning-feedback strong{font-size:14px;}.learning-feedback span{font-size:12px;line-height:1.45;}body[data-page-type="learning-reading-task"] .learning-next{flex:0 0 auto;min-height:48px;}body[data-category="reading"] .learning-reading-prompt{display:grid;gap:8px;margin:12px 0;}body[data-category="reading"] .learning-reading-prompt span{padding:10px 12px;border:1px solid color-mix(in srgb,var(--ui-accent) 18%,#dce7f1);border-radius:13px;background:#fff;color:var(--ui-ink);font-size:13px;font-weight:850;}body[data-category="reading"] .learning-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;padding:2px 4px 4px 2px;}body[data-category="reading"] .learning-field{padding:10px;border:1px solid #dce6ef;border-radius:14px;background:#f8fbfd;}body[data-category="reading"] .learning-field label{display:block;margin-bottom:6px;color:var(--ui-ink);font-size:12px;font-weight:950;}body[data-category="reading"] .learning-field :is(input,select,textarea){width:100%;min-height:45px;border:1px solid #cbdbe8;border-radius:11px;background:#fff;font:inherit;font-size:14px;}body[data-category="reading"] .learning-field textarea{min-height:96px;resize:vertical;}body[data-category="reading"] .learning-form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}body[data-category="reading"] .learning-form-submit{min-height:48px;}body[data-category="reading"] .learning-order-columns{gap:8px;overflow:hidden;}body[data-category="reading"] .learning-order-column{min-height:0;padding:10px;border:1px solid #dce6ef;border-radius:14px;background:#f8fbfd;overflow:auto;}body[data-category="reading"] .learning-order-item{min-height:44px;border-radius:11px;}.taskflow-inline-loading{display:flex;align-items:center;gap:11px;min-height:42px;}.taskflow-inline-loading>i{width:25px;height:25px;flex:0 0 25px;border:3px solid color-mix(in srgb,var(--ui-accent) 18%,#d7e4ef);border-top-color:var(--ui-accent);border-radius:50%;animation:taskflow-spin .9s linear infinite;}.taskflow-inline-loading span{display:block}.taskflow-inline-loading b{display:block;color:var(--ui-ink);font-size:13px}.taskflow-inline-loading small{display:block;margin-top:2px;color:var(--ui-muted);font-size:11px;}.taskflow-choice-skeleton{display:grid;gap:9px;align-self:center;width:100%;}.taskflow-choice-skeleton i,.taskflow-loading-lines i{display:block;height:54px;border-radius:15px;background:linear-gradient(100deg,#edf3f8 20%,#f9fbfd 42%,#edf3f8 64%);background-size:220% 100%;animation:taskflow-shimmer 1.25s ease-in-out infinite;}.taskflow-choice-skeleton i:nth-child(2){animation-delay:.08s}.taskflow-choice-skeleton i:nth-child(3){animation-delay:.16s}.taskflow-reading-loading,.taskflow-reading-error{flex:1;min-height:0;display:grid;grid-template-columns:110px minmax(0,1fr);place-content:center;align-items:center;gap:24px;padding:34px;border:1px solid var(--taskflow-border);border-radius:24px;background:#fff;box-shadow:var(--taskflow-shadow);}.taskflow-loading-book,.taskflow-reading-error>i{width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:var(--ui-accent-soft);font-size:52px;font-style:normal;}.taskflow-reading-loading h2,.taskflow-reading-error h2{margin:0 0 7px;font-size:27px;color:var(--ui-ink)}.taskflow-reading-loading p,.taskflow-reading-error p{margin:0;color:var(--ui-muted);font-weight:750;}.taskflow-loading-lines{display:grid;gap:8px;margin-top:18px;}.taskflow-loading-lines i{height:12px}.taskflow-loading-lines i:nth-child(2){width:88%}.taskflow-loading-lines i:nth-child(3){width:65%}@keyframes taskflow-spin{to{transform:rotate(360deg)}}@keyframes taskflow-shimmer{to{background-position:-220% 0}}body[data-page-type="knowledge-task"]{overflow:hidden;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--ui-accent) 10%,transparent),transparent 28%),linear-gradient(155deg,#edf4fb 0%,#fbfdff 62%,#eef8f4 100%)!important;}body[data-page-type="knowledge-task"] .knowledge-task-shell{width:min(1220px,calc(100vw - 24px));height:100dvh;grid-template-rows:58px 50px minmax(0,1fr);gap:8px;padding:10px 0 12px;}body[data-page-type="knowledge-task"] .knowledge-task-top{grid-template-columns:148px minmax(0,1fr) 148px;min-height:58px;}body[data-page-type="knowledge-task"] .knowledge-task-title h1{font-size:23px;letter-spacing:-.03em;}body[data-page-type="knowledge-task"] .knowledge-task-title p{font-size:12px;}body[data-page-type="knowledge-task"] .knowledge-task-card{padding:12px;gap:9px;border:1px solid var(--taskflow-border);border-radius:23px;background:#fff;box-shadow:var(--taskflow-shadow);}body[data-page-type="knowledge-task"] .knowledge-task-meta{grid-template-columns:auto minmax(150px,1fr) auto;gap:12px;padding:2px 3px;}body[data-page-type="knowledge-task"] .knowledge-levels button{min-height:32px;padding:5px 11px;border-radius:10px;font-size:12px;}body[data-page-type="knowledge-task"] .knowledge-task-main{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:10px;}body[data-page-type="knowledge-task"] :is(.knowledge-visual,.knowledge-question-panel){border:1px solid var(--taskflow-border);border-radius:20px;box-shadow:none;}body[data-page-type="knowledge-task"] .knowledge-visual{padding:20px;background:linear-gradient(145deg,#fff 0%,var(--ui-accent-soft) 170%);}body[data-page-type="knowledge-task"] .knowledge-visual h2{margin:10px 0 5px;font-size:25px;letter-spacing:-.03em;}body[data-page-type="knowledge-task"] .knowledge-visual p{max-width:380px;font-size:13px;line-height:1.55;}body[data-page-type="knowledge-task"] .knowledge-question-panel{padding:20px;grid-template-rows:auto auto minmax(0,1fr);background:#fff;}body[data-page-type="knowledge-task"] .knowledge-question-kicker{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:var(--ui-accent-soft);font-size:11px;letter-spacing:.02em;}body[data-page-type="knowledge-task"] .knowledge-question-panel h2{font-size:clamp(25px,2.8vw,36px);line-height:1.3;letter-spacing:-.03em;}body[data-page-type="knowledge-task"] .knowledge-choices{gap:9px;align-content:center;overflow:auto;padding:2px;}body[data-page-type="knowledge-task"] .knowledge-choice{min-height:55px;padding:11px 15px;border-width:1px;border-radius:15px;font-size:15px;box-shadow:0 5px 14px rgba(29,69,108,.04);}body[data-page-type="knowledge-task"] .knowledge-task-bottom{grid-template-columns:minmax(0,1fr) auto;gap:9px;}body[data-page-type="knowledge-task"] .knowledge-feedback{min-height:54px;border:1px solid transparent;display:flex;align-items:center;}body[data-page-type="knowledge-task"] .knowledge-next{min-width:155px;min-height:54px;}body[data-category="science"] .knowledge-orbit{width:158px;height:158px;background:radial-gradient(circle,rgba(255,255,255,.9) 0 38%,transparent 39%);}body[data-category="history"] .knowledge-history-scroll{width:min(310px,100%);padding:22px;border-radius:14px;transform:rotate(-.4deg);}body[data-category="history"] .knowledge-history-scroll b{font-size:21px;}body[data-category="map"] .knowledge-compass{width:164px;height:164px;background:radial-gradient(circle,#fff 0 38%,transparent 39%);}body[data-page-type="expression-task"]{overflow:hidden;background:linear-gradient(150deg,#edf8f3,#fbfdff 58%,#eef4fb)!important;}body[data-page-type="expression-task"] .creation-ex-shell{width:min(1180px,calc(100vw - 24px));height:100dvh;min-height:620px;padding:10px 0 12px;gap:8px;}body[data-page-type="expression-task"] .creation-ex-top{min-height:58px;}body[data-page-type="expression-task"] .creation-ex-board{flex:1;min-height:0;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:10px;}body[data-page-type="expression-task"] .creation-ex-card{min-height:0;padding:22px;border:1px solid var(--taskflow-border);border-radius:22px;background:#fff;box-shadow:var(--taskflow-shadow);}body[data-page-type="expression-task"] .creation-ex-card.soft{background:linear-gradient(145deg,#fff 0%,var(--ui-accent-soft) 170%);}body[data-page-type="expression-task"] .creation-ex-prompt{font-size:clamp(27px,3vw,38px);line-height:1.3;letter-spacing:-.035em;}body[data-page-type="expression-task"] .creation-ex-text{min-height:220px;border:1px solid #cbdbe8;border-radius:16px;background:#fbfdff;font-size:18px;line-height:1.75;}body[data-page-type="expression-task"] .creation-ex-actions{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;}body[data-page-type="expression-task"] .creation-ex-btn{min-height:50px;border-radius:14px;}@media(max-width:900px){body[data-page-type="learning-reading-task"],body[data-page-type="knowledge-task"],body[data-page-type="expression-task"]{overflow-x:hidden;overflow-y:auto;}body[data-page-type="learning-reading-task"] .learning-task-shell,body[data-page-type="knowledge-task"] .knowledge-task-shell,body[data-page-type="expression-task"] .creation-ex-shell{height:auto;min-height:100dvh;width:min(760px,calc(100vw - 18px));padding-bottom:max(18px,env(safe-area-inset-bottom));}body[data-page-type="knowledge-task"] .knowledge-task-shell{grid-template-rows:auto auto auto;}body[data-page-type="learning-reading-task"] .learning-task-board,body[data-page-type="knowledge-task"] .knowledge-task-main,body[data-page-type="expression-task"] .creation-ex-board{grid-template-columns:1fr;}body[data-page-type="learning-reading-task"] :is(.learning-question-card,.learning-answer-card),body[data-page-type="knowledge-task"] :is(.knowledge-visual,.knowledge-question-panel),body[data-page-type="expression-task"] .creation-ex-card{min-height:auto;overflow:visible;}body[data-page-type="learning-reading-task"] .learning-question-card{justify-content:flex-start;}body[data-page-type="knowledge-task"] .knowledge-task-card{min-height:auto;}body[data-page-type="knowledge-task"] .knowledge-visual{min-height:260px;}body[data-page-type="knowledge-task"] .knowledge-task-bottom{grid-template-columns:1fr;}body[data-page-type="knowledge-task"] .knowledge-next{width:100%;}}@media(max-width:620px){.taskflow-task-path{gap:4px;padding:5px;border-radius:15px;}.taskflow-task-path span{min-height:38px;gap:5px;padding:4px 5px;font-size:11px}.taskflow-task-path i{width:22px;height:22px;flex-basis:22px;}body[data-page-type="learning-reading-task"] .learning-task-top,body[data-page-type="expression-task"] .creation-ex-top{grid-template-columns:auto minmax(0,1fr) auto;}body[data-page-type="learning-reading-task"] :is(.learning-back,.learning-top-action),body[data-page-type="expression-task"] :is(.creation-ex-back,.creation-ex-link){padding:0 9px;font-size:12px;}body[data-page-type="learning-reading-task"] .learning-title-icon{display:none;}body[data-page-type="learning-reading-task"] .learning-task-meta{grid-template-columns:1fr;gap:6px;}body[data-page-type="learning-reading-task"] .learning-progress{grid-template-columns:1fr;gap:5px;}body[data-page-type="learning-reading-task"] :is(.learning-question-card,.learning-answer-card),body[data-page-type="knowledge-task"] :is(.knowledge-visual,.knowledge-question-panel),body[data-page-type="expression-task"] .creation-ex-card{padding:17px;}body[data-page-type="learning-reading-task"] .learning-question-card h2,body[data-page-type="knowledge-task"] .knowledge-question-panel h2,body[data-page-type="expression-task"] .creation-ex-prompt{font-size:27px;}body[data-category="reading"] .learning-form-grid{grid-template-columns:1fr;}body[data-category="reading"] .learning-order-columns{grid-template-columns:1fr;overflow:visible;}.taskflow-reading-loading,.taskflow-reading-error{grid-template-columns:1fr;text-align:center;padding:24px}.taskflow-loading-book,.taskflow-reading-error>i{margin:auto;}body[data-page-type="knowledge-task"] .knowledge-task-top{grid-template-columns:94px minmax(0,1fr) 94px;}body[data-page-type="knowledge-task"] :is(.knowledge-back,.knowledge-growth-link){padding:0 7px;font-size:11px;}body[data-page-type="knowledge-task"] .knowledge-task-meta{grid-template-columns:1fr;}body[data-page-type="knowledge-task"] .knowledge-levels{justify-content:center;}}:root{
  --layout-touch:48px;
  --layout-safe-bottom:max(16px,env(safe-area-inset-bottom));
  --layout-focus:0 0 0 4px rgba(37,99,235,.22);
}html{scroll-behavior:smooth;scroll-padding-top:20px;scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom));}:root{
  --zhw-vh:1vh;--zhw-vw:1vw;--zhw-visual-height:100vh;--zhw-visual-width:100vw;
  --zhw-visual-top:0px;--zhw-visual-left:0px;--zhw-keyboard-height:0px;
  --zhw-safe-top:env(safe-area-inset-top,0px);--zhw-safe-right:env(safe-area-inset-right,0px);
  --zhw-safe-bottom:env(safe-area-inset-bottom,0px);--zhw-safe-left:env(safe-area-inset-left,0px);
}html{width:100%;min-height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}body{width:100%;min-height:100vh;min-height:calc(var(--zhw-vh)*100);overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;}@supports (min-height:100svh){body{min-height:100svh}}@supports (min-height:100dvh){body{min-height:min(100dvh,calc(var(--zhw-vh)*100))}}:where(a,button,[role="button"]){touch-action:manipulation;-webkit-tap-highlight-color:transparent;}:where(button,input,select,textarea){font-family:inherit;}@media(max-width:1024px){:where(input,select,textarea){font-size:16px!important;}}:where(input,textarea,select){max-width:100%;border-radius:12px;}:where(input[type="checkbox"],input[type="radio"]){-webkit-appearance:auto;appearance:auto;}.life-parent-hold,.parent-confirm{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important;}@media(max-width:1023px),(orientation:portrait){body.zhw-keyboard-open > .app-nav[data-app-nav="all"]{display:none!important;}}:where(.learning-completion-card,.quiz-completion-card,.game-completion-card,.knowledge-completion-card,.life-completion-card,[role="dialog"]>:first-child){max-height:calc(var(--zhw-vh)*100 - 24px - var(--zhw-safe-top) - var(--zhw-safe-bottom));overflow:auto;-webkit-overflow-scrolling:touch;}@supports(-webkit-touch-callout:none){body{background-attachment:scroll!important}.hub-hero-main,.knowledge-hero-main,.life-hero-main{background-attachment:scroll!important;}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}.cycle-badge{display:block;margin-bottom:4px;color:var(--app-accent,#2563eb);font-size:12px;font-weight:900;letter-spacing:.02em}.recommend-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:#fff7d6;color:#8a5a00;border:1px solid #f2ce69;font-size:13px;font-weight:900;white-space:nowrap}#knowledge-levels .recommend-badge,#life-levels .recommend-badge{margin-left:6px}@media(max-width:760px){.recommend-badge{font-size:12px;padding:0 9px;min-height:30px}.cycle-badge{font-size:11px}}.growth-toast{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2400;max-width:min(360px,calc(100vw - 36px));display:grid;gap:3px;padding:13px 16px;border:1px solid rgba(34,197,94,.28);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(15,23,42,.18);color:#12345b;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.growth-toast strong{font-size:15px;color:#08783f}.growth-toast span{font-size:13px;line-height:1.45;color:#526b86}.growth-toast.show{opacity:1;transform:translateY(0)}@media(max-width:700px){.growth-toast{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));max-width:none}}@media(prefers-reduced-motion:reduce){.growth-toast{transition:none}}.app-nav[data-app-nav="all"]{box-sizing:border-box!important}.app-nav[data-app-nav="all"]>a{box-sizing:border-box!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important}@media (min-width:1024px) and (orientation:landscape){body.app-hub{padding-left:132px!important;padding-right:20px!important;padding-bottom:0!important}body.app-hub>.app-nav[data-app-nav="all"]{position:fixed!important;left:max(16px,env(safe-area-inset-left))!important;right:auto!important;top:max(16px,env(safe-area-inset-top))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;width:100px!important;margin:0!important;padding:10px 9px!important;border:1px solid var(--app-line,#d8e4f0)!important;border-radius:28px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 46px rgba(29,64,108,.15)!important;display:flex!important;flex-direction:column!important;gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;z-index:220!important}body.app-hub>.app-nav[data-app-nav="all"]::-webkit-scrollbar{display:none!important}body.app-hub>.app-nav[data-app-nav="all"]>a{width:100%!important;min-height:50px!important;padding:5px 3px!important;border-radius:16px!important;background:transparent!important;color:#64778d!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;flex:0 0 auto!important}body.app-hub>.app-nav[data-app-nav="all"]>a>span{font-size:22px!important;line-height:1!important}body.app-hub>.app-nav[data-app-nav="all"]>a>b{font-size:12px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}body.app-hub>.app-nav[data-app-nav="all"]>a:is(.active,[aria-current="page"]){background:linear-gradient(145deg,var(--app-accent,#2563eb),var(--app-accent-2,#1d4ed8))!important;color:#fff!important;box-shadow:0 9px 20px color-mix(in srgb,var(--app-accent,#2563eb) 26%,transparent)!important}}@media (max-width:1023px),(orientation:portrait){body.app-hub{padding-left:0!important;padding-right:0!important;padding-bottom:max(102px,calc(88px + env(safe-area-inset-bottom)))!important}body.app-hub>.app-nav[data-app-nav="all"]{position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;margin:0!important;padding:7px!important;border:1px solid var(--app-line,#d8e4f0)!important;border-radius:22px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 15px 40px rgba(25,61,99,.18)!important;display:flex!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;z-index:220!important}body.app-hub>.app-nav[data-app-nav="all"]::-webkit-scrollbar{display:none!important}body.app-hub>.app-nav[data-app-nav="all"]>a{flex:0 0 70px!important;min-width:70px!important;min-height:58px!important;padding:6px 2px!important;border-radius:15px!important;background:transparent!important;color:#687b91!important;display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;scroll-snap-align:center!important}body.app-hub>.app-nav[data-app-nav="all"]>a>span{font-size:22px!important;line-height:1!important}body.app-hub>.app-nav[data-app-nav="all"]>a>b{font-size:12px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important}body.app-hub>.app-nav[data-app-nav="all"]>a:is(.active,[aria-current="page"]){background:linear-gradient(145deg,var(--app-accent,#2563eb),var(--app-accent-2,#1d4ed8))!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--app-accent,#2563eb) 24%,transparent)!important}}

@media (min-width:1024px) and (orientation:landscape){
body.app-hub[data-ui-family="knowledge-hub"] .knowledge-app,
body.app-hub[data-ui-family="real-life-hub"] .life-app,
body.app-hub[data-ui-family="badges"] .growth-shell,
body.app-hub[data-ui-family="growth"] .growth-shell{
  width:min(var(--ui-shell),calc(100vw - 152px))!important;
  max-width:calc(100vw - 152px)!important;
  margin-left:0!important;
  margin-right:auto!important;
}
}

/* v429 layout repair */
@media (min-width:1024px) and (orientation:landscape){
  body.app-hub{
    padding-left:150px!important;
    padding-right:18px!important;
  }
  body.app-hub > main.app-main{
    width:min(1220px,calc(100vw - 176px))!important;
    max-width:calc(100vw - 176px)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  body.app-hub>.app-nav[data-app-nav="all"]{
    width:102px!important;
    padding:12px 8px!important;
    gap:6px!important;
    justify-content:flex-start!important;
  }
  body.app-hub>.app-nav[data-app-nav="all"]>a{
    min-height:58px!important;
    padding:8px 4px!important;
    border-radius:18px!important;
    gap:4px!important;
  }
  body.app-hub>.app-nav[data-app-nav="all"]>a>span{
    font-size:24px!important;
  }
  body.app-hub>.app-nav[data-app-nav="all"]>a>b{
    font-size:13px!important;
    line-height:1.1!important;
  }
}
/* v456 knowledge task header: keep tutorial and growth actions readable on iPad. */
body[data-page-type="knowledge-task"] .knowledge-task-shell{grid-template-rows:66px 50px minmax(0,1fr);}
body[data-page-type="knowledge-task"] .knowledge-task-top{grid-template-columns:148px minmax(0,1fr) 250px;min-height:66px;}
body[data-page-type="knowledge-task"] .task-guide-head-actions{min-width:0;display:flex;justify-content:flex-end;gap:8px;}
body[data-page-type="knowledge-task"] .task-guide-head-actions :is(.task-tutorial-trigger,.knowledge-growth-link){white-space:nowrap;flex:0 0 auto;}
@media(max-width:850px){
 body[data-page-type="knowledge-task"] .knowledge-task-top{grid-template-columns:100px minmax(0,1fr) 184px;}
 body[data-page-type="knowledge-task"] .task-guide-head-actions{gap:6px;}
 body[data-page-type="knowledge-task"] .task-tutorial-trigger{padding-inline:10px;font-size:12px;}
 body[data-page-type="knowledge-task"] .task-guide-head-actions .knowledge-growth-link{padding-inline:8px;font-size:12px;}
}
@media(max-width:560px){
 body[data-page-type="knowledge-task"] .knowledge-task-top{grid-template-columns:76px minmax(0,1fr) 126px;}
 body[data-page-type="knowledge-task"] .task-tutorial-trigger{font-size:0;width:42px;padding:0;}
 body[data-page-type="knowledge-task"] .task-tutorial-trigger:before{content:'📖';font-size:18px;}
}