*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:KaitiFont;src:local(Kaiti),local(STKaiti),local(KaiTi),url(/hanzi/fonts/kaiti.ttf)format("truetype");font-display:swap}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}:root{--bg:#f4f3ef;--surface:#fff;--border:#e4e2da;--border-light:#d3d1c7;--text:#2c2c2a;--text-muted:#5f5e5a;--text-dim:#888;--brand-green:#1d9e75;--brand-purple:#7f77dd;--brand-orange:#d85a30;--brand-green-light:#e1f5ee;--brand-green-dark:#085041;--brand-green-mid:#0f6e56;--brand-orange-light:#faeeda;--brand-purple-light:#eeedfe;--ink:#2c2c2a;--gray-stroke:#9b9a93;--grid-bg:#fff;--grid-border:#e7b1b1;--grid-line:#f2d3d3;--grid-ink:#2c2c2a}.dark{--bg:#1a1a18;--surface:#252522;--border:#3a3934;--border-light:#4a4944;--text:#e8e6df;--text-muted:#b0ae9f;--text-dim:#7a7870;--brand-green-light:#0f3326;--brand-green-dark:#9fe0c5;--brand-orange-light:#3a2510;--brand-purple-light:#1e1c40;--grid-bg:#1c1b19;--grid-border:#4a3535;--grid-line:#352828;--grid-ink:#e8e4dc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}.hz{font-family:KaitiFont,serif}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px 20px}.btn-primary{background:var(--brand-green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{border:1px solid var(--border-light);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px;font-size:14px}.btn-ghost.small{min-height:0;padding:5px 12px;font-size:13px}.sbadge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-family:-apple-system,sans-serif;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.sbadge-cycle{color:#fff;background:#ef9f27}.sbadge-grad{color:#fff;background:#639922}.sbadge-raw{border:1.5px solid var(--border-light);background:var(--surface);color:#0000}.wchip{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:0;padding:0 10px;display:flex;position:relative}.wchip.sel{border-color:var(--brand-green);background:var(--brand-green-light);border-width:2.5px}.tab{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:999px;padding:10px 22px;font-size:15px;position:relative}.tab.on{background:var(--brand-green-light);color:var(--brand-green-dark);border-color:#5dcaa5;font-weight:600}.tab .bdg{color:#fff;background:#d85a30;border-radius:999px;padding:1px 7px;font-size:11px;position:absolute;top:-6px;right:-4px}.uhead{align-items:center;gap:10px;margin:14px 0 8px;display:flex}.uhead label{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.uhead input{width:19px;height:19px;accent-color:var(--brand-green)}.uhead .meta{color:var(--text-dim);font-size:13px;font-weight:400}.wgrid{flex-wrap:wrap;gap:9px;display:flex}.wchip .ww{font-size:26px}.leg{color:var(--text-muted);align-items:center;gap:5px;margin-right:12px;font-size:12.5px;display:inline-flex}canvas{touch-action:none}.actionbar{border:1px solid var(--border);background:#fffffff2;border-radius:14px;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:10px;box-shadow:0 4px 14px #0000000f}.dark .actionbar{background:#252522f2}.header-btns{align-items:center;gap:8px;display:flex}.devtrigger{opacity:0;color:#d85a30!important;border-color:#d85a30!important}.devtrigger:hover{opacity:1}.devbar{color:#fff;background:#d85a30;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;display:flex}.devbtn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff59;border-radius:8px;padding:4px 10px;font-size:12.5px}.devbtn:hover{background:#ffffff4d}.fixbar{color:#fff;text-align:center;background:#7f77dd;border-radius:10px;margin-bottom:10px;padding:9px 14px;font-size:13.5px}.wchip.fixing{cursor:pointer}.badge-anchor{align-items:center;display:inline-flex;position:relative}.badge-menu{z-index:200;background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.badge-menu:after{content:"";height:8px;position:absolute;top:100%;left:0;right:0}.badge-menu-item{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.badge-menu-item:hover,.badge-menu-item.active{background:var(--brand-green-light)}.hookbar{background:var(--brand-orange-light);color:#633806;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:15px;display:flex}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.part-group-title{color:var(--text-dim);margin-bottom:8px;font-size:12.5px;font-weight:600}.pcard{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:56px;padding:10px;display:flex;position:relative}.pcard:hover{border-color:#5dcaa5}.pcard-text{color:var(--brand-green-mid);font-size:32px;line-height:1}.pcard-ungen{opacity:.55}.pcard-ungen .pcard-text{color:var(--text-dim)}.pcard-badge{color:var(--text-dim);font-size:11px;line-height:1;position:absolute;top:4px;right:6px}.tile{border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;padding:5px;display:flex}.tile.pick{border-color:var(--brand-green);background:var(--brand-green-light);border-width:3px}.ibtn{border:1.5px solid var(--border-light);background:var(--surface);cursor:pointer;color:#8a887f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:42px;display:inline-flex}.ibtn.ok{background:var(--brand-green-light);color:var(--brand-green-dark);border-color:#5dcaa5}.ibtn.fx{background:var(--brand-orange-light);color:#854f0b;border-color:#fac775}.toast{background:var(--brand-green-dark);color:#fff;z-index:60;pointer-events:none;border-radius:999px;padding:10px 22px;font-size:14px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.modal-overlay{z-index:50;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:16px;width:92%;max-width:560px;max-height:80vh;padding:20px 24px;overflow-y:auto}.snapbox{background:#fff;display:block}.pinyin{color:var(--text-muted);letter-spacing:1px;font-family:-apple-system,Arial,sans-serif;font-size:20px}.focusbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.xbtn{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.ftag{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.dot{background:var(--border-light);border-radius:50%;width:9px;height:9px;display:inline-block}.dot.on{background:var(--brand-green)}.dot.done{background:#9fe1cb}.cart-badge{background:var(--brand-orange);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:700;display:inline-flex}@keyframes cart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}.cart-pop{animation:.35s cart-pop}@keyframes fly-to-cart{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--fx), var(--fy)) scale(.25);opacity:0}}.cart-fly{background:var(--brand-orange);pointer-events:none;z-index:200;border-radius:50%;width:14px;height:14px;animation:.5s cubic-bezier(.4,0,.6,1) forwards fly-to-cart;position:fixed}.markgrid{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.markitem{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.minicard{background:var(--surface);border:1px solid var(--border-light);text-align:center;border-radius:10px;padding:8px}.set-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.set-card:hover{border-color:#5dcaa5}.iconbtn{border:1px solid var(--border-light);background:var(--surface);cursor:pointer;width:34px;height:32px;color:var(--text-dim);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.iconbtn.danger:hover{color:#c0392b;border-color:#e2b4ad}.corner-badge{color:#fff;background:#9b9a93;border-radius:6px;padding:1px 5px;font-family:-apple-system,sans-serif;font-size:9px;position:absolute;top:-7px;left:-7px}.progress-bar{background:var(--border-light);border-radius:999px;height:9px;overflow:hidden}.progress-bar-inner{background:var(--brand-green);border-radius:999px;height:100%;transition:width .3s;display:block}.inp{border:1px solid var(--border-light);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:16px}.inp.hz{font-size:24px}.evtag{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600}.note{color:var(--text-dim);font-size:12.5px}.evcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:16px 18px}@page{size:A4;margin:14mm}@media print{#root{display:none!important}.psheet-overlay{background:0 0!important;display:block!important;position:static!important}.psheet-config,.psheet-sidebar{display:none!important}.psheet-body{display:block!important;overflow:visible!important}.psheet-scroll{background:0 0!important;padding:0!important;display:block!important;overflow:visible!important}.psheet-page{width:auto!important;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.psheet-page:not(:last-child){-moz-column-break-after:page;break-after:page;page-break-after:always}}body{transition:padding-right .2s ease-out}.devnotes-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:900;flex-direction:column;transition:transform .2s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000014}.devnotes-drawer.open{transform:translate(0)}.devnotes-handle{cursor:col-resize;z-index:10;width:8px;position:absolute;top:0;bottom:0;left:-4px}.devnotes-handle:hover{background:var(--border-light)}.devnotes-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.devnotes-toolbar .btn{border:1px solid var(--border-light);width:30px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.devnotes-toolbar .btn:hover{background:var(--border-light)}.devnotes-toolbar .btn:active{background:var(--border)}.devnotes-toolbar .sep{background:var(--border-light);width:1px;height:20px;margin:0 2px}.devnotes-toolbar .slider-group{align-items:center;gap:4px;margin-left:auto;display:flex}.devnotes-toolbar .slider-group label{color:var(--text-dim);font-size:11px}.devnotes-toolbar input[type=range]{width:60px;height:4px;accent-color:var(--brand-green)}.devnotes-toolbar .close-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.devnotes-toolbar .close-btn:hover{background:var(--border-light);color:var(--text)}.devnotes-toolbar .submit-btn{width:auto;color:var(--brand-green);border-color:var(--brand-green);padding:0 8px;font-size:12px;font-weight:600}.devnotes-toolbar .submit-btn:hover{background:var(--brand-green);color:#fff}.devnotes-toolbar .submit-btn:disabled,.devnotes-toolbar .btn:disabled{opacity:.4;cursor:default}.devnotes-textarea{resize:none;width:100%;color:var(--text);tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.6}.devnotes-textarea::placeholder{color:var(--text-muted)}.devnotes-copied-toast{background:var(--brand-green);color:#fff;pointer-events:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;animation:1.5s forwards devnotes-fadeout;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes devnotes-fadeout{0%{opacity:1}70%{opacity:1}to{opacity:0}}