*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e7eaf6,#f0f2f8)}.header{background:#04213c;color:#fff;padding:2rem 1rem;text-align:center;box-shadow:0 2px 8px #113f6726}.header-content{max-width:1200px;margin:0 auto}.logo-link{text-decoration:none;color:inherit}.title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.subtitle{font-size:1.1rem;font-weight:300;opacity:.95}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1rem}.footer{background:#04213c;color:#fff;text-align:center;padding:1rem;margin-top:3rem;font-size:.9rem}@media (max-width: 768px){.title{font-size:2rem}.subtitle{font-size:1rem}.main-content{padding:1.5rem 1rem}}@media (max-width: 480px){.header{padding:1.5rem 1rem}.title{font-size:1.75rem;letter-spacing:.5px}.subtitle{font-size:.95rem}.main-content{padding:1rem}}.homepage[data-v-a3ca786f]{display:flex;flex-direction:column;gap:3rem}.navigation-section[data-v-a3ca786f]{margin-bottom:1rem}.button-grid[data-v-a3ca786f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:stretch}.nav-button[data-v-a3ca786f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;border:2px solid #38598b;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.nav-button[data-v-a3ca786f]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #38598b40;border-color:#113f67}.nav-button[data-v-a3ca786f]:active{transform:translateY(-2px)}.button-icon[data-v-a3ca786f]{font-size:2.5rem;margin-bottom:.75rem}.button-text[data-v-a3ca786f]{font-size:1.2rem;font-weight:600;color:#38598b;margin-bottom:.5rem}.button-desc[data-v-a3ca786f]{font-size:.85rem;color:#a2a8d3;text-align:center}.radicals-btn[data-v-a3ca786f]{background:linear-gradient(135deg,#f0f2f8,#e7eaf6)}.hsk-btn[data-v-a3ca786f]{background:linear-gradient(135deg,#f8f9fc,#f0f2f8)}.flashcard-btn[data-v-a3ca786f]{background:linear-gradient(135deg,#fef5e7,#fdf2e0)}@media (max-width: 768px){.intro-section[data-v-a3ca786f]{padding:1.5rem}.button-grid[data-v-a3ca786f]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.nav-button[data-v-a3ca786f]{padding:1.5rem 1rem}.button-icon[data-v-a3ca786f]{font-size:2rem;margin-bottom:.5rem}.button-text[data-v-a3ca786f]{font-size:1rem}}@media (max-width: 480px){.intro-section[data-v-a3ca786f]{padding:1rem}.intro-text[data-v-a3ca786f]{font-size:.9rem}.button-grid[data-v-a3ca786f]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.nav-button[data-v-a3ca786f]{padding:1.25rem .75rem}.button-icon[data-v-a3ca786f]{font-size:1.75rem;margin-bottom:.375rem}.button-text[data-v-a3ca786f]{font-size:.95rem}.button-desc[data-v-a3ca786f]{font-size:.75rem}}.page-container[data-v-70315700]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h2[data-v-70315700]{color:#38598b;margin-bottom:1rem;text-align:center}.stroke-group[data-v-70315700]{margin-bottom:.5rem;border:1px solid #e4e8f0;border-radius:10px;overflow:hidden}.stroke-heading[data-v-70315700]{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1rem;font-weight:700;color:#38598b;padding:.75rem 1rem;cursor:pointer;background:#f7f8fc;-webkit-user-select:none;user-select:none;transition:background .2s}.stroke-heading[data-v-70315700]:hover{background:#eef1f9}.chevron[data-v-70315700]{display:inline-block;font-size:1.2rem;font-weight:700;color:#38598b;transform:rotate(90deg);transition:transform .25s ease;line-height:1}.chevron.open[data-v-70315700]{transform:rotate(270deg)}.radical-grid[data-v-70315700]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;padding:.75rem;background:#fff}.radical-card[data-v-70315700]{display:flex;align-items:center;gap:.75rem;background:#f7f8fc;border:1px solid #e4e8f0;border-radius:10px;padding:.65rem .75rem;transition:box-shadow .2s}.radical-card[data-v-70315700]:hover{box-shadow:0 2px 10px #38598b1f}.hanzi[data-v-70315700]{font-size:1.6rem;font-weight:700;color:#222;min-width:2.2rem;text-align:center;line-height:1}.info[data-v-70315700]{display:flex;flex-direction:column;flex:1;overflow:hidden}.pinyin[data-v-70315700]{font-style:italic;font-size:.85rem;color:#38598b;font-weight:600}.meaning[data-v-70315700]{font-size:.82rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-btn[data-v-70315700]{background:transparent;color:#38598b;border:none;border-radius:8px;width:2rem;height:2rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.practice-btn[data-v-70315700]:hover{background:#2a4470}.collapse-btn[data-v-70315700]{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;cursor:pointer;font-size:.82rem;color:#38598b;font-weight:600;background:#f7f8fc;border-top:1px solid #e4e8f0;-webkit-user-select:none;user-select:none;transition:background .2s}.collapse-btn[data-v-70315700]:hover{background:#eef1f9}@media (max-width: 600px){.page-container[data-v-70315700]{padding:1rem}.radical-grid[data-v-70315700]{grid-template-columns:1fr}}.page-container[data-v-a4977d88]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h1[data-v-a4977d88]{color:#38598b;margin-bottom:1rem}p[data-v-a4977d88]{color:#666;line-height:1.6}.page-container[data-v-a8f220da]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h1[data-v-a8f220da]{color:#38598b;margin-bottom:1rem}p[data-v-a8f220da]{color:#666;line-height:1.6}.page-container[data-v-837566b6]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h1[data-v-837566b6]{color:#38598b;margin-bottom:1rem}p[data-v-837566b6]{color:#666;line-height:1.6}.page-container[data-v-60925198]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h1[data-v-60925198]{color:#38598b;margin-bottom:1rem}p[data-v-60925198]{color:#666;line-height:1.6}.page-container[data-v-69d483c5]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333}h1[data-v-69d483c5]{color:#38598b;margin-bottom:1rem}p[data-v-69d483c5]{color:#666;line-height:1.6}.page-container[data-v-6ae58567]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #a2a8d333;max-width:560px;margin:0 auto}.radical-info[data-v-6ae58567]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-btn[data-v-6ae58567]{background:none;border:1px solid #dde2ee;border-radius:8px;padding:.4rem .8rem;font-size:1rem;color:#38598b;cursor:pointer;white-space:nowrap}.back-btn[data-v-6ae58567]:hover{background:#f0f3fa}.info-center[data-v-6ae58567]{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.big-hanzi[data-v-6ae58567]{font-size:2.5rem;font-weight:700;color:#222;line-height:1}.pinyin[data-v-6ae58567]{font-size:1rem;font-style:italic;color:#38598b;font-weight:600}.meaning[data-v-6ae58567]{font-size:.9rem;color:#888}.canvas-wrapper[data-v-6ae58567]{width:100%;max-width:500px;margin:0 auto;border:2px solid #e4e8f0;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 4px #0000000d}.drawing-canvas[data-v-6ae58567]{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.controls[data-v-6ae58567]{display:flex;align-items:center;gap:1.2rem;margin-top:1rem;flex-wrap:wrap}.brush-controls[data-v-6ae58567]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#555}.brush-controls input[type=range][data-v-6ae58567]{width:80px;accent-color:#38598b}.color-options[data-v-6ae58567]{display:flex;gap:.4rem}.color-dot[data-v-6ae58567]{width:22px;height:22px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .15s}.color-dot[data-v-6ae58567]:hover{transform:scale(1.2)}.clear-btn[data-v-6ae58567]{margin-left:auto;background:#fff0f0;color:#e74c3c;border:1px solid #fcc;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s}.clear-btn[data-v-6ae58567]:hover{background:#ffe0e0}@media (max-width: 600px){.page-container[data-v-6ae58567]{padding:1rem}.controls[data-v-6ae58567]{gap:.75rem}.clear-btn[data-v-6ae58567]{margin-left:0}}