:root{
  --home-ink:#13233b;
  --home-muted:#66758b;
  --home-line:#dce7f5;
  --home-surface:#ffffff;
  --home-soft:#f5f8fc;
  --home-accent:#2563eb;
  --home-accent-2:#14b8a6;
  --home-shadow:0 14px 34px rgba(30,64,175,.10);
  --home-nav-safe:calc(92px + env(safe-area-inset-bottom,0px));
}html{background:#eef4fb!important;}body.study-hub[data-hub-shell="true"]{
  --home-accent:#2563eb;
  --home-accent-2:#14b8a6;
  min-height:100svh!important;
  margin:0!important;
  color:var(--home-ink)!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(37,99,235,.10),transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(20,184,166,.09),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif!important;
}body.study-hub[data-hub-shell="true"] .home-section,body.study-hub[data-hub-shell="true"] .ui-checkin-book{
  border:1px solid var(--home-line)!important;
  box-shadow:var(--home-shadow)!important;
}body.study-hub[data-hub-shell="true"] .home-section{
  border-radius:26px!important;background:rgba(255,255,255,.93)!important;
}body.study-hub[data-hub-shell="true"] .home-card{
  border:1px solid var(--home-line)!important;background:#fff!important;box-shadow:none!important;
}body.study-hub[data-hub-shell="true"] .home-card:hover,body.study-hub[data-hub-shell="true"] .home-card:focus-visible{
  transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--home-accent) 45%,white)!important;
  box-shadow:0 10px 22px rgba(30,64,175,.09)!important;
}:root{--quiz-blue:#2563eb;--quiz-ink:#17233d;--quiz-muted:#64748b;--quiz-line:#dce6f5;--quiz-bg:#eef5ff;--quiz-good:#0f9f6e;--quiz-warn:#d97706;--quiz-bad:#dc4858}body.thinking-game{margin:0;min-height:100dvh;background:radial-gradient(circle at 15% 0,#dcecff 0,transparent 35%),linear-gradient(145deg,#f8fbff,#edf4ff);color:var(--quiz-ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overscroll-behavior:none}.quiz-feedback{min-height:48px;border-radius:15px;background:#f2f6fb;color:#475569;padding:11px 14px;box-sizing:border-box;display:flex;align-items:center;font-weight:750}.quiz-feedback.is-bad{background:#fff0f1;color:#b3293c}.quiz-btn{min-height:48px;padding:0 22px;border:0;border-radius:15px;background:#dfe9f7;color:#294361;font-size:16px;font-weight:900;cursor:pointer;touch-action:manipulation}.quiz-btn.primary{background:linear-gradient(135deg,#2563eb,#1678d3);color:#fff;box-shadow:0 9px 18px rgba(37,99,235,.22)}.quiz-btn.ghost{background:#fff;border:1px solid #cbd8ea}.quiz-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-choice{min-height:54px;padding:10px 14px;border:1px solid #cedaec;border-radius:15px;background:#f9fbff;text-align:left;color:#1f3553;font-size:17px;font-weight:800;cursor:pointer}.quiz-choice:hover,.quiz-choice:focus-visible{border-color:#4380e8;background:#eef5ff}.quiz-choice.is-right{border-color:#16a274;background:#e6f9f2}.quiz-choice.is-wrong{border-color:#e76372;background:#fff0f1}.quiz-picture{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-radius:18px;background:#fff;border:1px solid #d8e3f2}.quiz-picture button{aspect-ratio:1;border:1px solid #d7e1ef;border-radius:12px;background:#f7faff;font-size:clamp(18px,3.1vw,31px);cursor:pointer}.quiz-picture.is-left button{cursor:default}.quiz-picture button.found{background:#ddf8ee;border-color:#1ca678;transform:scale(.94)}.quiz-cell{aspect-ratio:1;border:1px solid #cdd9e9;border-radius:12px;background:#fff;color:#24415f;font-size:clamp(18px,2.7vw,28px);font-weight:900;display:grid;place-items:center;cursor:pointer}.quiz-cell.is-given{background:#e7effb;color:#1c4f90;cursor:default}.quiz-cell.is-selected{outline:3px solid rgba(37,99,235,.28)}.quiz-cell.is-wrong{background:#fff0f1;border-color:#e35b6b}.quiz-cell.is-wall{background:#8fa1b7;border-color:#7c8da2;cursor:default}.quiz-cell.is-player{background:#dfeeff}.quiz-cell.is-goal{background:#e3f8ed}.quiz-cell.is-on{background:#fff4bb;border-color:#e6b936;box-shadow:0 0 20px rgba(255,204,52,.35)}.quiz-completion-dialog{position:fixed;inset:0;z-index:50;background:rgba(15,31,55,.55);padding:18px;display:grid;place-items:center}.quiz-completion-dialog[hidden]{display:none}.quiz-completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-completion-actions .primary{grid-column:1/-1}@media(max-width:820px),(orientation:portrait){.quiz-picture{gap:5px;padding:7px}}@media(max-width:520px){.quiz-completion-actions{grid-template-columns:1fr}.quiz-completion-actions .primary{grid-column:auto}}:root{
  --learning-blue:#2563eb;
  --learning-blue-deep:#1648b6;
  --learning-green:#16856b;
  --learning-ink:#14243d;
  --learning-muted:#61708a;
  --learning-line:rgba(38,72,124,.14);
  --learning-card:#fff;
  --learning-shadow:0 18px 52px rgba(32,61,108,.13);
}body[data-study-hub="learning"],body[data-study-hub="reading"]{background:#f3f7ff;}.learning-recent-list{display:grid;gap:9px;margin-top:14px;}.learning-recent-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 12px;border-radius:17px;background:#f7f9fd;color:var(--learning-ink);text-decoration:none;}.learning-recent-row i{font-style:normal;font-size:23px;}.learning-recent-row span{min-width:0;flex:1;}.learning-recent-row b,.learning-recent-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.learning-recent-row small{margin-top:3px;color:var(--learning-muted);font-size:12px;font-weight:750;}.learning-recent-row em{font-style:normal;color:var(--learning-blue);font-size:13px;font-weight:900;}.learning-hub-empty{margin-top:14px;border-radius:18px;background:#f7f9fd;padding:14px;color:var(--learning-muted);font-weight:800;line-height:1.45;}.learning-task-top{flex:0 0 auto;min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;border-radius:24px;background:rgba(255,255,255,.94);border:1px solid var(--learning-line);box-shadow:0 12px 34px rgba(31,62,111,.09);}.learning-back,.learning-top-action,.learning-level-button{min-height:46px;border:0;border-radius:16px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:950;text-decoration:none;cursor:pointer;white-space:nowrap;}.learning-back{background:#edf3ff;color:#2857ae;}.learning-top-action{background:#eef9f5;color:#126c58;}.learning-title{display:flex;align-items:center;gap:11px;min-width:0;}.learning-title-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(180deg,#fff5c9,#e6f0ff);font-size:27px;box-shadow:inset 0 -3px 0 rgba(40,88,170,.08);}.learning-title span:last-child{min-width:0;}.learning-title h1{margin:0;font-size:23px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.learning-title small{display:block;margin-top:4px;color:var(--learning-muted);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.learning-task-meta{flex:0 0 auto;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 4px;}.learning-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}.learning-progress strong{font-size:15px;white-space:nowrap;}.learning-meter{height:9px;flex:1;min-width:70px;border-radius:999px;background:#dfe7f5;overflow:hidden;}.learning-meter i{display:block;width:var(--pct,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--learning-blue),#32a18a);transition:width .25s ease;}.learning-level-button{min-height:38px;background:#e7efff;color:#2455b5;padding:0 13px;}.learning-task-board{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;}.learning-card{min-height:0;background:rgba(255,255,255,.96);border:1px solid var(--learning-line);border-radius:28px;padding:22px;box-shadow:var(--learning-shadow);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;}.learning-question-card{background:linear-gradient(180deg,#fff 0%,#f8faff 100%);}.learning-answer-card{background:linear-gradient(180deg,#fff 0%,#f4fbf8 100%);}.learning-kicker{align-self:flex-start;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#e8efff;color:#2455b5;font-size:13px;font-weight:950;margin-bottom:12px;}.learning-question-card h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere;}.learning-question-note{margin-top:auto;padding-top:18px;display:grid;gap:9px;}.learning-question-note p{margin:0;color:var(--learning-muted);font-weight:780;line-height:1.5;font-size:15px;}.learning-method{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:18px;background:#f0f5ff;color:#31598f;font-size:14px;font-weight:850;line-height:1.4;}.learning-method i{font-style:normal;}.learning-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;}.learning-choice{min-height:72px;border:2px solid rgba(39,88,169,.13);border-radius:21px;background:#fff;color:var(--learning-ink);padding:11px 14px;text-align:left;font-size:18px;font-weight:900;line-height:1.3;cursor:pointer;box-shadow:0 8px 18px rgba(35,66,108,.06);transition:transform .12s,border-color .12s,background .12s;overflow-wrap:anywhere;}.learning-choice:active{transform:scale(.985);}.learning-choice.is-wrong{border-color:#ee8b69;background:#fff0e9;color:#8b3e27;}.learning-choice.is-right{border-color:#35a87d;background:#eafff4;color:#146348;}.learning-choice:disabled{cursor:default;}.learning-feedback{min-height:70px;margin-top:auto;border-radius:20px;padding:12px 14px;background:#f1f5fb;color:#496079;display:flex;flex-direction:column;justify-content:center;line-height:1.4;font-weight:850;}.learning-feedback strong{font-size:17px;color:var(--learning-ink);}.learning-feedback span{margin-top:3px;font-size:14px;}.learning-feedback.good{background:#eafff4;color:#236a54;}.learning-feedback.bad{background:#fff0e9;color:#8b3e27;}.learning-next{min-height:54px;margin-top:10px;border:0;border-radius:19px;background:var(--learning-blue);color:#fff;font-size:18px;font-weight:950;cursor:pointer;box-shadow:0 12px 24px rgba(37,99,235,.22);}.learning-next[hidden]{display:none!important;}.learning-reading-story{min-height:0;overflow:auto;padding-right:5px;scrollbar-width:thin;}.learning-reading-story h2{font-size:27px;margin:0 0 13px;}.learning-reading-story p{margin:0 0 12px;font-size:18px;line-height:1.62;font-weight:720;color:#283a53;}.learning-reading-story p:last-child{margin-bottom:0;}.learning-reading-prompt{margin-top:auto;display:grid;gap:8px;padding-top:14px;}.learning-reading-prompt span{display:block;padding:10px 12px;border-radius:16px;background:#fff6d8;color:#6f511d;font-weight:850;line-height:1.38;font-size:14px;}.learning-order-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;flex:1;}.learning-order-column{min-height:0;border:2px dashed rgba(37,99,235,.17);border-radius:20px;padding:10px;background:rgba(255,255,255,.68);overflow:auto;}.learning-order-column h3{margin:0 0 8px;font-size:14px;color:var(--learning-muted);}.learning-order-item{width:100%;min-height:50px;margin:0 0 8px;border:0;border-radius:16px;padding:9px 11px;background:#fff;color:var(--learning-ink);text-align:left;font-size:15px;font-weight:850;line-height:1.35;box-shadow:0 6px 14px rgba(34,65,105,.07);cursor:pointer;}.learning-order-item.is-used{opacity:.32;pointer-events:none;}.learning-order-actions{display:flex;gap:9px;margin-top:10px;}.learning-order-actions button{min-height:46px;border:0;border-radius:16px;padding:0 15px;font-weight:950;cursor:pointer;}.learning-order-check{background:var(--learning-green);color:#fff;flex:1;}.learning-order-undo{background:#e9eff8;color:#35516e;}.learning-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;min-height:0;overflow:auto;padding-right:4px;}.learning-field{display:grid;gap:6px;}.learning-field.is-full{grid-column:1/-1;}.learning-field label{font-size:14px;font-weight:950;color:#314b67;}.learning-field input,.learning-field textarea,.learning-field select{width:100%;box-sizing:border-box;border:2px solid rgba(37,99,235,.13);border-radius:17px;background:#fff;color:var(--learning-ink);padding:11px 12px;font:800 16px/1.45 system-ui,-apple-system,"PingFang SC",sans-serif;outline:none;}.learning-field textarea{min-height:90px;resize:none;}.learning-field input:focus,.learning-field textarea:focus,.learning-field select:focus{border-color:#5b87e6;box-shadow:0 0 0 4px rgba(37,99,235,.08);}.learning-form-status{font-size:13px;color:var(--learning-muted);font-weight:800;margin-top:8px;}.learning-form-actions{display:flex;gap:10px;margin-top:10px;}.learning-form-actions button{min-height:52px;border:0;border-radius:18px;font-size:17px;font-weight:950;cursor:pointer;}.learning-form-submit{flex:1;background:var(--learning-green);color:#fff;}.learning-form-clear{background:#e9eff8;color:#35516e;padding:0 17px;}.learning-record{padding:11px 13px;border-radius:17px;background:#f5f8fc;}.learning-record strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.learning-record p{margin:4px 0 0;color:var(--learning-muted);font-size:13px;line-height:1.4;font-weight:750;}.learning-level-option{min-height:74px;border:2px solid transparent;border-radius:20px;background:#f5f8fc;padding:12px 14px;text-align:left;cursor:pointer;}.learning-level-option strong{display:block;font-size:18px;color:var(--learning-ink);}.learning-level-option span{display:block;margin-top:4px;color:var(--learning-muted);font-weight:750;line-height:1.4;}.learning-level-option.active{border-color:#5b87e6;background:#edf3ff;}.learning-completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;}.learning-completion-actions button,.learning-completion-actions a{min-height:52px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px;font-weight:950;cursor:pointer;}.learning-finish-back{background:#edf2fa;color:#35516e;}@media (max-width:900px){.learning-task-board{grid-template-columns:1fr;}.learning-card{min-height:auto;}.learning-choice-list{grid-template-columns:1fr 1fr;}}@media (max-width:640px){.learning-task-top{grid-template-columns:auto minmax(0,1fr);border-radius:20px;}.learning-top-action{display:none;}.learning-title-icon{width:42px;height:42px;font-size:23px;}.learning-title h1{font-size:19px;}.learning-card{border-radius:22px;padding:16px;}.learning-choice-list{grid-template-columns:1fr;}.learning-choice{min-height:60px;font-size:16px;}.learning-question-card h2{font-size:25px;}.learning-order-columns,.learning-form-grid{grid-template-columns:1fr;}.learning-field.is-full{grid-column:auto;}}@media (orientation:landscape) and (max-height:700px){.learning-task-top{min-height:56px;}.learning-title-icon{width:42px;height:42px;font-size:24px;}.learning-title h1{font-size:20px;}.learning-card{padding:16px;border-radius:23px;}.learning-choice{min-height:60px;font-size:16px;}.learning-question-card h2{font-size:28px;}.learning-feedback{min-height:56px;}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}:root{
  --catalog-ink:#14233d;--catalog-muted:#60708a;--catalog-line:#d8e4f2;
  --catalog-blue:#2563eb;--catalog-blue2:#0f74d8;--catalog-cyan:#14b8a6;
  --catalog-soft:#f3f7fd;--catalog-card:#ffffff;--catalog-good:#0d9468;
  --catalog-warn:#c97808;--catalog-bad:#c93f52;
}body[data-game-shell="thinking-hub"] .parent-group{margin:0;padding:18px;border:1px solid var(--catalog-line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(33,70,120,.08)}body[data-game-shell="thinking-hub"] .parent-group[hidden]{display:none!important}body[data-game-shell="thinking-hub"] .catalog-group-name{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 14px;font-size:24px}body[data-game-shell="thinking-hub"] .catalog-group-name small{max-width:420px;text-align:right;font-size:14px;line-height:1.5}body[data-game-shell="game"]{--game-accent:#2563eb;--game-accent-2:#0f74d8;background:radial-gradient(circle at 15% -10%,#d9eaff 0,transparent 38%),linear-gradient(150deg,#f8fbff 0,#edf4ff 100%);color:var(--catalog-ink)}body[data-game-shell="game"] :is(button,a){-webkit-tap-highlight-color:transparent}body[data-game-shell="game"] :is(button,a):focus-visible{outline:4px solid color-mix(in srgb,var(--game-accent) 28%,transparent);outline-offset:2px}body[data-game-shell="game"] :is(button,.quiz-choice,.game-choice,.quiz-cell,.game-cell,.game-tile){touch-action:manipulation}body[data-game-shell="game"] .quiz-choice{min-height:58px;border-radius:16px;background:#fbfcff;font-size:17px;transition:transform .12s ease,border-color .12s ease,background .12s ease}body[data-game-shell="game"] .quiz-choice:active{transform:scale(.985)}body[data-game-shell="game"] .quiz-btn{min-height:52px;border-radius:16px}body[data-game-shell="game"] .quiz-btn.primary{background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));box-shadow:0 9px 20px color-mix(in srgb,var(--game-accent) 22%,transparent)}body[data-game-shell="game"] .quiz-feedback{min-height:50px;border-radius:16px;font-size:15px}body[data-game-shell="game"] .quiz-cell{border-radius:13px;border-color:#ccd9e8;box-shadow:inset 0 -2px 0 rgba(31,64,102,.05)}body[data-game-shell="game"] .game-btn{min-height:50px;border-radius:15px}body[data-game-shell="game"] .game-btn.primary{background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));box-shadow:0 9px 20px color-mix(in srgb,var(--game-accent) 22%,transparent)}body[data-game-shell="game"] .game-feedback{min-height:50px;border-radius:16px;font-size:15px}body[data-game-shell="game"] .game-grid{place-self:center;max-height:min(59vh,520px);max-width:min(59vh,520px)}body[data-game-shell="game"] .game-cell{border-radius:10px;transition:transform .1s ease,background .12s ease}body[data-game-shell="game"] .game-cell:active:not(:disabled),body[data-game-shell="game"] .game-tile:active:not(.wall){transform:scale(.94)}body[data-game-shell="game"] .game-choice{min-height:58px;border-radius:16px;transition:transform .12s ease}body[data-game-shell="game"] .game-choice:active{transform:scale(.985)}body[data-game-shell="game"] .game-levels button.active{background:var(--game-accent);border-color:var(--game-accent)}body[data-game-shell="game"] :is(.quiz-completion-dialog,.game-completion-dialog){background:rgba(13,28,49,.62);backdrop-filter:blur(8px)}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions){gap:9px}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) .primary{min-height:56px;font-size:17px;background:linear-gradient(135deg,var(--game-accent),var(--game-accent-2));color:#fff}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) a{background:#f6f8fb;color:#53647b;border-color:#dce4ee}@media (max-width:900px),(orientation:portrait){body[data-game-shell="game"] .game-grid{max-height:none;max-width:min(100%,520px)}}@media (max-width:620px){body[data-game-shell="thinking-hub"] .catalog-group-name{display:block}body[data-game-shell="thinking-hub"] .catalog-group-name small{display:block;text-align:left;margin-top:4px}body[data-game-shell="game"] .game-question,body[data-game-shell="game"] .game-answers{padding:14px}body[data-game-shell="game"] .game-word-layout{gap:9px}body[data-game-shell="game"] .quiz-completion-actions,body[data-game-shell="game"] .game-completion-actions{grid-template-columns:1fr}body[data-game-shell="game"] :is(.quiz-completion-actions,.game-completion-actions) .primary{grid-column:auto}}@media (prefers-reduced-motion:reduce){body[data-game-shell="game"] *,body[data-game-shell="thinking-hub"] *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{
  --hub-bg:#eef5fc;--hub-ink:#143250;--hub-muted:#64788f;--hub-line:#d6e3ef;
  --hub-card:#fff;--hub-accent:#2563eb;--hub-accent-dark:#1747b0;--hub-soft:#e8f1ff;
  --hub-shadow:0 16px 42px rgba(31,68,103,.12);--hub-radius:24px;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--hub-ink);background:var(--hub-bg)}body.primary-page{padding:0 0 max(92px,env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}body.primary-page a{color:inherit;text-decoration:none}body.primary-page button{font:inherit;cursor:pointer}.hub-app{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:10px 0 30px;display:grid;gap:16px}.hub-top{min-height:66px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.96);border:1px solid var(--hub-line);border-radius:19px;box-shadow:0 8px 26px rgba(31,68,103,.08);position:relative;z-index:2}.hub-brand{display:flex;align-items:center;gap:11px;min-width:0}.hub-brand>i{width:46px;height:46px;border-radius:15px;background:var(--hub-accent);display:grid;place-items:center;color:#fff;font-size:25px;font-style:normal;box-shadow:0 8px 18px color-mix(in srgb,var(--hub-accent) 24%,transparent)}.hub-brand span{display:grid;min-width:0}.hub-brand strong{font-size:21px;line-height:1.08}.hub-brand small{margin-top:4px;color:var(--hub-muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-top-actions{display:flex;align-items:center;gap:8px}.hub-pill,.hub-top-actions>a{min-height:42px;padding:0 14px;border:1px solid var(--hub-line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;white-space:nowrap}.hub-top-actions>a{background:var(--hub-accent);border-color:var(--hub-accent);color:#fff}.hub-pill b{margin-left:5px;color:var(--hub-accent-dark)}.hub-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px}.hub-hero-main,.hub-hero-side,.hub-section{background:var(--hub-card);border:1px solid var(--hub-line);border-radius:var(--hub-radius);box-shadow:var(--hub-shadow)}.hub-hero-main{min-height:278px;padding:29px;position:relative;overflow:hidden}.hub-hero-main:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-66px;top:-72px;background:var(--hub-soft)}.hub-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--hub-soft);color:var(--hub-accent-dark);font-size:13px;font-weight:950;position:relative;z-index:1}.hub-hero h1{max-width:680px;margin:15px 0 10px;font-size:clamp(31px,3.5vw,44px);line-height:1.12;letter-spacing:-1px;position:relative;z-index:1}.hub-hero-main>p{max-width:700px;margin:0;color:var(--hub-muted);font-size:17px;line-height:1.62;font-weight:650;position:relative;z-index:1}.hub-main-action{width:min(560px,100%);min-height:72px;margin-top:22px;padding:12px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:18px;background:var(--hub-accent);color:#fff;box-shadow:0 13px 26px color-mix(in srgb,var(--hub-accent) 28%,transparent);position:relative;z-index:1}.hub-main-action>i{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-style:normal;font-size:25px}.hub-main-action span{display:grid;min-width:0}.hub-main-action b{font-size:18px}.hub-main-action small{margin-top:3px;opacity:.88;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-main-action em{font-style:normal;padding:9px 13px;border-radius:12px;background:#fff;color:var(--hub-accent-dark);font-weight:950;white-space:nowrap}.hub-hero-side{padding:20px;display:flex;flex-direction:column;justify-content:center}.hub-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.hub-side-head span{display:block;color:var(--hub-accent);font-size:12px;font-weight:950}.hub-side-head h2{margin:4px 0 0;font-size:20px;line-height:1.2}.hub-side-head>strong{padding:8px 10px;border-radius:12px;background:var(--hub-soft);color:var(--hub-accent-dark);font-size:14px}.hub-flow{display:grid;gap:9px}.hub-flow article{min-height:62px;padding:10px;border-radius:15px;background:var(--hub-soft);display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px}.hub-flow article>i{width:36px;height:36px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--hub-accent);font-style:normal;font-weight:950}.hub-flow span{display:grid}.hub-flow b{font-size:14px}.hub-flow small{margin-top:2px;color:var(--hub-muted);font-size:12px;font-weight:700}.hub-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-strip>article{min-height:86px;padding:13px 15px;border:1px solid var(--hub-line);border-radius:18px;background:#fff;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px}.hub-strip>article>i{width:44px;height:44px;border-radius:14px;background:var(--hub-soft);display:grid;place-items:center;font-style:normal;font-size:23px}.hub-strip span{display:grid;min-width:0}.hub-strip small{color:var(--hub-muted);font-size:11px;font-weight:850}.hub-strip b{margin-top:3px;font-size:16px;line-height:1.2}.hub-strip a,.hub-strip button{min-height:38px;padding:0 11px;border:1px solid var(--hub-line);border-radius:11px;background:#fff;color:var(--hub-accent);font-weight:950}.hub-section{padding:22px}.hub-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.hub-section-head span{display:block;color:var(--hub-accent);font-size:12px;font-weight:950}.hub-section-head h2{margin:4px 0 0;font-size:25px}.hub-section-head p{margin:5px 0 0;color:var(--hub-muted);font-size:14px;font-weight:650}.hub-section-head>a,.hub-section-head>strong{padding:9px 12px;border:1px solid var(--hub-line);border-radius:13px;background:#fff;color:var(--hub-accent-dark);font-size:13px;font-weight:950;white-space:nowrap}.hub-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-route-card{min-height:176px;padding:17px;border:1px solid var(--hub-line);border-radius:20px;background:linear-gradient(145deg,#fff,var(--hub-soft));display:flex;flex-direction:column;position:relative;overflow:hidden}.hub-route-card.is-featured{border:2px solid var(--hub-accent);box-shadow:0 10px 25px color-mix(in srgb,var(--hub-accent) 14%,transparent)}.hub-route-card>i{width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;font-style:normal;font-size:27px;box-shadow:0 8px 18px rgba(25,57,88,.08)}.hub-route-card h3{margin:12px 0 5px;font-size:20px}.hub-route-card>p{margin:0;color:var(--hub-muted);font-size:13px;line-height:1.45;font-weight:700}.hub-route-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.hub-route-meta span{padding:6px 8px;border-radius:999px;background:#fff;color:var(--hub-muted);font-size:11px;font-weight:850}.hub-route-card>a.hub-route-start{margin-top:auto;padding-top:14px;color:var(--hub-accent-dark);font-size:14px;font-weight:950}.hub-mini-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.hub-mini-links a{padding:7px 9px;border:1px solid var(--hub-line);border-radius:10px;background:#fff;color:var(--hub-accent-dark);font-size:11px;font-weight:850}.hub-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:7px;border:1px solid var(--hub-line);border-radius:16px;background:#f7f9fc}.hub-filter-bar button{min-height:42px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#50647c;font-weight:850}.hub-filter-bar button[aria-pressed="true"]{background:var(--hub-accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--hub-accent) 20%,transparent)}.hub-game-group[hidden]{display:none!important}.hub-group-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.hub-group-head>i{width:46px;height:46px;border-radius:14px;background:var(--hub-soft);display:grid;place-items:center;font-style:normal;font-size:25px}.hub-group-head span{display:grid}.hub-group-head b{font-size:20px}.hub-group-head small{margin-top:2px;color:var(--hub-muted);font-weight:700}.hub-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-game-grid a{min-height:86px;padding:11px;border:1px solid var(--hub-line);border-radius:16px;background:#fff;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px}.hub-game-grid a>i{width:44px;height:44px;border-radius:14px;background:var(--hub-soft);display:grid;place-items:center;font-style:normal;font-size:23px}.hub-game-grid span{display:grid;min-width:0}.hub-game-grid b{font-size:15px}.hub-game-grid small{margin-top:2px;color:var(--hub-muted);font-size:11px;font-weight:700}.hub-game-grid em{font-style:normal;color:var(--hub-accent);font-size:10px;font-weight:950}.hub-section .growth-row{min-height:62px;margin-top:8px;padding:9px 10px;border:1px solid var(--hub-line);border-radius:14px;background:#f9fbfd}.hub-section .growth-placeholder{padding:18px;border-radius:14px;background:#f3f6f9;color:var(--hub-muted);text-align:center;font-size:13px;font-weight:700}.hub-route-card:active,.hub-main-action:active,.hub-game-grid a:active{transform:scale(.985)}@media (max-width:900px){.hub-app{width:min(100% - 20px,760px)}.hub-hero{grid-template-columns:1fr}.hub-hero-main{min-height:238px}.hub-strip{grid-template-columns:1fr}.hub-route-grid{grid-template-columns:1fr}.hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){body.primary-page{padding-bottom:max(106px,calc(92px + env(safe-area-inset-bottom)))}.hub-app{width:calc(100% - 14px);gap:12px}.hub-top{min-height:58px;padding:7px 8px;border-radius:16px}.hub-brand>i{width:40px;height:40px}.hub-brand strong{font-size:18px}.hub-brand small{font-size:11px}.hub-pill{display:none}.hub-top-actions>a{min-height:40px;padding:0 12px}.hub-hero-main{min-height:0;padding:22px;border-radius:20px}.hub-hero h1{font-size:30px;letter-spacing:-.7px}.hub-hero-main>p{font-size:15px}.hub-main-action{grid-template-columns:44px 1fr auto}.hub-main-action em{padding:8px 10px}.hub-section{padding:18px;border-radius:20px}.hub-section-head{align-items:flex-start}.hub-section-head h2{font-size:23px}.hub-filter-bar{overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.hub-filter-bar button{white-space:nowrap}.hub-game-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hub-route-card,.hub-main-action,.hub-game-grid a{transition:none!important}}body.primary-page .hub-app>.hub-top{width:100%!important;max-width:none!important;margin-inline:0!important;justify-self:stretch!important}body.primary-page{--hub-blue:#2165ef;--hub-blue-2:#5aa6ff;--hub-ink:#0f2b4b;--hub-muted:#61748b;--hub-line:#d7e3ef;--hub-card:#fff;--hub-bg:#eef5fd;--hub-shadow:0 18px 48px rgba(38,72,112,.12);padding-bottom:max(104px,calc(94px + env(safe-area-inset-bottom)));background:
 radial-gradient(circle at 6% 2%,rgba(118,161,255,.14),transparent 25%),
 radial-gradient(circle at 96% 3%,rgba(85,220,204,.12),transparent 26%),
 var(--hub-bg)!important;color:var(--hub-ink)}body.primary-page .hub-app{width:min(1500px,calc(100% - 34px));max-width:none;margin:0 auto;padding:12px 0 34px;gap:18px}body.primary-page .hub-top{min-height:72px;padding:10px 15px;border-radius:22px;box-shadow:0 12px 30px rgba(35,65,100,.1)}body.primary-page .hub-top .hub-brand>i{width:50px;height:50px;border-radius:16px;font-size:27px}body.primary-page .hub-top .hub-brand strong{font-size:24px;letter-spacing:-.3px}body.primary-page .hub-top .hub-brand small{font-size:13px}body.primary-page .hub-top .hub-pill,body.primary-page .hub-top .hub-top-actions>a{min-height:46px;padding:0 17px;border-radius:15px;font-size:15px}.hub-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:8px 13px;border-radius:999px;background:#edf4ff;color:#1d5ccc;font-size:13px;font-weight:950}.hub-stage-copy{position:relative;z-index:3;max-width:64%}.hub-stage-copy h1{margin:16px 0 10px;font-size:clamp(38px,4vw,60px);line-height:1.06;letter-spacing:-2px}.hub-stage-copy p{max-width:670px;margin:0;color:#506987;font-size:17px;line-height:1.62;font-weight:700}.hub-learning-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.72fr);gap:18px}.hub-learning-stage,.hub-task-panel,.hub-learning-tasks,.hub-route-section,.hub-recent,.hub-thinking-section{border:1px solid var(--hub-line);border-radius:28px;background:#fff;box-shadow:var(--hub-shadow)}.hub-learning-stage{min-height:430px;padding:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eff6ff 0%,#d9ecff 100%)}.hub-learning-stage:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-82px;top:-100px;background:rgba(255,255,255,.42)}.hub-task-panel,.hub-learning-tasks{padding:24px;display:flex;flex-direction:column;justify-content:center}.hub-task-panel .hub-side-head,.hub-learning-tasks .hub-side-head{margin-bottom:16px}.hub-task-panel .hub-side-head h2,.hub-learning-tasks .hub-side-head h2{font-size:26px;letter-spacing:-.5px}.hub-task-panel .hub-side-head>strong,.hub-learning-tasks .hub-side-head>strong{font-size:18px;padding:10px 13px}.hub-summary-strip{display:grid;grid-template-columns:1fr 1.25fr 1.15fr;gap:16px}.hub-summary-strip>article{min-height:100px;padding:16px 18px;border:1px solid var(--hub-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(34,67,102,.08);display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px}.hub-summary-strip>article>i{width:54px;height:54px;border-radius:17px;background:#edf4ff;display:grid;place-items:center;font-style:normal;font-size:29px}.hub-summary-strip span{display:grid;min-width:0}.hub-summary-strip small{color:var(--hub-muted);font-size:12px;font-weight:850}.hub-summary-strip b{margin-top:3px;font-size:19px;line-height:1.25}.hub-summary-strip button,.hub-summary-strip a{min-height:44px;padding:0 15px;border:1px solid #cfe0f2;border-radius:14px;background:#fff;color:#1558c7;display:flex;align-items:center;justify-content:center;font-weight:950;white-space:nowrap}.hub-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.hub-section-title>span{font-size:23px;font-weight:950}.hub-section-title p{margin:0;color:var(--hub-muted);font-size:13px;font-weight:750}.hub-learning-stage{min-height:390px}.hub-learning-stage .hub-stage-copy{max-width:58%}.hub-learning-stage .hub-stage-copy h1{font-size:clamp(35px,3.5vw,52px)}.hub-learning-focus{position:absolute;left:34px;bottom:28px;width:min(600px,60%);min-height:150px;padding:18px;border-radius:25px;background:linear-gradient(135deg,#2d72ff,#0f5bdc);color:#fff;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:18px;z-index:3;box-shadow:0 18px 34px rgba(35,91,218,.3)}.hub-learning-focus>i{width:88px;height:88px;border-radius:24px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;font-size:48px}.hub-learning-focus span{display:grid}.hub-learning-focus small{font-size:12px;font-weight:850;opacity:.88}.hub-learning-focus b{margin-top:3px;font-size:29px}.hub-learning-focus em{margin-top:5px;font-style:normal;font-size:13px;font-weight:700;opacity:.9}.hub-learning-focus strong{width:max-content;margin-top:12px;padding:9px 15px;border-radius:13px;background:#fff;color:#1756c6;font-size:14px}.hub-path-scene{position:absolute;right:2%;bottom:5%;width:40%;height:72%;z-index:1}.hub-path-scene .route-line{position:absolute;width:230px;height:210px;right:35px;bottom:10px;border:18px solid #afd1ff;border-left-color:transparent;border-top-color:transparent;border-radius:0 0 130px 0;transform:rotate(-18deg);opacity:.9}.hub-path-scene .hub-star{position:absolute;right:28px;top:0;font-size:64px}.hub-path-scene .dot{position:absolute;width:38px;height:38px;border-radius:50%;background:#2874ee;color:#fff;display:grid;place-items:center;font-size:16px}.hub-path-scene .dot.one{right:120px;top:82px}.hub-path-scene .dot.two{right:75px;top:145px}.hub-path-scene .dot.three{right:175px;bottom:12px}.hub-path-scene .plant{position:absolute;right:15px;bottom:4px;font-size:48px}.hub-task-stack{display:grid;gap:13px}.hub-task-stack>a{min-height:86px;padding:12px;border:1px solid #d8e5f4;border-radius:20px;background:#fff;display:grid;grid-template-columns:39px 53px minmax(0,1fr) 24px;align-items:center;gap:12px}.hub-task-stack>a>em{width:39px;height:39px;border-radius:13px;background:#eaf2ff;color:#1d64df;display:grid;place-items:center;font-style:normal;font-weight:950}.hub-task-stack>a>i{width:53px;height:53px;border-radius:18px;background:#f5f9ff;border:1px solid #d9e5f3;display:grid;place-items:center;font-style:normal;font-size:30px}.hub-task-stack span{display:grid}.hub-task-stack b{font-size:17px}.hub-task-stack small{margin-top:4px;color:var(--hub-muted);font-size:12px;font-weight:700}.hub-task-stack>a>strong{font-size:26px;color:#7d8fa3}.hub-route-section,.hub-recent{padding:24px}.hub-learning-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-learning-cards>a{min-height:132px;padding:15px;border:1px solid #d7e4f1;border-radius:21px;background:#fff;display:grid;grid-template-columns:66px 1fr;grid-template-rows:1fr auto;gap:10px 13px;box-shadow:0 8px 22px rgba(39,73,105,.06);transition:.16s ease}.hub-learning-cards>a:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,73,105,.12)}.hub-learning-cards>a>i{grid-row:1/3;width:64px;height:64px;border-radius:19px;display:grid;place-items:center;font-style:normal;font-size:34px}.hub-learning-cards i.blue{background:#d9e9ff}.hub-learning-cards i.green{background:#d9f6e9}.hub-learning-cards i.yellow{background:#fff0c7}.hub-learning-cards i.pink{background:#ffe0ea}.hub-learning-cards i.purple{background:#ebe3ff}.hub-learning-cards i.cyan{background:#d8f4f6}.hub-learning-cards i.orange{background:#ffe7ce}.hub-learning-cards i.indigo{background:#e1e4ff}.hub-learning-cards span{display:grid;align-content:start}.hub-learning-cards b{font-size:17px}.hub-learning-cards small{margin-top:3px;color:var(--hub-muted);font-size:12px;font-weight:700}.hub-learning-cards em{display:flex;gap:5px;margin-top:9px;font-style:normal}.hub-learning-cards u{padding:4px 7px;border-radius:999px;background:#f0f5fb;color:#60758c;font-size:10px;font-weight:850;text-decoration:none}.hub-learning-cards>a>strong{grid-column:2;color:#1660d7;font-size:12px}.hub-thinking-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr);gap:18px}.hub-thinking-feature{min-height:330px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#4a2dbf,#6f50e9 70%,#7f67ef);color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 42px rgba(75,51,180,.28)}.hub-thinking-feature:before,.hub-thinking-feature:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.hub-thinking-feature:before{width:220px;height:220px;right:-55px;top:-60px}.hub-thinking-feature:after{width:120px;height:120px;right:220px;bottom:-45px}.hub-thinking-feature>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:900}.hub-thinking-feature h1{margin:17px 0 2px;font-size:48px;line-height:1}.hub-thinking-feature h2{margin:9px 0;font-size:18px}.hub-thinking-feature p{max-width:540px;margin:0;opacity:.88;font-size:15px;font-weight:700}.hub-thinking-feature>a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;margin-top:20px;padding:0 18px;border-radius:14px;background:#fff;color:#5033bf;font-weight:950}.hub-thinking-progress{position:absolute;left:30px;right:30px;bottom:24px;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:850}.hub-thinking-progress i{flex:1;height:7px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}.hub-thinking-progress b{display:block;width:26%;height:100%;background:#ffd654;border-radius:999px}.hub-brain-art{position:absolute;right:34px;bottom:58px;width:210px;height:190px}.hub-brain-art strong{position:absolute;right:15px;bottom:0;font-size:118px;filter:drop-shadow(0 16px 11px rgba(30,20,90,.24))}.hub-brain-art em{position:absolute;left:10px;top:0;font-size:72px;font-style:normal;transform:rotate(-10deg)}.hub-thinking-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-thinking-stats article{min-height:330px;padding:24px 20px;border:1px solid #ded9f5;border-radius:26px;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(60,50,120,.08)}.hub-thinking-stats span{color:#7257d8;font-size:13px;font-weight:950}.hub-thinking-stats b{margin-top:9px;font-size:22px;line-height:1.22}.hub-thinking-stats small{margin-top:7px;color:#718096;font-weight:700;line-height:1.45}.hub-thinking-stats i{width:78px;height:78px;margin-top:auto;border-radius:50%;background:#f0edff;display:grid;place-items:center;font-style:normal;font-size:42px;align-self:center}.hub-thinking-section{padding:20px}.hub-filter-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hub-filter-row .hub-filter-bar{flex:1;margin:0;border-radius:17px;background:#faf9ff;border-color:#ded9f5}.hub-sort{min-height:44px;padding:0 15px;border:1px solid #ded9f5;border-radius:15px;background:#fff;display:flex;align-items:center;color:#5f548c;font-size:12px;font-weight:900;white-space:nowrap}.hub-thinking .hub-thinking-groups{display:block}.hub-thinking .hub-game-group{margin:0}.hub-thinking .hub-group-head{margin:6px 0 12px}.hub-thinking .hub-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-thinking .hub-game-grid a{min-height:100px;padding:13px;border-radius:19px;grid-template-columns:58px 1fr 58px}.hub-thinking .hub-game-grid a>i{width:56px;height:56px;border-radius:18px;font-size:30px}.hub-thinking .hub-game-grid b{font-size:16px}.hub-thinking .hub-game-grid small{font-size:11px}.hub-thinking .hub-game-grid a:after{content:"开始";min-height:38px;padding:0 12px;border-radius:999px;background:#6653d8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}.hub-thinking .hub-game-grid a>em{position:absolute;margin-top:-66px;margin-left:2px;padding:3px 6px;border-radius:999px;background:#fff4bd;color:#8a6700}@media (max-width:1180px){body.primary-page .hub-app{width:min(100% - 22px,1050px)}.hub-learning-grid,.hub-thinking-top{grid-template-columns:1fr}.hub-learning-stage{min-height:430px}.hub-task-panel,.hub-learning-tasks{min-height:auto}.hub-learning-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-thinking-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-thinking-stats article{min-height:210px}.hub-thinking .hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){body.primary-page .hub-app{width:calc(100% - 14px);gap:12px}.hub-learning-stage{min-height:auto;padding:23px 20px 210px}.hub-stage-copy{max-width:100%!important}.hub-stage-copy h1{font-size:34px;letter-spacing:-1px}.hub-stage-copy p{font-size:15px}.hub-path-scene{width:54%;height:46%;right:0;bottom:0;opacity:.85}.hub-learning-focus{left:16px;right:16px;bottom:15px;width:auto!important;min-height:124px!important}.hub-learning-focus{grid-template-columns:65px 1fr}.hub-learning-focus>i{width:62px;height:62px;font-size:35px}.hub-learning-focus b{font-size:22px}.hub-summary-strip,.hub-learning-cards,.hub-thinking-stats,.hub-thinking .hub-game-grid{grid-template-columns:1fr}.hub-summary-strip>article{min-height:84px}.hub-task-panel,.hub-learning-tasks,.hub-route-section,.hub-recent,.hub-thinking-section{padding:18px;border-radius:22px}.hub-thinking-feature{min-height:360px;padding:24px}.hub-thinking-feature h1{font-size:38px}.hub-brain-art{right:8px;bottom:70px;transform:scale(.72)}.hub-thinking-stats article{min-height:160px}.hub-filter-row{align-items:stretch;flex-direction:column}.hub-sort{width:max-content}.hub-thinking .hub-game-grid a{grid-template-columns:52px 1fr 55px}.hub-section-title{align-items:flex-start;flex-direction:column}}.hub-thinking-feature>a{color:#5033bf!important;font-size:15px!important;line-height:1!important}@media (min-width:1100px){body.primary-page{padding-left:112px;padding-bottom:28px}body.primary-page .hub-app{width:min(1500px,calc(100% - 28px));margin:0 auto}}@media (min-width:761px){.hub-learning-stage{min-height:480px}.hub-learning-stage .hub-stage-copy{max-width:56%}}.hub-learning-focus,.hub-learning-focus small,.hub-learning-focus b,.hub-learning-focus em{color:#fff!important}.hub-learning-focus strong{background:#fff!important;color:#1756c6!important}

