@charset "UTF-8";
:root{--paper:#f5f3e8;--ink:#29382c;--green:#3b7155;--green-soft:#dce9d7;--rose:#ae5b62;--rose-soft:#f1ded8;--line:#c9cdbb;--muted:#747d6d;--accent:#c6a64e;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #b98026;outline-offset:4px}a{color:inherit}button{min-height:44px}button svg{display:block;pointer-events:none}button,a{touch-action:manipulation}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.page{max-width:1440px;padding:0 48px;margin:auto}.topline{min-height:86px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:15px}.back{text-decoration:none;font-weight:600}.text-button{border:0;background:transparent;padding:10px 0;white-space:nowrap;font-size:14px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:34px 0 28px;gap:24px}.eyebrow{font-size:13px;letter-spacing:.1em;margin:0 0 12px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.04em;line-height:1.2;margin:0;font-weight:650}h1 span{color:#c89b46}.botanical-mark{display:flex;align-items:center;gap:24px;font-family:Georgia,serif;font-size:84px;color:var(--green);line-height:1}.botanical-mark i{font:14px "Microsoft YaHei",sans-serif;letter-spacing:.06em;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(330px,.9fr);grid-template-areas:"garden teaching";border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fcfbf4}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.panel-head h2{font-size:18px;letter-spacing:.02em;margin:0}.panel-head>span{font-size:11px;color:var(--muted);white-space:nowrap}.garden-section{grid-area:garden;padding:26px 30px 20px;background:radial-gradient(ellipse at 20% 10%,#f1f4e8,transparent 65%)}.live-mark:before{content:"";display:inline-block;height:5px;width:5px;background:var(--green);border-radius:50%;margin:0 7px 2px 0}.garden-wrap{position:relative;padding-left:23px;max-width:560px;margin:auto}.axis-y{position:absolute;left:-5px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:11px;letter-spacing:.1em;color:var(--muted)}.garden{position:relative;width:100%;aspect-ratio:1;background:#ecefe2;border:1px solid #bfc9b5;border-radius:2px}#regionCanvas,#connections,.garden-flowers{position:absolute;inset:0;width:100%;height:100%}#connections{overflow:visible;pointer-events:none;z-index:1}#connections line{stroke:#586d46;stroke-width:1.5;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}#connections line.label-B{stroke:#ac6970}#connections .query-ring{fill:#fffdf3;stroke:#394d3b;stroke-width:1.8;vector-effect:non-scaling-stroke}.garden-flowers{z-index:2;pointer-events:none}.plot-flower{position:absolute;width:44px;height:44px;border:0;background:none;padding:7px;transform:translate(-50%,-50%);pointer-events:auto;border-radius:50%;touch-action:manipulation}.plot-flower:active:not(:disabled){transform:translate(-50%,-50%)}.plot-flower svg{width:30px;height:30px;filter:drop-shadow(0 1px 1px #0002)}.plot-flower .plant-label{position:absolute;right:4px;bottom:1px;font-size:9px;color:#fff;background:var(--green);height:12px;width:12px;line-height:12px;border-radius:50%}.plot-flower.label-B .plant-label{background:var(--rose);border-radius:2px}.plot-flower.is-neighbor{background:#fff8;border:1px solid #b4c7a9}.plot-flower.is-selected{outline:2px solid var(--green);outline-offset:-2px;background:#fff8;z-index:4}.plot-flower:hover{background:#ffffffb0}.query-point{border:2px solid var(--ink);background:#fffef2;z-index:5;box-shadow:0 0 0 4px #ffffffa0;cursor:pointer}.query-point:after{content:"?";font-weight:700;font-size:12px;position:absolute;right:-3px;top:-5px;background:#fff8dc;border:1px solid var(--ink);border-radius:50%;height:18px;width:18px;line-height:17px}.axis-x{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding:8px 0 0}.axis-x b{font-weight:400;font-size:11px}.garden-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--muted);margin:15px 0 20px}.garden-legend>span{display:flex;align-items:center;gap:5px}.legend-region{width:19px;height:10px;background:linear-gradient(90deg,#dce8d5 50%,#ead2ca 50%);border:1px solid #bcc5b0}.legend-query{height:16px;width:16px;display:inline-flex;align-items:center;justify-content:center;background:#fffbef;border:1px solid #5c6953;border-radius:50%;font-size:10px;font-style:normal}.verdict{display:flex;align-items:center;padding:12px 16px;background:#fffdf4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px}.query-flower{width:62px;height:62px;flex:none}.query-flower svg{width:100%;height:100%}.verdict-body{display:flex;flex-direction:column;gap:3px;min-width:0}.overline{font-size:10px;color:var(--muted);letter-spacing:.1em}.verdict strong{font-size:23px;color:var(--green)}.verdict strong.label-B{color:var(--rose)}#voteText{font-size:11px;color:var(--muted)}.reference-result{margin-left:auto;font-size:11px;text-align:right;line-height:1.8;white-space:nowrap}.reference-result strong{font-size:12px;color:var(--green)}.reference-result.is-wrong strong{color:var(--rose)}.neighbor-line{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;min-height:57px}.neighbor-caption{font-size:10px;color:var(--muted);max-width:50px;line-height:1.5}.neighbor-chip{display:flex;align-items:center;gap:3px;min-width:0;background:#e5eddb;border:1px solid #b8c5aa;border-radius:3px;padding:3px 7px;font-size:11px;min-height:44px}.neighbor-chip.label-B{background:#f2e3dd;border-color:#d4b8b2}.neighbor-chip svg{width:30px;height:30px}.neighbor-chip span{display:flex;flex-direction:column;line-height:1.4}.neighbor-chip small{font-size:8px;opacity:.7}#emptyGarden{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:18px;background:#f5f3e8c9;pointer-events:none;z-index:8;line-height:1.8}#emptyGarden small{font-size:11px;color:var(--muted)}.teaching{grid-area:teaching;padding:26px;border-left:1px solid var(--line);background:#f8f5e9}.selected-flower{position:relative;display:flex;align-items:center;gap:16px;padding:12px 0 22px;min-height:153px}.flower-grab{flex:none;width:116px;height:116px;border:1px dashed #aebaa0;border-radius:50%;padding:3px;background:radial-gradient(circle,#fefbf0 54%,#eaeedb);cursor:grab;touch-action:none}.flower-grab:hover{background:#f8f2d8;box-shadow:0 0 0 5px #e4e9d6}.flower-grab:active{cursor:grabbing}.flower-grab svg{width:100%;height:100%}.selection-copy{display:flex;flex-direction:column;gap:7px;padding-right:15px}.selection-copy strong{font-size:23px;font-weight:500}.reference-label{font-size:11px;color:var(--green);white-space:nowrap}.reference-label.label-B{color:var(--rose)}#featureReading{font-size:10px;color:var(--muted);line-height:1.6}.drag-cue{position:absolute;right:0;bottom:18px;color:#85916c;font-size:11px;line-height:1.8;text-align:center}.trays{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tray{min-width:0;min-height:139px;text-align:left;background:#e4ecd7;border:1px solid #b4c2a2;border-radius:4px;padding:12px;position:relative;box-shadow:0 4px 0 #c0caaa;transition:background .15s,box-shadow .15s,transform .15s}.tray-b{background:#f1dfd7;border-color:#d3b5ac;box-shadow:0 4px 0 #d5bbb0}.tray:hover,.tray.is-over{background:#d0e1bb;box-shadow:0 5px 0 #95ac79;transform:translateY(-2px)}.tray-b:hover,.tray-b.is-over{background:#eac9bd;box-shadow:0 5px 0 #b79081}.tray.is-over{outline:3px dashed #627b49;outline-offset:4px}.tray-b.is-over{outline-color:#a05f61}.tray-top{display:flex;gap:5px;align-items:center;justify-content:space-between}.tray-top b{font-size:14px;color:var(--green)}.tray-b .tray-top b{color:var(--rose)}.tray-top small{font-size:9px;color:var(--muted)}.tray-slots{display:flex;flex-wrap:wrap;height:43px;gap:5px;align-content:center;overflow:hidden;margin:5px 0}.tray-slots i{width:17px;height:17px;border:1px dashed #a6b88d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-style:normal;color:var(--green)}.tray-b .tray-slots i{border-color:#c4a39c;color:var(--rose);border-radius:2px}.tray-slots i.filled{border-style:solid;background:#f6f7e9}.tray-action{display:block;text-align:center;font-size:12px;font-weight:600;letter-spacing:.02em}.feedback{min-height:60px;font-size:12px;line-height:1.7;color:#617051;margin:18px 0 8px;padding:0 2px}.feedback.changed{color:var(--rose)}.seed-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:12px}.small-button{font-size:11px;border:0;border-bottom:1px solid #bdc2b0;background:transparent;min-height:44px;padding:7px 0}.nursery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.nursery-flower{display:flex;flex-direction:column;align-items:center;padding:5px 1px;border:1px solid #c8ccba;border-radius:4px;background:#fffcf2;min-width:0;position:relative}.nursery-flower svg{width:100%;max-width:64px;aspect-ratio:1}.nursery-flower span{font-size:9px;color:var(--muted)}.nursery-flower.is-selected{border:2px solid var(--green);padding:4px 0;background:#ecf0dc}.nursery-flower.is-trained:after{content:"✓";position:absolute;right:3px;top:3px;font-size:10px;color:var(--green)}.selected-actions{display:flex;justify-content:space-between;gap:12px}.test-section{margin-top:30px;padding:28px 30px 20px;background:#e9eddd;border:1px solid #cad1b8;border-radius:6px}.test-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.test-heading .eyebrow{font-size:10px;margin-bottom:7px;color:var(--muted)}.test-heading h2{font-size:24px;font-weight:500;margin:0}.test-score{display:flex;align-items:flex-end;gap:9px}.test-score strong{font:36px Georgia,serif;color:var(--green)}.test-score span{font-size:10px;color:var(--muted);margin-bottom:5px}.test-flowers{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.test-flower{background:#f7f6ea;border:1px solid #bac5a8;border-radius:4px;padding:10px 8px;display:flex;align-items:center;flex-direction:column;position:relative;gap:3px;min-width:0}.test-flower svg{width:78px;max-width:100%;height:78px}.test-flower .test-name{font-size:10px;color:var(--muted);align-self:flex-start}.test-flower .test-verdict{font-size:12px;color:var(--green)}.test-flower .test-reference{font-size:10px;color:var(--muted)}.test-flower.is-selected{outline:2px solid #657c4f;outline-offset:3px;background:#fffdf3}.test-flower.is-wrong{background:#f4e7df;border-color:#d0afa0}.test-flower.is-wrong .test-verdict{color:var(--rose)}.test-flower .test-state{font-size:10px;margin-top:5px;color:var(--green);padding-top:5px;border-top:1px solid #cbd1bd;width:100%}.test-flower.is-wrong .test-state{color:var(--rose);border-color:#d7bcb0}.footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:16px 0 0}.bottom-note{font-size:13px;line-height:1.8;margin:26px 0 40px;color:var(--green)}.bottom-note span{font-size:11px;margin-left:20px;color:var(--muted)}.drag-ghost{position:fixed;width:94px;height:94px;transform:translate(-50%,-50%);pointer-events:none;z-index:999;background:#fff9d3de;border:2px solid #97a475;border-radius:50%;box-shadow:0 12px 35px #243a2733}.drag-ghost svg{width:100%;height:100%}.dragging .trays .tray{outline:2px dashed #889575;outline-offset:3px}.dragging .flower-grab{opacity:.4}.trays.pulse .tray{animation:tray-nudge .6s ease-in-out 2}@keyframes tray-nudge{50%{transform:translateY(-4px)}}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:38px;max-width:660px;width:calc(100% - 32px);max-height:85vh;overflow:auto}dialog::backdrop{background:#18291ddd;backdrop-filter:blur(4px)}dialog h2{font-size:27px;margin:16px 0 24px}dialog h3{font-size:17px;margin:26px 0 12px}dialog p{font-size:14px;line-height:1.9;color:#5b6656}dialog .close-dialog{position:absolute;top:10px;right:10px;background:none;border:0;font-size:28px;width:44px}.source-note{margin-top:24px;padding-top:1px;border-top:1px solid var(--line)}.source-note a{font-size:12px;display:block;line-height:1.8;margin:10px 0;color:var(--green)}
.quick-verdict{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid #cdd1bb;border-radius:3px;background:#fffdf2;padding:4px 9px;margin-top:21px;min-height:66px}.quick-verdict>svg{width:49px;height:49px;flex:none}.quick-verdict>span{display:flex;flex-direction:column;gap:4px}.quick-verdict small{font-size:9px;color:var(--muted)}.quick-verdict b{font-size:16px;color:var(--green)}.quick-verdict b.label-B{color:var(--rose)}.quick-verdict .quick-vote{margin-left:auto;text-align:right}.quick-verdict em{font-size:9px;font-style:normal;color:#647951}.quick-verdict.is-wrong em{color:var(--rose)}.neighbor-line.highlight{animation:neighbor-flash 1s ease-out}@keyframes neighbor-flash{50%{background:#e2e8d2}}.quick-verdict+.feedback{margin-top:12px;min-height:47px}
@media(min-width:1300px){.teaching{padding:28px 34px}.selected-flower{padding-top:22px;padding-bottom:32px;min-height:180px}.flower-grab{width:132px;height:132px}.tray{min-height:155px}.tray-slots{height:54px}.feedback{margin-top:24px}.nursery-flower svg{max-width:76px}}
@media(max-width:1000px){.page{padding:0 26px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}.garden-section{padding:24px 18px 18px}.teaching{padding:24px 20px}.botanical-mark i{display:none}.selected-flower{gap:10px}.flower-grab{width:100px;height:100px}.selection-copy strong{font-size:20px}.trays{gap:9px}.tray{padding:9px}.neighbor-chip{padding:3px 4px}.neighbor-chip svg{width:24px;height:24px}.test-flower svg{width:66px;height:66px}.test-flowers{gap:8px}}
@media(max-width:760px){.page{padding:0 18px}.topline{min-height:70px;font-size:12px;gap:8px;flex-wrap:wrap;padding:12px 0}.back{font-size:12px;min-height:36px;display:flex;align-items:center}.text-button{font-size:12px;min-height:36px}.masthead{padding:24px 0 22px}.eyebrow{font-size:11px;margin-bottom:9px}h1{font-size:40px}.botanical-mark{font-size:66px}.workspace{grid-template-columns:1fr;grid-template-areas:"teaching" "garden";overflow:visible}.panel-head{margin-bottom:9px}.panel-head h2{font-size:16px}.panel-head>span{font-size:10px}.teaching{padding:18px 18px 14px;border-left:0;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0}.selected-flower{padding:5px 0 13px;min-height:116px;gap:17px}.flower-grab{width:96px;height:96px}.selection-copy{gap:4px}.selection-copy strong{font-size:20px}#featureReading{font-size:9px}.reference-label{font-size:10px}.drag-cue{font-size:10px;bottom:10px}.trays{gap:12px}.tray{min-height:111px;padding:10px}.tray-top b{font-size:13px}.tray-top small{font-size:9px}.tray-slots{height:29px;margin:3px 0}.tray-slots i{width:15px;height:15px;font-size:8px}.tray-action{font-size:12px}.feedback{min-height:40px;margin:14px 0 3px;font-size:11px;line-height:1.6}.seed-head{padding-top:1px}.nursery{gap:8px;margin:3px 0 4px}.nursery-flower{padding:1px}.nursery-flower svg{max-width:58px}.nursery-flower.is-selected{padding:0}.nursery-flower span{font-size:9px;margin-top:-3px;margin-bottom:3px}.small-button{font-size:10px;min-height:44px}.garden-section{padding:20px 13px 16px}.garden-section .panel-head{margin-bottom:17px;padding:0 3px}.garden-wrap{padding-left:20px}.axis-y{left:-3px;font-size:10px}.garden-legend{font-size:9px;gap:8px;margin:12px 0 15px}.verdict{padding:10px 6px;gap:7px}.query-flower{width:50px;height:50px}.verdict strong{font-size:21px}.reference-result{font-size:10px}.reference-result strong{font-size:11px}.overline{font-size:9px}#voteText{font-size:10px}.neighbor-line{gap:5px}.neighbor-caption{font-size:9px;max-width:36px}.neighbor-chip{font-size:10px;padding:3px 4px}.neighbor-chip svg{width:24px;height:24px}.neighbor-chip small{font-size:8px}.test-section{padding:20px 15px 15px;margin-top:20px}.test-heading{gap:10px}.test-heading h2{font-size:21px}.test-score{gap:5px;flex-direction:column;align-items:flex-end}.test-score strong{font-size:29px;line-height:1}.test-score span{font-size:9px;margin:0}.test-flowers{grid-template-columns:repeat(3,1fr);gap:10px}.test-flower{padding:7px 5px}.test-flower svg{width:62px;height:62px}.test-flower .test-name,.test-flower .test-reference,.test-flower .test-state{font-size:9px}.test-flower .test-verdict{font-size:11px}.bottom-note{font-size:12px;margin:22px 0 28px}.bottom-note span{display:block;font-size:10px;margin:5px 0 0}dialog{padding:30px 22px}dialog h2{font-size:23px}dialog p{font-size:13px}}
@media(max-width:390px){.page{padding:0 14px}.masthead{padding-top:20px;padding-bottom:20px}h1{font-size:37px}.botanical-mark{font-size:53px}.teaching{padding:16px 14px 12px}.garden-section{padding-left:9px;padding-right:9px}.selection-copy{padding-right:5px}.drag-cue{right:-1px}.flower-grab{width:88px;height:88px}.selected-flower{gap:12px;min-height:108px}.selected-flower .overline{font-size:9px}.neighbor-line{gap:4px}.neighbor-chip{padding:3px}.neighbor-chip svg{width:22px;height:22px}.neighbor-caption{font-size:8px;max-width:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}