.jxgbox{-ms-touch-action:none;background-color:#fff;border:1px solid #356aa0;border-radius:10px;margin:0;position:relative;overflow:hidden}.jxgbox svg text{cursor:default;-webkit-user-select:none;user-select:none}.JXGtext{background-color:#0000;margin:0;padding:0;font-family:Courier,monospace}.JXGinfobox{border:0 #000}.jxgbox :focus{outline-width:.5px;outline-style:dotted}.JXG_navigation{z-index:100;cursor:pointer;background-color:#0000;padding:2px;font-size:14px;position:absolute;bottom:5px;right:5px}.JXG_navigation_button{color:#666}.JXG_navigation_button:hover{background:#b8b8b880;border-radius:2px}.JXG_navigation_button svg{padding:0;position:relative;top:.2em}.JXG_wrap_private:fullscreen{background-color:#ccc;width:100%;height:100%;padding:0}.JXG_wrap_private:fullscreen{background-color:#ccc;width:100%;height:100%;padding:0}.smart-label-solid{text-align:center;vertical-align:middle;border-radius:150px;margin:0;padding:1px 7px;color:#fff!important}.smart-label-outline{text-align:center;vertical-align:middle;border:2px solid #000;border-radius:15px;margin:0;padding:1px 7px;color:#000!important;background-color:#fff!important}.smart-label-pure{text-align:center;vertical-align:middle;border:none;border-radius:15px;margin:0;padding:20px 7px 1px;color:#000!important;background-color:#0000!important}.smart-label-line,.smart-label-point{background-color:#0072b2;border-color:#0072b2}.smart-label-point{margin-top:12px}.smart-label-angle{background-color:#e69f00;border-color:#e69f00;padding:1px 7px}.smart-label-polygon,.smart-label-circle{color:#000;background-color:#f0e442;border-color:#f0e442;padding:1px 7px}
.hb-board{--hb-ink:#354339;--hb-green:#526c52;--hb-muted:#8e9a83;--hb-line:#e4e7db;color:var(--hb-ink);min-height:100%;padding:24px clamp(20px,4vw,64px) 44px;font:15px/1.75 Microsoft YaHei,PingFang SC,system-ui,sans-serif}.hb-board button,.hb-board input{font:inherit}.hb-board button{cursor:pointer;color:inherit}.hb-board button:focus-visible,.hb-board input:focus-visible{outline-offset:3px;outline:2px solid #9eb68d}.hb-board button:disabled{opacity:.35;cursor:default}.hb-board-topline{color:#8e9d82;justify-content:space-between;align-items:center;gap:10px;margin:0 0 22px;font-size:11px;display:flex}.hb-board-topline button{background:0 0;border:1px solid #e0e7d7;border-radius:30px;padding:5px 11px;font-size:10px}.hb-editor-toolbar{align-items:center;gap:4px;margin-bottom:8px;display:flex}.hb-editor-toolbar button{background:#f1f4e9;border:0;border-radius:5px;width:27px;height:26px;font-size:12px}.hb-editor-toolbar span{color:#a4ad99;margin-left:8px;font-size:10px}.hb-explanation{overflow-wrap:anywhere;outline:none;min-height:130px;font-size:16px;line-height:1.9}.hb-explanation p{margin:0 0 10px}.hb-explanation p:first-child{letter-spacing:.5px;color:#43573e;margin-bottom:16px;font-size:28px;font-weight:600;line-height:1.5}.hb-explanation p.is-editor-empty:first-child:before{color:#9ba68d}.hb-explanation ul{padding-left:24px}.hb-block{border-top:1px solid var(--hb-line);margin-top:23px;padding-top:20px}.hb-block-caption{color:#74856a;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.hb-block-caption small{color:#a5ae98;font-size:10px}.hb-formula-host{min-height:56px}.hb-formula-host math-field{color:#43573e;--selection-background-color:#e4ecd9;--caret-color:#526c52;--primary:#526c52;--hue:100;background:#f7f8f1;border:1px solid #e3e9d9;border-radius:9px;width:100%;min-height:58px;padding:10px 15px;font-size:24px;display:block}.hb-formula-host math-field::part(virtual-keyboard-toggle){color:#8ca078}.hb-number-picker{color:#9aa68e;align-items:center;gap:10px;font-size:10px;display:flex}.hb-number-picker input{text-align:center;color:#536f46;background:#fbfcf6;border:1px solid #dce6d1;border-radius:7px;width:76px;min-height:34px;font-size:16px}.hb-place-digits{grid-template-columns:repeat(3,1fr);gap:12px;max-width:450px;margin:20px auto 12px;display:grid}.hb-place-digits>div{text-align:center;background:#eef3e6;border:1px solid #e1e8d6;border-radius:10px;padding:12px 18px}.hb-place-digits>div:nth-child(2){background:#f8f0e1;border-color:#eee1c7}.hb-place-digits>div:nth-child(3){background:#edf3f3;border-color:#e0e9e8}.hb-place-digits span{color:#8c9b7e;font-size:11px;display:block}.hb-place-digits strong{color:#526c52;font-size:36px;font-weight:500;line-height:1.7;display:block}.hb-place-digits small{color:#9ca78e;font-size:11px;display:block}.hb-numberline.jxgbox{touch-action:pan-y;background:0 0;border:0;border-radius:0;width:100%;height:100px;overflow:hidden}.hb-numberline .JXGtext{font-family:inherit!important}.hb-interaction-hint{color:#9ca98e;margin:7px 0 0;font-size:10px;line-height:1.8}.hb-sketch-toggle{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;font-size:12px;display:flex;color:#718569!important}.hb-sketch-toggle>span:last-child{color:#a0ac95;font-size:10px}.hb-sketch{isolation:isolate;border:1px solid #e2e8d8;border-radius:11px;height:420px;min-height:320px;margin-top:14px;overflow:hidden}.hb-sketch .excalidraw{--color-primary:#6a8457;--color-primary-darker:#526c42;--color-primary-darkest:#435b36;--color-primary-light:#e9efdf;--island-bg-color:#fffefa;--default-bg-color:#fffefa}.hb-component-loading,.hb-component-error{color:#9aa58d;padding:18px 0;font-size:11px}.hb-component-error{color:#9a6b43}.hb-board .hb-sketch .excalidraw button{font-family:inherit}.hb-board .hb-sketch .excalidraw .App-menu_top .buttonList{min-width:0}@media (max-width:700px){.hb-board{padding:20px 19px 30px}.hb-explanation{font-size:15px}.hb-explanation p:first-child{font-size:23px}.hb-board-topline{margin-bottom:16px}.hb-block-caption{align-items:flex-start}.hb-block-caption small{text-align:right;max-width:100px}.hb-formula-host math-field{padding:8px 10px;font-size:20px}.hb-place-digits{gap:8px}.hb-place-digits>div{padding:8px}.hb-place-digits strong{font-size:30px}.hb-number-picker{flex-direction:column;align-items:flex-end;gap:3px}.hb-sketch{height:380px}.hb-interaction-hint{font-size:10px}}
.live-starting{color:#526c52;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;font:26px Georgia,serif;display:flex}.live-starting span{color:#9ba78d;font:12px Microsoft YaHei,sans-serif}.live-demo-entry{color:#597449;white-space:nowrap;background:#edf2e3;border:1px solid #acbd99;border-radius:30px;padding:8px 15px;font-size:11px}.live-demo-entry:hover{background:#e4edd8}.header-right:has(.live-demo-entry){gap:15px}.hanabi-live-view .learning-workspace{grid-template-columns:205px minmax(0,1fr);gap:25px}.hanabi-live-view .robot-rail{align-self:center;padding-top:15px}.live-robot{text-align:center;width:205px;max-width:100%}.live-robot .robot-button{width:205px}.live-robot .robot-button img{height:265px}.live-robot-note{color:#9da88f;letter-spacing:.3px;margin:18px 10px 15px;font-size:10px;line-height:1.9}.live-demo-badge{letter-spacing:.7px;color:#a48e65;background:#f3eddf;border:1px solid #e8dfc9;border-radius:30px;padding:4px 10px;font-size:9px;display:inline-block}.live-whiteboard{height:calc(100dvh - 108px);min-height:520px}.live-board-scroll{scrollbar-width:thin;scrollbar-color:#dce2d1 transparent;flex:1;min-height:0;overflow:auto}.live-conversation{flex:none}.live-status{color:#98a48b;overflow-wrap:anywhere;min-height:17px;margin:0 4px 11px;font-size:10px;line-height:1.65}.live-messages{scrollbar-width:thin;max-height:150px;margin:0 5px 10px;padding-right:8px;overflow:auto}.live-messages .chat-message{white-space:pre-wrap;overflow-wrap:anywhere;gap:10px;margin:0 0 9px;font-size:12px;line-height:1.8;display:flex}.live-messages .chat-speaker{color:#8fa17e;flex-shrink:0;width:25px;padding-top:2px;font-size:10px}.live-messages .is-student>span:last-child{color:#7c876f}.live-messages .is-pending{color:#a1ac94}.live-thinking-dots{letter-spacing:2px}.live-model-status{color:#a4ae96;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:75%;font-size:9px;display:flex;overflow:hidden}.live-model-status i{background:#b5aa85;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.live-model-status.is-connected i{background:#93ab7d}.live-whiteboard .microphone.is-listening{color:#af7346;background:#fbf1e5}.live-whiteboard .send-button:disabled{opacity:.35;cursor:default}.live-index-note{flex-direction:column;min-height:100%;padding:36px clamp(24px,4vw,64px);display:flex}.live-index-badge{color:#b59c75;margin-bottom:20px;font-size:10px;display:block}.live-index-note textarea{resize:none;color:#586c4f;background:0 0;border:0;outline:none;flex:1;width:100%;min-height:260px;font:17px/1.9 Microsoft YaHei,PingFang SC,system-ui,sans-serif}.live-text-button{text-align:left;color:#7c9269;background:0 0;border:0;align-self:flex-start;padding:12px 0;font-size:11px}.hanabi-live-view .conversation{padding-top:7px}.hanabi-live-view .board-heading{padding-bottom:4px}.hanabi-live-view .hb-board{padding-top:18px}.hanabi-live-view .composer-meta{min-height:20px}.hanabi-live-view .composer input{min-width:0}.hanabi-live-view .whiteboard .hb-board-topline{margin-bottom:16px}.hanabi-live-view .hb-explanation p:first-child{font-size:26px}@media (max-width:1100px){.hanabi-live-view .learning-workspace{grid-template-columns:155px minmax(0,1fr);gap:15px;padding-left:14px;padding-right:28px}.live-robot,.live-robot .robot-button{width:155px}.live-robot .robot-button img{height:225px}.live-robot-note{margin-left:0;margin-right:0;font-size:9px}.live-demo-badge{font-size:8px}}@media (max-width:760px){.header-right:has(.live-demo-entry){gap:10px}.header-right .preview-label{display:none}.live-demo-entry{padding:7px 11px;font-size:10px}.hanabi-live-view .learning-workspace{min-height:calc(100dvh - 64px);padding:0 13px 15px;display:block}.hanabi-live-view .tutor-header{gap:14px;height:64px;padding:0 17px}.hanabi-live-view .tutor-course-name{max-width:65%;padding-left:13px;font-size:10px}.hanabi-live-view .tutor-stage{display:none}.hanabi-live-view .robot-rail{z-index:4;pointer-events:none;padding:0;display:block;position:fixed;bottom:121px;right:17px}.live-robot{pointer-events:auto;width:62px}.live-robot .robot-button{width:62px}.live-robot .robot-button img{filter:drop-shadow(0 3px 6px #76865a18);height:84px}.live-robot .robot-name,.live-robot-note,.live-demo-badge{display:none}.live-whiteboard{border-radius:13px;height:calc(100dvh - 80px);min-height:400px}.live-whiteboard .board-heading{padding:16px 18px 0}.live-whiteboard .board-heading>span:last-child{font-size:8px}.live-whiteboard .hb-board{padding-top:18px}.hanabi-live-view .hb-explanation p:first-child{font-size:23px}.live-whiteboard .conversation{padding:8px 15px 11px}.live-messages{max-height:125px}.live-status{margin-bottom:8px;padding-right:45px;font-size:9px}.live-model-status{font-size:8px}.live-index-note{padding:27px 20px}.live-index-note textarea{font-size:16px}.live-whiteboard .composer input{font-size:11px}.live-whiteboard .hb-sketch{height:350px}}@media (max-width:380px){.header-right .continue-link{display:none}.live-demo-entry{font-size:9px}.live-whiteboard .board-heading>span:last-child{display:none}}@media (max-width:760px){.hanabi-live-view .robot-rail{height:auto;left:auto}.hanabi-live-view .tutor-header{padding-right:76px}.hanabi-live-view .tutor-course-name{flex:1;min-width:0;max-width:none}.hanabi-live-view .robot-rail{height:54px;inset:5px 18px auto auto}.hanabi-live-view .live-robot,.hanabi-live-view .live-robot .robot-button{width:44px}.hanabi-live-view .live-robot .robot-button img{height:54px}}