.member-badge{font-weight:600;border-radius:12px;padding:4px 12px;transition:all .3s}.member-badge:hover{transform:scale(1.05)}.member-badge.svip{background:linear-gradient(135deg,#f5222d,#ff7a45);color:#fff;padding:4px 12px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 2px 8px #f5222d4d;animation:svipGlow 2s ease-in-out infinite}@keyframes svipGlow{0%,to{box-shadow:0 2px 8px #f5222d4d}50%{box-shadow:0 4px 16px #f5222d80}}.member-badge.svip:hover{transform:scale(1.08);box-shadow:0 4px 20px #f5222d99}.member-badge.vip{box-shadow:0 2px 6px #faad1433}.member-badge.vip:hover{box-shadow:0 4px 12px #faad1466}.member-badge.free{box-shadow:0 1px 4px #52c41a26}.member-badge.free:hover{box-shadow:0 2px 8px #52c41a4d}.member-badge.guest{opacity:.8}.member-badge.guest:hover{opacity:1}.app-header{background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 20px #0000000f,0 0 0 1px #0000000a;border-bottom:1px solid rgba(255,255,255,.3);padding:0 32px;position:sticky;top:0;z-index:100;height:68px;line-height:68px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content{max-width:1400px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.logo{margin:0!important;padding:0!important;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;font-size:22px!important;line-height:68px!important;height:68px;font-weight:600;color:#000000e0;text-shadow:0 1px 3px rgba(255,255,255,.8)}.logo:hover{color:#667eea;transform:translateY(-1px) scale(1.02)}.logo-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 2px 8px #667eea26,inset 0 1px 2px #ffffff4d;animation:iconFloat 4s ease-in-out infinite}.logo-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:iconShine 6s ease-in-out infinite}.logo-icon-img{width:100%;height:100%;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 6px rgba(102,126,234,.3));position:relative;z-index:1}.logo:hover .logo-icon-wrapper{transform:translateY(-3px) scale(1.1) rotate(5deg);box-shadow:0 8px 24px #667eea80,0 0 30px #764ba266,inset 0 2px 4px #fff6;background:linear-gradient(135deg,#667eea33,#764ba233);animation:iconFloat 2s ease-in-out infinite,iconPulse 1.5s ease-in-out infinite}.logo:hover .logo-icon-wrapper:before{animation:iconShine 2s ease-in-out infinite}.logo:hover .logo-icon-img{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 4px 12px rgba(102,126,234,.6)) drop-shadow(0 0 20px rgba(240,147,251,.4))}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes iconPulse{0%,to{box-shadow:0 8px 24px #667eea80,0 0 30px #764ba266}50%{box-shadow:0 12px 32px #667eeab3,0 0 45px #764ba299,0 0 60px #f093fb4d}}@keyframes iconShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.logo-text{display:inline-flex;align-items:center;gap:4px;font-weight:700;letter-spacing:4px;font-family:KaiTi,STKaiti,"FangSong",STFangsong,Microsoft YaHei,serif;position:relative;font-size:1.15em;background:linear-gradient(135deg,#c41e3a,#d4af37 40%,#c41e3a,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:shimmer 5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(196,30,58,.35)) drop-shadow(0 1px 3px rgba(139,0,0,.25));transform-style:preserve-3d}.logo:hover .logo-text{animation:shimmer 3s ease-in-out infinite,pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(196,30,58,.5)) drop-shadow(0 0 18px rgba(212,175,55,.35)) drop-shadow(0 2px 6px rgba(139,0,0,.3));transform:scale(1.06)}@keyframes shimmer{0%,to{background-position:0% 50%;opacity:1}50%{background-position:100% 50%;opacity:.95}}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-2px) translate(1px)}50%{transform:translateY(-1px) translate(-1px)}75%{transform:translateY(-2px) translate(1px)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(102,126,234,.4)) drop-shadow(0 2px 4px rgba(118,75,162,.3))}50%{filter:drop-shadow(0 0 18px rgba(102,126,234,.7)) drop-shadow(0 0 30px rgba(118,75,162,.5)) drop-shadow(0 4px 8px rgba(240,147,251,.4))}}.logo-text-main{font-size:1.1em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-family:"Noto Serif SC",STSong,SimSun,serif;letter-spacing:1px;text-shadow:0 2px 4px rgba(102,126,234,.2)}.logo-text-sub{font-size:.9em;color:#000000a6;font-weight:400;font-style:italic;letter-spacing:2px;opacity:.85;font-family:Ma Shan Zheng,KaiTi,STKaiti,cursive;transform:translateY(1px)}.desktop-nav{display:flex;align-items:center;gap:12px}.nav-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{transform:translateY(-2px)}.nav-btn .anticon{font-size:18px}.nav-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 14px #667eea59}.nav-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#7c8ff0,#8a5bb0);box-shadow:0 6px 18px #667eea73;transform:translateY(-3px)}.nav-btn.ant-btn-text{color:#000000bf;background:#00000005;border:1px solid rgba(0,0,0,.06)}.nav-btn.ant-btn-text:hover{color:#667eea;background:#667eea14;border-color:#667eea26;box-shadow:0 4px 12px #667eea1f}.login-btn{margin-left:8px;border:1px solid rgba(102,126,234,.3)!important}.user-orders-btn{font-weight:500;color:#000000d9!important;position:relative}.user-orders-btn:hover{color:#667eea!important}.user-orders-btn.ant-btn-primary{color:#fff!important;font-weight:600}.mobile-menu-btn{display:none;width:48px;height:48px;border-radius:12px;background:#00000008;border:1px solid rgba(0,0,0,.08);transition:all .3s}.mobile-menu-btn .anticon{font-size:22px;color:#000000bf}.mobile-menu-btn:hover{background:#667eea1a;border-color:#667eea33;transform:translateY(-2px)}.mobile-menu-btn:hover .anticon{color:#667eea}.mobile-nav-drawer.ant-drawer .ant-drawer-content-wrapper,div.mobile-nav-drawer .ant-drawer-content-wrapper{background:transparent!important}.mobile-nav-drawer.ant-drawer .ant-drawer-content,div.mobile-nav-drawer .ant-drawer-content{background:#ffffffbf!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;backdrop-filter:blur(40px) saturate(180%)!important;box-shadow:-4px 0 24px #0000001f!important;border-left:1px solid rgba(255,255,255,.3)!important}.mobile-nav-drawer .ant-drawer-wrapper-body{background:transparent!important}.mobile-nav-drawer .ant-drawer-header{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);padding:20px 24px}.mobile-nav-drawer .ant-drawer-title{color:#fff;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.mobile-nav-drawer .ant-drawer-close{color:#fff;opacity:.9;transition:all .3s}.mobile-nav-drawer .ant-drawer-close:hover{opacity:1;background:#ffffff26;transform:scale(1.1)}.mobile-drawer-title{display:flex;align-items:center;gap:10px}.drawer-logo-icon-img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mobile-nav-drawer .ant-drawer-body{padding:24px 16px;background:transparent!important}.mobile-nav-menu{display:flex;flex-direction:column;gap:12px}.mobile-nav-btn{height:56px!important;border-radius:12px!important;font-size:16px!important;font-weight:500!important;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-btn .anticon{font-size:20px}.mobile-nav-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 16px #667eea59}.mobile-nav-btn.ant-btn-primary:hover{box-shadow:0 6px 20px #667eea73;transform:translate(6px)}.mobile-nav-btn.ant-btn-text{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000000bf;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000000f}.mobile-nav-btn.ant-btn-text:hover{background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#667eea;border-color:#667eea4d;box-shadow:0 4px 12px #667eea26;transform:translate(6px)}.mobile-nav-divider{height:1px;background:#ffffff4d;margin:8px 0;box-shadow:0 1px 2px #0000000d}@media (max-width: 1024px){.app-header{padding:0 20px;height:64px;line-height:64px}.logo{font-size:18px!important;line-height:64px!important;height:64px;gap:8px}.logo-icon-wrapper{width:34px;height:34px}.logo-text{display:none}.nav-btn{height:38px;padding:0 12px;font-size:14px;gap:6px}.nav-btn .anticon{font-size:16px}.desktop-nav{gap:6px;flex-wrap:nowrap;max-width:calc(100% - 120px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.desktop-nav::-webkit-scrollbar{display:none}.user-orders-btn{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn{flex-shrink:0;white-space:nowrap}@media (max-height: 800px){.desktop-nav{gap:4px}.nav-btn{padding:0 10px;font-size:13px;height:36px}}}@media (max-width: 992px){.app-header{padding:0 24px;height:64px;line-height:64px}.logo{font-size:20px!important;line-height:64px!important;height:64px}.logo-icon-wrapper{width:36px;height:36px}.logo-icon{font-size:20px}.nav-btn{height:40px;padding:0 16px;font-size:15px}.desktop-nav{gap:8px}}@media (max-width: 768px){.app-header{padding:0 20px;height:60px;line-height:60px}.logo{font-size:18px!important;line-height:60px!important;height:60px}.logo-icon-wrapper{width:34px;height:34px;border-radius:8px}.logo-icon{font-size:18px}.desktop-nav{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 480px){.app-header{padding:0 16px;height:56px;line-height:56px}.logo{font-size:16px!important;line-height:56px!important;height:56px;gap:8px}.logo-icon-wrapper{width:32px;height:32px;border-radius:8px}.logo-icon{font-size:16px}.mobile-menu-btn{width:44px;height:44px}.mobile-menu-btn .anticon{font-size:20px}.mobile-nav-drawer .ant-drawer-content-wrapper{width:85%!important;max-width:280px}.mobile-nav-btn{height:52px!important;font-size:15px!important}}@media (max-width: 360px){.app-header{padding:0 12px;height:52px;line-height:52px}.logo{font-size:14px!important;line-height:52px!important;height:52px}.logo-icon-wrapper{width:30px;height:30px;border-radius:6px}.logo-icon{font-size:14px}.mobile-menu-btn{width:40px;height:40px}.mobile-menu-btn .anticon{font-size:18px}}@media (prefers-color-scheme: dark){.app-header{background:#1f1f1fd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 20px #00000080,0 0 0 1px #ffffff14;border-bottom:1px solid rgba(255,255,255,.08)}.logo{color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.6)}.logo:hover{color:#8aa0f8}.logo-text-main{background:linear-gradient(135deg,#8aa0f8,#a67bc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(138,160,248,.3)}.logo-text-sub{color:#ffffffd9}.nav-btn.ant-btn-text{color:#ffffffd9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.nav-btn.ant-btn-text:hover{color:#8aa0f8;background:#8aa0f81f;border-color:#8aa0f840;box-shadow:0 4px 12px #8aa0f826}.mobile-menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.mobile-menu-btn .anticon{color:#ffffffd9}.mobile-menu-btn:hover{background:#8aa0f826;border-color:#8aa0f84d}.mobile-menu-btn:hover .anticon{color:#8aa0f8}.mobile-nav-drawer.ant-drawer .ant-drawer-content{background:#1f1f1fcc!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;backdrop-filter:blur(40px) saturate(180%)!important;box-shadow:-4px 0 24px #00000080!important;border-left:1px solid rgba(255,255,255,.1)!important}.mobile-nav-drawer.ant-drawer .ant-drawer-header{background:linear-gradient(135deg,#667eeae6,#764ba2e6)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.15)!important}.mobile-nav-drawer.ant-drawer .ant-drawer-body{background:transparent!important}.mobile-nav-btn.ant-btn-text{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd9;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #00000026}.mobile-nav-btn.ant-btn-text:hover{background:#8aa0f82e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8aa0f8;border-color:#8aa0f84d;box-shadow:0 4px 12px #8aa0f833}.mobile-nav-divider{background:#ffffff1f;box-shadow:0 1px 2px #0003}}.mobile-nav-drawer.ant-drawer .ant-drawer-mask{background:#00000040!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-nav-drawer .ant-drawer-content{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@media (hover: none) and (pointer: coarse){.mobile-menu-btn{min-height:48px;min-width:48px}.mobile-nav-btn{min-height:56px!important}}.app-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:24px}.footer-content{max-width:1400px;margin:0 auto;text-align:center}.footer-info{margin-bottom:16px}.footer-info a{color:#000000a6;transition:color .3s}.footer-info a:hover{color:#667eea}.footer-copyright{color:#00000073}@media (max-width: 768px){.app-footer{padding:20px 16px}.footer-info{font-size:14px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px}.error-details{margin-top:24px;text-align:left;background:#f5f5f5;border-radius:8px;padding:16px;max-width:800px;margin-left:auto;margin-right:auto}.error-details h4{margin-bottom:12px;color:#cf1322}.error-details pre{background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:12px;overflow-x:auto;font-size:12px;line-height:1.5;color:#262626}.error-details details{margin-top:12px}.error-details summary{cursor:pointer;color:#1890ff;font-weight:500;padding:8px 0}.error-details summary:hover{color:#40a9ff}.ad-banner{display:flex;align-items:center;justify-content:center;margin:0 auto;background:#f5f5f5;border-radius:4px;overflow:hidden;position:relative}.ad-banner:before{content:"广告";position:absolute;top:2px;right:2px;font-size:10px;color:#999;background:#fffc;padding:2px 4px;border-radius:2px;z-index:1;pointer-events:none}@media (max-width: 768px){.ad-banner{width:100%!important;max-width:100%}}@media (prefers-color-scheme: dark){.ad-banner{background:#1a1a1a}}.home-page{width:100%;min-height:calc(100vh - 64px)}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 132px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.hero-section:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(30px) translate(20px)}}.hero-container{max-width:800px;width:100%;position:relative;z-index:1}.title-area{text-align:center;margin-bottom:48px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:#fffffff2!important;font-size:20px!important;font-weight:400!important;margin-bottom:0!important;letter-spacing:0;text-shadow:none;line-height:1.6}.search-area{animation:fadeInUp .8s ease-out .2s backwards}.search-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:12px;margin-bottom:32px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-card:hover{background:#fff3;box-shadow:0 12px 48px #00000026;transform:translateY(-2px)}.ai-search-input{border:none!important;background:#fff!important;border-radius:16px!important;height:64px!important;font-size:18px!important;box-shadow:none!important}.ai-search-input:hover,.ai-search-input:focus{background:#fff!important;box-shadow:0 4px 16px #00000014!important}.ai-search-input .ant-input{font-size:18px!important}.ai-search-input::placeholder{color:#00000059!important}.input-icon{font-size:20px;color:#00000073;margin-right:4px}.main-buttons{display:flex;justify-content:center;width:100%;margin-bottom:48px}.ai-generate-btn,.browse-btn{height:56px!important;padding:0 40px!important;border-radius:16px!important;font-size:18px!important;font-weight:600!important;border:none!important;display:flex!important;align-items:center!important;gap:10px;transition:all .3s ease!important;box-shadow:0 8px 24px #00000026!important}.ai-generate-btn{background:linear-gradient(135deg,#f093fb,#f5576c)!important;color:#fff!important}.ai-generate-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 36px #f5576c66!important}.ai-generate-btn:active{transform:translateY(-1px)!important}.browse-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;color:#fff!important}.browse-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 36px #4facfe66!important}.browse-btn:active{transform:translateY(-1px)!important}.btn-icon{font-size:20px}.quick-start{text-align:center;margin-bottom:48px;animation:fadeInUp .8s ease-out .4s backwards}.quick-start-label{color:#ffffffd9;font-size:16px;margin-bottom:16px;font-weight:500}.quick-start-tags{display:flex;justify-content:center;flex-wrap:wrap}.quick-tag{padding:10px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.quick-tag:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.quick-tag:active{transform:translateY(0)}.divider{height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.3) 20%,rgba(255,255,255,.3) 80%,transparent 100%);margin:48px 0;animation:fadeInUp .8s ease-out .5s backwards}.features{animation:fadeInUp .8s ease-out .6s backwards}.features-title{text-align:center;color:#ffffffb3;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.feature-icon{font-size:28px;color:#fffffff2;flex-shrink:0;margin-top:2px}.feature-text{flex:1}.home-ad-section{max-width:1400px;margin:48px auto 24px;padding:0 24px;display:flex;justify-content:center;align-items:center}.home-bottom-ad{border-radius:8px;overflow:hidden}@media (max-width: 768px){.home-ad-section{margin:32px auto 16px;padding:0 16px}.home-bottom-ad{width:100%!important;max-width:100%}}.feature-name{color:#fffffff2;font-size:15px;font-weight:500;line-height:1.6}@media (max-width: 992px){.hero-section{min-height:calc(100vh - 128px)}}@media (max-width: 768px){.hero-section{min-height:calc(100vh - 124px);padding:60px 24px}.hero-section:before,.hero-section:after{display:none}.title-area{margin-bottom:40px}.hero-title{font-size:18px!important;line-height:1.6;padding:0 12px}.search-card{padding:10px;margin-bottom:28px}.ai-search-input{height:54px!important;font-size:16px!important}.main-buttons{flex-direction:column;gap:14px;margin-bottom:36px}.ai-generate-btn,.browse-btn{width:100%;height:54px!important;padding:0 32px!important;font-size:17px!important}.quick-start{margin-bottom:36px}.quick-start-label{font-size:15px;margin-bottom:14px}.quick-tag{padding:10px 20px;font-size:15px}.divider{margin:36px 0}.features-title{font-size:13px;margin-bottom:18px}.features-grid{grid-template-columns:1fr;gap:14px}.feature-item{padding:18px}.feature-icon{font-size:26px}.feature-name{font-size:15px}}@media (max-width: 480px){.hero-section{min-height:calc(100vh - 120px);padding:50px 20px}.title-area{margin-bottom:36px}.hero-title{font-size:16px!important;line-height:1.7;padding:0 8px}.search-card{padding:8px;margin-bottom:24px}.ai-search-input{height:50px!important;font-size:15px!important}.main-buttons{gap:12px;margin-bottom:32px}.ai-generate-btn,.browse-btn{height:50px!important;padding:0 28px!important;font-size:16px!important}.quick-start{margin-bottom:32px}.quick-start-label{font-size:14px;margin-bottom:12px}.quick-tag{padding:9px 18px;font-size:14px}.divider{margin:32px 0}.features-title{font-size:12px;margin-bottom:16px}.features-grid{gap:12px}.feature-item{padding:16px}.feature-icon{font-size:24px}.feature-name{font-size:14px}}@media (max-width: 360px){.hero-section{min-height:calc(100vh - 116px);padding:40px 16px}.hero-title{font-size:15px!important}.ai-search-input{height:48px!important;font-size:14px!important}.ai-generate-btn,.browse-btn{height:48px!important;font-size:15px!important}.quick-tag{padding:8px 16px;font-size:13px}}.home-page .ant-input-affix-wrapper{padding:0 20px!important}.home-page .ant-input-prefix{margin-right:12px!important}.home-page .ant-space-item{display:flex}@media (max-width: 768px){.main-buttons .ant-space-item,.main-buttons .ant-space-item button{width:100%}.quick-start-tags{width:100%;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-card .ant-input-show-count-suffix{color:#fff9!important}.ai-generate-btn:disabled,.browse-btn:disabled,.quick-tag:disabled{opacity:.6;cursor:not-allowed!important}@media (max-width: 768px){.home-page .ant-input-affix-wrapper{padding:0 16px!important}.home-page .ant-input-prefix{margin-right:10px!important}}@media (max-width: 480px){.home-page .ant-input-affix-wrapper{padding:0 14px!important}.home-page .ant-input-prefix{margin-right:8px!important}}.ad-sidebar{width:100%;min-height:200px;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative;margin-bottom:16px}.ad-sidebar:before{content:"广告";position:absolute;top:8px;right:8px;font-size:11px;color:#999;background:#ffffffe6;padding:4px 8px;border-radius:4px;z-index:1;pointer-events:none}@media (max-width: 768px){.ad-sidebar{display:none}}@media (prefers-color-scheme: dark){.ad-sidebar{background:#1a1a1a}}.course-list-page{min-height:100vh;background:#f5f5f5}.page-header{background:#fff;padding:32px 0;margin-bottom:0;box-shadow:0 2px 8px #0000000f}.header-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.page-title{margin-bottom:0!important;font-size:32px!important;color:#1a1a1a;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.page-subtitle-inline{font-size:16px;color:#666;font-weight:400;white-space:nowrap}.highlight-text{color:#667eea;font-size:18px}.header-right{flex-shrink:0;min-width:320px}.search-input{border-radius:24px!important;box-shadow:0 2px 8px #00000014}.search-input:hover,.search-input:focus{box-shadow:0 4px 12px #667eea26}.course-list-container{max-width:1400px;margin:0 auto;padding:24px}.category-tabs{background:#fff;border-radius:12px;padding:16px 24px 0;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.category-tabs .ant-tabs-nav:before{border-bottom:2px solid #f0f0f0}.category-tabs .ant-tabs-tab{padding:12px 20px;font-size:16px;font-weight:500;color:#666;transition:all .3s}.category-tabs .ant-tabs-tab:hover{color:#667eea}.category-tabs .ant-tabs-tab-active{color:#667eea!important}.category-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:3px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:80px 20px}.search-result-info{background:#f0f5ff;border-left:4px solid #667eea;padding:12px 16px;margin-bottom:24px;border-radius:4px}.result-count{color:#667eea}.course-grid{min-height:400px}.course-card{height:100%;border-radius:12px!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.course-card.pinned-course{border:2px solid #ff4d4f;box-shadow:0 4px 16px #ff4d4f26}.course-card.pinned-course:hover{box-shadow:0 12px 32px #ff4d4f40}.course-cover{position:relative;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.course-cover.image-cover{background-size:cover;background-position:center;background-repeat:no-repeat}.course-cover.image-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#00000040);opacity:0;transition:opacity .3s;pointer-events:none}.course-card:hover .course-cover.image-cover:before{opacity:1}.course-cover.image-cover .cover-emoji{display:none}.cover-emoji{font-size:80px;transition:transform .3s}.course-card:hover .cover-emoji{transform:scale(1.1) rotate(5deg)}.course-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.course-card:hover .course-overlay{opacity:1}.course-overlay .ant-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66}.card-body{flex:1;display:flex;flex-direction:column;padding:16px}.course-title{margin-bottom:12px!important;font-size:18px!important;font-weight:600!important;color:#1a1a1a;line-height:1.4!important;min-height:50px}.course-desc{flex:1;margin-bottom:16px!important;color:#666;font-size:14px;line-height:1.6;min-height:44px}.course-meta{margin-bottom:16px;min-height:28px}.course-tag{border:none;background:#f5f5f5;color:#666;font-size:12px;padding:2px 8px;border-radius:4px;transition:all .3s}.course-tag:hover{background:#667eea;color:#fff}.course-footer{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:auto}.footer-item{display:flex;align-items:center;gap:6px}.footer-icon{font-size:14px;color:#999}.official-icon{color:#52c41a}.ai-icon{color:#667eea}.footer-text{font-size:14px;color:#666}.divider{color:#e0e0e0;margin:0 4px}.ant-ribbon{top:12px;right:-8px}.ant-ribbon-text{font-weight:500;font-size:12px;padding:4px 10px}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state .ant-typography-h4{color:#666;margin-bottom:12px!important}@media (max-width: 992px){.header-content{flex-direction:column;align-items:stretch}.header-right{min-width:100%}.page-title{font-size:28px!important}.category-tabs{padding:12px 16px 0}.category-tabs .ant-tabs-tab{padding:10px 14px;font-size:14px}}@media (max-width: 768px){.page-header{padding:24px 0}.header-content{padding:0 16px;flex-direction:column;gap:16px}.header-center{width:100%;order:1}.header-right{width:100%;min-width:unset;order:2}.page-title{font-size:24px!important;gap:12px}.page-subtitle-inline{font-size:14px}.highlight-text{font-size:16px}.search-input{font-size:14px}.course-list-container{padding:16px}.category-tabs{padding:8px 12px 0;margin-bottom:16px}.category-tabs .ant-tabs-nav{margin-bottom:0!important}.category-tabs .ant-tabs-tab{padding:8px 12px;font-size:14px}.search-result-info{padding:10px 12px;margin-bottom:16px;font-size:14px}.course-cover{height:160px}.cover-emoji{font-size:64px}.card-body{padding:14px}.course-title{font-size:16px!important}.course-desc{font-size:13px}.empty-state{padding:60px 16px}.empty-icon{font-size:60px;margin-bottom:16px}}.course-list-sidebar{position:sticky;top:80px;height:fit-content}@media (max-width: 480px){.page-title{font-size:20px!important;gap:8px}.page-subtitle-inline{font-size:13px}.category-tabs .ant-tabs-tab{padding:6px 10px;font-size:13px}.course-cover{height:140px}.cover-emoji{font-size:56px}.course-title{font-size:15px!important}.course-desc,.footer-text{font-size:12px}}.course-card{animation:fadeIn .5s ease-out}.course-card:nth-child(1){animation-delay:0s}.course-card:nth-child(2){animation-delay:.05s}.course-card:nth-child(3){animation-delay:.1s}.course-card:nth-child(4){animation-delay:.15s}.course-card:nth-child(5){animation-delay:.2s}.course-card:nth-child(6){animation-delay:.25s}.course-detail-page{min-height:100vh;background:#f5f5f5;padding:24px}.breadcrumb-container{max-width:1400px;margin:0 auto 24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000a}.breadcrumb-container .ant-breadcrumb-link{cursor:pointer;transition:color .3s}.breadcrumb-container .ant-breadcrumb-link:hover{color:#667eea}.course-info-card{max-width:1400px;margin:0 auto 24px;border-radius:12px!important;box-shadow:0 2px 12px #00000014;overflow:hidden}.course-info-content{display:flex;gap:24px}.course-cover-section{position:relative;flex-shrink:0}.course-cover-large{width:280px;height:280px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:120px;box-shadow:0 8px 24px #667eea4d}.course-cover-large.image-cover{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent;position:relative}.course-cover-large.image-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(180deg,#00000014,#0000004d);pointer-events:none}.cover-tags{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px}.cover-ad-section{margin-top:16px;width:280px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;background:#fafafa}.category-tag{font-weight:500;font-size:14px;padding:4px 12px;border:none;box-shadow:0 2px 8px #00000026}.course-info{flex:1;display:flex;flex-direction:column}.info-header{margin-bottom:12px}.course-title-detail{margin-bottom:12px!important;font-size:32px!important;color:#1a1a1a;font-weight:600!important;line-height:1.3!important}.course-desc-detail{margin-bottom:12px!important;font-size:16px;line-height:1.6;color:#666}.course-tags{margin-bottom:0!important}.tag-item{border:none;background:#f0f5ff;color:#667eea;font-size:14px;padding:4px 12px;border-radius:6px}.course-stats{margin:12px 0}.stat-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fafafa;border-radius:8px;transition:all .3s}.stat-item:hover{background:#f0f5ff;transform:translateY(-2px)}.stat-icon{font-size:22px;color:#667eea}.stat-content{flex:1}.stat-value{font-size:20px;font-weight:600;color:#1a1a1a;line-height:1.2}.stat-label{font-size:12px;color:#999;margin-top:2px}.course-info-card .ant-divider{margin:12px 0!important}.start-learning-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;height:48px;font-size:18px;font-weight:500;box-shadow:0 4px 12px #667eea66;transition:all .3s}.start-learning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80!important}.progress-card{max-width:1400px;margin:0 auto 24px;border-radius:12px!important;box-shadow:0 2px 12px #00000014;height:auto!important;min-height:initial!important}.progress-card .ant-card-head{padding:16px 24px!important;min-height:initial!important}.progress-card .ant-card-head-title{font-size:18px;font-weight:600}.progress-card .ant-card-body{padding:16px 24px!important}.progress-content,.progress-item{padding:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-percent{font-size:24px;color:#667eea}.progress-detail{display:block;margin-top:8px;font-size:14px}.chapters-card{max-width:1400px;margin:0 auto;border-radius:12px!important;box-shadow:0 2px 12px #00000014}.chapters-card .ant-card-head-title{font-size:18px;font-weight:600}.chapter-collapse{border:none!important;background:transparent}.chapter-collapse .ant-collapse-item{border:1px solid #e8e8e8;border-radius:8px!important;margin-bottom:16px;overflow:hidden;transition:all .3s}.chapter-collapse .ant-collapse-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.chapter-collapse .ant-collapse-item:last-child{margin-bottom:0}.chapter-collapse .ant-collapse-header{padding:20px 24px!important;background:#fff}.chapter-completed .ant-collapse-header{background:#f6ffed!important}.chapter-header{display:flex;justify-content:space-between;align-items:center;width:100%}.chapter-left{display:flex;align-items:center;gap:16px;flex:1}.chapter-number{width:40px;height:40px;border-radius:50%;background:#f0f5ff;color:#667eea;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.chapter-number.completed{background:#52c41a;color:#fff;font-size:20px}.chapter-info{flex:1;min-width:0}.chapter-title{font-size:16px;color:#1a1a1a;display:block;margin-bottom:4px}.chapter-count{font-size:13px;color:#999;display:block}.chapter-right{display:flex;align-items:center;gap:12px}.expand-icon{color:#999;font-size:12px;transition:transform .3s}.ant-collapse-item-active .expand-icon{transform:rotate(90deg)}.chapter-collapse .ant-collapse-content{background:#fafafa;border-top:1px solid #e8e8e8}.chapter-content{padding:8px}.chapter-description{font-size:15px;line-height:1.8;color:#666;margin-bottom:16px!important}.chapter-preview{background:#fff;padding:16px;border-radius:8px;margin-bottom:16px}.preview-label{display:block;margin-bottom:12px;font-size:14px}.words-preview{display:flex;flex-wrap:wrap;gap:8px}.word-tag{border:none;background:#f0f5ff;color:#667eea;font-size:14px;padding:4px 12px;border-radius:6px;margin:0}.word-tag-more{border:none;background:#fafafa;color:#999;font-size:14px;padding:4px 12px;border-radius:6px;margin:0}.chapter-start-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;height:44px;font-size:16px;font-weight:500;box-shadow:0 4px 12px #667eea4d}.chapter-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66!important}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:80px 20px}.loading-text{margin-top:16px;color:#667eea;font-size:16px}.not-found{max-width:600px;margin:100px auto;text-align:center;padding:60px 40px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.not-found-icon{font-size:100px;margin-bottom:24px;opacity:.6}.not-found .ant-typography-h3{color:#666;margin-bottom:16px!important}@media (max-width: 992px){.course-detail-page{padding:16px}.course-info-content{flex-direction:column;gap:24px}.course-cover-large{width:100%;height:240px;font-size:100px}.cover-ad-section{width:100%}.course-title-detail{font-size:28px!important}.course-desc-detail{font-size:15px}.stat-value{font-size:18px}.chapter-left{gap:12px}.chapter-number{width:36px;height:36px;font-size:16px}.chapter-title{font-size:15px}}@media (max-width: 768px){.course-detail-page{padding:12px}.breadcrumb-container{padding:12px 16px;margin-bottom:16px}.course-info-card,.progress-card,.chapters-card{margin-bottom:16px}.course-cover-large{height:200px;font-size:80px}.cover-ad-section{width:100%;margin-top:12px}.course-title-detail{font-size:24px!important}.course-desc-detail{font-size:14px}.tag-item{font-size:12px;padding:2px 8px}.stat-item{padding:10px}.stat-icon{font-size:20px}.stat-value{font-size:16px}.stat-label{font-size:11px}.start-learning-btn{height:44px;font-size:16px}.progress-percent{font-size:20px}.chapter-collapse .ant-collapse-header{padding:16px!important}.chapter-collapse .ant-collapse-item{margin-bottom:12px}.chapter-number{width:32px;height:32px;font-size:14px}.chapter-number.completed{font-size:16px}.chapter-title{font-size:14px}.chapter-count{font-size:12px}.chapter-description{font-size:14px}.chapter-start-btn{width:100%;height:40px;font-size:15px}.not-found{margin:60px auto;padding:40px 24px}.not-found-icon{font-size:80px}}@media (max-width: 480px){.course-title-detail{font-size:20px!important}.course-desc-detail{font-size:13px}.course-stats .ant-col{flex:0 0 50%;max-width:50%}.chapter-left{gap:10px}.chapter-number{width:28px;height:28px;font-size:12px}.chapter-title{font-size:13px}.chapter-count{font-size:11px}.word-tag{font-size:12px;padding:2px 8px}}.course-info-card,.progress-card,.chapters-card{animation:fadeIn .5s ease-out}.course-info-card{animation-delay:0s}.progress-card{animation-delay:.1s}.chapters-card{animation-delay:.2s}.course-detail-sidebar{position:sticky;top:80px;height:fit-content}.ad-frequency-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:12px}.ad-frequency-modal .ant-modal-close{top:8px;right:8px;width:22px;height:22px;background:#00000040;border-radius:50%;transition:all .3s;opacity:0;animation:fadeInClose .4s ease-in-out 0s forwards}.ad-frequency-modal .ant-modal-close:hover{background:#00000073;transform:scale(1.1)}.ad-frequency-modal .ant-modal-close-x{color:#fff;font-size:12px;line-height:22px;font-weight:700}@keyframes fadeInClose{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ad-frequency-content{padding:20px}.ad-frequency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.ad-label{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;border-radius:12px;font-weight:500}.ad-countdown{font-size:13px;color:#999}.ad-frequency-container{position:relative;width:100%;min-height:300px}@media (max-width: 768px){.ad-frequency-modal{width:90%!important;max-width:400px}.ad-frequency-content{padding:16px}.ad-frequency-container{min-height:250px}}.ad-frequency-modal .ant-modal{animation:adModalFadeIn .3s ease-out}@keyframes adModalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.training-container{min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0;position:relative;transition:background-color .3s ease,color .3s ease}.training-container:not(.dark-mode){background:#f5f5f5;color:#1a1a1a}.training-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease}.dark-mode .training-header{background:#0a0a0a;border-bottom:1px solid #333}.training-container:not(.dark-mode) .training-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.header-left{display:flex;align-items:center;gap:12px}.back-btn{font-size:16px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:6px}.dark-mode .back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.dark-mode .back-btn:hover{background:#ffffff1a;border-color:#fff3}.training-container:not(.dark-mode) .back-btn{background:#f0f0f0;border:1px solid #d0d0d0;color:#333}.training-container:not(.dark-mode) .back-btn:hover{background:#e0e0e0;border-color:#b0b0b0}.timer{font-size:16px;font-family:Courier New,monospace;min-width:80px;text-align:center;transition:color .3s ease}.dark-mode .timer{color:#999}.training-container:not(.dark-mode) .timer{color:#666}.catalog-btn{padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.dark-mode .catalog-btn{background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);color:#58a6ff}.dark-mode .catalog-btn:hover{background:#58a6ff33;border-color:#58a6ff80;transform:translateY(-1px)}.training-container:not(.dark-mode) .catalog-btn{background:#1890ff14;border:1px solid rgba(24,144,255,.2);color:#1890ff}.training-container:not(.dark-mode) .catalog-btn:hover{background:#1890ff26;border-color:#1890ff66;transform:translateY(-1px)}.catalog-progress{padding:2px 8px;border-radius:10px;font-size:12px;font-family:Courier New,monospace;font-weight:600;transition:all .3s ease}.dark-mode .catalog-progress{background:#ffffff1a;color:#fff}.training-container:not(.dark-mode) .catalog-progress{background:#1890ff26;color:#1890ff}.catalog-shortcut{padding:2px 6px;border-radius:4px;font-size:11px;font-family:Courier New,monospace;transition:all .3s ease}.dark-mode .catalog-shortcut{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff9}.training-container:not(.dark-mode) .catalog-shortcut{background:#0000000a;border:1px solid rgba(0,0,0,.15);color:#00000073}.header-buttons{display:flex;gap:8px;align-items:center}.action-btn{background:transparent;border:none;font-size:20px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:all .2s;min-width:44px}.dark-mode .action-btn:hover{background:#1a1a1a;transform:scale(1.05)}.training-container:not(.dark-mode) .action-btn:hover{background:#e8e8e8;transform:scale(1.05)}.action-btn:active{transform:scale(.95)}.settings-btn{background:transparent;border:none;font-size:20px;padding:8px 16px;cursor:pointer;border-radius:4px;transition:background .2s}.dark-mode .settings-btn:hover{background:#1a1a1a}.training-container:not(.dark-mode) .settings-btn:hover{background:#e8e8e8}.fullscreen-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:20px;padding:8px 16px;cursor:pointer;border-radius:6px;transition:all .3s;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.fullscreen-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.fullscreen-btn:hover:before{left:100%}.fullscreen-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.08) translateY(-1px);box-shadow:0 4px 12px #667eea80}.fullscreen-btn:active{transform:scale(.98);box-shadow:0 2px 4px #667eea4d}.training-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:32px}.pronunciation-area{display:flex;align-items:center;justify-content:center;margin-bottom:12px;min-height:40px;transition:opacity .2s ease,visibility .2s ease}.pronunciation-hint{font-size:20px;text-align:center;animation:fadeIn .3s ease;font-style:italic}.question-chinese{font-size:28px;text-align:center;max-width:800px;line-height:1.4;margin-bottom:32px;min-height:45px;transition:opacity .2s ease,visibility .2s ease}.detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;animation:fadeIn .3s ease;transition:background-color .3s ease}.dark-mode .detail-overlay{background:#000000b3}.training-container:not(.dark-mode) .detail-overlay{background:#0000004d}.detail-card-simple{position:fixed;top:0;right:0;width:400px;height:100vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;animation:slideInRight .3s ease;padding:40px;transition:background-color .3s ease,box-shadow .3s ease}.dark-mode .detail-card-simple{background:#0a0a0afa;box-shadow:-10px 0 40px #00000080}.training-container:not(.dark-mode) .detail-card-simple{background:#fffffffa;box-shadow:-10px 0 40px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:36px;cursor:pointer;transition:color .2s;padding:0;width:40px;height:40px}.dark-mode .detail-close{color:#666}.training-container:not(.dark-mode) .detail-close{color:#888}.dark-mode .detail-close:hover{color:#fff}.training-container:not(.dark-mode) .detail-close:hover{color:#1a1a1a}.detail-simple-content{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;scroll-behavior:smooth}.detail-simple-content::-webkit-scrollbar{width:4px}.detail-simple-content::-webkit-scrollbar-track{background:transparent}.detail-simple-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:2px;transition:background .3s ease}.detail-simple-content::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.detail-simple-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}.detail-full-english{font-size:22px;font-weight:500;line-height:1.6;word-break:break-word;transition:color .3s ease}.dark-mode .detail-full-english{color:#fff}.training-container:not(.dark-mode) .detail-full-english{color:#1a1a1a}.detail-full-chinese{font-size:18px;line-height:1.8;word-break:break-word;transition:color .3s ease}.dark-mode .detail-full-chinese{color:#999}.training-container:not(.dark-mode) .detail-full-chinese{color:#666}.detail-divider{height:1px;margin:8px 0;transition:background .3s ease}.dark-mode .detail-divider{background:linear-gradient(90deg,transparent,#333,transparent)}.training-container:not(.dark-mode) .detail-divider{background:linear-gradient(90deg,transparent,#d0d0d0,transparent)}.detail-pronunciation-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pronunciation-text{font-size:16px;font-style:italic;flex:1;word-break:break-word;transition:color .3s ease}.dark-mode .pronunciation-text{color:#888}.training-container:not(.dark-mode) .pronunciation-text{color:#666}.play-btn-simple{background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#667eea;padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.play-btn-simple:hover{background:#667eea4d;border-color:#667eea;color:#fff}.detail-progress-info{font-size:14px;text-align:center;transition:color .3s ease}.dark-mode .detail-progress-info{color:#666}.training-container:not(.dark-mode) .detail-progress-info{color:#888}.detail-tips{text-align:center;font-size:12px;color:#666;margin-top:auto}.detail-tips kbd{border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;margin:0 2px;transition:all .3s ease}.dark-mode .detail-tips kbd{background:#1a1a1a;border:1px solid #333;color:#888}.training-container:not(.dark-mode) .detail-tips kbd{background:#f0f0f0;border:1px solid #d0d0d0;color:#666}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column}.dark-mode .nav-arrow{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff4d}.training-container:not(.dark-mode) .nav-arrow{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#0000004d}.dark-mode .nav-arrow:hover{background:#ffffff1a;color:#fffc;border-color:#ffffff4d}.training-container:not(.dark-mode) .nav-arrow:hover{background:#0000000f;color:#000000b3;border-color:#0003}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.nav-arrow-left{left:0;border-left:none;border-top-right-radius:12px;border-bottom-right-radius:12px}.nav-arrow-right{right:0;border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px}.arrow-icon{font-size:48px;font-weight:300;line-height:1}.arrow-tooltip{position:absolute;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;line-height:1.5;text-align:center}.nav-arrow-left .arrow-tooltip{left:70px}.nav-arrow-right .arrow-tooltip{right:70px}.nav-arrow:hover .arrow-tooltip{opacity:1}.underline-inputs{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;max-width:90%;padding:0 20px}.word-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.word-input{font-size:36px;font-weight:600;background:transparent;border:none;padding:8px;text-align:center;outline:none;transition:all .2s ease,width .15s ease;box-sizing:border-box}.dark-mode .word-input{color:#888;border-bottom:3px solid #333}.dark-mode .word-input:focus{border-bottom-color:#667eea;transform:scale(1.02);color:#fff}.training-container:not(.dark-mode) .word-input{color:#666;border-bottom:3px solid #d0d0d0}.training-container:not(.dark-mode) .word-input:focus{border-bottom-color:#1890ff;transform:scale(1.02);color:#1a1a1a}.word-input.correct{font-weight:700}.word-input.incorrect{font-weight:700;animation:wrongShake .3s ease}.word-input::placeholder{opacity:.8;font-weight:400;font-style:italic;transition:color .3s ease}.dark-mode .word-input::placeholder{color:#666}.training-container:not(.dark-mode) .word-input::placeholder{color:#999}.word-input:focus::placeholder{opacity:1;transition:color .3s ease}.dark-mode .word-input:focus::placeholder{color:#888}.training-container:not(.dark-mode) .word-input:focus::placeholder{color:#aaa}.word-hint{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1;margin-top:-4px}.word-type{padding:2px 6px;background:linear-gradient(135deg,#58a6ff33,#8858ff33);border:1px solid rgba(88,166,255,.3);border-radius:8px;color:#58a6ff;font-weight:600;font-size:10px}.word-meaning{font-weight:500;transition:color .3s ease}.dark-mode .word-meaning{color:#888}.training-container:not(.dark-mode) .word-meaning{color:#666}.answer-card{border-radius:16px;padding:24px 40px;text-align:center;animation:fadeIn .3s ease;max-width:800px;transition:background-color .3s ease}.dark-mode .answer-card{background:#1a1a1a}.training-container:not(.dark-mode) .answer-card{background:#fff;box-shadow:0 4px 16px #00000014}.answer-pronunciation{font-size:20px;margin-bottom:16px;transition:color .3s ease}.dark-mode .answer-pronunciation{color:#666}.training-container:not(.dark-mode) .answer-pronunciation{color:#888}.answer-english{font-size:32px;font-weight:500;margin-bottom:16px;line-height:1.5;transition:color .3s ease}.dark-mode .answer-english{color:#fff}.training-container:not(.dark-mode) .answer-english{color:#1a1a1a}.answer-chinese{font-size:18px;transition:color .3s ease}.dark-mode .answer-chinese{color:#999}.training-container:not(.dark-mode) .answer-chinese{color:#666}.desktop-only{display:flex}@media (max-width: 768px){.desktop-only{display:none!important}}.training-shortcuts{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.dark-mode .training-shortcuts{background:#0a0a0a;border-top:1px solid #333}.training-container:not(.dark-mode) .training-shortcuts{background:#fff;border-top:1px solid #e0e0e0}.shortcut-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;background:transparent;border:none;padding:6px 10px;border-radius:8px;cursor:default;transition:all .2s}.dark-mode .shortcut-item{color:#999}.training-container:not(.dark-mode) .shortcut-item{color:#666}.shortcut-item.clickable{cursor:pointer}.dark-mode .shortcut-item.clickable{background:#1a1a1a;border:1px solid #2a2a2a}.training-container:not(.dark-mode) .shortcut-item.clickable{background:#f0f0f0;border:1px solid #d0d0d0}.dark-mode .shortcut-item.clickable:hover{background:#252525;border-color:#3a3a3a;color:#fff;transform:translateY(-2px)}.training-container:not(.dark-mode) .shortcut-item.clickable:hover{background:#e0e0e0;border-color:#b0b0b0;color:#1a1a1a;transform:translateY(-2px)}.dark-mode .shortcut-item.clickable:active{transform:translateY(0);background:#1f1f1f}.training-container:not(.dark-mode) .shortcut-item.clickable:active{transform:translateY(0);background:#d8d8d8}.dark-mode .shortcut-item.clickable.primary{background:#1a4d2e;border-color:#2d6a4f;color:#fff}.training-container:not(.dark-mode) .shortcut-item.clickable.primary{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.dark-mode .shortcut-item.clickable.primary:hover{background:#2d6a4f;border-color:#40916c}.training-container:not(.dark-mode) .shortcut-item.clickable.primary:hover{background:#bae7ff;border-color:#40a9ff}.shortcut-item.clickable:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .shortcut-item.clickable:disabled:hover{background:#1a1a1a;border-color:#2a2a2a;transform:none}.training-container:not(.dark-mode) .shortcut-item.clickable:disabled:hover{background:#f0f0f0;border-color:#d0d0d0;transform:none}.shortcut-keys{display:flex;align-items:center;gap:4px}.shortcut-item kbd{border-radius:4px;padding:3px 7px;font-family:Courier New,monospace;font-size:11px;transition:all .3s ease}.dark-mode .shortcut-item kbd{background:#0f0f0f;border:1px solid #333;color:#fff;box-shadow:0 2px 4px #0000004d}.training-container:not(.dark-mode) .shortcut-item kbd{background:#e8e8e8;border:1px solid #c0c0c0;color:#333;box-shadow:0 2px 4px #0000001a}.dark-mode .shortcut-item.clickable:hover kbd{border-color:#4a4a4a;background:#1a1a1a}.training-container:not(.dark-mode) .shortcut-item.clickable:hover kbd{border-color:#a0a0a0;background:#d8d8d8}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.training-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.header-left{flex:1;min-width:0;gap:8px}.timer{font-size:14px;min-width:60px}.header-buttons{width:100%;justify-content:space-around;gap:4px}.back-btn{font-size:14px;padding:6px 10px}.catalog-btn{font-size:13px;padding:6px 12px;flex:1;min-width:0}.action-btn,.settings-btn,.fullscreen-btn{font-size:18px;padding:6px 10px;min-width:40px}.pronunciation-area{min-height:28px;margin-bottom:6px}.pronunciation-hint{font-size:16px}.question-chinese{font-size:22px}.detail-card-simple{width:100%;padding:30px 20px}.detail-full-english{font-size:18px}.detail-full-chinese{font-size:16px}.pronunciation-text{font-size:14px}.play-btn-simple{padding:6px 16px;font-size:13px}.nav-arrow{width:40px;height:80px}.arrow-icon{font-size:32px}.arrow-tooltip{font-size:10px;padding:6px 10px}.nav-arrow-left .arrow-tooltip{left:48px}.nav-arrow-right .arrow-tooltip{right:48px}.word-input{font-size:28px}.word-hint{font-size:10px;gap:4px}.word-type{font-size:9px;padding:2px 4px}.word-meaning{font-size:10px}.answer-card{padding:24px 32px}.answer-english{font-size:24px}.training-shortcuts{gap:16px;flex-wrap:wrap}.header-left{gap:8px}.back-btn{font-size:14px;padding:6px 12px}.catalog-btn{font-size:12px;padding:6px 12px;gap:6px}.catalog-progress{font-size:11px;padding:2px 6px}.catalog-shortcut{display:none}.catalog-panel{width:100%}.catalog-header{padding:16px}.catalog-stats{padding:12px 16px}.catalog-list{padding:12px}}.detail-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;margin-bottom:16px;transition:all .3s ease}.dark-mode .detail-badge{background:linear-gradient(135deg,#58a6ff33,#ff58a633);color:#fff;border:1px solid rgba(255,255,255,.1)}.training-container:not(.dark-mode) .detail-badge{background:linear-gradient(135deg,#1890ff26,#ff58a626);color:#1890ff;border:1px solid rgba(24,144,255,.2)}.detail-section{margin:0}.detail-section-title{font-size:14px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.dark-mode .detail-section-title{color:#fff}.training-container:not(.dark-mode) .detail-section-title{color:#1a1a1a}.detail-section-text{font-size:13px;line-height:1.6;padding:12px;border-radius:8px;transition:all .3s ease}.dark-mode .detail-section-text{color:#ccc;background:#ffffff08;border-left:3px solid rgba(88,166,255,.5)}.training-container:not(.dark-mode) .detail-section-text{color:#666;background:#1890ff0d;border-left:3px solid rgba(24,144,255,.4)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{display:inline-block;padding:6px 12px;background:#58a6ff26;border:1px solid rgba(88,166,255,.3);border-radius:16px;font-size:12px;color:#58a6ff;transition:all .2s ease}.detail-tag:hover{background:#58a6ff40;transform:translateY(-1px)}.detail-list-item{font-size:13px;padding:8px 12px;margin:6px 0;border-radius:6px;transition:all .2s ease}.dark-mode .detail-list-item{color:#ccc;background:#ffffff08}.training-container:not(.dark-mode) .detail-list-item{color:#666;background:#00000008}.dark-mode .detail-list-item:hover{background:#ffffff0f;transform:translate(4px)}.training-container:not(.dark-mode) .detail-list-item:hover{background:#0000000f;transform:translate(4px)}.detail-vocab-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:6px 0;border-radius:8px;transition:all .2s ease}.dark-mode .detail-vocab-item{background:#ffffff08}.training-container:not(.dark-mode) .detail-vocab-item{background:#00000008}.dark-mode .detail-vocab-item:hover{background:#ffffff0f;transform:translate(4px)}.training-container:not(.dark-mode) .detail-vocab-item:hover{background:#0000000f;transform:translate(4px)}.vocab-word{font-size:14px;font-weight:600;min-width:100px;transition:color .3s ease}.dark-mode .vocab-word{color:#58a6ff}.training-container:not(.dark-mode) .vocab-word{color:#1890ff}.vocab-type{font-size:11px;padding:3px 8px;border-radius:10px;transition:all .3s ease}.dark-mode .vocab-type{color:#888;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.training-container:not(.dark-mode) .vocab-type{color:#666;background:#0000000d;border:1px solid rgba(0,0,0,.1)}.vocab-meaning{font-size:13px;flex:1;transition:color .3s ease}.dark-mode .vocab-meaning{color:#ccc}.training-container:not(.dark-mode) .vocab-meaning{color:#666}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;transition:background .3s ease}.dark-mode .detail-meta{background:#ffffff08}.training-container:not(.dark-mode) .detail-meta{background:#00000008}.detail-difficulty{padding:6px 12px;background:linear-gradient(135deg,#ffa65833,#ff585833);border:1px solid rgba(255,166,88,.3);border-radius:12px;font-size:12px;color:#ffa658;font-weight:600}.detail-tips-box{font-size:13px;line-height:1.6;color:#ffa658;padding:12px;background:linear-gradient(135deg,#ffa65814,#ff585814);border-radius:8px;border:1px solid rgba(255,166,88,.3);font-style:italic}.catalog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998;animation:fadeIn .3s ease;transition:background-color .3s ease}.dark-mode .catalog-overlay{background:#000000b3}.training-container:not(.dark-mode) .catalog-overlay{background:#0000004d}.catalog-panel{position:fixed;top:0;left:0;width:400px;height:100vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;animation:slideInLeft .3s ease;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.dark-mode .catalog-panel{background:#0a0a0afa;box-shadow:10px 0 40px #00000080}.training-container:not(.dark-mode) .catalog-panel{background:#fffffffa;box-shadow:10px 0 40px #00000026}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.catalog-header{padding:24px;display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.dark-mode .catalog-header{border-bottom:1px solid rgba(255,255,255,.1)}.training-container:not(.dark-mode) .catalog-header{border-bottom:1px solid rgba(0,0,0,.1)}.catalog-header h3{margin:0;font-size:18px;font-weight:600;transition:color .3s ease}.dark-mode .catalog-header h3{color:#fff}.training-container:not(.dark-mode) .catalog-header h3{color:#1a1a1a}.catalog-close{background:transparent;border:none;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.dark-mode .catalog-close{color:#888}.training-container:not(.dark-mode) .catalog-close{color:#666}.dark-mode .catalog-close:hover{color:#fff;transform:rotate(90deg)}.training-container:not(.dark-mode) .catalog-close:hover{color:#1a1a1a;transform:rotate(90deg)}.catalog-stats{padding:16px 24px;display:flex;gap:16px;transition:background-color .3s ease,border-color .3s ease}.dark-mode .catalog-stats{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.training-container:not(.dark-mode) .catalog-stats{background:#00000005;border-bottom:1px solid rgba(0,0,0,.08)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.stat-label{font-size:12px;transition:color .3s ease}.stat-value{font-size:20px;font-weight:600;color:#58a6ff}.stat-correct{color:#0f8}.stat-wrong{color:#f36}.catalog-list{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}.catalog-list::-webkit-scrollbar{width:4px}.catalog-list::-webkit-scrollbar-track{background:transparent}.catalog-list::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:2px;transition:background .3s ease}.catalog-list::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.catalog-item{display:flex;gap:12px;padding:12px;margin-bottom:8px;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.catalog-item:hover{background:#ffffff0f;transform:translate(4px)}.catalog-item.current{background:#58a6ff26;border-color:#58a6ff4d}.catalog-item.selected{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 0 12px #58a6ff4d;transform:scale(1.02)}.catalog-item.completed{opacity:.6}.catalog-item-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.catalog-item.current .catalog-item-icon{color:#58a6ff}.catalog-item.completed .catalog-item-icon{color:#0f8}.catalog-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.catalog-item-number{font-size:11px;color:#666;font-weight:600}.catalog-item-text{font-size:14px;color:#fff;font-weight:500;line-height:1.4;word-break:break-word}.catalog-item-translation{font-size:12px;color:#888;line-height:1.4}.catalog-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#666}.catalog-footer kbd{padding:3px 6px;border-radius:3px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:11px;color:#fff}.mobile-action-bar{display:none}@media (max-width: 768px){.mobile-action-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:12px 16px;gap:8px;z-index:200;box-shadow:0 -4px 20px #00000080;padding-bottom:max(12px,env(safe-area-inset-bottom))}}.mobile-action-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.mobile-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.mobile-action-btn.primary:active{transform:scale(.95);box-shadow:0 1px 4px #667eea66}.mobile-action-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-action-btn.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.mobile-action-btn.secondary:active{background:#ffffff1a;transform:scale(.95)}@media (max-width: 768px){.training-content{padding-bottom:80px}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;animation:fadeIn .3s ease;transition:background-color .3s ease}.dark-mode .dialog-overlay{background:#000000d9}.training-container:not(.dark-mode) .dialog-overlay{background:#0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:clamp(14px,3vw,20px);padding:clamp(18px,4vw,32px);width:min(92vw,640px);z-index:1000;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box;transition:all .3s ease}.dark-mode .dialog{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000000d9,0 0 0 1px #ffffff0a}.training-container:not(.dark-mode) .dialog{background:linear-gradient(145deg,#fff,#f8f8f8);border:1px solid rgba(0,0,0,.12);box-shadow:0 20px 50px #0003,0 0 0 1px #0000000a}@media (max-width: 768px){.dialog{width:min(94vw,560px)}}@media (max-width: 520px){.dialog{width:94vw;padding:clamp(16px,5vw,22px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-number{font-size:14px}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-icon{font-size:48px;text-align:center;margin-bottom:12px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pause-icon{filter:drop-shadow(0 0 20px rgba(255,193,7,.5))}.complete-icon{filter:drop-shadow(0 0 20px rgba(255,215,0,.6));animation:bounceIn .6s ease,pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dialog h2{margin:0 0 6px;font-size:26px;font-weight:700;text-align:center;letter-spacing:-.4px;transition:color .3s ease}.dark-mode .dialog h2{color:#fff}.training-container:not(.dark-mode) .dialog h2{color:#1a1a1a}.dialog-subtitle{margin:0 18px 22px;font-size:13px;text-align:center;transition:color .3s ease}.dark-mode .dialog-subtitle{color:#888}.training-container:not(.dark-mode) .dialog-subtitle{color:#666}.dialog-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:22px}.stat-card{border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.dark-mode .stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08)}.training-container:not(.dark-mode) .stat-card{background:linear-gradient(135deg,#00000008,#00000003);border:1px solid rgba(0,0,0,.08)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea80,#764ba280);opacity:0;transition:opacity .3s ease}.dark-mode .stat-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff26;transform:translateY(-2px)}.training-container:not(.dark-mode) .stat-card:hover{background:linear-gradient(135deg,#0000000f,#00000008);border-color:#00000026;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card.stat-success{border-color:#00ff884d}.stat-card.stat-success:before{background:linear-gradient(90deg,#00ff8880,#00ff884d)}.stat-card.stat-error{border-color:#ff33664d}.stat-card.stat-error:before{background:linear-gradient(90deg,#ff336680,#ff33664d)}.stat-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;transition:background .3s ease}.dark-mode .stat-icon{background:#ffffff0d}.training-container:not(.dark-mode) .stat-icon{background:#0000000d}.stat-content{flex:1;min-width:0}.stat-label{font-size:12px;margin-bottom:4px;font-weight:500;transition:color .3s ease}.dark-mode .stat-label{color:#888}.training-container:not(.dark-mode) .stat-label{color:#666}.stat-value{font-size:22px;font-weight:700;font-family:Courier New,monospace;line-height:1.2;transition:color .3s ease}.dark-mode .stat-value{color:#fff}.training-container:not(.dark-mode) .stat-value{color:#1a1a1a}.stat-divider{font-size:16px;margin:0 4px;transition:color .3s ease}.dark-mode .stat-divider{color:#666}.training-container:not(.dark-mode) .stat-divider{color:#999}.stat-value.correct-text{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.3)}.stat-value.wrong-text{color:#f36;text-shadow:0 0 10px rgba(255,51,102,.3)}.stat-value.time-value{color:#58a6ff;text-shadow:0 0 10px rgba(88,166,255,.3)}.dialog-ad-container{margin:18px 0 24px;display:flex;justify-content:center;align-items:center;min-height:320px}.dialog-ad-container .ad-interstitial{width:100%;max-width:360px;min-height:300px}.complete-main-stats{margin-bottom:24px;display:grid;gap:16px}@media (min-width: 700px){.complete-main-stats{grid-template-columns:minmax(280px,1.2fr) minmax(240px,1fr);align-items:stretch}}.complete-score-card{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:2px solid rgba(102,126,234,.25);border-radius:18px;padding:24px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.complete-score-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(102,126,234,.1),transparent 70%);pointer-events:none}.score-label{font-size:13px;margin-bottom:10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;transition:color .3s ease}.dark-mode .score-label{color:#888}.training-container:not(.dark-mode) .score-label{color:#666}.score-value-large{font-size:58px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px;text-shadow:0 0 30px rgba(102,126,234,.3)}.score-percent{font-size:28px;font-weight:600}.score-detail{font-size:14px;margin-bottom:14px;font-weight:500;transition:color .3s ease}.dark-mode .score-detail{color:#aaa}.training-container:not(.dark-mode) .score-detail{color:#888}.score-progress-bar{width:100%;height:5px;border-radius:3px;overflow:hidden;position:relative;transition:background .3s ease}.dark-mode .score-progress-bar{background:#ffffff1a}.training-container:not(.dark-mode) .score-progress-bar{background:#0000001a}.score-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:3px;transition:width 1s ease;box-shadow:0 0 10px #667eea80}.complete-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.complete-stat-item{flex:1;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.dark-mode .complete-stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.training-container:not(.dark-mode) .complete-stat-item{background:#00000008;border:1px solid rgba(0,0,0,.08)}.dark-mode .complete-stat-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.training-container:not(.dark-mode) .complete-stat-item:hover{background:#0000000d;border-color:#00000026;transform:translateY(-2px)}.stat-icon-small{font-size:21px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;transition:background .3s ease}.dark-mode .stat-icon-small{background:#ffffff0d}.training-container:not(.dark-mode) .stat-icon-small{background:#0000000d}.stat-info{flex:1;min-width:0}.stat-label-small{font-size:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px;transition:color .3s ease}.dark-mode .stat-label-small{color:#888}.training-container:not(.dark-mode) .stat-label-small{color:#666}.stat-value-small{font-size:16px;font-weight:700;font-family:Courier New,monospace;transition:color .3s ease}.dark-mode .stat-value-small{color:#fff}.training-container:not(.dark-mode) .stat-value-small{color:#1a1a1a}.stat-value-small.success-text{color:#0f8}.stat-value-small.error-text{color:#f36}.complete-rating{text-align:center;margin-bottom:18px;padding:14px;border-radius:14px;font-size:22px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s ease}.dark-mode .complete-rating{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08)}.training-container:not(.dark-mode) .complete-rating{background:linear-gradient(135deg,#00000008,#00000003);border:1px solid rgba(0,0,0,.08)}.complete-rating .rating-stars{font-size:26px;line-height:1}.complete-rating .rating-text{font-size:15px;margin-top:2px}.dialog-actions{display:flex;gap:10px;margin-bottom:14px}.dialog-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.dialog-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.dialog-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.dialog-btn:hover:before{width:300px;height:300px}.btn-icon{font-size:16px;line-height:1}.dialog-btn.full-width{grid-column:1 / -1}.dialog-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.dialog-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.dialog-btn.primary:active{transform:translateY(0)}.dialog-btn.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.dialog-btn.secondary:hover{background:#ffffff14;border-color:#ffffff26}.dialog-hint{text-align:center;font-size:13px;color:#666}.dialog-hint kbd{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:12px;color:#fff;margin:0 4px}@media (max-width: 768px){.dialog{max-width:94%;padding:22px 18px}.dialog-icon{font-size:42px;margin-bottom:10px}.dialog h2{font-size:22px}.dialog-subtitle{font-size:12px;margin-bottom:16px}.dialog-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-card{padding:14px;gap:10px}.stat-icon{font-size:22px;width:40px;height:40px}.stat-value{font-size:18px}.complete-score-card{padding:20px 16px;margin-bottom:16px}.score-value-large{font-size:42px}.score-percent{font-size:22px}.complete-stat-item{padding:10px;gap:6px}.stat-icon-small{font-size:18px;width:32px;height:32px}.stat-value-small{font-size:16px}.complete-rating{padding:12px;margin-bottom:16px}.dialog-actions,.dialog-actions-grid{gap:8px;margin-bottom:10px}.dialog-btn{padding:12px 16px;font-size:14px}.btn-icon{font-size:15px}.dialog-hint{font-size:12px}.dialog-ad-container{margin:20px 0;min-height:200px}.dialog-actions-grid{grid-template-columns:1fr}.dialog-btn.full-width{grid-column:auto}}.training-container.input-size-small .word-input{font-size:28px!important}.training-container.input-size-large .word-input{font-size:44px!important}.training-container.font-size-small{font-size:.85em}.training-container.font-size-small .question-chinese{font-size:20px}.training-container.font-size-small .pronunciation-hint{font-size:13px}.training-container.font-size-medium{font-size:1em}.training-container.font-size-large{font-size:1.15em}.training-container.font-size-large .question-chinese{font-size:28px}.training-container.font-size-large .pronunciation-hint{font-size:17px}.training-container.dark-mode{background:#0a0a0a;color:#fff}.dialog-content{display:flex;flex-direction:column;gap:16px;width:100%}.dialog-summary-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}.summary-header{display:flex;justify-content:space-between;align-items:baseline}.summary-title{font-size:15px;color:#ffffffb3}.summary-value{font-size:22px;font-weight:700;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.summary-item{background:#ffffff08;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#ffffff8c;letter-spacing:.4px;text-transform:uppercase}.summary-number{font-size:18px;font-weight:700;color:#fff}.summary-number.success{color:#0f8}.summary-number.danger{color:#ff5f5f}.result-progress{display:flex;flex-direction:column;gap:6px}.progress-track{height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.progress-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width .4s ease}.dialog-ad-wrapper.full-width{width:100%;display:flex;justify-content:center;align-items:center}.dialog-ad-wrapper.full-width .dialog-ad-container{width:100%;max-width:340px;min-height:260px}@media (max-width: 768px){.dialog-summary-card{padding:14px;gap:12px}.summary-number{font-size:15px}}.training-settings-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#e0e0e0;padding-bottom:40px}.settings-header{position:sticky;top:0;z-index:100;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:16px 20px;display:flex;align-items:center;gap:16px}.back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-2px)}.settings-title{font-size:24px;font-weight:600;margin:0;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-content{max-width:900px;margin:0 auto;padding:24px 20px}.settings-collapse{background:transparent!important;border:none!important}.settings-collapse .ant-collapse-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.settings-collapse .ant-collapse-item:hover{background:#ffffff0d;border-color:#ffffff1a}.settings-collapse .ant-collapse-header{background:transparent!important;color:#e0e0e0!important;padding:16px 20px!important;border:none!important}.panel-header{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.panel-icon{font-size:20px}.panel-title{color:#e0e0e0}.settings-collapse .ant-collapse-content{background:transparent!important;border:none!important}.settings-collapse .ant-collapse-content-box{padding:0 20px 20px!important}.settings-group{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.setting-item:hover{background:#ffffff0a;border-color:#ffffff1a}.setting-item-slider{flex-direction:column;align-items:stretch}.setting-label{display:flex;flex-direction:column;gap:4px;flex:1}.setting-title{font-size:15px;font-weight:500;color:#e0e0e0}.setting-description{font-size:13px;color:#ffffff80}.slider-wrapper{display:flex;align-items:center;gap:16px;margin-top:12px}.slider-value{min-width:60px;text-align:right;font-size:14px;font-weight:500;color:#a78bfa}.settings-group .ant-slider{margin:0!important}.settings-group .ant-slider-rail{background:#ffffff1a!important}.settings-group .ant-slider-track{background:linear-gradient(90deg,#a78bfa,#ec4899)!important}.settings-group .ant-slider-handle{border:2px solid #a78bfa!important;background:#1a1a1a!important}.settings-group .ant-slider-handle:hover,.settings-group .ant-slider-handle:focus{border-color:#ec4899!important;box-shadow:0 0 0 4px #a78bfa33!important}.settings-group .ant-switch{background:#fff3!important}.settings-group .ant-switch-checked{background:linear-gradient(90deg,#a78bfa,#ec4899)!important}.settings-group .ant-select-selector{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#e0e0e0!important}.settings-group .ant-select-selector:hover{border-color:#fff3!important}.settings-group .ant-select-arrow{color:#ffffff80!important}.settings-group .ant-radio-button-wrapper{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#e0e0e0!important}.settings-group .ant-radio-button-wrapper:hover{color:#a78bfa!important}.settings-group .ant-radio-button-wrapper-checked{background:linear-gradient(90deg,#a78bfa,#ec4899)!important;border-color:#a78bfa!important;color:#fff!important}.settings-group .ant-radio-button-wrapper:not(:first-child):before{background:#ffffff1a!important}.demo-buttons{display:flex;gap:12px;justify-content:center;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.demo-buttons .ant-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#e0e0e0!important;height:40px;padding:0 24px;border-radius:8px}.demo-buttons .ant-btn:hover:not(:disabled){background:#ffffff1a!important;border-color:#fff3!important;transform:translateY(-1px)}.demo-buttons .ant-btn-primary{background:linear-gradient(90deg,#a78bfa,#ec4899)!important;border:none!important;color:#fff!important}.demo-buttons .ant-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#8b5cf6,#db2777)!important;transform:translateY(-1px);box-shadow:0 4px 12px #a78bfa4d}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.settings-actions .ant-btn{height:48px;border-radius:8px;font-size:16px;font-weight:500;transition:all .3s ease;padding:0 24px}.settings-actions .ant-btn:not(.ant-btn-primary){background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.settings-actions .ant-btn:not(.ant-btn-primary):hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.settings-actions .ant-btn-primary{background:linear-gradient(90deg,#a78bfa,#ec4899);border:none;color:#fff}.settings-actions .ant-btn-primary:hover{background:linear-gradient(90deg,#8b5cf6,#db2777);transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.settings-tips{margin-top:24px;padding:20px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:12px}.tip-title{font-size:15px;font-weight:500;color:#a78bfa;margin-bottom:12px}.tip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tip-list li{font-size:14px;color:#fff9;padding-left:20px;position:relative}.tip-list li:before{content:"•";position:absolute;left:0;color:#a78bfa}.tip-list strong{color:#a78bfa;font-weight:500}@media (max-width: 768px){.settings-header{padding:12px 16px}.settings-title{font-size:20px}.settings-content{padding:16px 12px}.setting-item{flex-direction:column;align-items:stretch;gap:12px}.setting-item .ant-select{width:100%!important}.setting-item .ant-radio-group{width:100%}.setting-item .ant-radio-button-wrapper{flex:1;text-align:center}.demo-buttons{flex-direction:column}.demo-buttons .ant-btn{width:100%}.settings-actions{flex-direction:column}.settings-actions .ant-btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-collapse .ant-collapse-item{animation:fadeIn .4s ease}.ant-select-dropdown{background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #00000080!important}.ant-select-item{color:#e0e0e0!important}.ant-select-item-option-selected{background:#a78bfa33!important;color:#a78bfa!important}.ant-select-item-option-active{background:#ffffff0d!important}.ant-message{top:80px!important}.ant-message-notice-content{background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;color:#e0e0e0!important}.voice-selector-wrapper{display:flex;align-items:center;gap:8px}.voice-selector-wrapper .ant-select{flex:1}@media (max-width: 768px){.voice-selector-wrapper{flex-direction:column;align-items:stretch}.voice-selector-wrapper button{width:100%;margin-left:0!important}}.shortcut-settings-container{min-height:100vh;background:#0a0a0a;color:#e0e0e0;padding:20px}.shortcut-settings-container .ant-collapse-content{background:transparent!important;border-top:1px solid rgba(255,255,255,.08)!important}.shortcut-settings-container .ant-collapse-content-box{padding:16px 20px!important;background:transparent!important}.shortcut-settings-container .ant-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;color:#e0e0e0!important;transition:all .3s ease!important}.shortcut-settings-container .ant-btn:hover{background:#ffffff1a!important;border-color:#ffffff40!important;color:#fff!important}.shortcut-settings-container .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.shortcut-settings-container .ant-btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)!important;box-shadow:0 4px 12px #667eea66!important}.shortcut-settings-container .ant-btn-link{background:transparent!important;border:none!important;color:#667eea!important}.shortcut-settings-container .ant-btn-link:hover{background:#667eea1a!important;color:#8b9dff!important}.shortcut-settings-container .ant-alert{background:#ff4d4f1a!important;border:1px solid rgba(255,77,79,.3)!important}.shortcut-settings-container .ant-alert-error{background:#ff4d4f1a!important;border-color:#ff4d4f4d!important}.shortcut-settings-container .ant-alert-warning{background:#ffc1071a!important;border-color:#ffc1074d!important}.shortcut-settings-container .ant-alert-message{color:#e0e0e0!important}.shortcut-settings-container .ant-alert-close-icon{color:#888!important}.shortcut-settings-container .ant-alert-close-icon:hover{color:#e0e0e0!important}.shortcut-settings-container .ant-collapse-expand-icon{color:#888!important}.shortcut-settings-container .ant-collapse-expand-icon:hover{color:#e0e0e0!important}.shortcut-collapse{background:transparent!important;border:none!important}.shortcut-collapse .ant-collapse-item{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;margin-bottom:12px!important;overflow:hidden!important}.shortcut-collapse .ant-collapse-header{background:transparent!important;color:#e0e0e0!important;padding:16px 20px!important;border-radius:12px!important}.shortcut-collapse .ant-collapse-header:hover{background:#ffffff0d!important}.panel-count{margin-left:8px;font-size:14px;color:#888}.shortcuts-group{padding:12px 0}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff05;border-radius:8px;margin-bottom:8px;transition:all .2s}.shortcut-item:hover{background:#ffffff0d}.shortcut-info{flex:1;display:flex;flex-direction:column;gap:4px}.shortcut-name{font-size:15px;font-weight:500;color:#e0e0e0}.shortcut-desc{font-size:13px;color:#888}.shortcut-actions{display:flex;align-items:center;gap:12px}.shortcut-key{padding:6px 14px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#667eea;font-size:14px;font-family:Consolas,Monaco,monospace;font-weight:500;white-space:nowrap;min-width:80px;text-align:center}.recording-mode{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#ff57221a;border:1px solid rgba(255,87,34,.3);border-radius:8px}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{font-size:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.recording-text{font-size:14px;color:#ff5722;font-weight:500;min-width:180px}.recording-buttons{display:flex;gap:8px}.settings-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.actions-left,.actions-right{display:flex;gap:12px}.settings-tips{margin-top:32px;padding:20px;background:#667eea0d;border:1px solid rgba(102,126,234,.15);border-radius:12px}.settings-tips h3{margin:0 0 12px;font-size:16px;color:#667eea}.settings-tips ul{margin:0;padding-left:20px;list-style-type:disc}.settings-tips li{font-size:14px;color:#999;line-height:1.8;margin-bottom:4px}.settings-tips kbd{padding:2px 6px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#667eea;font-size:12px;font-family:Consolas,Monaco,monospace}.settings-content{max-width:1200px;margin:0 auto;padding:0;background:transparent}.settings-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#ffffff40;transform:translate(-2px)}.settings-title{margin:0;font-size:28px;font-weight:600;color:#e0e0e0}@media (max-width: 768px){.shortcut-item{flex-direction:column;align-items:flex-start;gap:12px}.shortcut-actions{width:100%;justify-content:flex-end}.recording-mode{flex-direction:column;align-items:flex-start;width:100%}.settings-actions{flex-direction:column;gap:12px}.actions-left,.actions-right{width:100%;justify-content:center}}.photo-recognition-container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.upload-section{display:flex;flex-direction:column;align-items:center;gap:24px}.upload-section .ant-upload-drag{border-radius:12px;border:2px dashed #667eea;background:linear-gradient(135deg,#f5f7ff,#faf5ff);transition:all .3s}.upload-section .ant-upload-drag:hover{border-color:#764ba2;background:linear-gradient(135deg,#f0f3ff,#f5f0ff)}.camera-button-wrapper{width:100%;max-width:400px}.camera-button{width:100%;height:48px;font-size:16px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;transition:all .3s}.camera-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.preview-section{display:flex;flex-direction:column;gap:24px;margin-top:24px}.preview-left,.preview-right{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #00000014}.preview-left{max-width:600px;margin:0 auto;width:100%}.recognizing-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.extract-options{padding:16px;background:#f5f5f5;border-radius:8px;margin-bottom:16px}.extract-options .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@media (max-width: 768px){.photo-recognition-container{padding:16px}.preview-left{max-width:100%}}.course-editor{max-height:70vh;overflow-y:auto}.editor-section{margin-bottom:32px}.editor-section:last-child{margin-bottom:0}.section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-list{max-height:400px;overflow-y:auto;padding:8px;background:#fafafa;border-radius:8px}.content-list::-webkit-scrollbar{width:6px}.content-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.content-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.content-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.sortable-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:8px;transition:all .3s}.sortable-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.sortable-item.selected{background:#f5f7ff;border-color:#667eea}.sortable-item.dragging{opacity:.5;box-shadow:0 4px 12px #0003}.item-checkbox{flex-shrink:0}.item-drag{flex-shrink:0;cursor:grab;color:#8c8c8c;font-size:16px;padding:4px;transition:color .3s}.item-drag:hover{color:#667eea}.item-drag:active{cursor:grabbing}.item-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.item-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:600;font-size:12px}.item-text{flex:1;min-width:0}.item-english{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-translation{font-size:13px;color:#8c8c8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions{flex-shrink:0;display:flex;gap:4px}@media (max-width: 768px){.course-editor{max-height:60vh}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header .section-title{margin-bottom:0}.sortable-item{padding:8px;gap:6px}.item-number{width:24px;height:24px;font-size:11px}.item-content{gap:8px}.item-english{font-size:13px}.item-translation{font-size:12px}.item-drag{font-size:14px}.item-actions{flex-direction:column}.content-list{max-height:350px}}@media (max-width: 480px){.sortable-item{flex-wrap:wrap}.item-checkbox{order:1}.item-drag{order:2}.item-number{order:3}.item-content{order:4;flex:1 0 100%;margin-left:32px}.item-actions{order:5;margin-left:auto}}.ai-payment-modal .modal-content{text-align:center;padding:8px}.ai-payment-modal .modal-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.ai-payment-modal .modal-icon.error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.ai-payment-modal h4{margin-bottom:8px;font-size:20px}.ai-payment-modal .balance-info,.ai-payment-modal .payment-info{background:#f5f5f5;border-radius:12px;padding:16px;margin:16px 0}.ai-payment-modal .info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:15px}.ai-payment-modal .info-row+.info-row{border-top:1px dashed #e0e0e0}.ai-payment-modal .info-row.highlight{background:#e6f7ff;border-radius:8px;padding:12px;margin:-4px -4px 8px;border-top:none}.ai-payment-modal .info-row.shortage{color:#ff4d4f;font-weight:600}.ai-payment-modal .price{font-size:20px;font-weight:700;color:#1890ff}.ai-payment-modal .balance{font-size:16px;font-weight:600;color:#52c41a}.ai-payment-modal .shortage-amount{font-size:18px;font-weight:700;color:#ff4d4f}@media (max-width: 768px){.ai-payment-modal{width:90%!important;max-width:360px!important}.ai-payment-modal .modal-icon{width:56px;height:56px;font-size:28px}.ai-payment-modal h4{font-size:18px}.ai-payment-modal .info-row{font-size:14px}}.quick-generate-page{min-height:calc(100vh - 64px);background:linear-gradient(to bottom,#f8f9ff,#fff);padding:32px 24px}.page-content{max-width:1200px;margin:0 auto;display:flex;gap:24px;align-items:flex-start;justify-content:center}.generate-form-card{width:400px;flex-shrink:0;height:fit-content;box-shadow:0 2px 16px #0000000f;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;position:sticky;top:24px;transition:all .3s ease}.generate-form-card:hover{box-shadow:0 4px 24px #667eea1f;border-color:#667eea}.generate-form-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:20px 24px}.generate-form-card .ant-card-head-title{color:#fff;font-weight:600;font-size:16px}.generate-form-card .ant-card-body{padding:24px}.form-item{margin-bottom:24px;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-item label{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:14px}.form-item .required{color:#ff4d4f;margin-right:4px}.form-item .ant-input-textarea{border-radius:8px;transition:all .3s}.form-item .ant-input-textarea:focus{box-shadow:0 0 0 2px #667eea1a}.form-item .ant-slider{margin:16px 0}.form-item .ant-radio-button-wrapper{border-radius:6px;transition:all .3s;font-weight:500}.form-item .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px #667eea4d}.form-item .ant-radio-button-wrapper:hover{color:#667eea}.example-tags{display:flex;flex-wrap:wrap;gap:8px}.example-tags .ant-tag{border-radius:6px;padding:6px 12px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.example-tags .ant-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.generate-result-card{flex:1;max-width:700px;box-shadow:0 2px 16px #0000000f;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;height:fit-content}.generate-result-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:20px 24px}.generate-result-card .ant-card-head-title{color:#fff;font-weight:600;font-size:16px}.generate-result-card .ant-card-body{padding:24px;background:#fafafa}.generate-result-card .ant-card-extra .ant-btn{color:#fff;border-color:#fff;border-width:2px;font-weight:600;transition:all .3s;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generate-result-card .ant-card-extra .ant-btn:hover{background:#ffffff40;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.generate-result-card .ant-card-extra .ant-btn-primary{background:#fff;color:#667eea;border:none;font-weight:700;box-shadow:0 2px 8px #00000026}.generate-result-card .ant-card-extra .ant-btn-primary:hover{background:#fff;color:#764ba2;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;gap:16px}.loading-container .ant-spin-text{color:#667eea;font-size:16px;margin-top:16px}.result-list{display:flex;flex-direction:column;gap:0}.result-item{background:#fff;border-left:4px solid #667eea;border-radius:0;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInRight .4s ease-out backwards;border-bottom:1px solid #f0f0f0}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.result-item:nth-child(1){animation-delay:.05s}.result-item:nth-child(2){animation-delay:.1s}.result-item:nth-child(3){animation-delay:.15s}.result-item:nth-child(4){animation-delay:.2s}.result-item:nth-child(5){animation-delay:.25s}.result-item:nth-child(6){animation-delay:.3s}.result-item:nth-child(7){animation-delay:.35s}.result-item:nth-child(8){animation-delay:.4s}.result-item:nth-child(9){animation-delay:.45s}.result-item:nth-child(10){animation-delay:.5s}.result-item:hover{background:#fafbff;border-left-color:#764ba2;transform:translate(2px)}.result-item:last-child{border-bottom:none}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.result-content{padding-left:0}.result-content .english{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:10px;line-height:1.6;letter-spacing:.3px;word-break:break-word;overflow-wrap:break-word}.result-content .pronunciation{font-size:15px;color:#888;margin-bottom:12px;font-family:Arial,sans-serif}.result-content .translation{font-size:16px;color:#555;margin-bottom:12px;line-height:1.7}.result-content .usage-note{font-size:14px;color:#666;background:#f8f9ff;padding:12px 16px;border-radius:8px;margin-top:12px;border-left:3px solid #667eea;line-height:1.7}@media (max-width: 1200px){.page-content{max-width:100%}.generate-form-card{width:380px}.generate-result-card{max-width:600px}}@media (max-width: 1024px){.page-content{flex-direction:column;align-items:center}.generate-form-card{width:100%;max-width:600px;margin-bottom:24px;position:relative;top:0}.generate-result-card{width:100%;max-width:600px}}@media (max-width: 768px){.quick-generate-page{padding:16px}.page-content{gap:16px;padding:0 8px}.generate-form-card,.generate-result-card{border-radius:10px;max-width:100%}.generate-form-card .ant-card-body,.generate-result-card .ant-card-body{padding:16px}.result-item{padding:16px 20px}.result-content .english{font-size:18px}.result-content .translation{font-size:15px}}@media (max-width: 480px){.quick-generate-page{padding:12px}.page-content{padding:0 4px}.generate-form-card .ant-card-head,.generate-result-card .ant-card-head{padding:16px 20px}.generate-form-card .ant-card-body,.generate-result-card .ant-card-body{padding:16px}.form-item{margin-bottom:20px}.result-item{border-left-width:3px;padding:14px 16px}.result-header{margin-bottom:10px}.result-content .english{font-size:17px}.result-content .translation{font-size:14px}}.my-generated-page{min-height:calc(100vh - 64px);background:linear-gradient(to bottom,#f8f9ff,#fff);padding:32px 24px}.search-bar{max-width:1200px;margin:0 auto 32px}.search-header{margin-bottom:20px}.page-title{font-size:28px;font-weight:700;color:#1a1a1a;display:flex;align-items:center}.search-bar .ant-input-search{width:100%;max-width:600px}.contents-container{max-width:1200px;margin:0 auto}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.contents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.content-card{border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.content-card:hover{box-shadow:0 4px 20px #667eea26;transform:translateY(-2px);border-color:#667eea}.card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content{min-height:120px;display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;font-size:14px;color:#666}.card-actions{display:flex;gap:8px;margin-top:auto}.card-actions .ant-btn{flex:1}@media (max-width: 768px){.my-generated-page{padding:16px}.page-header{margin-bottom:16px}.page-header h2{font-size:20px}.search-bar{flex-direction:column;align-items:stretch}.search-bar .ant-input-search{width:100%}.contents-grid{grid-template-columns:1fr;gap:16px}}.learning-data-container{max-width:1200px;margin:24px auto;padding:0 24px}.learning-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.learning-data-header h2{margin:0}@media (max-width: 768px){.learning-data-container{padding:0 16px}.learning-data-header{flex-direction:column;align-items:flex-start;gap:16px}}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:1100px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;min-height:600px}.login-decoration{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 40px;display:flex;align-items:center;justify-content:center;color:#fff}.decoration-content{max-width:400px}.logo-section{text-align:center;margin-bottom:60px}.logo-icon-wrapper-login{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:20px;border-radius:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003,0 0 0 1px #fff3 inset;animation:float 3s ease-in-out infinite;padding:10px}.logo-icon-login{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-title{font-size:36px;font-weight:700;margin:0 0 10px;letter-spacing:6px;font-family:KaiTi,STKaiti,"FangSong",STFangsong,Microsoft YaHei,serif;background:linear-gradient(135deg,#c41e3a,#d4af37 40%,#c41e3a,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:shimmerTitle 6s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(196,30,58,.4)) drop-shadow(0 0 15px rgba(212,175,55,.3))}@keyframes shimmerTitle{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-subtitle{font-size:16px;color:#ffffffe6;margin:0}.features-section{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:12px;font-size:16px;color:#fffffff2;padding:12px 16px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.feature-item:hover{background:#fff3;transform:translate(5px)}.feature-icon{font-size:20px;color:#fff}.login-form-wrapper{flex:1;padding:60px 50px;display:flex;align-items:center;justify-content:center;background:#fff}.login-form-container{width:100%;max-width:400px}.login-tabs{margin-bottom:40px}.login-tabs .ant-tabs-tab{font-size:18px;font-weight:600;padding:12px 24px}.login-form{margin-top:32px}.login-form .ant-form-item-label>label{font-weight:600;font-size:14px}.login-form .ant-input-affix-wrapper{padding:12px 16px;border-radius:8px;border:2px solid #e8e8e8;transition:all .3s}.login-form .ant-input-affix-wrapper:hover{border-color:#667eea}.login-form .ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.login-form .ant-input{font-size:15px}.login-form .ant-input-prefix{color:#999;font-size:16px;margin-right:12px}.submit-btn{height:50px;font-size:16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:8px;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn:active{transform:translateY(0)}.login-tips{text-align:center;margin-top:20px}.guest-warning{margin-top:16px;padding:12px;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;text-align:center}.migration-modal .ant-modal-header{border-bottom:none;padding:24px 24px 0}.migration-modal .ant-modal-body{padding:12px 24px 24px}.migration-modal .ant-modal-footer{border-top:none;padding:0 24px 24px}@media (max-width: 900px){.login-decoration{display:none}.login-form-wrapper{padding:40px 30px}}@media (max-width: 576px){.login-page{padding:0}.login-container{border-radius:0;min-height:100vh}.login-form-wrapper{padding:30px 20px}.login-form-container{max-width:100%}.login-tabs .ant-tabs-tab{font-size:16px;padding:10px 20px}.app-title{font-size:28px}.submit-btn{height:46px;font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:fadeIn .5s ease-out}.invitation-page{max-width:1200px;margin:0 auto;padding:40px 20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header{text-align:center;margin-bottom:40px}.page-header h2{margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invite-card{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 15px #00000014}.invite-code-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.invite-actions{display:flex;gap:12px}.code-display{flex:1;min-width:200px}.invite-code{font-size:48px!important;font-weight:700;letter-spacing:8px;color:#1890ff;margin:10px 0!important;font-family:Courier New,monospace}.invite-link-section{margin-top:20px}.progress-card,.earnings-card,.stats-card,.info-card{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.progress-card:hover,.earnings-card:hover,.stats-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-header h4{margin:0}.progress-content{padding:10px 0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-text{font-size:24px;font-weight:700;color:#333}.progress-tip{margin-top:12px;text-align:center;font-size:14px}.earnings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:20px}.earning-item{text-align:center;padding:20px;background:#f5f5f5;border-radius:8px;transition:all .3s ease}.earning-item.highlight{background:linear-gradient(135deg,#e6f7ff,#d9f7be);border:2px solid #52c41a}.earning-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.earning-value{display:block;font-size:28px;font-weight:700;color:#333;margin-top:8px}.earning-value.primary{color:#52c41a;font-size:32px}.withdrawal-section{text-align:center}.withdrawal-tip{padding:20px;background:#fff7e6;border-radius:8px;border:1px solid #ffd591}.withdrawal-note{margin-top:12px;text-align:center;font-size:13px;color:#999}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.stat-item{text-align:center;padding:20px;background:linear-gradient(135deg,#fafafa,#f0f0f0);border-radius:8px;transition:all .3s ease}.stat-item:hover{background:linear-gradient(135deg,#e6f7ff,#bae7ff);transform:scale(1.05)}.stat-value{display:block;font-size:32px;font-weight:700;color:#1890ff;margin-bottom:8px}.info-card{background:linear-gradient(135deg,#fff7e6,#fffbe6);border:1px solid #ffd591}.info-card h5{color:#d46b08;margin-bottom:15px}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:8px 0;color:#666;font-size:14px;line-height:1.6}.empty-state{text-align:center;padding:60px 20px;margin-top:40px;border-radius:12px;box-shadow:0 4px 15px #00000014}.empty-state h3{margin-bottom:20px}.empty-state p{margin-bottom:24px;color:#999}@media (max-width: 768px){.invitation-page{padding:20px 15px}.page-header h2{font-size:24px}.invite-code-section{flex-direction:column;text-align:center}.invite-actions{width:100%;flex-direction:column}.invite-code{font-size:36px!important;letter-spacing:4px}.earnings-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.earning-value{font-size:22px}.earning-value.primary{font-size:26px}.stat-value{font-size:24px}}@media (max-width: 480px){.invite-code{font-size:28px!important;letter-spacing:2px}.earnings-grid,.stats-grid{grid-template-columns:1fr}.ant-card-body{padding:16px!important}.card-header{margin-bottom:12px}.earning-item,.stat-item{padding:14px}.invite-link-section .ant-input{font-size:13px}}.pricing-page{max-width:1400px;margin:0 auto;padding:60px 24px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-size:42px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:18px;color:#666;margin-bottom:0}.duration-selector{display:flex;justify-content:center;margin-bottom:48px}.duration-selector .ant-btn{min-width:140px;border-radius:8px;font-weight:500}.pricing-cards{margin-bottom:80px}.pricing-card{border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;overflow:visible;height:100%}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.pricing-card .card-badge{position:absolute;top:-8px;right:-8px;z-index:1}.free-card{border:2px solid #e8e8e8}.vip-card{border:2px solid #1890ff;background:linear-gradient(135deg,#e6f7ff,#fff)}.vip-card.recommended{transform:scale(1.05);box-shadow:0 8px 20px #1890ff4d}.vip-card.recommended:hover{transform:scale(1.08) translateY(-8px)}.svip-card{border:2px solid #faad14;background:linear-gradient(135deg,#fff9e6,#fff)}.svip-card:hover{box-shadow:0 12px 24px #faad144d}.card-header{text-align:center;margin-bottom:24px}.card-header h3{font-size:28px;font-weight:700;margin-bottom:8px}.card-header .ant-typography{font-size:14px}.card-price{text-align:center;margin-bottom:24px;position:relative}.original-price{font-size:14px;color:#999;text-decoration:line-through;margin-bottom:4px}.price-symbol{font-size:24px;font-weight:600;color:#333;vertical-align:top}.price-value{font-size:56px;font-weight:700;color:#333;line-height:1}.price-unit{font-size:16px;color:#666;margin-left:4px}.savings{display:inline-block;margin-top:8px;padding:4px 12px;background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;font-size:12px;font-weight:600;border-radius:12px}.card-features{margin-bottom:32px}.feature-item{display:flex;align-items:center;padding:12px 0;font-size:15px;color:#333;border-bottom:1px solid #f0f0f0}.feature-item:last-child{border-bottom:none}.feature-item.highlighted{background:linear-gradient(135deg,#f0f9ff,#e6f7ff);padding:12px 16px;border-radius:8px;margin-bottom:8px}.feature-item.highlighted strong{color:#1890ff;font-weight:600}.feature-item.highlighted .feature-desc{font-size:12px;color:#999;margin-top:4px}.feature-item.featured{background:linear-gradient(135deg,#fff9e6,#fff);padding:12px 16px;border-radius:8px;font-weight:600;color:#faad14}.icon-special{color:#1890ff;font-size:18px;margin-right:12px;flex-shrink:0}.icon-check{color:#52c41a;font-size:18px;margin-right:12px;flex-shrink:0}.icon-close{color:#d9d9d9;font-size:18px;margin-right:12px;flex-shrink:0}.btn-svip{background:linear-gradient(135deg,#faad14,#ffc53d);border:none;font-weight:600;height:48px;font-size:16px}.btn-svip:hover{background:linear-gradient(135deg,#ffc53d,#faad14)}.comparison-section{margin-bottom:80px}.comparison-section h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:32px}.comparison-table{background:#fff;border-radius:12px;overflow:hidden}.comparison-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;text-align:center}.comparison-table .ant-table-tbody>tr>td{font-size:15px;padding:16px}.comparison-table .ant-table-tbody>tr:nth-child(2n){background:#fafafa}.faq-section{margin-bottom:60px}.faq-section h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:32px}.faq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.faq-item{border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.faq-item h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.faq-item p{color:#666;font-size:14px;line-height:1.6;margin-bottom:0}@media (max-width: 992px){.pricing-header h1{font-size:32px}.header-subtitle{font-size:16px}.vip-card.recommended{transform:none}.vip-card.recommended:hover{transform:translateY(-8px)}.comparison-section h2,.faq-section h2{font-size:28px}}@media (max-width: 768px){.pricing-page{padding:40px 16px}.pricing-header h1{font-size:28px}.duration-selector .ant-btn{min-width:100px;font-size:14px}.card-header h3{font-size:24px}.price-value{font-size:42px}.feature-item{font-size:14px;padding:10px 0}.comparison-table .ant-table{font-size:13px}.comparison-table .ant-table-thead>tr>th,.comparison-table .ant-table-tbody>tr>td{padding:12px 8px}.faq-list{grid-template-columns:1fr}}@media (max-width: 576px){.pricing-header h1{font-size:24px}.header-subtitle{font-size:14px}.duration-selector{margin-bottom:32px}.duration-selector .ant-space{flex-wrap:wrap;justify-content:center}.duration-selector .ant-btn{min-width:90px}.pricing-cards{margin-bottom:60px}.card-header h3{font-size:22px}.price-value{font-size:36px}.comparison-section,.faq-section{margin-bottom:60px}.comparison-section h2,.faq-section h2{font-size:24px}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 24px;display:flex;justify-content:center;align-items:center}.payment-loading{text-align:center;padding:60px;background:#fff;border-radius:16px}.payment-result{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%}.payment-container{max-width:600px;width:100%}.order-info-card{margin-bottom:24px;border-radius:16px;box-shadow:0 8px 24px #00000026}.order-info-card h3{margin-bottom:0;color:#333}.order-details{margin-top:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-size:15px}.detail-row .value{color:#333;font-size:15px;font-weight:500}.detail-row .order-id{font-size:12px;font-family:Courier New,monospace;color:#999}.price-section{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-radius:12px}.price-section .original-price{font-size:14px;color:#999;text-decoration:line-through;margin-bottom:8px}.price-section .final-price{display:flex;justify-content:space-between;align-items:center}.price-section .final-price .label{font-size:16px;color:#333;font-weight:500}.price-section .final-price .price{font-size:32px;font-weight:700;color:#1890ff}.payment-method-card{margin-bottom:24px;border-radius:16px;box-shadow:0 8px 24px #00000026}.payment-method-card h3{margin-bottom:0;color:#333}.payment-actions{display:flex;justify-content:center;margin-top:24px}.payment-actions button{min-width:140px;height:48px;font-size:16px;font-weight:500}.payment-tips{margin-top:24px;text-align:center;padding:12px;background:#fffbe6;border-radius:8px;border:1px solid #ffe58f}.commission-card{border-radius:16px;box-shadow:0 8px 24px #00000026;border:2px solid #52c41a;background:linear-gradient(135deg,#f6ffed,#d9f7be)}.commission-card h4{margin-bottom:8px;color:#52c41a}.commission-card p{margin-bottom:0;font-size:15px}@media (max-width: 768px){.payment-page{padding:40px 16px}.payment-container{max-width:100%}.order-info-card,.payment-method-card,.commission-card{margin-bottom:16px}.detail-row{padding:10px 0}.detail-row .label,.detail-row .value,.price-section .final-price .label{font-size:14px}.price-section .final-price .price{font-size:24px}.payment-methods,.payment-actions{flex-direction:column;gap:12px}.payment-actions button{width:100%}}@media (max-width: 576px){.payment-page{padding:24px 12px}.order-info-card h3,.payment-method-card h3{font-size:18px}.detail-row .label,.detail-row .value{font-size:13px}.price-section .final-price .price{font-size:20px}.payment-methods .ant-radio-button-wrapper{height:70px}.payment-methods .payment-option span{font-size:14px}}.my-orders-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 24px 40px}.password-card{border-radius:16px;box-shadow:0 8px 24px #00000026;background:#fff}.orders-container{max-width:1200px;margin:0 auto}.orders-card{border-radius:16px;box-shadow:0 8px 24px #00000026;overflow:hidden}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.orders-header h2{margin:0;font-size:24px;font-weight:600}.orders-tabs{margin-bottom:24px}.orders-tabs .ant-tabs-tab{font-size:15px;padding:12px 20px}.my-orders-page .ant-table{font-size:14px}.my-orders-page .ant-table-thead>tr>th{background:#f5f5f5;font-weight:600}.my-orders-page .ant-table-tbody>tr:hover{background:#f9f9f9}@media (max-width: 768px){.my-orders-page{padding:60px 12px 24px}.orders-header h2{font-size:20px}.orders-tabs .ant-tabs-tab{font-size:13px;padding:10px 12px}.my-orders-page .ant-table{font-size:12px}.my-orders-page .ant-table-wrapper{overflow-x:auto}}.recharge-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 24px 40px;display:flex;justify-content:center;align-items:center}.recharge-container{max-width:600px;width:100%}.recharge-card{border-radius:16px;box-shadow:0 8px 24px #00000026;overflow:hidden}.recharge-header{text-align:center;padding:16px 0}.recharge-header .header-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.recharge-header h3{margin-bottom:8px}.recharge-header p{margin-bottom:0}.current-balance{text-align:center;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-radius:12px;margin:24px 0}.balance-amount{font-size:36px;font-weight:700;color:#1890ff;margin-top:8px}.amount-section{margin:24px 0}.preset-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.amount-button{height:60px!important;font-size:18px;font-weight:600;border-radius:12px}.custom-amount{margin-top:20px}.custom-amount input{border-radius:12px;font-size:18px;font-weight:600}.payment-method-section{margin:24px 0}.payment-methods{display:flex;gap:16px;width:100%}.payment-methods .ant-radio-button-wrapper{flex:1;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:12px;border:2px solid #d9d9d9;transition:all .3s}.payment-methods .ant-radio-button-wrapper:hover{border-color:#1890ff}.payment-methods .ant-radio-button-wrapper-checked{border-color:#1890ff;background:linear-gradient(135deg,#e6f7ff,#bae7ff)}.payment-methods .payment-option{text-align:center}.payment-methods .payment-option span{font-size:16px;font-weight:500}.recharge-actions{margin-top:24px}.recharge-actions button{height:50px;font-size:18px;font-weight:600;border-radius:12px}.recharge-tips{text-align:center;margin-top:24px;padding:12px;background:#fffbe6;border-radius:8px;border:1px solid #ffe58f}@media (max-width: 768px){.recharge-page{padding:60px 12px 24px}.recharge-container{max-width:100%}.recharge-header .header-icon{width:56px;height:56px;font-size:28px}.balance-amount{font-size:28px}.preset-amounts{grid-template-columns:repeat(3,1fr);gap:8px}.amount-button{height:50px!important;font-size:16px}.payment-methods{flex-direction:column;gap:12px}.payment-methods .ant-radio-button-wrapper{height:70px}.recharge-actions button{height:48px;font-size:16px}}.withdrawal-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 24px 40px}.withdrawal-container{max-width:1000px;margin:0 auto}.withdrawal-card{border-radius:16px;box-shadow:0 8px 24px #00000026;overflow:hidden}.withdrawal-apply{padding:16px 0}.apply-header{text-align:center;margin-bottom:32px}.apply-header .header-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.apply-header h3{margin-bottom:8px}.balance-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.balance-item{text-align:center;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-radius:12px;border:2px solid transparent;transition:all .3s}.balance-item.highlight{background:linear-gradient(135deg,#fff7e6,#ffe7ba);border-color:#faad14;box-shadow:0 4px 12px #faad1433}.balance-value{font-size:24px;font-weight:700;margin-top:8px}.balance-value.total{color:#1890ff}.balance-value.available{color:#52c41a;font-size:28px}.balance-value.pending{color:#faad14}.balance-value.withdrawn{color:#999}.withdrawal-form{max-width:500px;margin:0 auto}.form-item{margin-bottom:28px}.amount-input-wrapper{position:relative;margin-bottom:16px}.amount-input-wrapper .currency-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:600;color:#52c41a;z-index:1;pointer-events:none}.amount-input-wrapper .amount-input{height:60px;padding-left:48px;font-size:28px;font-weight:600;border:2px solid #d9d9d9;border-radius:12px;transition:all .3s;background:#fafafa}.amount-input-wrapper .amount-input:hover{border-color:#52c41a;background:#fff}.amount-input-wrapper .amount-input:focus{border-color:#52c41a;box-shadow:0 0 0 4px #52c41a1a;background:#fff}.amount-input-wrapper .amount-input::placeholder{font-size:16px;font-weight:400;color:#bfbfbf}.quick-amount-buttons{display:flex;gap:8px;margin-bottom:16px}.quick-amount-buttons .ant-btn{flex:1;border-radius:8px;font-weight:500;transition:all .3s}.quick-amount-buttons .ant-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-amount-buttons .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;font-weight:600}.quick-amount-buttons .ant-btn-primary:hover{background:linear-gradient(135deg,#73d13d,#95de64)}.amount-tips{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f6ffed,#f0f9ff);border-radius:8px;border:1px solid #d9f7be}.form-item>span{display:block;margin-bottom:8px;font-size:15px}.form-item input{border-radius:12px;font-size:16px}.withdrawal-methods{width:100%;display:flex;gap:12px}.withdrawal-methods .ant-radio-button-wrapper{flex:1;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:16px}.withdrawal-history{padding:16px 0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-header h4{margin:0}.withdrawal-page .ant-table{font-size:14px}.withdrawal-page .ant-table-thead>tr>th{background:#f5f5f5;font-weight:600}@media (max-width: 768px){.withdrawal-page{padding:60px 12px 24px}.withdrawal-container{max-width:100%}.apply-header .header-icon{width:56px;height:56px;font-size:28px}.apply-header h3{font-size:20px}.balance-overview{grid-template-columns:repeat(2,1fr);gap:12px}.balance-item{padding:16px}.balance-value{font-size:20px}.balance-value.available{font-size:24px}.withdrawal-form{max-width:100%}.amount-input-wrapper .currency-symbol{font-size:24px;left:12px}.amount-input-wrapper .amount-input{height:54px;padding-left:42px;font-size:24px}.amount-input-wrapper .amount-input::placeholder{font-size:14px}.quick-amount-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-amount-buttons .ant-btn{width:100%}.amount-tips{flex-direction:column;align-items:flex-start;gap:4px}.withdrawal-methods{flex-direction:column;gap:8px}.withdrawal-methods .ant-radio-button-wrapper{height:48px}.withdrawal-page .ant-table{font-size:12px}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{width:100%;max-width:420px;box-shadow:0 10px 40px #0003;border-radius:12px}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header .ant-typography{margin-bottom:8px}.admin-login-header h2{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.admin-login-footer{text-align:center;margin-top:24px}.admin-login-footer .ant-typography{margin:0;font-size:13px}@media (max-width: 768px){.admin-login-card{max-width:100%}.admin-login-header h2{font-size:24px}}.admin-dashboard-layout{min-height:100vh}.admin-sider{box-shadow:2px 0 8px #00000026}.admin-logo{height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.admin-header{background:#fff;padding:0 24px 0 0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000d}.admin-content{margin:24px;padding:24px;background:#fff;border-radius:8px;min-height:calc(100vh - 112px)}@media (max-width: 768px){.admin-content{margin:16px;padding:16px}}.withdrawals-page{padding:24px}@media (max-width: 768px){.withdrawals-page{padding:16px}.statistics-cards{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}}.orders-page{padding:24px}@media (max-width: 768px){.orders-page{padding:16px}.statistics-cards{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}}.users-page{padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{margin:0}.statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-item{text-align:center}.stat-label{font-size:14px;color:#8c8c8c;margin-bottom:8px}.stat-value{font-size:24px;font-weight:600;color:#1890ff}@media (max-width: 768px){.users-page{padding:16px}.statistics-cards{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}}.step1-structure-generator{display:grid;grid-template-columns:400px 1fr;gap:24px}.info-card,.structure-card{height:fit-content}.structure-card{min-height:600px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-container p{margin-top:16px;color:#8c8c8c}.radio-option{padding:12px 0}.option-title{font-weight:600;font-size:16px;margin-bottom:4px}.option-desc{color:#8c8c8c;font-size:14px}.structure-tree{margin-top:24px}.unit-item{margin-bottom:24px;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden}.unit-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #d9d9d9}.unit-name{font-size:16px;font-weight:600}.lessons-list{padding:8px}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;transition:background .3s}.lesson-item:hover{background:#fafafa}.lesson-item:last-child{border-bottom:none}.lesson-info{flex:1}.lesson-name{display:block;font-size:14px;margin-bottom:4px}.lesson-meta{font-size:12px;color:#8c8c8c}.actions{margin-top:24px;text-align:center}.step2-batch-generation{max-width:1200px;margin:0 auto}.strategy-card{margin-bottom:24px}.unit-selector{margin:24px 0;padding:16px;background:#fafafa;border-radius:8px}.stats-info{margin:24px 0;padding:16px;background:#e6f7ff;border-radius:8px;border:1px solid #91d5ff}.progress-card{min-height:500px}.progress-bar{margin-bottom:24px}.progress-text{text-align:center;margin-top:8px;font-size:14px;color:#8c8c8c}.current-task{margin-bottom:24px;background:#f0f5ff;border:1px solid #adc6ff}.stats-row{margin:24px 0;padding:16px;background:#fafafa;border-radius:8px}.tasks-list{margin-top:24px;max-height:400px;overflow-y:auto}.tasks-list::-webkit-scrollbar{width:6px}.tasks-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.tasks-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.actions{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #f0f0f0}.step3-course-publish{max-width:1400px;margin:0 auto}.warning-box{padding:12px;background:#fff7e6;border:1px solid #ffd591;border-radius:4px}.publish-actions{margin-top:16px;display:flex;flex-direction:column;gap:12px}.course-generator-page{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0;font-size:28px;font-weight:600}.page-description{margin:8px 0 0;color:#8c8c8c;font-size:14px}.steps-card{margin-bottom:24px}.steps-content{min-height:400px}.complete-card{margin-top:24px;text-align:center}.complete-content{padding:40px}.complete-icon{font-size:64px;margin-bottom:16px}.complete-content h3{font-size:24px;margin-bottom:8px}.complete-content p{color:#8c8c8c;margin-bottom:32px}.system-config-page{padding:24px}.system-config-page .ant-card{margin-bottom:24px}.system-config-page .ant-form-item{margin-bottom:16px}.system-config-page .ant-space-vertical{width:100%}.ad-slot-management{padding:24px;background:#f5f5f5;min-height:100vh}.ad-slot-management .ant-card{box-shadow:0 2px 8px #00000014}.ad-management-tips{margin-top:24px;padding:16px;background:#f9f9f9;border-radius:8px;border-left:4px solid #1890ff}.ad-management-tips .tip-item{margin-bottom:8px;font-size:14px;color:#666;line-height:1.6}.ad-management-tips .tip-item:last-child{margin-bottom:0}.ad-management-tips strong{color:#333;font-weight:500}.ad-management-tips code{padding:2px 6px;background:#f0f0f0;border-radius:3px;font-family:Courier New,monospace;font-size:13px;color:#d46b08}.ad-slot-management .ant-table-wrapper{background:#fff}.ad-slot-management .ant-table-tbody>tr:hover{background:#fafafa}.ant-layout{background:#fff}.ant-layout-content{min-height:calc(100vh - 136px)}.ant-layout-content.with-header{position:relative}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}