:root{--cr-ink:#24313d;--cr-muted:#59635f;--cr-sage:#44755d;--cr-sage-dark:#315f4a;--cr-blue:#415a77;--cr-coral:#b85f48;--cr-amber:#b3742d;--cr-paper:#fffdfc;--cr-bg:#f7f1e8;--cr-soft:#f2eadf;--cr-line:#d8ccbf}
*{box-sizing:border-box}body.chicken-rabbit-page{margin:0;min-height:100vh;overflow-x:hidden;color:var(--cr-ink);background:linear-gradient(180deg,#f7f1e8,#f3ecdf);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.chicken-rabbit-main{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:10px 0 22px}body.chicken-rabbit-page.xinyu-tool .tool-heading{padding:3px 0 9px;text-align:center}.chicken-rabbit-page .eyebrow{margin:0 0 3px;color:#526c87;font-size:11px;font-weight:900}body.chicken-rabbit-page.xinyu-tool .tool-heading h1{margin:0;color:#24313d;font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;text-wrap:balance}.chicken-rabbit-page .lead{max-width:900px;margin:5px auto 0;color:var(--cr-muted);font-size:13px;font-weight:700}.chicken-rabbit-page .chips{display:flex;justify-content:center;gap:6px;margin-top:7px}.chicken-rabbit-page .chip{padding:3px 9px;border:1px solid #d9cec1;border-radius:999px;color:#415a77;background:#fffdfc;font-size:10px;font-weight:850}
.chicken-lab{display:grid;grid-template-columns:minmax(0,1fr) 338px;min-height:548px;overflow:hidden;border:1px solid var(--cr-line);border-radius:20px;background:var(--cr-paper);box-shadow:0 20px 50px rgba(65,55,42,.13)}.chicken-lab .stage{position:relative;min-width:0;border-right:1px solid #e5dbcf;background:#fffdfc}.chicken-lab .stage-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 16px;color:#24313d;background:#f2eadf;background-image:none}.stage-kicker{margin:0 0 2px;color:#315f4a;font-size:10px;font-weight:900;letter-spacing:.05em}.chicken-lab .stage-title{margin:0;color:#24313d;font-size:19px;line-height:1.2}.chicken-lab .stage-meta{margin:0;color:#485b67;font-size:11px;font-weight:850;text-align:right}.model-boundary{margin:7px 14px 0;padding:6px 10px;border-left:3px solid #b3742d;border-radius:8px;color:#5d4a35;background:#fff5e4;font-size:10px;line-height:1.35;font-weight:750}
.prediction-preview{position:relative;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) auto;align-items:center;gap:8px;margin:7px 14px 0;padding:7px 10px;border:1px dashed #8aa091;border-radius:11px;color:#3c5549;background:#f4f7f2}.prediction-preview[hidden]{display:none}.prediction-preview p{display:grid;gap:1px;margin:0}.prediction-preview p strong{font-size:10px}.prediction-preview p span{font-size:9px;font-weight:750}.ghost-pen{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden}.ghost-animal{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1.5px dashed currentColor;border-radius:50%;font-size:9px;font-weight:900;opacity:.72}.ghost-animal.rabbit{color:#8e4e3d;border-radius:45% 45% 50% 50%}.ghost-animal.chicken{color:#315f4a}.ghost-relation{padding:3px 7px;border-radius:999px;color:#6d4d22;background:#fff4dd;font-size:9px;font-weight:900;white-space:nowrap}.clear-prediction{display:block;min-height:44px!important;margin:5px 14px 0 auto;padding:0 10px;border:1px solid #7c8e82;border-radius:8px;color:#315f4a;background:#fffdfc;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.clear-prediction[hidden]{display:none}
.pen-shell{position:relative;margin:8px 14px 0;overflow:hidden;border:1px solid #d8c9b8;border-radius:15px;background:linear-gradient(180deg,#fffaf3 0 78%,#eadcc8 78%);box-shadow:inset 0 -14px 24px rgba(129,93,58,.06)}.pen-shell::before{position:absolute;inset:auto 0 17% 0;height:5px;background:repeating-linear-gradient(90deg,#9c7654 0 22px,transparent 22px 35px);content:"";opacity:.48}.pen-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:5px 10px;color:#52616a;background:#f2e9dd;font-size:9px;font-weight:850}.pen-head strong{color:#315f4a}.animal-pen{position:relative;z-index:1;display:grid;grid-template-columns:repeat(10,minmax(52px,1fr));align-content:center;gap:6px;min-height:206px;padding:12px 10px 22px}.animal-token{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:78px;padding:5px 2px;border:1px solid #ccbba8;border-radius:13px;color:#334e44;background:rgba(255,253,252,.94);font:inherit;cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.animal-token:hover:not(:disabled){border-color:#44755d;box-shadow:0 7px 18px rgba(68,117,93,.13);transform:translateY(-2px)}.animal-token:focus-visible,.clear-prediction:focus-visible{outline:3px solid #8a3f29;outline-offset:2px}.animal-token:disabled{opacity:1;cursor:default}.animal-token.rabbit{border-color:#c98774;color:#7b3f33;background:#fff4ef}.animal-token.pending{border-style:dashed;color:#6f7774;background:rgba(255,255,255,.62)}.animal-name{font-size:9px;font-weight:900;white-space:nowrap}.animal-shape{position:relative;display:block;width:46px;height:38px;color:#44755d}.animal-body{position:absolute;left:9px;top:13px;width:27px;height:18px;border:3px solid currentColor;border-radius:50%;background:#edf4ef}.animal-head{position:absolute;right:2px;top:7px;width:15px;height:15px;border:3px solid currentColor;border-radius:50%;background:#fffdfc}.animal-shape.rabbit{color:#b85f48}.animal-shape.rabbit .animal-head::before,.animal-shape.rabbit .animal-head::after{position:absolute;top:-12px;width:4px;height:12px;border:2px solid currentColor;border-radius:50%;background:#fff4ef;content:""}.animal-shape.rabbit .animal-head::before{left:0;transform:rotate(-8deg)}.animal-shape.rabbit .animal-head::after{right:0;transform:rotate(8deg)}.animal-shape.pending{color:#7c8580}.animal-shape.pending::after{position:absolute;inset:3px;display:grid;place-items:center;border:2px dashed currentColor;border-radius:50%;content:"?";font-size:17px;font-weight:900}.animal-shape.pending>*{display:none}.leg{position:absolute;top:28px;width:3px;height:10px;border-radius:3px;background:currentColor}.leg-one{left:14px}.leg-two{left:29px}.leg-three{left:21px}.leg-four{left:36px}.animal-shape.chicken .leg-three,.animal-shape.chicken .leg-four{display:none}.animal-token.is-changing .animal-shape{animation:replace-pop .28s ease-out}.step-pulse{position:absolute;z-index:3;right:16px;top:42px;padding:6px 10px;border-radius:999px;color:#6b4318;background:#ffe5b4;box-shadow:0 5px 16px rgba(179,116,45,.2);font-size:12px;font-weight:950;opacity:0;transform:translateY(8px);pointer-events:none}.step-pulse.is-visible{animation:step-rise .28s ease-out}
.leg-track{margin:7px 14px 0;padding:7px 10px;border:1px solid #d9d2c8;border-radius:11px;background:#f7f5ef}.leg-track[hidden]{display:none}.track-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#50616a;font-size:10px;font-weight:850}.track-summary strong{color:#294f5d}.track-line{position:relative;height:8px;margin:9px 10px 7px;border-radius:999px;background:linear-gradient(90deg,#c8d6cf,#d9c5ae)}.track-start{position:absolute;left:0;top:-4px;width:2px;height:16px;background:#415a77}.track-marker{position:absolute;top:50%;width:14px;height:14px;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px currentColor}.track-marker.current{color:#44755d;background:#44755d}.track-marker.target{color:#b85f48;background:#b85f48}.leg-track p{margin:0;color:#68736f;font-size:9px;font-weight:750;text-align:center}
.final-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 14px 10px}.final-evidence[hidden]{display:none}.final-evidence article{display:grid;align-content:center;gap:2px;min-height:43px;padding:5px 7px;border:1px solid #d6ddd7;border-radius:9px;background:#f4f7f3}.final-evidence article span{color:#67726e;font-size:8px;font-weight:850}.final-evidence article strong{color:#294f5d;font-size:9px;line-height:1.28}.final-evidence .formula-card{border-color:#b8d1c2;background:#edf6f0}.final-evidence .formula-card strong{color:#245c47;font-size:10px}.final-evidence .check-card{grid-column:span 1}.prediction-result{grid-column:1/-1;margin:0;padding:5px 8px;border-radius:8px;color:#5f5347;background:#f5ede4;font-size:9px;font-weight:750;text-align:center}
.chicken-lab .control-panel{min-width:0;padding:15px;background:#faf7f1}.control-title span{color:#52705f;font-size:10px;font-weight:900}.control-title h2{margin:3px 0 10px;color:#263f50;font-size:20px;line-height:1.2}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chicken-rabbit-page.xinyu-tool .case-button{min-height:46px;padding:4px;border:1px solid #d5cabd;border-radius:10px;color:#314e61;background:#fffdfc;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.chicken-rabbit-page.xinyu-tool .case-button.active{border-color:#44755d;box-shadow:inset 0 -3px #44755d;color:#244c3b;background:#eaf4ee}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.input-grid label,.prediction-field{display:grid;gap:5px;color:#425866;font-size:10px;font-weight:900}.input-grid input,.prediction-field input{width:100%;min-height:44px;padding:0 10px;border:1px solid #cfc2b3;border-radius:9px;color:#24313d;background:#fffdfc;font:inherit;font-size:15px;font-weight:900}.prediction-field{margin-top:9px}.prediction-field span{display:flex;align-items:center;justify-content:space-between;gap:6px}.prediction-field small{color:#6a746f;font-size:8px}.input-grid input:focus-visible,.prediction-field input:focus-visible,.case-button:focus-visible,.primary-action:focus-visible,.secondary-actions button:focus-visible{outline:3px solid #8a3f29;outline-offset:2px}.input-grid input[aria-invalid="true"],.prediction-field input[aria-invalid="true"]{border-color:#a9423d;background:#fff4f1}.condition-message{min-height:44px;display:grid;place-items:center;margin:9px 0 0;padding:7px;border-radius:9px;font-size:9px;line-height:1.35;font-weight:800;text-align:center}.condition-message.is-valid{color:#315f4a;background:#edf4ef}.condition-message.is-invalid{color:#8d352f;background:#fff0ed}.condition-message.is-locked{color:#4f6069;background:#edf1f1}.chicken-rabbit-page.xinyu-tool .primary-action{width:100%;min-height:48px;margin-top:9px;border:1px solid #315f4a;border-radius:10px;color:#fff;background:#44755d;font:inherit;font-size:14px;font-weight:950;cursor:pointer}.chicken-rabbit-page.xinyu-tool .primary-action:hover:not(:disabled){background:#315f4a}.chicken-rabbit-page.xinyu-tool .primary-action:disabled{border-color:#888e89;color:#f7f5f0;background:#929a95;cursor:default}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.chicken-rabbit-page.xinyu-tool .secondary-actions button{min-height:44px;border:1px solid #cfc2b3;border-radius:9px;color:#334f61;background:#fffdfc;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.chicken-rabbit-page.xinyu-tool .secondary-actions button:disabled{color:#7b817e;background:#e7e3dc;cursor:default}.operation-hint{margin:9px 0 0;color:#68736f;font-size:9px;line-height:1.45;font-weight:750}
body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .classroom-toolbar .classroom-screen-toggle,body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .classroom-toolbar .fullscreen-button{border-color:#6f5f50;color:#24313d;background:#fffdfc}body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .classroom-toolbar .classroom-screen-toggle:focus-visible,body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .classroom-toolbar .fullscreen-button:focus-visible{outline:3px solid #8a3f29!important;outline-offset:2px!important}
body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .stage-head{color:#24313d!important;background:#f2eadf!important;background-image:none!important}body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .stage-head .stage-title{color:#24313d!important;text-shadow:none!important}body.chicken-rabbit-page.xinyu-tool:not(.classroom-screen) .chicken-lab .stage-head .stage-meta{color:#485b67!important;text-shadow:none!important}.chicken-rabbit-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.classroom-screen.chicken-rabbit-page{color:#24313d!important;background:#f7f1e8!important}body.classroom-screen.chicken-rabbit-page .chicken-lab,body.classroom-screen.chicken-rabbit-page .chicken-lab .stage,body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel{border-color:#cfc2b3!important;color:#24313d!important;background:#fffdfc!important;box-shadow:none!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .stage-head{border-color:#cfc2b3!important;color:#24313d!important;background:#f2eadf!important;background-image:none!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .stage-title,body.classroom-screen.chicken-rabbit-page .chicken-lab .stage-meta{color:#24313d!important;text-shadow:none!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .classroom-screen-toggle,body.classroom-screen.chicken-rabbit-page .chicken-lab .fullscreen-button{border-color:#6f5f50!important;color:#24313d!important;background:#fffdfc!important}body.classroom-screen.chicken-rabbit-page .animal-token,body.classroom-screen.chicken-rabbit-page .case-button,body.classroom-screen.chicken-rabbit-page .secondary-actions button{color:#24313d!important;background:#fffdfc!important}
body.workbench-tool-detail.chicken-rabbit-page .chicken-lab :is(button,input):focus-visible{outline:3px solid #8a3f29!important;outline-offset:3px!important}body.chicken-rabbit-page.xinyu-tool .chicken-lab .classroom-screen-toggle{min-height:44px!important;border-color:#6f5f50!important;color:#24313d!important;background:#fffdfc!important}body.chicken-rabbit-page.xinyu-tool .chicken-lab .fullscreen-button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-color:#6f5f50!important;color:#24313d!important;background:#fffdfc!important}body.chicken-rabbit-page.xinyu-tool .chicken-lab .control-panel :is(.case-button,input,.secondary-actions button){border-color:#6f5f50}body.chicken-rabbit-page.xinyu-tool .chicken-lab .control-panel .case-button.active{border-color:#315f4a!important}body.chicken-rabbit-page.xinyu-tool .chicken-lab .control-panel input[aria-invalid="true"]{border-color:#a9423d!important}
body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel .control-title h2,body.chicken-rabbit-page .chicken-lab:fullscreen .control-panel .control-title h2{color:#24313d!important;text-shadow:none!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel :is(.input-grid label,.prediction-field),body.chicken-rabbit-page .chicken-lab:fullscreen .control-panel :is(.input-grid label,.prediction-field){color:#425866!important;text-shadow:none!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel .prediction-field small,body.chicken-rabbit-page .chicken-lab:fullscreen .control-panel .prediction-field small{color:#59635f!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel :is(.case-button,input,.secondary-actions button){border-color:#6f5f50!important;color:#24313d!important;background:#fffdfc!important}body.classroom-screen.chicken-rabbit-page .chicken-lab .control-panel .case-button.active{border-color:#315f4a!important;color:#244c3b!important;background:#eaf4ee!important}
body.chicken-rabbit-page.xinyu-tool .chicken-lab:fullscreen{display:grid!important;grid-template-columns:minmax(0,1fr) 338px!important;gap:0!important;align-content:center;background:#f7f1e8!important}.stage-kicker,.model-boundary,.prediction-preview p strong,.prediction-preview p span,.clear-prediction,.pen-head,.animal-name,.track-summary,.leg-track p,.final-evidence article span,.control-title span,.chicken-rabbit-page.xinyu-tool .case-button,.input-grid label,.prediction-field,.prediction-field small,.condition-message,.operation-hint{font-size:11px}.ghost-relation,.prediction-result{font-size:11px}.final-evidence article strong,.final-evidence .formula-card strong{font-size:12px;overflow-wrap:anywhere}.chicken-lab .stage-meta{font-size:12px}
@keyframes replace-pop{0%{opacity:.35;transform:scale(.8) rotate(-4deg)}65%{transform:scale(1.1) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes step-rise{0%{opacity:0;transform:translateY(8px)}35%,70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@media(min-width:721px) and (max-width:980px){.chicken-rabbit-main{width:calc(100% - 24px)}.chicken-lab,body.chicken-rabbit-page.xinyu-tool .chicken-lab:fullscreen{grid-template-columns:minmax(0,1fr) minmax(292px,34vw)!important}.chicken-lab .control-panel{padding:12px}.animal-pen{grid-template-columns:repeat(4,minmax(50px,1fr));min-height:300px}.prediction-preview{grid-template-columns:1fr}.ghost-pen{flex-wrap:wrap;max-height:58px}.final-evidence{grid-template-columns:1fr 1fr}.final-evidence .check-card{grid-column:1/-1}}
@media(max-width:720px){.chicken-rabbit-main{width:calc(100% - 18px);padding-top:8px}body.chicken-rabbit-page.xinyu-tool .tool-heading{padding:0 0 8px}.chicken-rabbit-page .tool-heading h1{font-size:24px;line-height:1.22}.chicken-rabbit-page .lead{font-size:11px}.chicken-lab,body.chicken-rabbit-page.xinyu-tool .chicken-lab:fullscreen{grid-template-columns:1fr!important;border-radius:15px}.chicken-lab .stage{border-right:0;border-bottom:1px solid #e5dbcf}.chicken-lab .stage-head{align-items:flex-start;flex-wrap:wrap;padding:9px 10px}.chicken-lab .stage-title{font-size:16px}.chicken-lab .stage-actions{width:100%;justify-content:flex-start}.chicken-lab .stage-meta{margin-right:auto;text-align:left}.model-boundary{margin:6px 8px 0;font-size:11px}.prediction-preview{grid-template-columns:1fr;gap:5px;margin:6px 8px 0;padding-right:8px}.ghost-pen{flex-wrap:wrap;max-height:56px}.ghost-relation{justify-self:start}.clear-prediction{margin:5px 8px 0 auto}.pen-shell{margin:6px 8px 0}.animal-pen{grid-template-columns:repeat(4,minmax(58px,1fr));gap:5px;min-height:260px;padding:10px 7px 20px}.animal-token{min-height:70px}.leg-track{margin:6px 8px 0}.final-evidence{grid-template-columns:1fr 1fr;margin:6px 8px 8px}.final-evidence .check-card{grid-column:1/-1}.chicken-lab .control-panel{display:block;padding:12px}.case-grid{margin-top:8px}.input-grid{margin-top:9px}.prediction-field{margin-top:8px}.condition-message,.primary-action,.secondary-actions,.operation-hint{margin-top:8px}.operation-hint{font-size:11px}}
@media(max-width:430px){.chicken-rabbit-page .tool-heading h1{font-size:22px}.chicken-rabbit-page .chips{flex-wrap:wrap}.chicken-lab .stage-title{font-size:15px}.chicken-lab .stage-meta{font-size:12px}.animal-name{font-size:11px}.case-grid{grid-template-columns:1fr}.chicken-rabbit-page.xinyu-tool .case-button{min-height:44px;font-size:11px}.track-summary{font-size:11px}.final-evidence article span{font-size:11px}.final-evidence article strong,.prediction-result{font-size:12px}.control-title h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.step-pulse{display:none!important}}