.stroke-demo[data-astro-cid-mxbinnna]{width:100%;max-width:720px;margin:0 auto}.stroke-demo.stroke-demo-row{display:flex;gap:1rem;align-items:flex-start;justify-content:center}.stroke-demo .stroke-demo-slot{flex:1 1 0;min-width:0;max-width:360px}.home-page[data-astro-cid-j7pv25f6]{min-height:100vh;background:#fafbfd}.hero-section[data-astro-cid-j7pv25f6]{position:relative;padding:2.5rem 0 3rem;overflow:hidden;background:#fff;border-bottom:1px solid rgba(0,0,0,.04)}@media(min-width:768px){.hero-section[data-astro-cid-j7pv25f6]{padding:4rem 0 4.5rem}}.hero-bg-pattern[data-astro-cid-j7pv25f6]{position:absolute;inset:0;background-color:#edf4fe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23a7caff' fill-opacity='0.18'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E")}.hero-texture[data-astro-cid-j7pv25f6]{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.3;background-image:radial-gradient(circle at 20% 50%,rgba(84,154,240,.03) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(84,154,240,.025) 1px,transparent 1px);background-size:60px 60px,80px 80px}.hero-headline[data-astro-cid-j7pv25f6]{position:relative;z-index:1;text-align:center;margin-bottom:2rem}@media(min-width:768px){.hero-headline[data-astro-cid-j7pv25f6]{margin-bottom:2.5rem}}.hero-title[data-astro-cid-j7pv25f6]{margin-bottom:1rem;line-height:1.2;padding-bottom:.1em}.title-main[data-astro-cid-j7pv25f6]{display:block;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#1a2332}.title-accent[data-astro-cid-j7pv25f6]{display:block;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#296fea}@media(min-width:768px){.title-main[data-astro-cid-j7pv25f6]{font-size:3rem;display:inline}.title-main[data-astro-cid-j7pv25f6]:after{content:" "}.title-accent[data-astro-cid-j7pv25f6]{font-size:3rem;display:inline}}@media(min-width:1024px){.title-main[data-astro-cid-j7pv25f6],.title-accent[data-astro-cid-j7pv25f6]{font-size:3.5rem}}.hero-panel-intro[data-astro-cid-j7pv25f6]{margin-top:1rem;font-size:.875rem;line-height:1.7;color:#475569}@media(min-width:768px){.hero-panel-intro[data-astro-cid-j7pv25f6]{font-size:.9375rem}}.hero-search-layer[data-astro-cid-j7pv25f6]{position:relative;z-index:1;margin-bottom:2.5rem}@media(min-width:768px){.hero-search-layer[data-astro-cid-j7pv25f6]{margin-bottom:3rem}}.hero-search-wrap[data-astro-cid-j7pv25f6]{max-width:600px;margin:0 auto;border-radius:1rem;overflow:hidden;background:#f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.hero-search-wrap[data-astro-cid-j7pv25f6]{max-width:720px;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008;border:1px solid rgba(0,0,0,.06);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-search-wrap[data-astro-cid-j7pv25f6]:hover{box-shadow:0 16px 48px #00000014,0 4px 12px #0000000a;border-color:#549af033;transform:translateY(-2px)}}.top10-quick[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}@media(min-width:768px){.top10-quick[data-astro-cid-j7pv25f6]{flex-direction:row;justify-content:center;gap:.625rem}}.top10-label[data-astro-cid-j7pv25f6]{font-size:.75rem;font-weight:500;color:#94a3b8;flex-shrink:0}@media(min-width:768px){.top10-label[data-astro-cid-j7pv25f6]{font-size:.8125rem;font-weight:600;color:#64748b}}.top10-chars[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;justify-content:center}@media(min-width:768px){.top10-chars[data-astro-cid-j7pv25f6]{gap:.375rem}}.top10-char[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:.375rem;background:#ffffffd9;border:1px solid rgba(84,154,240,.12);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,serif;font-size:.9375rem;color:#1e3a5f;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008;flex-shrink:0}@media(min-width:768px){.top10-char[data-astro-cid-j7pv25f6]{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem;border-color:#549af026;box-shadow:0 1px 3px #0000000a}}.top10-char[data-astro-cid-j7pv25f6]:hover{background:#549af0;color:#fff;border-color:#549af0;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px #549af040}.top10-char[data-astro-cid-j7pv25f6]:active{transform:translateY(0) scale(.96)}.hero-panels[data-astro-cid-j7pv25f6]{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.hero-panels[data-astro-cid-j7pv25f6]{flex-direction:row;gap:2rem;align-items:stretch}}.hero-panel-hw[data-astro-cid-j7pv25f6]{flex-shrink:0;width:100%}@media(min-width:768px){.hero-panel-hw[data-astro-cid-j7pv25f6]{width:340px}}@media(min-width:1024px){.hero-panel-hw[data-astro-cid-j7pv25f6]{width:380px}}.hero-panel-demo[data-astro-cid-j7pv25f6]{flex:1;min-width:0;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);border-radius:1.25rem;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 4px 24px #0000000a;transition:all .3s ease}.hero-panel-demo[data-astro-cid-j7pv25f6]:hover{box-shadow:0 8px 32px #0000000f;border-color:#549af01f}@media(min-width:768px){.hero-panel-demo[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;justify-content:center}}.panel-label[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.75rem}.panel-label-icon[data-astro-cid-j7pv25f6]{width:1rem;height:1rem;color:#549af0}.handwriting-panel[data-astro-cid-j7pv25f6]{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;padding:12px;box-shadow:0 4px 24px #0000000a,0 2px 8px #00000005;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.handwriting-panel[data-astro-cid-j7pv25f6]:hover{box-shadow:0 8px 32px #0000000f;border-color:#549af01f}@media(min-width:768px){.handwriting-panel[data-astro-cid-j7pv25f6]{padding:20px;gap:.75rem}}.handwriting-panel-top[data-astro-cid-j7pv25f6]{position:relative;height:3.5rem}@media(min-width:768px){.handwriting-panel-top[data-astro-cid-j7pv25f6]{height:4.25rem}}.home-title-container[data-astro-cid-j7pv25f6]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;transition:opacity .15s ease}.home-title-container[data-astro-cid-j7pv25f6].home-hidden{opacity:0;pointer-events:none}.handwriting-panel-title[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.125rem;letter-spacing:-.01em}@media(min-width:768px){.handwriting-panel-title[data-astro-cid-j7pv25f6]{font-size:1.125rem;gap:.5rem;margin-bottom:.25rem}}.handwriting-panel-title[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{color:#549af0;width:1.125rem;height:1.125rem}.handwriting-panel-subtitle[data-astro-cid-j7pv25f6]{font-size:.6875rem;color:#64748b;margin:0;line-height:1.4}@media(min-width:768px){.handwriting-panel-subtitle[data-astro-cid-j7pv25f6]{font-size:.8125rem;line-height:1.5}}.home-canvas-area[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column}.home-canvas-wrapper[data-astro-cid-j7pv25f6]{position:relative;width:100%;padding-bottom:100%;border-radius:1rem;border:2px solid rgba(84,154,240,.35);overflow:hidden;background:#eff6ff;box-shadow:0 6px 24px #549af01a,0 2px 8px #549af00f,inset 0 1px 3px #549af00a;transition:border-color .25s ease,box-shadow .25s ease}.home-canvas-wrapper[data-astro-cid-j7pv25f6]:hover{border-color:#549af080;box-shadow:0 10px 36px #549af024,0 4px 12px #549af014,inset 0 1px 3px #549af00d}.home-canvas[data-astro-cid-j7pv25f6]{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;background:#eff6ff;cursor:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22><path d=%22M3 21l1.5-4.5L17.1 3.9a1.5 1.5 0 012.1 0l.9.9a1.5 1.5 0 010 2.1L7.5 19.5 3 21z%22 stroke=%22%23DC2626%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/><circle cx=%223%22 cy=%2221%22 r=%221%22 fill=%22%23DC2626%22/></svg>") 1 23,crosshair}.home-canvas-clear-btn[data-astro-cid-j7pv25f6]{position:absolute;top:.5rem;right:.5rem;z-index:20;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#ffffffb3;backdrop-filter:blur(4px);color:#94a3b8;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease}.home-canvas-clear-btn[data-astro-cid-j7pv25f6]:hover{background:#fffffff2;color:#ef4444;border-color:#ef444433;transform:scale(1.05)}.home-canvas-guide[data-astro-cid-j7pv25f6]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:.35}.home-guide-icon[data-astro-cid-j7pv25f6]{width:3rem;height:3rem;color:#549af0;margin-bottom:.75rem;animation:home-guide-pulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(84,154,240,.15))}.home-guide-text[data-astro-cid-j7pv25f6]{font-size:.875rem;color:#475569;font-weight:500;margin:0;letter-spacing:.02em}@keyframes home-guide-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}.home-recognition-results[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;top:0;height:3.5rem;display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease;scrollbar-width:thin;scrollbar-color:#549AF0 transparent}@media(min-width:768px){.home-recognition-results[data-astro-cid-j7pv25f6]{height:4.25rem}}.home-recognition-results[data-astro-cid-j7pv25f6].home-visible{opacity:1;pointer-events:auto}.home-recognition-results[data-astro-cid-j7pv25f6]::-webkit-scrollbar{height:4px}.home-recognition-results[data-astro-cid-j7pv25f6]::-webkit-scrollbar-track{background:transparent}.home-recognition-results[data-astro-cid-j7pv25f6]::-webkit-scrollbar-thumb{background:#549af04d;border-radius:2px}.home-results-loading[data-astro-cid-j7pv25f6]{display:flex;gap:.5rem}.home-skeleton[data-astro-cid-j7pv25f6]{width:2.75rem;height:2.75rem;border-radius:.5rem;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:home-skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}@media(min-width:768px){.home-skeleton[data-astro-cid-j7pv25f6]{width:3rem;height:3rem;border-radius:.625rem}}@keyframes home-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.home-results-chars[data-astro-cid-j7pv25f6]{display:flex;gap:.375rem}.home-result-char{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid rgba(84,154,240,.15);background:#fff;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,serif;font-size:1.375rem;color:#1e3a5f;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 1px 3px #549af01a}@media(min-width:768px){.home-result-char{width:3rem;height:3rem;border-radius:.625rem;font-size:1.5rem}}.home-result-char:first-child:not(.home-result-default){border-color:#549af066;background:#eff6ff;color:#1e3a5f;font-weight:600;box-shadow:0 2px 8px #549af01f}.home-result-char:hover{border-color:#549af0;background:#549af0;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #549af033}.home-result-char:active{transform:translateY(0) scale(.96)}.home-canvas-buttons[data-astro-cid-j7pv25f6]{display:flex;gap:.5rem;margin-top:.5rem}.home-canvas-btn[data-astro-cid-j7pv25f6]{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.06);background:#fffc;color:#475569;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000008}.home-canvas-btn[data-astro-cid-j7pv25f6]:hover{background:#fff;border-color:#549af033;color:#549af0;box-shadow:0 4px 12px #0000000d}.home-canvas-btn[data-astro-cid-j7pv25f6]:active{transform:scale(.97);box-shadow:none}.methods-section[data-astro-cid-j7pv25f6]{position:relative;padding:4rem 0;background:#fff;border-bottom:1px solid rgba(0,0,0,.04);overflow:hidden}.methods-section[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 85% 20%,rgba(147,197,253,.05) 0%,transparent 60%),radial-gradient(ellipse 500px 350px at 15% 70%,rgba(147,197,253,.04) 0%,transparent 55%);filter:blur(30px);pointer-events:none}.methods-grid-section[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.methods-grid-section[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(3,1fr)}}.method-section-card[data-astro-cid-j7pv25f6]{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);border-radius:1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.method-section-card[data-astro-cid-j7pv25f6]:hover{background:#fffffff2;border-color:#549af033;box-shadow:0 12px 32px #0000000f,0 4px 8px #00000008;transform:translateY(-4px)}.method-section-icon[data-astro-cid-j7pv25f6]{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:.875rem}.method-icon-primary[data-astro-cid-j7pv25f6]{background:#549af01a;color:#549af0}.method-icon-green[data-astro-cid-j7pv25f6]{background:#4088e014;color:#4088e0}.method-icon-amber[data-astro-cid-j7pv25f6]{background:#549af00f;color:#3d8ae8}.method-section-content[data-astro-cid-j7pv25f6]{flex:1;min-width:0}.method-section-title[data-astro-cid-j7pv25f6]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.375rem}.method-section-desc[data-astro-cid-j7pv25f6]{font-size:.8125rem;line-height:1.5;color:#475569;margin:0}.method-section-arrow[data-astro-cid-j7pv25f6]{color:#cbd5e1;transition:all .2s ease}.method-section-card[data-astro-cid-j7pv25f6]:hover .method-section-arrow[data-astro-cid-j7pv25f6]{color:#549af0;transform:translate(3px)}.section-header[data-astro-cid-j7pv25f6]{text-align:center;margin-bottom:2.5rem}.section-title[data-astro-cid-j7pv25f6]{margin-bottom:.5rem}.section-title-zh[data-astro-cid-j7pv25f6]{display:block;font-size:1.75rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;margin-bottom:.25rem}.section-subtitle[data-astro-cid-j7pv25f6]{font-size:.8125rem;color:#94a3b8;margin:0}.top100-section[data-astro-cid-j7pv25f6]{position:relative;padding:4rem 0;background:#f9fafb;border-top:1px solid rgba(0,0,0,.04)}.top100-content[data-astro-cid-j7pv25f6]{background:#fff;border-radius:20px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000a;padding:20px 24px 24px}.top100-content[data-astro-cid-j7pv25f6] .hanzi-grid{grid-template-columns:repeat(5,1fr)}@media(min-width:640px){.top100-content[data-astro-cid-j7pv25f6] .hanzi-grid{grid-template-columns:repeat(10,1fr)}}@media(min-width:1024px){.top100-content[data-astro-cid-j7pv25f6] .hanzi-grid{grid-template-columns:repeat(20,1fr)}}.top100-more[data-astro-cid-j7pv25f6]{text-align:center;margin-top:1.5rem}.top100-more-link[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b7dd1,#549af0);border-radius:10px;text-decoration:none;box-shadow:0 4px 14px #3b7dd14d;transition:all .2s ease}.top100-more-link[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b7dd159}