.page-loader{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.page-loader .ant-spin{display:flex;flex-direction:column;align-items:center;gap:16px}.page-loader .ant-spin-text{font-size:16px;color:#1890ff;margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-loader{animation:fadeIn .3s ease-in-out}.word-card-container{perspective:1200px;height:500px;margin-bottom:24px}.word-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border-radius:16px;box-shadow:0 8px 24px #0000001f;background:linear-gradient(135deg,#667eea,#764ba2)}.word-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;z-index:1}.word-card:hover{box-shadow:0 12px 32px #0000002e;transform:translateY(-4px)}.word-card:hover:before{opacity:1}.word-card.flipped{transform:rotateY(180deg)}.word-card-front,.word-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden}.word-card-front{z-index:2;background:linear-gradient(135deg,#667eea,#764ba2)}.word-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#f093fb,#f5576c)}.word-card-front .ant-card,.word-card-back .ant-card{transition:all .3s ease;background:transparent!important;border:none!important;box-shadow:none!important}.word-card-front .ant-card:hover,.word-card-back .ant-card:hover{transform:scale(1.02)}.memory-methods-card{animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1);border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.memory-method-content{padding:20px 0;line-height:1.8}.memory-method-section{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-left:4px solid #1890ff;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.memory-method-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1890ff,#52c41a);transition:width .3s ease}.memory-method-section:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.memory-method-section:hover:before{width:6px}.memory-method-section:last-child{margin-bottom:0}.memory-method-section .ant-tag{margin-bottom:8px;padding:4px 12px;font-size:14px;border-radius:6px;transition:all .2s ease}.memory-method-section .ant-tag:hover{transform:scale(1.05)}.memory-method-section>div[style*="background: #fff"]{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border-radius:8px;padding:16px!important;margin-top:12px;border:1px solid #e8e8e8;transition:all .3s ease}.memory-method-section>div[style*="background: #fff"]:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.memory-method-section .ant-tag[color=blue]{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-color:#91d5ff;color:#1890ff;font-weight:500}.ant-btn{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ant-btn:active{transform:translateY(0)}.ant-progress-bg{transition:width .6s cubic-bezier(.34,1.56,.64,1)!important}.ant-tabs-tab{transition:all .3s ease}.ant-tabs-tab:hover{color:#1890ff;transform:translateY(-2px)}.ant-tabs-tab-active{font-weight:600}.ant-statistic{transition:all .3s ease}.ant-statistic:hover{transform:scale(1.05)}@media (max-width: 768px){.word-card-container{height:400px;perspective:800px;margin-bottom:16px}.word-card-front .ant-card,.word-card-back .ant-card{padding:20px 12px!important}.word-card-front .ant-card div[style*="font-size: 64px"]{font-size:42px!important}.word-card-back .ant-card div[style*="font-size: 48px"]{font-size:32px!important}.memory-method-section{padding:12px;margin-bottom:12px}.word-card:hover{transform:none}.study-controls{display:flex;flex-direction:column;gap:8px}.study-controls .ant-btn{width:100%}}@media (max-width: 480px){.word-card-container{height:350px;perspective:600px}.word-card-front .ant-card div[style*="font-size: 64px"]{font-size:36px!important}.word-card-back .ant-card div[style*="font-size: 48px"]{font-size:28px!important}.memory-method-section{padding:10px;font-size:13px}}.app-layout{min-height:100vh}.app-header{position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a}.app-sider{position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.app-content-layout{min-height:calc(100vh - 64px)}.app-content{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.app-header{padding:0 16px!important}.app-content{padding:12px!important}.app-content-layout{padding:8px!important}}@media (min-width: 769px) and (max-width: 1024px){.app-sider{width:180px!important}.app-content{padding:20px!important}}@media (max-width: 480px){.app-header{padding:0 12px!important}.app-content{padding:8px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@media (max-width: 768px){.ant-card{margin-bottom:16px!important}.ant-statistic{margin-bottom:16px}.ant-btn-group{display:flex;flex-wrap:wrap;gap:8px}.ant-btn-group .ant-btn{flex:1;min-width:auto}.ant-table{font-size:12px}.ant-table-thead>tr>th{padding:8px 4px!important;font-size:12px}.ant-table-tbody>tr>td{padding:8px 4px!important;font-size:12px}.ant-form-item{margin-bottom:16px}.ant-modal{margin:10px;max-width:calc(100% - 20px)}.ant-modal-content{padding:16px}.ant-tabs-tab{padding:8px 12px;font-size:14px}.ant-pagination{margin:16px 0}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:32px;height:32px;line-height:32px}.recharts-wrapper{width:100%!important}.ant-tag{margin-bottom:4px;font-size:12px;padding:2px 8px}.ant-input,.ant-input-number,.ant-select-selector{font-size:14px}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}.ant-space{gap:8px!important}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}}@media (max-width: 480px){.ant-card-body{padding:12px!important}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:20px}.ant-btn{padding:4px 12px;height:auto;font-size:12px}.ant-table{font-size:11px}.ant-table-thead>tr>th{padding:6px 2px!important;font-size:11px}.ant-table-tbody>tr>td{padding:6px 2px!important;font-size:11px}}@media (min-width: 769px) and (max-width: 1024px){.ant-card,.ant-statistic{margin-bottom:20px}}@media (min-width: 1440px){.app-content{max-width:1400px;margin:0 auto}}@media (max-width: 768px) and (orientation: landscape){.word-card-container{height:300px!important}}@media (hover: none) and (pointer: coarse){.ant-btn{min-height:44px;padding:8px 16px}.ant-menu-item{min-height:44px;line-height:44px}.ant-btn:hover,.ant-card:hover{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .4s ease-out}.slide-down{animation:slideDown .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.button-loading{position:relative;pointer-events:none}.button-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:rotate .6s linear infinite}.progress-bar{transition:width .6s cubic-bezier(.4,0,.2,1)}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}