.tk-graph-scroll{min-width:0;max-width:100%}.tk-graph-scroll:focus-visible{outline:2px solid #e8c58c;outline-offset:3px}.tk-scroll-hint{display:none}
.task-knowledge{--tk-ink:#dbecef;--tk-muted:#a1bac5;--tk-green:#a7dccc;--tk-warm:#e1bd89;min-width:0;color:var(--tk-ink);margin:8px 0 20px}
.tk-mode-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.task-knowledge .tk-mode{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:11px 16px;border:0;border-bottom:2px solid #34535f;border-radius:0;background:transparent;color:#b8cbd5;text-align:left;cursor:pointer}
.tk-mode strong{font-size:23px;font-weight:500}.tk-mode span{font-size:12px;line-height:1.6}.task-knowledge .tk-mode[aria-pressed=true]{border-color:#b5e6d6;background:#28474e55;color:#def8ec}.task-knowledge .tk-mode:hover{background:#28474e55}.task-knowledge button:focus-visible{outline:3px solid #e8c58c;outline-offset:4px}
.tk-visual-stage{min-width:0}.tk-visual-stage svg{display:block;width:100%;height:auto}.tk-visual-stage svg text{font-family:inherit;font-size:20px;fill:#b7ced8}.tk-visual-stage svg .tk-svg-warm{fill:#efd1a0}.tk-visual-stage svg .tk-svg-question{font-size:62px;fill:#e0c49a}.task-knowledge p{margin:0;line-height:1.75}.task-knowledge .tk-note{font-size:12px;color:var(--tk-muted);line-height:1.7}.tk-small-label{font-size:13px;letter-spacing:.05em;color:#a9c3cd}.tk-perception{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:34px;align-items:center}.tk-photo{position:relative;margin:0;min-width:0}.tk-photo>img{display:block;width:100%;height:auto;border-radius:8px}.tk-photo .tk-photo-overlay{position:absolute;inset:0 0 auto;pointer-events:none;width:100%;height:auto}.tk-photo figcaption{font-size:12px;color:#a6bfca;margin-top:8px}.tk-photo-tag{position:absolute;left:27%;top:32%;background:#101f26ed;color:#f4e5bb;border-left:2px solid #edd9a0;padding:5px 9px;font-size:13px}.tk-perception-result{display:flex;flex-direction:column;align-items:center;text-align:center}.tk-perception-result>svg{width:min(100%,245px);margin:4px 0}.tk-leaf-clues{display:flex;gap:18px;font-size:14px;color:#c9e4d8}.tk-visual-arrow{font-size:30px;color:#7ca69e;line-height:1.6}.tk-candidate{display:block;font-size:36px;font-weight:500;color:#e7d1a8;margin:8px 0 2px}.tk-scene-caption{font-size:17px;color:#d4e6e8;padding:16px 0 10px}.tk-scene-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.task-knowledge .tk-action{border:1px solid #7ca99e;border-radius:5px;background:#1e3a43;color:#dcf3ec;padding:9px 18px;min-height:42px;font-size:14px;cursor:pointer}.task-knowledge .tk-action:hover{background:#30545b}.tk-prepared-note{font-size:11px;color:#95aeb8}.tk-inference,.tk-learning{max-width:1050px;margin-inline:auto}.tk-graph-scroll>svg{max-height:390px}.tk-graph-caption{font-size:16px;color:#dbcbac;margin:7px 0 5px!important}.tk-learning-heading{font-size:18px;color:#d1e8dd;margin-bottom:8px!important}.tk-generation{display:grid;grid-template-columns:minmax(0,.85fr) 42px minmax(0,1.2fr);gap:22px;align-items:center;max-width:1000px;margin:auto}.tk-materials{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.tk-fact{font-size:19px;line-height:1.7;border-left:3px solid #79b2a5;padding:12px 16px;background:#213e4666;min-width:85%}.tk-fact-theme{font-size:23px}.tk-unknown{border-left-style:dashed;border-color:#a4a59b;color:#b3c3ca}.tk-new-fact{border-color:#ebce91;color:#f1dab1}.tk-generation-arrow{font-size:36px;color:#91b8b2}.tk-notice{position:relative;background:#e8eee6;color:#233d3c;padding:25px 30px 22px;border-radius:4px;min-height:335px;box-shadow:8px 9px 0 #43616e35}.tk-notice .tk-sheet-kicker{font-size:11px;color:#506e62;letter-spacing:.18em}.tk-notice h3{font-size:26px!important;font-weight:500!important;color:#2b5146!important;margin:12px 0!important}.tk-notice .tk-notice-leaf{width:110px;float:right;margin:-6px 0 5px 12px;opacity:.8}.tk-notice p{font-size:17px;color:#2a453f;line-height:1.9}.tk-notice .tk-notice-place{clear:both;margin-top:20px;padding:9px 0;border-top:1px solid #b7c8bb}.tk-notice-place strong{font-weight:500}.tk-place-updated{background:#e0c18344}.tk-draft-stamp{position:absolute;top:23px;right:24px;border:1px solid #9bab9c;color:#68806c;font-size:11px;padding:2px 7px;transform:rotate(8deg)}.tk-sheet-note{display:block;font-size:11px;color:#6b7e71;margin-top:12px}
.fl-large .tk-mode strong{font-size:27px}.fl-large .tk-mode span,.fl-large .tk-small-label,.fl-large .tk-leaf-clues{font-size:16px}.fl-large .tk-scene-caption{font-size:21px}.fl-large .task-knowledge .tk-note,.fl-large .tk-photo figcaption,.fl-large .tk-prepared-note{font-size:15px}.fl-large .task-knowledge .tk-action{font-size:17px}
@media(min-width:1600px){.tk-mode span{font-size:15px}.tk-scene-caption{font-size:20px}.task-knowledge .tk-note,.tk-small-label,.tk-photo figcaption{font-size:15px}.tk-perception{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);max-width:1190px;margin:auto}.tk-perception-result>svg{width:260px}.tk-candidate{font-size:40px}.tk-photo-tag{font-size:16px}.tk-graph-scroll>svg{max-height:350px}}
@media(max-width:700px){.tk-mode-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:17px}.task-knowledge .tk-mode{padding:9px 6px;align-items:center}.tk-mode strong{font-size:19px}.tk-mode span{display:none}.tk-perception{grid-template-columns:1fr;gap:15px}.tk-perception-result{display:grid;grid-template-columns:100px minmax(0,1fr);gap:2px 13px;text-align:left;align-items:center}.tk-perception-result>svg{grid-column:1;grid-row:1/5;width:100px;margin:0}.tk-perception-result>.tk-small-label:first-child{display:none}.tk-perception-result .tk-leaf-clues{grid-column:2;grid-row:1;gap:10px;font-size:12px}.tk-perception-result .tk-visual-arrow{display:none}.tk-perception-result>.tk-small-label{grid-column:2;grid-row:2;font-size:11px;margin-top:4px}.tk-perception-result .tk-candidate{grid-column:2;grid-row:3;font-size:28px;margin:0}.tk-perception-result .tk-note{grid-column:2;grid-row:4;font-size:11px}.tk-photo-tag{font-size:11px;left:25%;top:30%}.tk-scene-caption{font-size:15px;padding-top:14px}.tk-scene-tools{gap:8px}.tk-prepared-note{font-size:10px}.task-knowledge .tk-action{font-size:13px;min-height:42px;padding:8px 12px}.tk-graph-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}.task-knowledge .tk-scroll-hint{display:block;font-size:11px;color:#9bb6c2;margin:4px 0 8px}.tk-graph-scroll>svg{min-width:540px}.tk-graph-caption{font-size:14px}.tk-generation{grid-template-columns:1fr;gap:14px}.tk-materials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tk-materials>.tk-small-label{grid-column:1/-1}.tk-fact{font-size:14px;padding:7px 9px;min-width:0}.tk-fact-theme{font-size:16px;grid-column:1/-1}.tk-generation-arrow{display:none}.tk-notice{min-height:270px;padding:20px}.tk-notice h3{font-size:23px!important}.tk-notice p{font-size:15px}.tk-notice .tk-notice-leaf{width:90px}.tk-learning-heading{font-size:16px}.fl-large .tk-mode strong{font-size:21px}.fl-large .tk-mode span{display:none}.fl-large .tk-scene-caption{font-size:18px}.fl-large .task-knowledge .tk-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.task-knowledge *{animation:none!important;transition:none!important}}