.nav-bar[data-v-1765d529]{position:fixed;top:0;left:0;right:0;z-index:200;height:calc(100 * var(--rpx));display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);background:var(--color-bg-card);border-bottom:calc(2 * var(--rpx)) solid var(--color-border);transform:translateZ(0);backface-visibility:hidden;will-change:transform;-webkit-font-smoothing:antialiased}.nav-bar.nav-math[data-v-1765d529]{background:linear-gradient(135deg,#5b8def,#4a7de0);border-bottom:none}.nav-bar.nav-math .nav-title-text[data-v-1765d529]{color:#fff}.nav-bar.nav-math .nav-back[data-v-1765d529],.nav-bar.nav-math .nav-home[data-v-1765d529]{color:#ffffffe6}.nav-bar.nav-math .nav-back[data-v-1765d529]:active,.nav-bar.nav-math .nav-home[data-v-1765d529]:active{background:#fff3}.nav-bar.nav-chinese[data-v-1765d529]{background:linear-gradient(135deg,#e17055,#d35d3e);border-bottom:none}.nav-bar.nav-chinese .nav-title-text[data-v-1765d529]{color:#fff}.nav-bar.nav-chinese .nav-back[data-v-1765d529],.nav-bar.nav-chinese .nav-home[data-v-1765d529]{color:#ffffffe6}.nav-bar.nav-chinese .nav-back[data-v-1765d529]:active,.nav-bar.nav-chinese .nav-home[data-v-1765d529]:active{background:#fff3}.nav-bar.nav-english[data-v-1765d529]{background:linear-gradient(135deg,#6c5ce7,#5a4bd1);border-bottom:none}.nav-bar.nav-english .nav-title-text[data-v-1765d529]{color:#fff}.nav-bar.nav-english .nav-back[data-v-1765d529],.nav-bar.nav-english .nav-home[data-v-1765d529]{color:#ffffffe6}.nav-bar.nav-english .nav-back[data-v-1765d529]:active,.nav-bar.nav-english .nav-home[data-v-1765d529]:active{background:#fff3}.nav-back[data-v-1765d529],.nav-home[data-v-1765d529]{width:calc(72 * var(--rpx));height:calc(72 * var(--rpx));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;outline:none;font-size:calc(40 * var(--rpx));color:var(--color-text-secondary);transition:background .15s ease;-webkit-tap-highlight-color:transparent;backface-visibility:hidden}.nav-back[data-v-1765d529]:active,.nav-home[data-v-1765d529]:active{background:var(--color-bg-main)}.back-arrow[data-v-1765d529]{font-size:calc(48 * var(--rpx));line-height:1;font-weight:300}.nav-back-placeholder[data-v-1765d529]{width:calc(72 * var(--rpx))}.nav-title-area[data-v-1765d529]{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--rpx));overflow:hidden}.nav-icon[data-v-1765d529]{font-size:calc(36 * var(--rpx));flex-shrink:0}.nav-title-text[data-v-1765d529]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-icon[data-v-1765d529]{font-size:calc(36 * var(--rpx));line-height:1}:root{--rpx: min(calc(100vw / 750), 1.8px)}:root{--color-primary: #5B8DEF;--color-primary-light: #A8C8F8;--color-primary-dark: #3A6FD8;--color-secondary: #FFB74D;--color-secondary-light: #FFE0A0;--color-bg-main: #F0F7F4;--color-bg-card: #FFFFFF;--color-bg-warm: #FFF8E7;--color-bg-math: #EBF5FB;--color-bg-chinese: #FDF2E9;--color-bg-science: #E8F8F5;--color-bg-english: #F0EEFC;--color-text-primary: #2D3436;--color-text-secondary:#636E72;--color-text-light: #B2BEC3;--color-text-on-primary:#FFFFFF;--color-success: #6BCB77;--color-success-light: #D4EDDA;--color-warning: #FFD93D;--color-error: #FF6B6B;--color-error-light: #F8D7DA;--color-disabled: #DFE6E9;--color-border: #E8ECF1;--color-border-light: #F0F3F5;--radius-large: calc(24 * var(--rpx));--radius-medium: calc(16 * var(--rpx));--radius-small: calc(12 * var(--rpx));--radius-circle: 50%;--shadow-card: 0 calc(4 * var(--rpx)) calc(16 * var(--rpx)) rgba(0, 0, 0, .06);--shadow-elevated: 0 calc(8 * var(--rpx)) calc(30 * var(--rpx)) rgba(0, 0, 0, .1);--shadow-button: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(91, 141, 239, .3);--spacing-xs: calc(8 * var(--rpx));--spacing-sm: calc(16 * var(--rpx));--spacing-md: calc(24 * var(--rpx));--spacing-lg: calc(32 * var(--rpx));--spacing-xl: calc(48 * var(--rpx));--font-size-xs: calc(24 * var(--rpx));--font-size-sm: calc(28 * var(--rpx));--font-size-md: calc(32 * var(--rpx));--font-size-lg: calc(36 * var(--rpx));--font-size-xl: calc(44 * var(--rpx));--font-size-xxl: calc(56 * var(--rpx));--font-size-title: calc(64 * var(--rpx));--color-math: #5B8DEF;--color-chinese: #E17055;--color-science: #00B894;--color-english: #6C5CE7;--nav-bar-height: calc(100 * var(--rpx))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100vh;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow:hidden;margin:0;padding-bottom:env(safe-area-inset-bottom,0px)}#app{width:100%;height:100vh;overflow:hidden}.app-shell{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-main.has-nav{padding-top:var(--nav-bar-height)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;font-size:inherit}img{max-width:100%;height:auto}input,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}@media (hover: hover) and (pointer: fine){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;will-change:transform}@keyframes bounce-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 479px){:root{--spacing-xs: calc(6 * var(--rpx));--spacing-sm: calc(12 * var(--rpx));--spacing-md: calc(20 * var(--rpx));--spacing-lg: calc(24 * var(--rpx));--spacing-xl: calc(36 * var(--rpx));--nav-bar-height: calc(88 * var(--rpx))}}@media (min-width: 480px) and (max-width: 1023px){:root{--nav-bar-height: calc(96 * var(--rpx))}}@media (min-width: 1024px){:root{--rpx: min(calc(100vw / 960), 1.4px);--spacing-xs: calc(8 * var(--rpx));--spacing-sm: calc(14 * var(--rpx));--spacing-md: calc(22 * var(--rpx));--spacing-lg: calc(28 * var(--rpx));--spacing-xl: calc(40 * var(--rpx));--nav-bar-height: calc(90 * var(--rpx))}}.page-container[data-v-2932a0a2]{--rpx: min(calc(100vw / 750), 1px);max-width:750px;width:100%;margin:0 auto;flex:1;padding-bottom:calc(20 * var(--rpx))}@media (min-width: 600px){.page-container[data-v-2932a0a2]{--rpx: min(calc(100vw / 750), .8px);max-width:600px}}.welcome-section[data-v-2932a0a2]{text-align:center;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.welcome-emoji[data-v-2932a0a2]{font-size:calc(72 * var(--rpx));line-height:1.2;margin-bottom:var(--spacing-sm);animation:bounce-in .6s ease-out}.welcome-title[data-v-2932a0a2]{font-size:var(--font-size-title);font-weight:700;color:var(--color-text-primary);line-height:1.3}.welcome-subtitle[data-v-2932a0a2]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.tab-bar[data-v-2932a0a2]{display:flex;gap:0;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);margin-left:var(--spacing-md);margin-right:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item[data-v-2932a0a2]{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;min-height:calc(80 * var(--rpx));display:flex;align-items:center;justify-content:center;transition:color .2s,border-bottom .2s;border-bottom:calc(4 * var(--rpx)) solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-item[data-v-2932a0a2]:active{background:var(--color-bg-main);border-radius:var(--radius-large)}.tab-item.tab-active[data-v-2932a0a2]{color:var(--color-primary);font-weight:700;border-bottom-color:var(--color-primary)}.tab-fav[data-v-2932a0a2]{color:var(--color-secondary)}@media (max-width: 479px){.tab-bar[data-v-2932a0a2]{border-radius:0;margin-left:0;margin-right:0}}.tool-grid[data-v-2932a0a2]{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:0 var(--spacing-md)}@media (min-width: 480px){.tool-grid[data-v-2932a0a2]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.tool-grid[data-v-2932a0a2]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.tool-grid[data-v-2932a0a2]{grid-template-columns:repeat(auto-fill,minmax(calc(320 * var(--rpx)),1fr))}}.tool-card[data-v-2932a0a2]{position:relative;border-radius:var(--radius-large);padding:var(--spacing-lg) var(--spacing-md);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .2s,box-shadow .2s;min-height:calc(240 * var(--rpx));display:flex;flex-direction:column;align-items:center;text-align:center}.tool-card[data-v-2932a0a2]:active{transform:scale(.97);box-shadow:none}.card-favorite[data-v-2932a0a2]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;z-index:2}.star-icon[data-v-2932a0a2]{font-size:calc(36 * var(--rpx));transition:transform .2s;display:block}.star-icon[data-v-2932a0a2]:active{transform:scale(1.3)}.star-filled[data-v-2932a0a2]{animation:pop .3s ease-out}.card-icon[data-v-2932a0a2]{font-size:calc(56 * var(--rpx));margin-bottom:var(--spacing-xs)}.card-name[data-v-2932a0a2]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:calc(4 * var(--rpx))}.card-grade-tag[data-v-2932a0a2]{display:inline-block;padding:calc(4 * var(--rpx)) calc(16 * var(--rpx));background:#ffffffb3;border-radius:calc(20 * var(--rpx));font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.card-desc[data-v-2932a0a2]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--spacing-sm)}.card-progress[data-v-2932a0a2]{width:100%;display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-bg[data-v-2932a0a2]{flex:1;height:calc(16 * var(--rpx));background:#fff9;border-radius:calc(8 * var(--rpx));overflow:hidden}.progress-bar-fill[data-v-2932a0a2]{height:100%;background:var(--color-success);border-radius:calc(8 * var(--rpx));transition:width .5s ease-out}.progress-done[data-v-2932a0a2]{background:var(--color-success)!important}.progress-text[data-v-2932a0a2]{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.empty-tip[data-v-2932a0a2]{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl)}.empty-icon[data-v-2932a0a2]{font-size:calc(80 * var(--rpx));margin-bottom:var(--spacing-md)}.empty-text[data-v-2932a0a2]{font-size:var(--font-size-md);color:var(--color-text-light)}