:root{--ink:#171717;--muted:#686868;--line:#d6d6d2;--line-strong:#9f9f9a;--paper:#f3f2ee;--surface:#fff;--surface-soft:#f7f7f4;--exact:#171717;--near:#f3cf35;--near-soft:#ffed8b;--miss:#ececea;--shadow:0 10px 28px #00000012}*{box-sizing:border-box}html{background:var(--paper)}body{background:linear-gradient(90deg, #00000005 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(#00000004 1px, transparent 1px) 0 0 / 72px 72px, var(--paper);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}button,input{font:inherit}button{color:inherit}.site-shell{width:min(1420px,100% - 48px);min-height:100vh;margin:0 auto;padding:28px 0 24px}.topbar{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding-bottom:16px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:var(--exact);width:54px;height:54px;color:var(--near);letter-spacing:-.22em;box-shadow:5px 5px 0 var(--near);place-items:center;font-family:Consolas,monospace;font-size:20px;font-weight:900;display:grid}.brand h1,.brand p,.section-heading h2,.radar-heading h2,.guess-card h3,.help-modal h2,.result-panel h2{margin:0}.brand h1{letter-spacing:-.05em;font-family:Bahnschrift,Arial Narrow,Microsoft YaHei,sans-serif;font-size:clamp(34px,4vw,52px);font-style:italic;font-weight:900;line-height:1}.brand p{color:var(--muted);margin-top:5px;font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.top-pill,.top-button,.help-button{border:1px solid var(--line-strong);background:#ffffffe6;border-radius:2px;height:42px}.top-pill{color:var(--muted);align-items:center;padding:0 13px;font-size:13px;display:inline-flex}.top-pill b{color:var(--ink);margin:0 4px;font-size:17px}.top-button,.help-button{cursor:pointer;align-items:center;gap:7px;padding:0 13px;font-weight:750;transition:transform .14s,background .14s;display:inline-flex}.top-button{background:var(--near);border-color:var(--ink)}.top-button:hover,.help-button:hover{transform:translateY(-2px)}.help-button span{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.search-card,.history-panel,.radar-card,.result-panel{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#fffffff5;border-radius:3px}.search-card{padding:18px}.search-form{grid-template-columns:minmax(0,1fr) 96px 96px;gap:9px;display:grid}.search-wrap{position:relative}.search-wrap input{border:1.5px solid var(--ink);width:100%;height:58px;color:var(--ink);background:#fff;border-radius:2px;outline:none;padding:0 22px 0 58px;font-size:18px;font-weight:600;transition:box-shadow .14s}.search-wrap input::placeholder{color:#8c8c88;font-weight:450}.search-wrap input:focus{box-shadow:4px 4px 0 var(--near)}.search-wrap input:disabled{border-color:var(--line);background:var(--miss)}.search-icon{z-index:2;border:2.5px solid var(--ink);border-radius:50%;width:20px;height:20px;position:absolute;top:18px;left:21px}.search-icon:after{background:var(--ink);content:"";width:9px;height:2.5px;position:absolute;bottom:-5px;right:-7px;transform:rotate(45deg)}.primary-button,.surrender-button{border:1.5px solid var(--ink);cursor:pointer;border-radius:2px;min-height:48px;font-weight:850;transition:transform .14s,box-shadow .14s,opacity .14s}.primary-button{background:var(--exact);color:#fff;box-shadow:4px 4px 0 var(--near)}.surrender-button{color:var(--ink);background:#fff}.primary-button:hover:not(:disabled),.surrender-button:hover:not(:disabled){transform:translateY(-2px)}.surrender-button:hover:not(:disabled){background:var(--miss)}.primary-button:active:not(:disabled),.surrender-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.primary-button:disabled,.surrender-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.guess-button{font-size:18px}.suggestions{z-index:20;border:1.5px solid var(--ink);background:#fff;border-radius:2px;max-height:410px;padding:4px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto;box-shadow:8px 8px #00000029}.suggestions button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:9px 11px;display:grid}.suggestions button:last-child{border-bottom:0}.suggestions button:hover,.suggestions button:focus-visible{background:var(--near);outline:none}.suggestions img{border:1px solid var(--line);object-fit:cover;border-radius:2px;width:42px;height:42px}.suggestions strong,.suggestions small{display:block}.suggestions small,.suggestions i{color:var(--muted);font-size:11px;font-style:normal}.search-meta{color:var(--muted);justify-content:space-between;gap:20px;padding-top:11px;font-size:12px;display:flex}.message-win{color:var(--ink);font-weight:800}.legend-inline,.radar-legend{align-items:center;gap:12px;display:flex}.legend-inline .legend-dot+.legend-dot{margin-left:4px}.legend-dot{border:1px solid var(--ink);border-radius:2px;width:11px;height:11px;margin-right:5px;display:inline-block}.legend-exact{background:var(--exact)}.legend-near{background:var(--near)}.legend-miss{background:var(--miss);border-color:var(--line-strong)}.game-layout{grid-template-columns:minmax(0,1.9fr) minmax(320px,.78fr);align-items:start;gap:16px;margin-top:16px;display:grid}.history-panel,.radar-card{padding:18px}.section-heading,.radar-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;margin-bottom:3px;font-family:Consolas,monospace;font-size:10px;font-weight:800;display:block}.section-heading h2,.radar-heading h2{font-size:19px}.guess-list{gap:12px;padding-top:14px;display:grid}.guess-card{border:1px solid var(--ink);background:#fff;border-radius:2px;animation:.22s both card-in;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.guess-card-header{border-bottom:1px solid var(--ink);background:var(--surface-soft);justify-content:space-between;align-items:center;min-height:67px;padding:8px 11px;display:flex}.plant-identity{align-items:center;gap:10px;display:flex}.plant-identity img{border:1px solid var(--line-strong);object-fit:cover;background:#fff;border-radius:2px;width:48px;height:48px}.plant-identity span,.plant-identity small{color:var(--muted);font-size:10px;display:block}.plant-identity h3{margin:1px 0;font-size:17px}.answer-badge,.match-count{border:1px solid var(--ink);background:var(--exact);color:#fff;border-radius:2px;padding:6px 9px;font-size:11px;font-weight:800}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.field{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:92px;padding:11px;position:relative}.field:nth-child(4n){border-right:0}.field:nth-last-child(-n+4){border-bottom:0}.field-exact{background:var(--exact);color:#fff}.field-near{background:var(--near-soft);color:var(--ink)}.field-miss{background:var(--miss);color:var(--ink)}.field-label,.field-value,.field-note{display:block}.field-label{color:inherit;opacity:.68;margin-bottom:7px;font-size:10px;font-weight:650}.field-value{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.field-note{color:var(--ink);font-size:10px;font-weight:850;position:absolute;bottom:6px;right:9px}.field-note-arrow{font-size:20px;line-height:1}.field-near .field-note{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 18px);overflow:hidden}.radar-column{position:sticky;top:14px}.radar-plant{align-items:center;gap:9px;margin-top:12px;display:flex}.radar-plant img{border:1px solid var(--ink);object-fit:cover;border-radius:2px;width:40px;height:40px}.radar-plant strong,.radar-plant span{display:block}.radar-plant span{color:var(--muted);margin-top:1px;font-size:10px}.radar{width:min(100%,370px);margin:2px auto 0;display:block;overflow:visible}.radar-ring,.radar-axis{fill:none;stroke:#bdbdb8;stroke-width:1px}.radar-ring-outer{stroke:var(--ink);stroke-width:1.25px}.radar-axis{stroke-dasharray:3 4}.radar-shape{fill:#17171724;stroke:var(--ink);stroke-linejoin:round;stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;animation:.36s both radar-in}@keyframes radar-in{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}.radar-dot{stroke:#fff;stroke-width:2.5px}.radar-dot-exact{fill:var(--exact)}.radar-dot-miss{fill:var(--near)}.radar-label{fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:800}.radar-value{fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-size:8px;font-weight:900}.radar-dot-exact+.radar-value{fill:#fff}.radar-legend{color:var(--muted);justify-content:center;font-size:11px}.radar-empty{text-align:center;align-content:center;place-items:center;min-height:360px;padding:24px;display:grid}.radar-placeholder{border:1px dashed var(--ink);background:repeating-radial-gradient(circle,#fff,#fff 16px,#deded9 17px,#fff 18px);border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:16px;font-size:21px;font-weight:900;display:grid}.radar-empty p{color:var(--muted);margin:7px 0 0;font-size:11px}.empty-history{min-height:360px;color:var(--muted);justify-content:center;align-items:center;gap:16px;padding:30px;display:flex}.empty-history>span{border:1px solid var(--ink);background:var(--near);width:60px;height:60px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);place-items:center;font-family:Consolas,monospace;font-size:19px;font-weight:900;display:grid}.empty-history strong{color:var(--ink);font-size:17px}.empty-history p{margin:6px 0 0}.result-panel{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--near);background:#fff;grid-template-columns:102px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:16px;padding:17px 18px;display:grid}.result-panel>img{border:1px solid var(--ink);object-fit:cover;border-radius:2px;width:94px;height:94px}.result-panel h2{font-size:27px}.english-name{color:var(--muted);margin:2px 0 8px}.reveal-row{gap:9px;margin-right:18px;font-size:12px;display:inline-flex}.reveal-row span{color:var(--muted)}.description{color:#4c4c49;max-width:820px;margin:7px 0 0;font-size:12px;line-height:1.55}.result-panel .primary-button{min-width:120px;padding:0 17px}footer{color:#777773;justify-content:space-between;gap:20px;padding:19px 3px 0;font-size:11px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{border:2px solid var(--ink);width:min(560px,100%);box-shadow:9px 9px 0 var(--near);background:#fff;border-radius:2px;padding:27px;position:relative}.help-modal h2{max-width:440px;font-size:24px}.modal-close{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:0;width:32px;height:32px;font-size:20px;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--near)}.rule-list{gap:7px;margin:19px 0;display:grid}.rule-list p{border-left:3px solid var(--ink);background:var(--surface-soft);color:#4c4c49;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.full-button{width:100%}@media (max-width:1050px){.site-shell{width:min(100% - 28px,950px)}.topbar{align-items:flex-start}.game-layout{grid-template-columns:1fr}.radar-column{grid-row:1;position:static}.radar-card{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);column-gap:16px;display:grid}.radar-heading,.radar-empty{grid-column:1/-1}.radar,.radar-legend{grid-column:2}.radar{grid-row:2/span 2}}@media (max-width:760px){.site-shell{width:min(100% - 18px,680px);padding-top:16px}.topbar{display:block}.brand-mark{width:46px;height:46px;box-shadow:4px 4px 0 var(--near)}.brand h1{font-size:36px}.top-actions{flex-wrap:wrap;margin-top:14px}.top-pill,.top-button,.help-button{height:38px}.search-card,.history-panel,.radar-card{padding:13px}.search-form{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.search-wrap input{height:54px;font-size:16px}.search-meta{display:block}.legend-inline{margin-top:8px}.suggestions button{grid-template-columns:40px minmax(0,1fr)}.suggestions i{display:none}.radar-card{display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field:nth-child(4n){border-right:1px solid var(--ink)}.field:nth-child(2n){border-right:0}.field:nth-last-child(-n+4){border-bottom:1px solid var(--ink)}.field:nth-last-child(-n+2){border-bottom:0}.field{min-height:88px}.result-panel{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:14px}.result-panel>img{width:68px;height:68px}.result-panel h2{font-size:22px}.result-panel .primary-button{grid-column:1/-1;min-height:46px}footer{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}