:root{--color-primary: #4A90D9;--color-primary-light: #6BA3E0;--color-primary-dark: #3A7BC8;--color-secondary: #E8F0FE;--color-white: #FFFFFF;--color-background: #F5F7FA;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-light: #999999;--color-text-white: #FFFFFF;--color-success: #52C41A;--color-error: #FF4D4F;--color-warning: #FAAD14;--color-info: #4A90D9;--color-border: #E8E8E8;--color-border-light: #F0F0F0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-xxl: 20px;--font-title: 24px;--statusbar-height: 44px;--navbar-height: 44px;--tabbar-height: 50px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{border:none;outline:none;cursor:pointer;background:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}.mobile-container{max-width:375px;margin:0 auto;min-height:100vh;background-color:var(--color-white);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.mp-statusbar{height:var(--statusbar-height);background:var(--color-primary);display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--spacing-lg);padding-bottom:4px;color:var(--color-text-white);font-size:var(--font-sm);font-weight:500}.mp-statusbar-time{font-weight:600}.mp-statusbar-icons{display:flex;gap:var(--spacing-xs);font-size:12px}.mp-navbar{height:var(--navbar-height);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-white);font-size:var(--font-xl);font-weight:600;position:relative}.mp-navbar-title{text-align:center}.mp-content{flex:1;overflow-y:auto;background-color:var(--color-background);height:calc(100vh - var(--statusbar-height) - var(--navbar-height) - var(--tabbar-height))}.mp-tabbar{height:var(--tabbar-height);background:var(--color-white);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;position:relative;z-index:10}.mp-tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;transition:color .2s;color:var(--color-text-light);gap:2px}.mp-tabbar-item.active{color:var(--color-primary)}.mp-tabbar-icon{font-size:20px;line-height:1}.mp-tabbar-label{font-size:var(--font-xs);line-height:1}.admin-container{display:flex;min-height:100vh;background-color:var(--color-background)}.admin-sidebar{width:220px;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.admin-sidebar.collapsed{width:64px}.admin-sidebar-header{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg)}.admin-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-logo-text{font-size:var(--font-lg);font-weight:700;color:var(--color-primary);white-space:nowrap}.admin-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-md)}.admin-sidebar-nav{padding:var(--spacing-md) 0;flex:1}.admin-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-md);transition:all .2s;border-left:3px solid transparent}.admin-menu-item:hover{background-color:var(--color-secondary);color:var(--color-primary)}.admin-menu-item.active{background-color:var(--color-secondary);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.admin-menu-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.admin-menu-label{white-space:nowrap}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-topbar{height:60px;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);flex-shrink:0}.admin-topbar-left{display:flex;align-items:center;gap:var(--spacing-lg)}.admin-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-xl);color:var(--color-text-secondary);transition:background .2s}.admin-collapse-btn:hover{background:var(--color-secondary)}.admin-breadcrumb{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.admin-topbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.admin-user-info{font-size:var(--font-md);color:var(--color-text-secondary)}.admin-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:600}.admin-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.admin-sidebar-footer{border-top:1px solid var(--color-border);padding:var(--spacing-md) 0}.admin-sidebar-footer .logout-item{color:var(--color-text-secondary)}.admin-sidebar-footer .logout-item:hover{background-color:#fff5f5;color:#e74c3c}.fs-statusbar{height:var(--statusbar-height);background:var(--color-primary);display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--spacing-lg);padding-bottom:4px;color:var(--color-text-white);font-size:var(--font-sm);font-weight:500}.fs-statusbar-time{font-weight:600}.fs-statusbar-icons{display:flex;gap:var(--spacing-xs);font-size:12px}.fs-navbar{height:var(--navbar-height);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-white);font-size:var(--font-xl);font-weight:600;position:relative}.fs-navbar-title{text-align:center}.fs-content{height:calc(100vh - var(--statusbar-height) - var(--navbar-height));overflow-y:auto;background-color:var(--color-white)}.fs-content-full{height:calc(100vh - var(--statusbar-height))}.learn-center{padding:0 0 var(--spacing-lg) 0;min-height:100%;background:linear-gradient(180deg,var(--color-secondary) 0%,var(--color-background) 40%)}.learn-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);position:relative}.learn-header-decoration{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:0 0 24px 24px;z-index:0}.learn-header-content{position:relative;z-index:1}.learn-level-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-full);padding:6px 24px;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-sm)}.learn-level-icon{font-size:22px;margin-right:6px}.learn-level-text{font-size:var(--font-xxl);font-weight:700;color:var(--color-primary)}.learn-level-subtitle{color:var(--color-text-white);font-size:var(--font-sm);margin-top:4px;opacity:.9}.learn-progress-bar{margin-top:var(--spacing-md);background:#ffffff4d;border-radius:var(--radius-full);height:6px;overflow:hidden;max-width:200px;margin-left:auto;margin-right:auto}.learn-progress-fill{height:100%;background:var(--color-white);border-radius:var(--radius-full);transition:width .6s ease}.learn-stage-card{margin:var(--spacing-lg) var(--spacing-lg) 0;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);box-shadow:var(--shadow-sm);position:relative}.learn-stage-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);text-align:center}.learn-steps{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.learn-step-connector{width:2px;height:24px;background:var(--color-border);position:relative}.learn-step-connector.completed{background:var(--color-primary)}.learn-step-connector:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--color-border)}.learn-step-connector.completed:after{border-top-color:var(--color-primary)}.learn-step-btn{display:flex;align-items:center;width:100%;max-width:280px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;position:relative;border:2px solid transparent;background:var(--color-background)}.learn-step-btn.completed{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-white);border-color:transparent;box-shadow:0 2px 8px #4a90d94d}.learn-step-btn.current{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90d926;animation:stepPulse 2s ease-in-out infinite}.learn-step-btn.locked{background:var(--color-background);color:var(--color-text-light);cursor:not-allowed;opacity:.6}@keyframes stepPulse{0%,to{box-shadow:0 0 0 3px #4a90d926}50%{box-shadow:0 0 0 6px #4a90d91a}}.learn-step-icon-wrap{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-md);font-size:20px;position:relative}.learn-step-btn.completed .learn-step-icon-wrap{background:#ffffff40}.learn-step-btn.current .learn-step-icon-wrap{background:var(--color-secondary);color:var(--color-primary)}.learn-step-btn.locked .learn-step-icon-wrap{background:var(--color-border-light);color:var(--color-text-light)}.learn-step-info{flex:1}.learn-step-name{font-size:var(--font-lg);font-weight:600;line-height:1.3}.learn-step-btn.completed .learn-step-name{color:var(--color-text-white)}.learn-step-btn.current .learn-step-name{color:var(--color-primary)}.learn-step-btn.locked .learn-step-name{color:var(--color-text-light)}.learn-step-desc{font-size:var(--font-xs);margin-top:2px;line-height:1.3}.learn-step-btn.completed .learn-step-desc{color:#fffc}.learn-step-btn.current .learn-step-desc{color:var(--color-text-secondary)}.learn-step-btn.locked .learn-step-desc{color:var(--color-text-light)}.learn-step-status{flex-shrink:0;margin-left:var(--spacing-sm);font-size:18px}.learn-step-check{width:22px;height:22px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-white)}.learn-step-lock{font-size:16px;color:var(--color-text-light)}.learn-step-arrow{width:22px;height:22px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-white)}.learn-history{margin:var(--spacing-xl) var(--spacing-lg) 0}.learn-history-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.learn-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.learn-history-item{display:flex;align-items:center;background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm)}.learn-history-level{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-white);font-size:var(--font-sm);font-weight:700;flex-shrink:0;margin-right:var(--spacing-md)}.learn-history-info{flex:1}.learn-history-name{font-size:var(--font-md);font-weight:600;color:var(--color-text-primary)}.learn-history-score{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.learn-history-badge{font-size:var(--font-xs);color:var(--color-success);font-weight:600;background:#52c41a1a;padding:2px 8px;border-radius:var(--radius-full)}.learn-stats{display:flex;justify-content:space-around;margin:var(--spacing-lg) var(--spacing-lg) 0;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-sm);box-shadow:var(--shadow-sm)}.learn-stat-item{text-align:center}.learn-stat-value{font-size:var(--font-xxl);font-weight:700;color:var(--color-primary)}.learn-stat-label{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.profile-center{min-height:100%;background:linear-gradient(180deg,var(--color-secondary) 0%,var(--color-background) 40%);padding-bottom:var(--spacing-xl)}.profile-card{margin:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.profile-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#a8d8ea,#e8f0fe);display:flex;align-items:center;justify-content:center;font-size:36px;border:3px solid var(--color-white);box-shadow:var(--shadow-md);margin-top:8px}.profile-nickname{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary);margin-top:var(--spacing-md)}.profile-user-id{font-size:var(--font-sm);color:var(--color-text-light);margin-top:var(--spacing-xs)}.profile-join-tag{display:inline-flex;align-items:center;gap:4px;margin-top:var(--spacing-sm);padding:4px 14px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-primary);font-weight:500}.profile-join-tag-icon{font-size:14px}.profile-stats{display:flex;justify-content:space-around;margin:0 var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-sm);box-shadow:var(--shadow-sm)}.profile-stat-item{text-align:center;flex:1;position:relative}.profile-stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:28px;background:var(--color-border-light)}.profile-stat-value{font-size:var(--font-xxl);font-weight:700;color:var(--color-primary)}.profile-stat-label{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.profile-menu{margin:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.profile-menu-item{display:flex;align-items:center;padding:var(--spacing-lg);cursor:pointer;transition:background .2s ease;position:relative}.profile-menu-item:active{background:var(--color-background)}.profile-menu-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:56px;right:var(--spacing-lg);height:1px;background:var(--color-border-light)}.profile-menu-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-right:var(--spacing-md)}.profile-menu-icon.wrong-book{background:#ff4d4f1a}.profile-menu-icon.word-list{background:#4a90d91a}.profile-menu-icon.point-shop{background:#faad141a}.profile-menu-icon.settings{background:#6666661a}.profile-menu-text{flex:1}.profile-menu-title{font-size:var(--font-lg);font-weight:500;color:var(--color-text-primary);line-height:1.4}.profile-menu-desc{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.profile-menu-arrow{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:14px}.profile-menu-badge{flex-shrink:0;background:var(--color-error);color:var(--color-text-white);font-size:var(--font-xs);font-weight:600;padding:1px 6px;border-radius:var(--radius-full);margin-right:var(--spacing-sm);min-width:18px;text-align:center}.profile-version{text-align:center;font-size:var(--font-xs);color:var(--color-text-light);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.word-learn{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.wl-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.wl-progress-text{font-size:var(--font-md);font-weight:600;color:var(--color-primary)}.wl-progress-bar{width:80px;height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.wl-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width .4s ease}.wl-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.wl-word-card{width:100%;max-width:320px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;position:relative;animation:cardFadeIn .3s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wl-word-english{font-size:32px;font-weight:700;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:var(--spacing-sm)}.wl-word-phonetic-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.wl-word-phonetic{font-size:var(--font-md);color:var(--color-text-light);font-style:italic}.wl-sound-btn{width:36px;height:36px;border-radius:50%;background:var(--color-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.wl-sound-btn:active{transform:scale(.9);background:var(--color-primary)}.wl-sound-btn.playing{background:var(--color-primary);animation:soundPulse .8s ease infinite}@keyframes soundPulse{0%,to{box-shadow:0 0 #4a90d966}50%{box-shadow:0 0 0 8px #4a90d900}}.wl-options{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.wl-option-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-lg);color:var(--color-text-primary);text-align:center;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px}.wl-option-btn:active:not(.disabled){transform:scale(.98)}.wl-option-btn.disabled{cursor:default}.wl-option-btn.correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.wl-option-btn.correct .wl-option-icon{display:flex}.wl-option-btn.wrong{border-color:var(--color-error);background:#ff4d4f0f;color:var(--color-error)}.wl-option-btn.wrong .wl-option-icon{display:flex}.wl-option-btn.reveal-correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.wl-option-icon{display:none;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.wl-option-icon.check{background:var(--color-success);color:var(--color-white)}.wl-option-icon.cross{background:var(--color-error);color:var(--color-white)}.wl-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.wl-detail-card{width:100%;max-width:375px;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xxl);animation:detailSlideUp .3s ease;max-height:80vh;overflow-y:auto}@keyframes detailSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wl-detail-handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--spacing-xl)}.wl-detail-word{text-align:center;margin-bottom:var(--spacing-xl)}.wl-detail-english{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.wl-detail-phonetic-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.wl-detail-phonetic{font-size:var(--font-md);color:var(--color-text-light);font-style:italic}.wl-detail-sound-btn{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--color-white);transition:transform .2s}.wl-detail-sound-btn:active{transform:scale(.9)}.wl-detail-meaning{font-size:var(--font-xl);color:var(--color-primary);font-weight:600;text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-secondary);border-radius:var(--radius-md)}.wl-detail-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-lg) 0}.wl-detail-section-title{font-size:var(--font-sm);color:var(--color-text-light);font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.wl-detail-example{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);border-left:3px solid var(--color-primary)}.wl-detail-example-en{font-size:var(--font-md);color:var(--color-text-primary);font-weight:500;line-height:1.6;margin-bottom:var(--spacing-xs)}.wl-detail-example-cn{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.5}.wl-next-btn{width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.wl-next-btn:active{transform:scale(.98);opacity:.9}.wl-next-btn-arrow{font-size:18px}.wl-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:feedbackPop .5s ease;pointer-events:none;z-index:5}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.wl-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.wl-complete-icon{font-size:64px;margin-bottom:var(--spacing-xl);animation:completeFloat 2s ease-in-out infinite}@keyframes completeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wl-complete-title{font-size:var(--font-xxl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.wl-complete-desc{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-xxl)}.wl-complete-stats{display:flex;gap:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.wl-complete-stat{text-align:center}.wl-complete-stat-value{font-size:var(--font-title);font-weight:700;color:var(--color-primary)}.wl-complete-stat-label{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.wl-complete-btn{width:100%;max-width:240px;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.wl-complete-btn:active{transform:scale(.97)}.review-page{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.rv-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.rv-back-btn{width:32px;height:32px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.rv-back-btn:active{background:var(--color-border)}.rv-topbar-center{display:flex;flex-direction:column;align-items:center;gap:2px}.rv-mode-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:linear-gradient(135deg,#ff9500,#ffad33);color:#fff;font-size:var(--font-xs);font-weight:700;border-radius:var(--radius-full);letter-spacing:1px}.rv-mode-tag-icon{font-size:10px}.rv-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.rv-progress-text{font-size:var(--font-sm);font-weight:600;color:#ff9500}.rv-progress-bar{width:80px;height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.rv-progress-fill{height:100%;background:linear-gradient(90deg,#ff9500,#ffad33);border-radius:var(--radius-full);transition:width .4s ease}.rv-topbar-placeholder{width:32px}.rv-question-type-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;margin-bottom:var(--spacing-md)}.rv-question-type-tag.type-en-to-cn{background:#fff3e0;color:#e67e22}.rv-question-type-tag.type-cn-to-en{background:#e8f5e9;color:#388e3c}.rv-correct-progress{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.rv-correct-progress-label{font-size:var(--font-sm);color:var(--color-text-secondary)}.rv-correct-dots{display:flex;gap:6px}.rv-correct-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-border);transition:all .3s ease}.rv-correct-dot.filled{border-color:#ff9500;background:#ff9500;color:#fff}.rv-correct-progress-text{font-size:var(--font-xs);color:var(--color-text-light);font-weight:500}.rv-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.rv-word-card{width:100%;max-width:320px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;position:relative;animation:rvCardFadeIn .3s ease;border-top:3px solid #FF9500}@keyframes rvCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rv-word-english{font-size:32px;font-weight:700;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:var(--spacing-sm)}.rv-word-chinese{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.rv-word-phonetic-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.rv-word-phonetic{font-size:var(--font-md);color:var(--color-text-light);font-style:italic}.rv-sound-btn{width:36px;height:36px;border-radius:50%;background:#fff3e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.rv-sound-btn:active{transform:scale(.9);background:#ff9500}.rv-sound-btn.playing{background:#ff9500;animation:rvSoundPulse .8s ease infinite}@keyframes rvSoundPulse{0%,to{box-shadow:0 0 #ff950066}50%{box-shadow:0 0 0 8px #ff950000}}.rv-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:rvFeedbackPop .5s ease;pointer-events:none;z-index:5}@keyframes rvFeedbackPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.rv-options{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.rv-option-btn{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-lg);color:var(--color-text-primary);text-align:center;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px}.rv-option-btn:active:not(.disabled){transform:scale(.98)}.rv-option-btn.disabled{cursor:default}.rv-option-btn.correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.rv-option-btn.wrong{border-color:var(--color-error);background:#ff4d4f0f;color:var(--color-error)}.rv-option-btn.reveal-correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.rv-option-icon{display:none;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.rv-option-icon.check{background:var(--color-success);color:var(--color-white);display:flex}.rv-option-icon.cross{background:var(--color-error);color:var(--color-white);display:flex}.rv-spell-area{width:100%;max-width:320px;margin-top:var(--spacing-xl)}.rv-spell-hint{font-size:var(--font-sm);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-md)}.rv-spell-input-wrapper{position:relative}.rv-spell-input{width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-xl);font-weight:600;text-align:center;letter-spacing:2px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-text-primary);transition:border-color .2s}.rv-spell-input:focus{border-color:#ff9500;box-shadow:0 0 0 3px #ff95001a}.rv-spell-input.correct{border-color:var(--color-success);background:#52c41a0a;color:var(--color-success)}.rv-spell-input.wrong{border-color:var(--color-error);background:#ff4d4f0a;color:var(--color-error)}.rv-spell-correct-answer{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#52c41a14;border-radius:var(--radius-md);text-align:center}.rv-spell-correct-answer-label{font-size:var(--font-xs);color:var(--color-text-light);margin-bottom:2px}.rv-spell-correct-answer-word{font-size:var(--font-xl);font-weight:700;color:var(--color-success);letter-spacing:2px}.rv-submit-btn{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#ff9500,#ffad33);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s}.rv-submit-btn:active{transform:scale(.98);opacity:.9}.rv-submit-btn:disabled{opacity:.5;cursor:default}.rv-next-btn{width:100%;max-width:320px;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#ff9500,#ffad33);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.rv-next-btn:active{transform:scale(.98);opacity:.9}.rv-next-btn-arrow{font-size:18px}.rv-complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.rv-complete-icon{font-size:64px;margin-bottom:var(--spacing-xl);animation:rvCompleteFloat 2s ease-in-out infinite}@keyframes rvCompleteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rv-complete-title{font-size:var(--font-xxl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.rv-complete-desc{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-xxl)}.rv-complete-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl);flex-wrap:wrap;justify-content:center}.rv-complete-stat{text-align:center;min-width:64px}.rv-complete-stat-value{font-size:var(--font-title);font-weight:700;color:#ff9500}.rv-complete-stat-value.green{color:var(--color-success)}.rv-complete-stat-label{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.rv-removed-list{width:100%;max-width:280px;margin-bottom:var(--spacing-xxl)}.rv-removed-title{font-size:var(--font-sm);font-weight:600;color:var(--color-success);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:4px}.rv-removed-words{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.rv-removed-word-chip{padding:4px 12px;background:#52c41a1a;color:var(--color-success);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500}.rv-complete-btn{width:100%;max-width:240px;padding:var(--spacing-lg);background:linear-gradient(135deg,#ff9500,#ffad33);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.rv-complete-btn:active{transform:scale(.97)}.level-test-page{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.lt-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.lt-back-btn{width:32px;height:32px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.lt-back-btn:active{background:var(--color-border)}.lt-topbar-center{display:flex;flex-direction:column;align-items:center;gap:4px}.lt-mode-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:var(--font-xs);font-weight:700;border-radius:var(--radius-full);letter-spacing:1px}.lt-mode-tag-icon{font-size:10px}.lt-progress-info,.lt-progress-row{display:flex;align-items:center;gap:var(--spacing-sm)}.lt-progress-text{font-size:var(--font-sm);font-weight:600;color:#6c5ce7}.lt-topbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.lt-timer{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f3e8ff;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;color:#6c5ce7;font-variant-numeric:tabular-nums}.lt-timer-icon{font-size:12px}.lt-timer.warning{background:#fff3e0;color:#e67e22;animation:ltTimerPulse 1s ease infinite}@keyframes ltTimerPulse{0%,to{opacity:1}50%{opacity:.6}}.lt-topbar-placeholder{width:32px}.lt-progress-bar-wrapper{padding:0 var(--spacing-lg);background:var(--color-white);padding-bottom:var(--spacing-sm)}.lt-progress-bar{width:100%;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.lt-progress-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:var(--radius-full);transition:width .4s ease}.lt-answer-sheet{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.lt-answer-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--color-text-light);transition:all .3s ease}.lt-answer-dot.current{border-color:#6c5ce7;background:#f3e8ff;color:#6c5ce7;transform:scale(1.15);box-shadow:0 0 0 3px #6c5ce726}.lt-answer-dot.correct{border-color:var(--color-success);background:var(--color-success);color:#fff}.lt-answer-dot.wrong{border-color:var(--color-error);background:var(--color-error);color:#fff}.lt-question-type-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;margin-bottom:var(--spacing-sm)}.lt-question-type-tag.type-spell{background:#f3e8ff;color:#7c3aed}.lt-question-type-tag.type-choice{background:#ede9fe;color:#6c5ce7}.lt-question-number{font-size:var(--font-sm);color:var(--color-text-light);font-weight:600;margin-bottom:var(--spacing-sm)}.lt-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.lt-word-card{width:100%;max-width:320px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;position:relative;animation:ltCardFadeIn .3s ease;border-top:3px solid #6C5CE7}@keyframes ltCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lt-word-english{font-size:32px;font-weight:700;color:var(--color-text-primary);letter-spacing:1px;margin-bottom:var(--spacing-sm)}.lt-word-phonetic{font-size:var(--font-md);color:var(--color-text-light);font-style:italic}.lt-word-chinese{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.lt-word-hint{font-size:var(--font-sm);color:var(--color-text-light)}.lt-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:ltFeedbackPop .5s ease;pointer-events:none;z-index:5}@keyframes ltFeedbackPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lt-options{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.lt-option-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-lg);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:var(--spacing-sm);min-height:48px}.lt-option-btn:active:not(.disabled){transform:scale(.98)}.lt-option-btn:hover:not(.disabled){border-color:#a29bfe;background:#6c5ce708}.lt-option-btn.disabled{cursor:default}.lt-option-btn.correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.lt-option-btn.wrong{border-color:var(--color-error);background:#ff4d4f0f;color:var(--color-error)}.lt-option-btn.reveal-correct{border-color:var(--color-success);background:#52c41a0f;color:var(--color-success)}.lt-option-letter{width:24px;height:24px;border-radius:50%;background:#ede9fe;color:#6c5ce7;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:700;flex-shrink:0}.lt-option-btn.correct .lt-option-letter{background:var(--color-success);color:var(--color-white)}.lt-option-btn.wrong .lt-option-letter{background:var(--color-error);color:var(--color-white)}.lt-option-btn.reveal-correct .lt-option-letter{background:var(--color-success);color:var(--color-white)}.lt-option-text{flex:1}.lt-option-icon{display:none;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.lt-option-icon.check{background:var(--color-success);color:var(--color-white);display:flex}.lt-option-icon.cross{background:var(--color-error);color:var(--color-white);display:flex}.lt-spell-area{width:100%;max-width:320px;margin-top:var(--spacing-xl)}.lt-spell-input-wrapper{position:relative}.lt-spell-input{width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-xl);font-weight:600;text-align:center;letter-spacing:3px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-text-primary);transition:border-color .2s}.lt-spell-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a;outline:none}.lt-spell-input.correct{border-color:var(--color-success);background:#52c41a0a;color:var(--color-success)}.lt-spell-input.wrong{border-color:var(--color-error);background:#ff4d4f0a;color:var(--color-error)}.lt-spell-correct-answer{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#52c41a14;border-radius:var(--radius-md);text-align:center}.lt-spell-correct-label{font-size:var(--font-xs);color:var(--color-text-light);margin-bottom:2px}.lt-spell-correct-word{font-size:var(--font-xl);font-weight:700;color:var(--color-success);letter-spacing:2px}.lt-submit-btn{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s}.lt-submit-btn:active{transform:scale(.98);opacity:.9}.lt-submit-btn:disabled{opacity:.5;cursor:default}.lt-next-btn{width:100%;max-width:320px;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.lt-next-btn:active{transform:scale(.98);opacity:.9}.lt-next-btn-arrow{font-size:18px}.lt-result{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;overflow-y:auto}.lt-result-icon{font-size:56px;margin-bottom:var(--spacing-md);animation:ltResultBounce .6s ease}@keyframes ltResultBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.lt-result-title{font-size:var(--font-xxl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.lt-result-subtitle{font-size:var(--font-md);color:#6c5ce7;font-weight:600;margin-bottom:var(--spacing-xl)}.lt-score-ring{position:relative;width:140px;height:140px;margin:0 auto var(--spacing-xxl)}.lt-score-ring svg{transform:rotate(-90deg)}.lt-score-ring-bg{fill:none;stroke:var(--color-border-light);stroke-width:8}.lt-score-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.lt-score-ring-fill.excellent{stroke:var(--color-success)}.lt-score-ring-fill.good{stroke:#6c5ce7}.lt-score-ring-fill.pass{stroke:#ff9500}.lt-score-ring-fill.fail{stroke:var(--color-error)}.lt-score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.lt-score-number{font-size:36px;font-weight:800;line-height:1}.lt-score-number.excellent{color:var(--color-success)}.lt-score-number.good{color:#6c5ce7}.lt-score-number.pass{color:#ff9500}.lt-score-number.fail{color:var(--color-error)}.lt-score-total{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.lt-result-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.lt-result-stat{text-align:center;min-width:64px}.lt-result-stat-value{font-size:var(--font-title);font-weight:700;color:#6c5ce7}.lt-result-stat-value.green{color:var(--color-success)}.lt-result-stat-value.red{color:var(--color-error)}.lt-result-stat-value.orange{color:#ff9500}.lt-result-stat-label{font-size:var(--font-xs);color:var(--color-text-light);margin-top:2px}.lt-points-card{width:100%;max-width:280px;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-radius:var(--radius-lg);border:1px solid rgba(108,92,231,.15);margin-bottom:var(--spacing-xxl)}.lt-points-card-title{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.lt-points-card-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.lt-points-card-icon{font-size:24px}.lt-points-card-value{font-size:28px;font-weight:800;color:#6c5ce7}.lt-points-card-unit{font-size:var(--font-md);color:#6c5ce7;font-weight:600}.lt-points-card-bonus{margin-top:var(--spacing-sm);font-size:var(--font-xs);color:#ff9500;font-weight:600;text-align:center}.lt-result-btn{width:100%;max-width:240px;padding:var(--spacing-lg);background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.lt-result-btn:active{transform:scale(.97)}.reward-page{min-height:100vh;background:linear-gradient(180deg,#1a1a3e,#2d1b69,#4a1a8a 60%,#6b21a8);position:relative;overflow:hidden;display:flex;flex-direction:column}.reward-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.reward-confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear infinite;opacity:.9}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}25%{transform:translateY(25vh) rotate(180deg) translate(20px) scale(.9);opacity:.9}50%{transform:translateY(50vh) rotate(360deg) translate(-15px) scale(.8);opacity:.7}75%{transform:translateY(75vh) rotate(540deg) translate(10px) scale(.6);opacity:.4}to{transform:translateY(100vh) rotate(720deg) translate(-5px) scale(.3);opacity:0}}.reward-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.reward-star{position:absolute;animation:star-twinkle 2s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.reward-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:relative;z-index:10}.reward-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fffc;cursor:pointer;border-radius:50%;transition:background .2s}.reward-back-btn:active{background:#ffffff1a}.reward-topbar-title{font-size:16px;font-weight:600;color:#ffffffe6}.reward-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 20px 40px;position:relative;z-index:5;overflow-y:auto}.reward-encouragement{text-align:center;margin-top:16px;margin-bottom:28px;opacity:0;transform:translateY(30px) scale(.9);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.reward-encouragement.visible{opacity:1;transform:translateY(0) scale(1)}.reward-trophy-icon{font-size:64px;margin-bottom:12px;animation:trophy-bounce 1s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reward-encouragement-text{font-size:20px;font-weight:700;color:#fff;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.3)}.reward-level-info{font-size:14px;color:#ffffffa6;margin-top:8px}.reward-points-section{width:100%;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.reward-points-section.visible{opacity:1;transform:translateY(0)}.reward-points-card{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px 20px;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.reward-points-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(255,215,0,.15) 0%,transparent 60%);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.reward-points-label{font-size:14px;color:#ffffffb3;text-align:center;margin-bottom:8px}.reward-points-value{display:flex;align-items:baseline;justify-content:center;margin-bottom:20px}.reward-points-plus{font-size:28px;font-weight:700;color:gold;margin-right:4px}.reward-points-number{font-size:56px;font-weight:800;color:gold;line-height:1;text-shadow:0 2px 12px rgba(255,215,0,.4)}.reward-points-breakdown{background:#ffffff14;border-radius:12px;padding:14px 16px}.reward-points-row{display:flex;align-items:center;gap:8px}.reward-points-row-icon{font-size:16px}.reward-points-row-label{flex:1;font-size:14px;color:#ffffffd9}.reward-points-row-value{font-size:16px;font-weight:700;color:gold}.reward-points-row-desc{font-size:12px;color:#ffffff80;margin-top:6px;padding-left:24px}.reward-bonus-section{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.34,1.56,.64,1);margin-top:4px}.reward-bonus-section.visible{opacity:1;transform:translateY(0)}.reward-bonus-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent);margin:16px 0}.reward-bonus-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}.reward-bonus-badge-icon{font-size:18px;animation:badge-shake .5s ease-in-out infinite alternate}@keyframes badge-shake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.reward-bonus-badge-text{font-size:14px;font-weight:700;color:gold;background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-bonus-row{display:flex;align-items:center;gap:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.25);border-radius:10px;padding:12px 14px}.reward-bonus-row-icon{font-size:18px}.reward-bonus-row-label{flex:1;font-size:14px;color:#ffffffd9}.reward-bonus-row-value{font-size:18px;font-weight:800;color:gold;text-shadow:0 1px 6px rgba(255,215,0,.4)}.reward-bonus-congrats{text-align:center;font-size:12px;color:#ffd700b3;margin-top:8px}.reward-total-section{display:flex;align-items:baseline;justify-content:center;margin-top:20px;opacity:0;transform:translateY(10px);transition:all .4s ease}.reward-total-section.visible{opacity:1;transform:translateY(0)}.reward-total-label{font-size:13px;color:#ffffff8c}.reward-total-value{font-size:18px;font-weight:700;color:#ffffffe6;margin:0 2px}.reward-total-unit{font-size:13px;color:#ffffff8c}.reward-action-section{width:100%;margin-top:32px;text-align:center;opacity:0;transform:translateY(20px);transition:all .5s ease}.reward-action-section.visible{opacity:1;transform:translateY(0)}.reward-continue-btn{width:100%;height:52px;border:none;border-radius:26px;background:linear-gradient(135deg,gold,orange);color:#1a1a3e;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #ffd70059;transition:all .2s;position:relative;overflow:hidden}.reward-continue-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btn-shine 2s ease-in-out infinite}@keyframes btn-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.reward-continue-btn:active{transform:scale(.97);box-shadow:0 2px 10px #ffd70040}.reward-continue-btn-text{position:relative;z-index:1}.reward-continue-btn-icon{font-size:18px;position:relative;z-index:1}.reward-next-level-hint{font-size:12px;color:#ffffff73;margin-top:10px}.error-book-page{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.eb-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.eb-back-btn{width:32px;height:32px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.eb-back-btn:active{background:var(--color-border)}.eb-topbar-title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.eb-topbar-placeholder{width:32px}.eb-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.eb-loading-spinner{width:36px;height:36px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:ebSpin .8s linear infinite}@keyframes ebSpin{to{transform:rotate(360deg)}}.eb-loading-text{font-size:var(--font-md);color:var(--color-text-light)}.eb-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.eb-empty-icon{font-size:72px;margin-bottom:var(--spacing-xl);animation:ebEmptyBounce 2s ease-in-out infinite}@keyframes ebEmptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.eb-empty-title{font-size:var(--font-xxl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.eb-empty-desc{font-size:var(--font-md);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xxl)}.eb-empty-btn{padding:var(--spacing-md) var(--spacing-xxl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-size:var(--font-lg);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.eb-empty-btn:active{transform:scale(.97);opacity:.9}.eb-header-card{margin:var(--spacing-lg);background:linear-gradient(135deg,#ff6b6b,#ff9500);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 12px #ff6b6b40}.eb-stats-row{display:flex;align-items:center;justify-content:space-around;margin-bottom:var(--spacing-lg)}.eb-stat-item{text-align:center}.eb-stat-value{font-size:var(--font-title);font-weight:700;color:#fff}.eb-stat-label{font-size:var(--font-xs);color:#fffc;margin-top:2px}.eb-stat-divider{width:1px;height:28px;background:#ffffff4d}.eb-review-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#fff;color:#ff6b6b;font-size:var(--font-lg);font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 2px 8px #00000014}.eb-review-btn:active{transform:scale(.97);opacity:.9}.eb-review-btn-icon{font-size:18px}.eb-review-btn-count{font-size:var(--font-sm);font-weight:500;color:var(--color-text-light)}.eb-sort-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-xs)}.eb-sort-label{font-size:var(--font-sm);color:var(--color-text-light)}.eb-sort-tabs{display:flex;background:var(--color-border-light);border-radius:var(--radius-full);padding:2px}.eb-sort-tab{padding:4px 14px;font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.eb-sort-tab.active{background:var(--color-white);color:#ff6b6b;font-weight:600;box-shadow:var(--shadow-sm)}.eb-word-list{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.eb-word-item{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border-left:3px solid #FF6B6B;animation:ebItemFadeIn .3s ease}@keyframes ebItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eb-word-item-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xs)}.eb-word-info{display:flex;align-items:baseline;gap:var(--spacing-sm)}.eb-word-english{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.eb-word-phonetic{font-size:var(--font-sm);color:var(--color-text-light);font-style:italic}.eb-word-error-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:#ff4d4f14;color:var(--color-error);font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-full);flex-shrink:0}.eb-word-error-badge-icon{font-size:10px}.eb-word-meaning{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.4}.eb-word-progress-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.eb-word-progress-label{font-size:var(--font-xs);color:var(--color-text-light);flex-shrink:0}.eb-word-progress-bar-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.eb-word-progress-bar{flex:1;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.eb-word-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.eb-word-progress-fill.progress-red{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.eb-word-progress-fill.progress-orange{background:linear-gradient(90deg,#ff9500,#ffad33)}.eb-word-progress-fill.progress-green{background:linear-gradient(90deg,#52c41a,#73d13d)}.eb-word-progress-dots{display:flex;gap:4px}.eb-word-progress-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--color-border);transition:all .3s ease}.eb-word-progress-dot.filled{border-color:#52c41a;background:#52c41a;color:#fff}.eb-word-progress-text{font-size:var(--font-sm);font-weight:600;flex-shrink:0;min-width:24px;text-align:right}.eb-word-progress-text.progress-red{color:#ff4d4f}.eb-word-progress-text.progress-orange{color:#ff9500}.eb-word-progress-text.progress-green{color:#52c41a}.eb-word-time{font-size:var(--font-xs);color:var(--color-text-light)}.eb-bottom-safe{height:calc(var(--tabbar-height) + var(--spacing-lg));flex-shrink:0}.wordlist-page{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.wl-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.wl-back-btn{width:32px;height:32px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.wl-back-btn:active{background:var(--color-border)}.wl-topbar-title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.wl-topbar-placeholder{width:32px}.wl-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.wl-loading-spinner{width:36px;height:36px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:wlSpin .8s linear infinite}@keyframes wlSpin{to{transform:rotate(360deg)}}.wl-loading-text{font-size:var(--font-md);color:var(--color-text-light)}.wl-library-header{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);box-shadow:0 4px 12px #4a90d940}.wl-library-info{display:flex;align-items:center;gap:var(--spacing-md)}.wl-library-icon{width:44px;height:44px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.wl-library-detail{display:flex;flex-direction:column;gap:2px}.wl-library-name{font-size:var(--font-xl);font-weight:700;color:#fff}.wl-library-count{font-size:var(--font-sm);color:#fffc}.wl-switch-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;color:var(--color-primary);font-size:var(--font-sm);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000014;flex-shrink:0}.wl-switch-btn:active{transform:scale(.95);opacity:.9}.wl-switch-btn-icon{font-size:14px}.wl-library-desc{margin:0 var(--spacing-lg) var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-secondary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-primary);line-height:1.5;border-left:3px solid var(--color-primary)}.wl-word-list{flex:1;padding:0 var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.wl-word-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);animation:wlItemFadeIn .3s ease both;transition:transform .15s ease}.wl-word-item:active{transform:scale(.98)}@keyframes wlItemFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wl-word-index{width:28px;height:28px;border-radius:50%;background:var(--color-secondary);color:var(--color-primary);font-size:var(--font-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wl-word-content{flex:1;min-width:0}.wl-word-top{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:2px}.wl-word-english{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.wl-word-phonetic{font-size:var(--font-sm);color:var(--color-text-light);font-style:italic}.wl-word-meaning{font-size:var(--font-md);color:var(--color-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-list-footer{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.wl-list-footer-line{flex:1;height:1px;background:var(--color-border-light)}.wl-list-footer-text{font-size:var(--font-xs);color:var(--color-text-light);flex-shrink:0}.wl-bottom-safe{height:calc(var(--tabbar-height) + var(--spacing-lg));flex-shrink:0}.wl-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:wlOverlayIn .2s ease}@keyframes wlOverlayIn{0%{opacity:0}to{opacity:1}}.wl-modal{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:wlModalSlideUp .3s ease;overflow:hidden}@keyframes wlModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.wl-modal-title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.wl-modal-close{width:28px;height:28px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-light);cursor:pointer;transition:background .2s}.wl-modal-close:active{background:var(--color-border)}.wl-modal-body{padding:var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.wl-modal-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--color-border-light);cursor:pointer;transition:all .2s}.wl-modal-item:active{transform:scale(.98)}.wl-modal-item.active{border-color:var(--color-primary);background:var(--color-secondary)}.wl-modal-item-left{flex:1;min-width:0}.wl-modal-item-name{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.wl-modal-item.active .wl-modal-item-name{color:var(--color-primary)}.wl-modal-item-desc{font-size:var(--font-xs);color:var(--color-text-light);line-height:1.4;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-modal-item-count{display:inline-block;padding:2px 10px;background:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:var(--color-text-secondary)}.wl-modal-item.active .wl-modal-item-count{background:#4a90d91a;color:var(--color-primary)}.wl-modal-item-right{flex-shrink:0;margin-left:var(--spacing-md)}.wl-modal-check{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.wl-modal-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:20px}.wl-modal-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.wl-modal-cancel-btn{width:100%;padding:var(--spacing-md);background:var(--color-background);color:var(--color-text-secondary);font-size:var(--font-md);font-weight:500;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.wl-modal-cancel-btn:active{background:var(--color-border-light)}.pointshop-page{min-height:100%;background:var(--color-background);display:flex;flex-direction:column}.ps-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.ps-back-btn{width:32px;height:32px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.ps-back-btn:active{background:var(--color-border)}.ps-topbar-title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.ps-balance-card{position:relative;margin:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:var(--radius-lg);text-align:center;overflow:hidden;box-shadow:0 6px 20px #0f346059}.ps-balance-card-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.ps-balance-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--font-md);color:#ffffffb3;margin-bottom:var(--spacing-sm)}.ps-balance-icon{font-size:16px}.ps-balance-value{font-size:42px;font-weight:800;color:gold;letter-spacing:2px;text-shadow:0 2px 12px rgba(255,215,0,.4);line-height:1.2;margin-bottom:var(--spacing-sm)}.ps-balance-tip{font-size:var(--font-xs);color:#ffffff73}.ps-section-title{display:flex;align-items:center;gap:6px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm);font-size:var(--font-lg);font-weight:700;color:var(--color-text-primary)}.ps-section-icon{font-size:18px}.ps-reward-list{flex:1;padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.ps-reward-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:psCardFadeIn .4s ease both;transition:transform .15s ease,box-shadow .15s ease}.ps-reward-card:active{transform:scale(.98)}.ps-reward-card.disabled{opacity:.75}@keyframes psCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ps-reward-icon-wrap{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-secondary) 0%,#dce8f8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ps-reward-icon{font-size:28px}.ps-reward-info{flex:1;min-width:0}.ps-reward-category{display:inline-block;padding:1px 8px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.ps-reward-name{font-size:var(--font-md);font-weight:700;color:var(--color-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-reward-desc{font-size:var(--font-xs);color:var(--color-text-light);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ps-reward-cost{display:flex;align-items:center;gap:3px}.ps-reward-cost-icon{font-size:12px}.ps-reward-cost-value{font-size:var(--font-md);font-weight:800;color:#d4a017}.ps-reward-cost-label{font-size:var(--font-xs);color:var(--color-text-light)}.ps-reward-action{flex-shrink:0}.ps-exchange-btn{padding:8px 14px;border:none;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 2px 8px #4a90d94d}.ps-exchange-btn:active{transform:scale(.95);opacity:.9}.ps-exchange-btn.insufficient{background:var(--color-border);color:var(--color-text-light);box-shadow:none;cursor:not-allowed;font-weight:500;font-size:var(--font-xs)}.ps-exchange-btn.insufficient:active{transform:none;opacity:1}.ps-bottom-safe{height:calc(var(--tabbar-height) + var(--spacing-xl));flex-shrink:0}.ps-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;animation:psOverlayIn .2s ease}@keyframes psOverlayIn{0%{opacity:0}to{opacity:1}}.ps-modal{width:85%;max-width:340px;background:var(--color-white);border-radius:var(--radius-lg);animation:psModalIn .3s ease;overflow:hidden}@keyframes psModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ps-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.ps-modal-title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-primary)}.ps-modal-close{width:28px;height:28px;border-radius:50%;background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-light);cursor:pointer;transition:background .2s}.ps-modal-close:active{background:var(--color-border)}.ps-modal-body{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.ps-modal-reward-icon{font-size:48px;margin-bottom:var(--spacing-xs)}.ps-modal-reward-name{font-size:var(--font-lg);font-weight:700;color:var(--color-text-primary);text-align:center}.ps-modal-reward-cost{display:flex;align-items:center;gap:4px;margin-bottom:var(--spacing-md)}.ps-modal-cost-icon{font-size:14px}.ps-modal-cost-value{font-size:var(--font-xxl);font-weight:800;color:#d4a017}.ps-modal-cost-label{font-size:var(--font-sm);color:var(--color-text-light)}.ps-modal-points-info{width:100%;background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.ps-modal-points-row{display:flex;justify-content:space-between;padding:6px 0;font-size:var(--font-md);color:var(--color-text-secondary)}.ps-modal-points-row.remain{font-weight:700;color:var(--color-text-primary)}.ps-modal-deduct{color:var(--color-error);font-weight:600}.ps-modal-points-divider{height:1px;background:var(--color-border-light);margin:4px 0}.ps-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl)}.ps-modal-cancel-btn{flex:1;padding:var(--spacing-md);background:var(--color-background);color:var(--color-text-secondary);font-size:var(--font-md);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s}.ps-modal-cancel-btn:active{background:var(--color-border-light)}.ps-modal-confirm-btn{flex:1;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-size:var(--font-md);font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4a90d94d}.ps-modal-confirm-btn:active{transform:scale(.97);opacity:.9}.front-settings{min-height:100vh;background:var(--color-background);display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:10}.settings-back-btn{width:36px;height:36px;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full);transition:background .2s ease}.settings-back-btn:active{background:var(--color-background)}.settings-back-icon{font-size:24px;color:var(--color-text-primary);font-weight:300;line-height:1}.settings-title{font-size:var(--font-xl);font-weight:600;color:var(--color-text-primary)}.settings-header-placeholder{width:36px}.settings-content{flex:1;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:var(--spacing-xl)}.settings-group{margin-bottom:var(--spacing-lg)}.settings-group-title{font-size:var(--font-sm);color:var(--color-text-light);padding:var(--spacing-sm) var(--spacing-xs);font-weight:500}.settings-group-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-item{display:flex;align-items:center;padding:var(--spacing-lg);cursor:pointer;transition:background .2s ease;position:relative}.settings-item:active{background:var(--color-background)}.settings-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:56px;right:var(--spacing-lg);height:1px;background:var(--color-border-light)}.settings-item-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-right:var(--spacing-md)}.settings-item-icon.reminder{background:#faad141f}.settings-item-icon.mic{background:#ff4d4f1a}.settings-item-icon.sound{background:#4a90d91a}.settings-item-icon.haptic{background:#722ed11a}.settings-item-icon.about{background:#6666661a}.settings-item-title{flex:1;font-size:var(--font-lg);font-weight:500;color:var(--color-text-primary);line-height:1.4}.settings-item-action{flex-shrink:0;display:flex;align-items:center}.settings-toggle{display:flex;align-items:center}.settings-toggle-track{width:48px;height:28px;border-radius:14px;background:#dcdfe6;position:relative;transition:background .3s ease;cursor:pointer}.settings-toggle.active .settings-toggle-track{background:var(--color-primary)}.settings-toggle-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-white);box-shadow:0 1px 3px #0003;position:absolute;top:2px;left:2px;transition:transform .3s ease}.settings-toggle.active .settings-toggle-thumb{transform:translate(20px)}.settings-picker-value{display:flex;align-items:center;gap:var(--spacing-xs)}.settings-time-text{font-size:var(--font-md);color:var(--color-text-secondary);font-weight:500}.settings-arrow{font-size:20px;color:var(--color-text-light);font-weight:300;line-height:1}.settings-logout-wrapper{margin-top:var(--spacing-xl);padding:0}.settings-logout-btn{width:100%;padding:var(--spacing-lg);background:var(--color-white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-lg);font-weight:500;color:#ff4d4f;cursor:pointer;transition:background .2s ease}.settings-logout-btn:active{background:#fff1f0}.settings-footer{text-align:center;font-size:var(--font-xs);color:var(--color-text-light);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.time-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.time-picker-modal{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.time-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.time-picker-cancel,.time-picker-confirm{border:none;background:none;font-size:var(--font-lg);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s ease}.time-picker-cancel{color:var(--color-text-secondary)}.time-picker-cancel:active{background:var(--color-background)}.time-picker-confirm{color:var(--color-primary);font-weight:600}.time-picker-confirm:active{background:var(--color-secondary)}.time-picker-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.time-picker-body{display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-sm)}.time-picker-column{flex:1;max-width:120px;text-align:center}.time-picker-label{font-size:var(--font-sm);color:var(--color-text-light);font-weight:500;margin-bottom:var(--spacing-sm)}.time-picker-scroll{height:200px;overflow-y:auto;border-radius:var(--radius-md);background:var(--color-background);padding:var(--spacing-xs)}.time-picker-scroll::-webkit-scrollbar{width:4px}.time-picker-scroll::-webkit-scrollbar-track{background:transparent}.time-picker-scroll::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}.time-picker-option{padding:8px 12px;font-size:var(--font-lg);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;-webkit-user-select:none;user-select:none}.time-picker-option:hover{background:var(--color-secondary)}.time-picker-option.selected{background:var(--color-primary);color:var(--color-text-white);font-weight:600}.time-picker-separator{font-size:28px;font-weight:700;color:var(--color-text-primary);padding-top:110px;line-height:1}.admin-login-page{display:flex;min-height:100vh;background:var(--color-background)}.admin-login-left{flex:1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,#2a5fa8 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);position:relative;overflow:hidden}.admin-login-left:before{content:"";position:absolute;top:-30%;right:-20%;width:500px;height:500px;border-radius:50%;background:#ffffff0d}.admin-login-left:after{content:"";position:absolute;bottom:-20%;left:-10%;width:350px;height:350px;border-radius:50%;background:#ffffff0a}.admin-login-brand{text-align:center;position:relative;z-index:1}.admin-login-logo-circle{width:88px;height:88px;border-radius:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid rgba(255,255,255,.2)}.admin-login-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:2px}.admin-login-subtitle{font-size:16px;color:#fffc;font-weight:400}.admin-login-decoration{margin-top:48px;position:relative;z-index:1}.admin-login-stat-preview{display:flex;gap:16px}.preview-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 20px;text-align:center;min-width:110px}.preview-num{display:block;font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.preview-label{display:block;font-size:12px;color:#ffffffb3}.admin-login-right{width:480px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:var(--color-white)}.admin-login-form-wrapper{width:100%;max-width:360px}.admin-login-form-header{margin-bottom:32px}.admin-login-form-header h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.admin-login-form-header p{font-size:var(--font-md);color:var(--color-text-light)}.admin-login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff2f0;border:1px solid #ffccc7;border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-sm);margin-bottom:20px}.admin-login-field{margin-bottom:20px}.admin-login-label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.admin-login-input-wrap{display:flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 14px;height:44px;transition:border-color .2s,box-shadow .2s;background:var(--color-white)}.admin-login-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90d91a}.admin-login-input-icon{color:var(--color-text-light);flex-shrink:0;margin-right:10px}.admin-login-input{flex:1;height:100%;font-size:var(--font-md);color:var(--color-text-primary);background:transparent}.admin-login-input::placeholder{color:var(--color-text-light)}.admin-login-btn{width:100%;height:44px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);font-size:var(--font-lg);font-weight:600;letter-spacing:4px;margin-top:8px;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.admin-login-btn:hover{background:var(--color-primary-dark)}.admin-login-btn:active{transform:scale(.98)}.admin-login-btn.loading{opacity:.7;cursor:not-allowed}.admin-login-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:adminSpin .6s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-login-footer{margin-top:32px;text-align:center;font-size:var(--font-xs);color:var(--color-text-light)}@media (max-width: 900px){.admin-login-left{display:none}.admin-login-right{width:100%}}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dash-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,opacity .4s;opacity:0}.dash-stat-card.loaded{opacity:1}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-stat-label{font-size:var(--font-sm);color:var(--color-text-light)}.dash-stat-value{font-size:26px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.dash-stat-change{font-size:12px;display:flex;align-items:center;gap:2px;margin-top:2px}.dash-stat-change.up{color:var(--color-success)}.dash-stat-change.down{color:var(--color-error)}.dash-charts-row{display:flex;gap:16px}.dash-chart-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.dash-chart-wide{flex:3;min-width:0}.dash-chart-narrow{flex:2;min-width:0}.dash-chart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.dash-chart-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-primary)}.dash-chart-period{font-size:var(--font-xs);color:var(--color-text-light);background:var(--color-background);padding:3px 10px;border-radius:var(--radius-full)}.dash-chart-body{padding:16px 20px 20px}.dash-pie-container{display:flex;flex-direction:column;align-items:center;gap:16px}.dash-pie-legend{width:100%;display:flex;flex-direction:column;gap:10px}.dash-pie-legend-item{display:flex;align-items:center;gap:8px;font-size:var(--font-sm)}.dash-pie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dash-pie-legend-name{color:var(--color-text-primary);flex:1}.dash-pie-legend-val{color:var(--color-text-light);font-size:12px}.dash-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:200px;padding-top:20px}.dash-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.dash-bar-value{font-size:11px;color:var(--color-text-light);white-space:nowrap}.dash-bar-track{flex:1;width:100%;max-width:36px;background:var(--color-background);border-radius:6px 6px 0 0;position:relative;overflow:hidden;display:flex;align-items:flex-end}.dash-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:6px 6px 0 0;transition:height .6s ease;min-height:4px}.dash-bar-label{font-size:12px;color:var(--color-text-secondary)}.dash-activity-list{display:flex;flex-direction:column;gap:14px}.dash-activity-item{display:flex;align-items:center;gap:10px}.dash-activity-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-secondary);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.dash-activity-detail{flex:1;min-width:0;display:flex;flex-direction:column}.dash-activity-user{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)}.dash-activity-action{font-size:12px;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-time{font-size:11px;color:var(--color-text-light);white-space:nowrap;flex-shrink:0}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:var(--color-text-light)}.dash-loading-spinner{width:40px;height:40px;border:3px solid var(--color-background);border-top-color:var(--color-primary);border-radius:50%;animation:dashSpin .8s linear infinite}@keyframes dashSpin{to{transform:rotate(360deg)}}.dash-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:var(--color-error)}.dash-retry-btn{padding:8px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:background .2s}.dash-retry-btn:hover{background:var(--color-primary-dark)}.dash-chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:var(--color-text-light);font-size:var(--font-sm)}@media (max-width: 1100px){.dash-stats-row{grid-template-columns:repeat(2,1fr)}.dash-charts-row{flex-direction:column}}.users-page{display:flex;flex-direction:column;gap:16px}.users-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.users-header-title{display:flex;align-items:center;gap:8px;font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.users-header-count{font-size:var(--font-sm);font-weight:400;color:var(--color-text-light);margin-left:4px}.users-search-bar{display:flex;align-items:center;gap:12px;background:var(--color-white);border-radius:var(--radius-lg);padding:12px 20px;box-shadow:var(--shadow-sm)}.users-search-wrap{flex:1;position:relative;display:flex;align-items:center}.users-search-icon{position:absolute;left:12px;pointer-events:none}.users-search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);background:var(--color-background);transition:border-color .2s}.users-search-input:focus{border-color:var(--color-primary);background:var(--color-white)}.users-search-input::placeholder{color:var(--color-text-light)}.users-stat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-primary);font-weight:500;white-space:nowrap}.users-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--color-background)}.users-table th{padding:12px 16px;font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border-light)}.users-table td{padding:14px 16px;font-size:var(--font-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:#fafbfc}.users-table tbody tr:last-child td{border-bottom:none}.users-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-md);font-weight:600}.users-col-nickname{font-weight:600;color:var(--color-text-primary)}.users-col-id{font-family:SF Mono,Monaco,monospace;font-size:var(--font-sm);color:var(--color-text-light)}.users-vocab-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.users-vocab-tag.basic{background:#e6f7ff;color:#1890ff}.users-vocab-tag.frequent{background:#fff7e6;color:#fa8c16}.users-vocab-tag.advanced{background:#f9f0ff;color:#722ed1}.users-points{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:var(--color-warning)}.users-col-actions{display:flex;gap:6px;justify-content:flex-end}.users-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;transition:all .2s;white-space:nowrap}.users-btn-outline{background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.users-btn-outline:hover{background:var(--color-secondary)}.users-btn-sm{padding:4px 10px;font-size:var(--font-sm);border-radius:var(--radius-sm)}.users-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--color-border-light)}.users-pagination-info{font-size:var(--font-sm);color:var(--color-text-light)}.users-pagination-btns{display:flex;gap:4px}.users-page-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-white);transition:all .2s;padding:0 6px}.users-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.users-page-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.users-page-btn:disabled{opacity:.4;cursor:not-allowed}.users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:users-fade-in .2s ease}@keyframes users-fade-in{0%{opacity:0}to{opacity:1}}.users-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:520px;max-height:90vh;overflow-y:auto;animation:users-slide-up .25s ease}.users-modal-lg{width:680px}@keyframes users-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.users-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.users-modal-header-left{display:flex;align-items:center;gap:12px}.users-modal-avatar{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-xl);font-weight:600}.users-modal-user-info{display:flex;flex-direction:column;gap:2px}.users-modal-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.users-modal-user-id{font-family:SF Mono,Monaco,monospace;font-size:var(--font-sm);color:var(--color-text-light)}.users-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-light);font-size:18px;transition:all .15s}.users-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.users-modal-body{padding:0 24px 24px}.users-detail-tabs{display:flex;gap:0;padding:16px 24px 0;border-bottom:1px solid var(--color-border-light)}.users-detail-tab{padding:10px 20px;font-size:var(--font-md);font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.users-detail-tab:hover{color:var(--color-primary)}.users-detail-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.users-detail-progress{padding-top:20px;display:flex;flex-direction:column;gap:20px}.users-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.users-detail-stat-card{background:var(--color-background);border-radius:var(--radius-md);padding:16px;text-align:center}.users-detail-stat-value{font-size:var(--font-xxl);font-weight:700;line-height:1.2}.users-detail-stat-label{font-size:var(--font-sm);color:var(--color-text-light);margin-top:4px}.users-detail-info-section{background:var(--color-background);border-radius:var(--radius-md);padding:16px}.users-detail-info-title{font-size:var(--font-md);font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.users-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.users-detail-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-white);border-radius:var(--radius-sm)}.users-detail-info-label{font-size:var(--font-sm);color:var(--color-text-light)}.users-detail-info-value{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)}.users-detail-progress-bar-wrap{margin-top:4px}.users-detail-progress-label{display:flex;justify-content:space-between;font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:8px}.users-detail-progress-bar{height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.users-detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-full);transition:width .5s ease}.users-detail-errors{padding-top:20px;display:flex;flex-direction:column;gap:16px}.users-detail-error-summary{display:flex;gap:20px;padding:12px 16px;background:var(--color-background);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-text-secondary)}.users-detail-error-summary strong{color:var(--color-text-primary)}.users-detail-table{width:100%;border-collapse:collapse}.users-detail-table thead{background:var(--color-background)}.users-detail-table th{padding:10px 12px;font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border-light)}.users-detail-table td{padding:10px 12px;font-size:var(--font-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.users-detail-table tbody tr:last-child td{border-bottom:none}.users-detail-table tbody tr:hover{background:#fafbfc}.users-detail-col-en{font-weight:600;color:var(--color-primary-dark)}.users-detail-status{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.users-detail-status.pending{background:#fff7e6;color:#fa8c16}.users-detail-status.cleared{background:#f6ffed;color:#52c41a}.users-detail-levels{padding-top:20px}.users-detail-level-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600}.users-detail-level-special{display:inline-block;padding:1px 6px;background:linear-gradient(135deg,#faad14,#ff8c00);color:var(--color-white);font-size:10px;font-weight:600;border-radius:var(--radius-full)}@media (max-width: 900px){.users-modal-lg{width:95%;margin:0 10px}.users-detail-stats{grid-template-columns:repeat(2,1fr)}.users-detail-info-grid{grid-template-columns:1fr}}.words-page{display:flex;flex-direction:column;gap:16px}.words-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.words-tabs{display:flex;gap:4px;background:var(--color-background);border-radius:var(--radius-md);padding:3px}.words-tab{padding:8px 20px;border-radius:6px;font-size:var(--font-md);font-weight:500;color:var(--color-text-secondary);transition:all .2s;white-space:nowrap}.words-tab:hover{color:var(--color-text-primary)}.words-tab.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.words-toolbar-actions{display:flex;gap:10px}.words-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;transition:all .2s;white-space:nowrap}.words-btn-primary{background:var(--color-primary);color:var(--color-white)}.words-btn-primary:hover{background:var(--color-primary-dark)}.words-btn-outline{background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.words-btn-outline:hover{background:var(--color-secondary)}.words-btn-danger{background:var(--color-white);color:var(--color-error);border:1px solid var(--color-error)}.words-btn-danger:hover{background:#fff1f0}.words-btn-sm{padding:4px 10px;font-size:var(--font-sm);border-radius:var(--radius-sm)}.words-search-bar{display:flex;align-items:center;gap:12px;background:var(--color-white);border-radius:var(--radius-lg);padding:12px 20px;box-shadow:var(--shadow-sm)}.words-search-input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);background:var(--color-background);transition:border-color .2s}.words-search-input:focus{border-color:var(--color-primary);background:var(--color-white)}.words-search-input::placeholder{color:var(--color-text-light)}.words-stat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-primary);font-weight:500;white-space:nowrap}.words-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.words-table{width:100%;border-collapse:collapse}.words-table thead{background:var(--color-background)}.words-table th{padding:12px 16px;font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border-light)}.words-table td{padding:14px 16px;font-size:var(--font-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.words-table tbody tr{transition:background .15s}.words-table tbody tr:hover{background:#fafbfc}.words-table tbody tr:last-child td{border-bottom:none}.words-col-en{font-weight:600;color:var(--color-primary-dark)}.words-col-phonetic{color:var(--color-text-light);font-size:var(--font-sm)}.words-col-example{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:var(--font-sm)}.words-col-actions{display:flex;gap:6px;justify-content:flex-end}.words-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--color-border-light)}.words-pagination-info{font-size:var(--font-sm);color:var(--color-text-light)}.words-pagination-btns{display:flex;gap:4px}.words-page-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-white);transition:all .2s;padding:0 6px}.words-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.words-page-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.words-page-btn:disabled{opacity:.4;cursor:not-allowed}.words-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:words-fade-in .2s ease}@keyframes words-fade-in{0%{opacity:0}to{opacity:1}}.words-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:520px;max-height:90vh;overflow-y:auto;animation:words-slide-up .25s ease}@keyframes words-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.words-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.words-modal-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.words-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-light);font-size:18px;transition:all .15s}.words-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.words-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.words-form-group{display:flex;flex-direction:column;gap:6px}.words-form-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)}.words-form-label .required{color:var(--color-error);margin-left:2px}.words-form-input{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.words-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90d926}.words-form-input::placeholder{color:var(--color-text-light)}.words-form-textarea{resize:vertical;min-height:72px}.words-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.words-import-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:40px 20px;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.words-import-zone:hover{border-color:var(--color-primary);background:var(--color-secondary)}.words-import-icon{font-size:36px;margin-bottom:8px}.words-import-text{font-size:var(--font-md);color:var(--color-text-secondary);margin-bottom:4px}.words-import-hint{font-size:var(--font-sm);color:var(--color-text-light)}.words-import-format{margin-top:16px;padding:12px 16px;background:var(--color-background);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-text-secondary);text-align:left}.words-import-format code{display:block;margin-top:6px;padding:8px 10px;background:var(--color-white);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--color-text-primary);line-height:1.6}.words-confirm-text{font-size:var(--font-md);color:var(--color-text-secondary);text-align:center;padding:10px 0;line-height:1.7}.words-confirm-word{font-weight:600;color:var(--color-error)}.words-col-pos{color:var(--color-primary);font-weight:500;font-size:var(--font-sm);white-space:nowrap}.words-filter-checkbox{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-background);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s,color .15s}.words-filter-checkbox:hover{background:var(--color-secondary);color:var(--color-primary)}.words-filter-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.words-examples-cell{position:relative;display:inline-block}.words-examples-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;background:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text-light);font-weight:500;cursor:default}.words-examples-count.has{background:var(--color-secondary);color:var(--color-primary);font-weight:600}.words-examples-popover{position:absolute;top:28px;left:0;z-index:50;min-width:320px;max-width:420px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px 14px;font-size:var(--font-sm);color:var(--color-text-primary);animation:words-fade-in .15s ease}.words-examples-popover-title{font-weight:600;color:var(--color-primary);margin-bottom:8px;font-size:12px;letter-spacing:.3px}.words-examples-popover-item{padding:6px 8px;background:var(--color-background);border-radius:var(--radius-sm);margin-bottom:6px;border-left:3px solid var(--color-primary)}.words-examples-popover-item:last-child{margin-bottom:0}.words-examples-popover-sentence{color:var(--color-text-primary);font-weight:500;margin-bottom:3px;line-height:1.5}.words-examples-popover-translation{color:var(--color-text-secondary);line-height:1.5}.words-examples-popover-year{margin-top:4px;color:var(--color-warning, #f5a623);font-size:12px;font-weight:500}.words-examples-popover-more{margin-top:6px;text-align:center;font-size:12px;color:var(--color-text-light);font-style:italic}.words-modal-wide{width:640px}.words-form-row{display:flex;gap:12px;align-items:flex-start}.words-form-row .words-form-group{flex:1}.words-form-hint{margin-left:6px;color:var(--color-text-light);font-weight:400;font-size:12px;font-family:SF Mono,Monaco,monospace}.words-form-select{cursor:pointer;background:var(--color-white)}.words-examples-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.words-examples-empty{padding:24px;text-align:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-sm);border:1px dashed var(--color-border)}.words-examples-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding:2px}.words-example-row{display:flex;gap:8px;padding:10px;background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:border-color .15s,box-shadow .15s,opacity .15s}.words-example-row.drag-over{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90d926}.words-example-row.dragging{opacity:.5}.words-example-handle{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-light);cursor:grab;flex-shrink:0}.words-example-handle:active{cursor:grabbing}.words-example-main{flex:1;display:flex;flex-direction:column;gap:6px}.words-example-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.words-example-index{font-size:12px;font-weight:600;color:var(--color-primary)}.words-example-row-actions{display:flex;gap:4px}.words-example-move-btn,.words-example-delete-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-white);transition:all .15s}.words-example-move-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.words-example-move-btn:disabled{opacity:.35;cursor:not-allowed}.words-example-delete-btn{color:var(--color-error);border-color:var(--color-error);font-size:16px;line-height:1}.words-example-delete-btn:hover{background:#fff1f0}.words-example-textarea{min-height:48px;resize:vertical;font-size:var(--font-sm)}.words-example-year{max-width:260px;font-size:var(--font-sm)}@media (max-width: 900px){.words-toolbar{flex-direction:column;gap:12px;align-items:stretch}.words-toolbar-actions{justify-content:flex-end}.words-modal,.words-modal-wide{width:95%;margin:0 10px}.words-form-row{flex-direction:column}.words-search-bar{flex-wrap:wrap}}.tests-page{display:flex;flex-direction:column;gap:16px}.tests-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.tests-toolbar-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.tests-toolbar-badge{display:inline-flex;align-items:center;padding:3px 10px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;color:var(--color-primary)}.tests-toolbar-actions{display:flex;gap:10px}.tests-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;transition:all .2s;white-space:nowrap}.tests-btn-primary{background:var(--color-primary);color:var(--color-white)}.tests-btn-primary:hover{background:var(--color-primary-dark)}.tests-btn-outline{background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.tests-btn-outline:hover{background:var(--color-secondary)}.tests-btn-danger{background:var(--color-white);color:var(--color-error);border:1px solid var(--color-error)}.tests-btn-danger:hover{background:#fff1f0}.tests-btn-sm{padding:4px 10px;font-size:var(--font-sm);border-radius:var(--radius-sm)}.tests-btn-ghost{background:none;color:var(--color-text-secondary);border:none;padding:4px 8px}.tests-btn-ghost:hover{color:var(--color-primary);background:var(--color-secondary)}.tests-list{display:flex;flex-direction:column;gap:8px}.tests-item{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s}.tests-item:hover{box-shadow:var(--shadow-md)}.tests-item-header{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:background .15s;gap:16px}.tests-item-header:hover{background:#fafbfc}.tests-item-expand{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-light);transition:transform .25s}.tests-item-expand.open{transform:rotate(90deg)}.tests-item-num{min-width:80px;font-size:var(--font-md);font-weight:600;color:var(--color-primary-dark)}.tests-item-info{flex:1;display:flex;align-items:center;gap:20px;min-width:0}.tests-item-meta{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--color-text-light);white-space:nowrap}.tests-item-meta svg{flex-shrink:0}.tests-item-type-tags{display:flex;gap:6px}.tests-type-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.tests-type-tag.select{background:#e6f4ff;color:#1677ff}.tests-type-tag.fill{background:#f0faf0;color:#52c41a}.tests-item-actions{display:flex;gap:6px;flex-shrink:0}.tests-item-detail{border-top:1px solid var(--color-border-light);background:var(--color-background);padding:16px 20px;animation:tests-expand .25s ease}@keyframes tests-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.tests-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tests-detail-title{font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary)}.tests-detail-table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}.tests-detail-table thead{background:var(--color-secondary)}.tests-detail-table th{padding:8px 12px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-align:left;white-space:nowrap}.tests-detail-table td{padding:10px 12px;font-size:var(--font-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.tests-detail-table tbody tr:last-child td{border-bottom:none}.tests-detail-table tbody tr:hover{background:#fafbfc}.tests-q-type{display:inline-flex;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.tests-q-type.select{background:#e6f4ff;color:#1677ff}.tests-q-type.fill{background:#f0faf0;color:#52c41a}.tests-q-options{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.tests-detail-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px}.tests-detail-page-btn{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-white);transition:all .15s;padding:0 4px}.tests-detail-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tests-detail-page-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tests-detail-page-btn:disabled{opacity:.4;cursor:not-allowed}.tests-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:tests-fade-in .2s ease}@keyframes tests-fade-in{0%{opacity:0}to{opacity:1}}.tests-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:600px;max-height:90vh;overflow-y:auto;animation:tests-slide-up .25s ease}@keyframes tests-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tests-modal-wide{width:720px}.tests-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.tests-modal-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.tests-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-light);font-size:18px;transition:all .15s}.tests-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.tests-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.tests-form-group{display:flex;flex-direction:column;gap:6px}.tests-form-row{display:flex;gap:12px}.tests-form-row .tests-form-group{flex:1}.tests-form-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)}.tests-form-label .required{color:var(--color-error);margin-left:2px}.tests-form-input{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.tests-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90d926}.tests-form-input::placeholder{color:var(--color-text-light)}.tests-form-select{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);background:var(--color-white);cursor:pointer;transition:border-color .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tests-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90d926}.tests-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.tests-options-list{display:flex;flex-direction:column;gap:8px}.tests-option-row{display:flex;align-items:center;gap:8px}.tests-option-label{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border-radius:50%;font-size:11px;font-weight:600;color:var(--color-primary);flex-shrink:0}.tests-option-input{flex:1;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-primary)}.tests-option-input:focus{border-color:var(--color-primary)}.tests-option-correct{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-light);white-space:nowrap;cursor:pointer}.tests-option-correct.is-correct{color:var(--color-success);font-weight:600}.tests-confirm-text{font-size:var(--font-md);color:var(--color-text-secondary);text-align:center;padding:10px 0;line-height:1.7}.tests-confirm-highlight{font-weight:600;color:var(--color-error)}.tests-empty{text-align:center;padding:60px 20px;color:var(--color-text-light)}.tests-empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}@media (max-width: 900px){.tests-toolbar{flex-direction:column;gap:12px;align-items:stretch}.tests-toolbar-actions{justify-content:flex-end}.tests-item-info{flex-direction:column;align-items:flex-start;gap:6px}.tests-modal,.tests-modal-wide{width:95%;margin:0 10px}}.rewards-page{display:flex;flex-direction:column;gap:16px}.rewards-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.rewards-tabs{display:flex;gap:4px;background:var(--color-background);border-radius:var(--radius-md);padding:3px}.rewards-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:6px;font-size:var(--font-md);font-weight:500;color:var(--color-text-secondary);transition:all .2s;white-space:nowrap}.rewards-tab:hover{color:var(--color-text-primary)}.rewards-tab.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.rewards-toolbar-actions{display:flex;gap:10px}.rewards-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;transition:all .2s;white-space:nowrap}.rewards-btn-primary{background:var(--color-primary);color:var(--color-white)}.rewards-btn-primary:hover{background:var(--color-primary-dark)}.rewards-btn-primary:disabled{opacity:.5;cursor:not-allowed}.rewards-btn-outline{background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.rewards-btn-outline:hover{background:var(--color-secondary)}.rewards-btn-danger{background:var(--color-white);color:var(--color-error);border:1px solid var(--color-error)}.rewards-btn-danger:hover{background:#fff1f0}.rewards-btn-sm{padding:4px 10px;font-size:var(--font-sm);border-radius:var(--radius-sm)}.rewards-search-bar{display:flex;align-items:center;gap:12px;background:var(--color-white);border-radius:var(--radius-lg);padding:12px 20px;box-shadow:var(--shadow-sm)}.rewards-search-wrap{flex:1;position:relative;display:flex;align-items:center}.rewards-search-icon{position:absolute;left:12px;pointer-events:none}.rewards-search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);background:var(--color-background);transition:border-color .2s}.rewards-search-input:focus{border-color:var(--color-primary);background:var(--color-white)}.rewards-search-input::placeholder{color:var(--color-text-light)}.rewards-stat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-primary);font-weight:500;white-space:nowrap}.rewards-table-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.rewards-table{width:100%;border-collapse:collapse}.rewards-table thead{background:var(--color-background)}.rewards-table th{padding:12px 16px;font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border-light)}.rewards-table td{padding:14px 16px;font-size:var(--font-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.rewards-table tbody tr{transition:background .15s}.rewards-table tbody tr:hover{background:#fafbfc}.rewards-table tbody tr:last-child td{border-bottom:none}.rewards-prize-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.rewards-col-name{font-weight:600;color:var(--color-text-primary)}.rewards-col-uid{font-family:SF Mono,Monaco,monospace;font-size:var(--font-sm);color:var(--color-text-light)}.rewards-col-nickname{font-weight:500}.rewards-points-value{font-weight:600;color:var(--color-warning)}.rewards-stock{font-weight:500}.rewards-stock.low{color:var(--color-warning)}.rewards-stock.out{color:var(--color-error);font-weight:600}.rewards-status-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.rewards-status-toggle.on{background:#f6ffed;color:var(--color-success)}.rewards-status-toggle.off{background:var(--color-background);color:var(--color-text-light)}.rewards-status-toggle:hover{opacity:.8}.rewards-status-dot{width:8px;height:8px;border-radius:var(--radius-full);transition:background .2s}.rewards-status-toggle.on .rewards-status-dot{background:var(--color-success)}.rewards-status-toggle.off .rewards-status-dot{background:var(--color-text-light)}.rewards-record-status{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.rewards-record-status.pending{background:#fff7e6;color:#fa8c16}.rewards-record-status.shipped{background:#e6f7ff;color:#1890ff}.rewards-record-status.completed{background:#f6ffed;color:#52c41a}.rewards-col-actions{display:flex;gap:6px;justify-content:flex-end}.rewards-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--color-border-light)}.rewards-pagination-info{font-size:var(--font-sm);color:var(--color-text-light)}.rewards-pagination-btns{display:flex;gap:4px}.rewards-page-btn{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-white);transition:all .2s;padding:0 6px}.rewards-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.rewards-page-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.rewards-page-btn:disabled{opacity:.4;cursor:not-allowed}.rewards-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:rewards-fade-in .2s ease}@keyframes rewards-fade-in{0%{opacity:0}to{opacity:1}}.rewards-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:520px;max-height:90vh;overflow-y:auto;animation:rewards-slide-up .25s ease}@keyframes rewards-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rewards-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.rewards-modal-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.rewards-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-light);font-size:18px;transition:all .15s}.rewards-modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.rewards-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.rewards-form-group{display:flex;flex-direction:column;gap:6px}.rewards-form-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)}.rewards-form-label .required{color:var(--color-error);margin-left:2px}.rewards-form-input{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.rewards-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90d926}.rewards-form-input::placeholder{color:var(--color-text-light)}.rewards-form-row{display:flex;gap:16px}.rewards-form-half{flex:1}.rewards-image-picker{display:flex;gap:10px;flex-wrap:wrap}.rewards-image-option{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.7}.rewards-image-option:hover{opacity:1;transform:scale(1.05)}.rewards-image-option.selected{opacity:1;border-color:var(--color-text-primary);transform:scale(1.1);box-shadow:var(--shadow-md)}.rewards-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.rewards-confirm-text{font-size:var(--font-md);color:var(--color-text-secondary);text-align:center;padding:10px 0;line-height:1.7}.rewards-confirm-name{font-weight:600;color:var(--color-error)}@media (max-width: 900px){.rewards-toolbar{flex-direction:column;gap:12px;align-items:stretch}.rewards-toolbar-actions{justify-content:flex-end}.rewards-modal{width:95%;margin:0 10px}.rewards-form-row{flex-direction:column;gap:16px}}