/* v444 strategy catalogue */
.strategy-catalog-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:4px 0 16px;
}
.strategy-catalog-summary article{
  min-height:76px;
  padding:12px 14px;
  border:1px solid #ded9f5;
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#faf9ff);
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.strategy-catalog-summary article>i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#f0edff;
  font-style:normal;
  font-size:22px;
}
.strategy-catalog-summary article>span{display:grid;min-width:0}
.strategy-catalog-summary b{font-size:14px}
.strategy-catalog-summary small{margin-top:3px;color:#718096;font-size:11px;font-weight:700}
.strategy-catalog-summary strong{
  min-width:46px;
  padding:7px 9px;
  border-radius:11px;
  background:#6653d8;
  color:#fff;
  text-align:center;
  font-size:12px;
}
.strategy-category{
  margin-top:12px;
  padding:14px;
  border:1px solid #e2def5;
  border-radius:20px;
  background:#fbfaff;
}
.strategy-category>header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:11px;
}
.strategy-category>header>i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#ebe7ff;
  font-style:normal;
  font-size:20px;
}
.strategy-category>header>span{display:grid}
.strategy-category>header b{font-size:16px;color:#3c307d}
.strategy-category>header small{margin-top:2px;color:#766f96;font-size:11px;font-weight:700}
.hub-thinking .strategy-game-grid a{
  min-height:112px;
  align-items:center;
}
.hub-thinking .strategy-game-grid span>em{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  padding:4px 7px;
  border-radius:999px;
  background:#eeebff;
  color:#5e49c9;
  font-size:10px;
  font-weight:950;
  font-style:normal;
  white-space:nowrap;
}
@media(max-width:1180px){
  .strategy-catalog-summary{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .strategy-catalog-summary{grid-template-columns:1fr}
  .strategy-category{padding:12px;border-radius:18px}
  .hub-thinking .strategy-game-grid a{min-height:108px}
}