:root{--rpx: calc(100vw / 750)}@media (min-width: 1800px){:root{--rpx: 2.4px}}: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-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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;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-x:hidden}#app,.app-shell{width:100%;min-height:100vh}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}@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}}.page-container[data-v-d1425ec9]{width:100%;min-height:100vh;padding-bottom:calc(20 * var(--rpx))}.welcome-section[data-v-d1425ec9]{text-align:center;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.welcome-emoji[data-v-d1425ec9]{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-d1425ec9]{font-size:var(--font-size-title);font-weight:700;color:var(--color-text-primary);line-height:1.3}.welcome-subtitle[data-v-d1425ec9]{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.tab-bar[data-v-d1425ec9]{display:flex;gap:0;padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-large);margin-left:var(--spacing-md);margin-right:var(--spacing-md);box-shadow:var(--shadow-card)}.tab-item[data-v-d1425ec9]{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}.tab-item[data-v-d1425ec9]:active{background:var(--color-bg-main);border-radius:var(--radius-large)}.tab-item.tab-active[data-v-d1425ec9]{color:var(--color-primary);font-weight:700;border-bottom-color:var(--color-primary)}.tab-fav[data-v-d1425ec9]{color:var(--color-secondary)}.tool-grid[data-v-d1425ec9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(300 * var(--rpx)),1fr));gap:var(--spacing-md);padding:0 var(--spacing-md)}.tool-card[data-v-d1425ec9]{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(280 * var(--rpx));display:flex;flex-direction:column;align-items:center;text-align:center}.tool-card[data-v-d1425ec9]:active{transform:scale(.97);box-shadow:none}.card-favorite[data-v-d1425ec9]{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;z-index:2}.star-icon[data-v-d1425ec9]{font-size:calc(36 * var(--rpx));transition:transform .2s;display:block}.star-icon[data-v-d1425ec9]:active{transform:scale(1.3)}.star-filled[data-v-d1425ec9]{animation:pop .3s ease-out}.card-icon[data-v-d1425ec9]{font-size:calc(56 * var(--rpx));margin-bottom:var(--spacing-xs)}.card-name[data-v-d1425ec9]{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-d1425ec9]{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-d1425ec9]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--spacing-sm)}.card-progress[data-v-d1425ec9]{width:100%;display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-bg[data-v-d1425ec9]{flex:1;height:calc(16 * var(--rpx));background:#fff9;border-radius:calc(8 * var(--rpx));overflow:hidden}.progress-bar-fill[data-v-d1425ec9]{height:100%;background:var(--color-success);border-radius:calc(8 * var(--rpx));transition:width .5s ease-out}.progress-done[data-v-d1425ec9]{background:var(--color-success)!important}.progress-text[data-v-d1425ec9]{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.empty-tip[data-v-d1425ec9]{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl)}.empty-icon[data-v-d1425ec9]{font-size:calc(80 * var(--rpx));margin-bottom:var(--spacing-md)}.empty-text[data-v-d1425ec9]{font-size:var(--font-size-md);color:var(--color-text-light)}