.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a1a1a,#000)}.login-container:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.login-card{width:440px;max-width:90vw;padding:var(--spacing-2xl);background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header .logo{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.login-header .logo-icon{font-size:48px;filter:drop-shadow(0 0 16px rgba(59,130,246,.6));animation:float 3s ease-in-out infinite}.login-header .title{font-size:var(--font-size-3xl);font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;margin-bottom:var(--spacing-sm)}.login-header .subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.login-form .ant-input-affix-wrapper,.login-form .ant-input-password{background:var(--bg-hover);border:1px solid var(--border-base);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-base);height:48px}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-password:hover{background:var(--bg-active);border-color:var(--border-strong)}.login-form .ant-input-affix-wrapper:focus-within,.login-form .ant-input-password:focus-within{background:var(--bg-active);border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.login-form .ant-input{background:transparent;color:var(--text-primary);font-size:var(--font-size-base)}.login-form .ant-input::placeholder{color:var(--text-disabled)}.login-form .ant-input-prefix{color:var(--text-tertiary);margin-right:var(--spacing-md)}.login-form .ant-btn-primary{height:52px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-active) 100%);border:none;font-size:var(--font-size-lg);font-weight:600;letter-spacing:.5px;box-shadow:var(--shadow-primary);transition:all var(--transition-base);border-radius:var(--radius-lg)}.login-form .ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666;background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%)}.login-form .ant-btn-primary:active:not(:disabled){transform:translateY(0)}.login-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.login-footer a{color:var(--primary-color);font-weight:600;margin-left:var(--spacing-xs);transition:color var(--transition-base);text-decoration:none}.login-footer a:hover{color:var(--primary-hover);text-decoration:underline}.info-box{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md);border:1px dashed var(--border-base);color:var(--text-secondary)}.info-box code{background:var(--bg-active);padding:2px 6px;border-radius:var(--radius-sm);color:var(--primary-hover);font-family:var(--font-mono);font-size:var(--font-size-sm)}.info-box strong{color:var(--primary-color);font-weight:600}.info-box ol{margin:0;padding-left:20px;color:var(--text-secondary);font-size:var(--font-size-xs)}@media (max-width: 768px){.login-container{padding:var(--spacing-md)}.login-card{width:100%;max-width:100%;padding:var(--spacing-xl);border-radius:var(--radius-xl)}.login-header{margin-bottom:var(--spacing-lg)}.login-header .title{font-size:24px}.login-header .subtitle{font-size:14px}.login-form .ant-input-affix-wrapper,.login-form .ant-input-password{height:44px;padding:var(--spacing-sm) var(--spacing-md)}.login-form .ant-btn-primary{height:48px;font-size:var(--font-size-base)}.info-box{font-size:13px}}@media (max-width: 480px){.login-card{padding:var(--spacing-lg)}.login-header .title{font-size:20px}.login-header .logo-icon{font-size:40px}.login-form .ant-input-affix-wrapper,.login-form .ant-input-password{height:40px}.login-form .ant-btn-primary{height:44px}}@media (max-width: 768px) and (orientation: landscape){.login-container{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-md);max-height:90vh;overflow-y:auto}.login-header{margin-bottom:var(--spacing-md)}.login-header .logo-icon{font-size:32px}.login-header .title{font-size:18px}}.fate-gear-logo{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-base)}.fate-gear-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.fate-gear-layers{position:relative;width:100%;height:100%;z-index:2}.gear-outer{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;animation:rotate-clockwise 20s linear infinite;filter:drop-shadow(0 0 10px rgba(0,217,255,.5));transition:all var(--transition-base)}.gear-middle{position:absolute;top:10%;left:10%;width:80%;height:80%;transform-origin:center;animation:rotate-counter 15s linear infinite;filter:drop-shadow(0 0 8px rgba(107,79,187,.5));transition:all var(--transition-base)}.gear-inner{position:absolute;top:25%;left:25%;width:50%;height:50%;transform-origin:center;animation:rotate-clockwise 10s linear infinite;filter:drop-shadow(0 0 6px rgba(0,255,163,.5));transition:all var(--transition-base)}.gear-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d9ff,#6b4fbb);border-radius:15%;font-size:clamp(16px,12%,32px);font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);box-shadow:0 0 20px #00d9ff99,inset 0 0 10px #ffffff4d;z-index:10;transition:all var(--transition-base)}.fate-runes{position:absolute;top:-10%;left:-10%;width:120%;height:120%;z-index:1;animation:rune-pulse 2s ease-in-out infinite;transition:all var(--transition-base)}.fate-energy-trail{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:#00ffa399;border-right-color:#00ffa366;opacity:.4;animation:energy-flow 3s linear infinite;z-index:1;pointer-events:none}.fate-gear-logo.hovered .gear-outer{animation-duration:5s;filter:drop-shadow(0 0 20px rgba(0,217,255,.9))}.fate-gear-logo.hovered .gear-middle{animation-duration:3s;filter:drop-shadow(0 0 16px rgba(107,79,187,.9))}.fate-gear-logo.hovered .gear-inner{animation-duration:2s;filter:drop-shadow(0 0 12px rgba(0,255,163,.9))}.fate-gear-logo.hovered .fate-runes{opacity:1;animation-duration:1s}.fate-gear-logo.hovered .gear-core{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px #00d9ff,inset 0 0 15px #ffffff80}.fate-gear-logo.hovered .fate-energy-trail{opacity:.8;animation-duration:1.5s;border-width:3px}.fate-gear-logo.clicked .gear-outer{animation:rotate-reverse .3s ease-out}.fate-gear-logo.clicked .gear-middle{animation:rotate-forward .3s ease-out}.fate-gear-logo.clicked .gear-inner{animation:rotate-reverse .3s ease-out}.fate-gear-logo.clicked .gear-core{animation:pulse-burst .6s ease-out}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rune-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes energy-flow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}@keyframes rotate-forward{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes pulse-burst{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #00d9ff99}50%{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 50px #00d9ff}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #00d9ff99}}.fate-gear-text{margin-top:32px;text-align:center;z-index:10;animation:text-slide-up .5s ease-out 4s both}.fate-gear-text h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#6b4fbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:2px;text-shadow:0 0 20px rgba(0,217,255,.3)}.fate-gear-text p{font-size:14px;color:#ffffffb3;letter-spacing:3px;text-transform:uppercase;font-weight:300;animation:text-fade-in .5s ease-out 4.5s both}@keyframes text-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes text-fade-in{0%{opacity:0}to{opacity:1}}.fate-gear-nav{cursor:pointer}.fate-gear-nav .gear-outer{animation-duration:25s}.fate-gear-nav .gear-middle{animation-duration:20s}.fate-gear-nav .gear-inner{animation-duration:15s}.fate-gear-nav .gear-core{font-size:14px}.fate-gear-favicon{cursor:default}.fate-gear-favicon .gear-outer,.fate-gear-favicon .gear-middle,.fate-gear-favicon .gear-inner{animation:none}.fate-gear-favicon .gear-core{font-size:10px;font-weight:800}.fate-gear-mobile{cursor:pointer}.fate-gear-mobile .gear-outer{animation-duration:30s}.fate-gear-mobile .gear-middle{animation-duration:25s}.fate-gear-mobile .gear-inner{animation-duration:20s}.fate-gear-mobile .gear-core{font-size:12px}@media (max-width: 768px){.fate-gear-text h1{font-size:20px;letter-spacing:1px}.fate-gear-text p{font-size:12px;letter-spacing:2px}.fate-gear-logo.hovered .gear-core{transform:translate(-50%,-50%) scale(1.05)}}@media (max-width: 480px){.fate-gear-text h1{font-size:16px}.fate-gear-text p{font-size:10px;letter-spacing:1px}.fate-gear-text{margin-top:20px}}.fate-gear-logo *{will-change:transform}@media (prefers-reduced-motion: reduce){.fate-gear-logo *,.fate-gear-logo:before,.fate-gear-logo:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none) and (pointer: coarse){.fate-gear-logo.hovered{transform:none}.fate-gear-logo:active{transform:scale(.95)}}.fate-gear-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity 1s ease-out}.loader-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0e27,#1a1a2e,#0a0e27);z-index:-1}.loader-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(107,79,187,.1) 0%,transparent 50%);animation:background-pulse 4s ease-in-out infinite}@keyframes background-pulse{0%,to{opacity:.5}50%{opacity:1}}.light-point{position:absolute;width:10px;height:10px;background:#00d9ff;border-radius:50%;box-shadow:0 0 20px #00d9ff,0 0 40px #00d9ff,0 0 60px #00d9ff;animation:light-expand 1s ease-out forwards;z-index:1}@keyframes light-expand{0%{transform:scale(1);opacity:1}to{transform:scale(80);opacity:0}}.loader-logo-container{position:relative;animation:logo-appear .8s ease-out forwards;z-index:2}@keyframes logo-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loader-text{position:absolute;bottom:20%;text-align:center;z-index:3}.loader-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#6b4fbb,#00ffa3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;margin-bottom:12px;animation:title-slide-up .6s ease-out forwards;text-shadow:0 0 30px rgba(0,217,255,.5)}@keyframes title-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader-subtitle{font-size:16px;color:#fffc;letter-spacing:4px;text-transform:uppercase;font-weight:300;animation:subtitle-fade-in .6s ease-out forwards;text-shadow:0 0 10px rgba(255,255,255,.3)}@keyframes subtitle-fade-in{0%{opacity:0}to{opacity:1}}.loader-progress{position:absolute;bottom:15%;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:3;animation:progress-fade-in .5s ease-out forwards}@keyframes progress-fade-in{0%{opacity:0}to{opacity:1}}.progress-dots{display:flex;gap:8px}.progress-dots .dot{width:8px;height:8px;background:#00d9ff;border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite;box-shadow:0 0 10px #00d9ff}.progress-dots .dot:nth-child(1){animation-delay:0s}.progress-dots .dot:nth-child(2){animation-delay:.2s}.progress-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.progress-text{font-size:14px;color:#fff9;letter-spacing:2px;font-weight:300}.fate-gear-loader.stage-7{animation:loader-fade-out 1s ease-out forwards}@keyframes loader-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.loader-title{font-size:28px;letter-spacing:2px}.loader-subtitle{font-size:14px;letter-spacing:3px}.loader-logo-container{transform:scale(.8)}.loader-text{bottom:25%}.loader-progress{bottom:20%}}@media (max-width: 480px){.loader-title{font-size:22px;letter-spacing:1px}.loader-subtitle{font-size:12px;letter-spacing:2px}.loader-logo-container{transform:scale(.6)}.progress-text{font-size:12px}}@media (prefers-reduced-motion: reduce){.fate-gear-loader *,.fate-gear-loader:before,.fate-gear-loader:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fate-gear-nav-container{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-lg);transition:all var(--transition-base)}.fate-gear-nav-container:hover{background:#3b82f61a;transform:translateY(-2px)}.fate-gear-nav-container:active{transform:translateY(0)}.fate-gear-brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;line-height:1;background:linear-gradient(135deg,#00d9ff,#6b4fbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:11px;font-weight:400;color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase;line-height:1}@media (max-width: 768px){.fate-gear-brand-text{display:none}.fate-gear-nav-container{padding:4px}}@media (max-width: 480px){.fate-gear-nav-container{gap:8px}}.fate-gear-page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e27f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9998;animation:loader-fade-in .3s ease-out}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:content-float 2s ease-in-out infinite}@keyframes content-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-loader-text{font-size:16px;color:#fffc;letter-spacing:2px;font-weight:300;animation:text-pulse 1.5s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.page-loader-content{gap:16px}.page-loader-text{font-size:14px}}.fate-gear-footer{background:#0a0e2799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,217,255,.1);padding:48px 32px 32px;position:relative;overflow:hidden;margin-top:64px}.fate-gear-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,217,255,.3) 20%,rgba(0,217,255,.6) 50%,rgba(0,217,255,.3) 80%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.footer-gear-divider{margin-bottom:40px}.gear-line{display:flex;align-items:center;justify-content:center;gap:16px;max-width:600px;margin:0 auto}.gear-icon-tiny{color:#00d9ff99;animation:rotate-slow 30s linear infinite}.line-gradient{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,217,255,.4) 50%,transparent 100%)}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-main-section{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;gap:64px}.footer-brand-section{flex:1;max-width:400px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:12px}.brand-name{font-size:20px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#6b4fbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.brand-tagline{font-size:14px;font-style:italic;color:#ffffffb3;margin:8px 0;letter-spacing:1px}.brand-description{font-size:13px;color:#ffffff80;line-height:1.6;margin:0}.footer-links-section{display:flex;gap:48px}.link-group{display:flex;flex-direction:column;gap:12px}.link-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fff6;margin-bottom:4px}.footer-link{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9;text-decoration:none;transition:all .3s ease;padding:4px 0}.footer-link:hover{color:#00d9ff;transform:translate(4px);text-shadow:0 0 8px rgba(0,217,255,.5)}.footer-link .anticon{font-size:16px}.developer-signature-card{position:relative;margin:32px auto;max-width:800px;padding:24px 32px;background:linear-gradient(135deg,#00d9ff0d,#6b4fbb0d);border:1px solid rgba(0,217,255,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s ease}.developer-signature-card:hover{border-color:#00d9ff80;box-shadow:0 8px 32px #00d9ff33;transform:translateY(-2px)}.signature-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.signature-avatar{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;border:2px solid rgba(0,217,255,.3);animation:float 3s ease-in-out infinite;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.signature-info{flex:1;display:flex;flex-direction:column;gap:8px}.signature-main{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffffe6;flex-wrap:wrap}.crafted-text{color:#fff9;font-weight:400}.heart-icon{color:#ef4444;font-size:14px;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.2)}}.developer-name{font-weight:700;font-size:18px;background:linear-gradient(135deg,#00d9ff,#6b4fbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.signature-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#ffffff80}.tag{padding:4px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:12px;font-weight:500;transition:all .3s ease;cursor:default}.tag:hover{background:#00d9ff33;border-color:#00d9ff66;color:#fffc}.tag-divider{color:#ffffff4d}.signature-code-bg{position:absolute;bottom:8px;right:24px;font-family:Monaco,Consolas,monospace;font-size:11px;color:#00d9ff26;pointer-events:none;font-style:italic}.footer-copyright-section{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.copyright-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#fff6}.copyright-text{color:#fff6}.divider{color:#fff3}.copyright-link{color:#ffffff80;text-decoration:none;transition:color .3s ease}.copyright-link:hover{color:#00d9ff}.tech-stack{display:flex;gap:8px}.tech-badge{padding:4px 10px;background:#00d9ff14;border:1px solid rgba(0,217,255,.15);border-radius:8px;font-size:11px;color:#00d9ffcc;font-weight:500;transition:all .3s ease;cursor:default}.tech-badge:hover{background:#00d9ff26;border-color:#00d9ff4d;transform:translateY(-2px)}@media (max-width: 1024px){.footer-main-section{gap:48px}.footer-links-section{gap:32px}}@media (max-width: 768px){.fate-gear-footer{padding:32px 20px 80px;margin-top:48px}.footer-main-section{flex-direction:column;gap:32px;margin-bottom:32px}.footer-brand-section{text-align:center;max-width:100%}.footer-logo{justify-content:center}.footer-links-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.link-group{text-align:center}.developer-signature-card{padding:20px 16px;margin:24px 0}.signature-content{flex-direction:column;text-align:center;gap:16px}.signature-avatar{font-size:40px;width:56px;height:56px}.signature-main{flex-direction:column;gap:4px;justify-content:center}.developer-name{font-size:16px}.signature-tags{justify-content:center;font-size:11px}.tag{padding:3px 10px}.signature-code-bg{display:none}.footer-copyright-section{flex-direction:column;text-align:center;gap:12px}.copyright-content{justify-content:center;font-size:11px}.tech-stack{justify-content:center}}@media (max-width: 480px){.fate-gear-footer{padding:24px 16px 80px;margin-top:32px}.footer-gear-divider{margin-bottom:32px}.gear-line{gap:12px}.footer-brand-section{gap:8px}.brand-name{font-size:18px}.brand-tagline{font-size:12px}.brand-description{font-size:11px}.footer-links-section{grid-template-columns:1fr;gap:20px}.link-group{text-align:center}.footer-link{justify-content:center;font-size:13px}.developer-signature-card{padding:16px 12px;margin:20px 0;border-radius:12px}.signature-avatar{font-size:36px;width:48px;height:48px}.signature-main{font-size:14px}.developer-name{font-size:15px}.signature-tags{font-size:10px;gap:6px}.tag{padding:2px 8px}.tag-divider{display:none}.copyright-content{font-size:10px;gap:8px}.tech-badge{font-size:10px;padding:3px 8px}}@media (prefers-reduced-motion: reduce){.fate-gear-footer *,.fate-gear-footer:before,.fate-gear-footer:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none) and (pointer: coarse){.footer-link:hover,.tag:hover,.tech-badge:hover{transform:none}.footer-link:active{transform:scale(.95)}.developer-signature-card:hover{transform:none}}.app-layout{min-height:100vh;background:transparent!important;display:flex;flex-direction:row;overflow:hidden}.app-layout .ant-layout{background:transparent!important;height:100%}.app-sider{background:transparent!important;border:none!important;position:fixed;left:var(--spacing-lg);top:50%;transform:translateY(-50%);z-index:var(--z-fixed);height:auto!important;max-height:80vh;transition:transform var(--transition-slow),opacity var(--transition-slow)}.dock-container{background:#141414cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-base);border-radius:var(--radius-2xl);padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-lg)}.dock-item{width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-xl);color:var(--text-tertiary);font-size:20px;cursor:pointer;transition:all var(--transition-base);position:relative}.dock-item:hover:not(.disabled){background:var(--bg-hover);color:var(--text-primary);transform:scale(1.15)}.dock-item.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-active) 100%);color:#fff;box-shadow:var(--shadow-primary);transform:scale(1.1)}.dock-item.disabled{opacity:.3;cursor:not-allowed}.dock-tooltip{position:absolute;left:64px;background:#000000e6;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);opacity:0;pointer-events:none;transition:opacity var(--transition-base);white-space:nowrap;color:var(--text-primary);font-weight:500;box-shadow:var(--shadow-md)}.dock-item:hover .dock-tooltip{opacity:1}.main-area{flex:1;margin-left:100px;margin-right:var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);height:calc(100vh - 48px);display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-header{background:transparent!important;padding:0;height:auto;line-height:normal;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.logo{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform var(--transition-base)}.logo:hover{transform:scale(1.03)}.logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.user-profile-pill{display:flex;align-items:center;gap:var(--spacing-md);padding:6px 8px 6px var(--spacing-md);background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-base);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.user-profile-pill:hover{background:#1e1e1ee6;border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.content-surface{flex:1;background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-2xl);padding:var(--spacing-xl);overflow-y:auto;position:relative;box-shadow:var(--shadow-md)}.content-surface::-webkit-scrollbar{width:6px}.content-surface::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background var(--transition-base)}.content-surface::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 1024px){.main-area{margin-left:80px;margin-right:var(--spacing-md)}.dock-container{padding:var(--spacing-md) 6px}.dock-item{width:42px;height:42px;font-size:18px}.content-surface{padding:var(--spacing-lg)}}@media (max-width: 768px){.app-layout{flex-direction:column}.app-sider{position:fixed;left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:none;background:#141414f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--border-base);padding:env(safe-area-inset-bottom,0);z-index:var(--z-fixed)}.dock-container{flex-direction:row;justify-content:space-around;padding:var(--spacing-sm) var(--spacing-md);border-radius:0;background:transparent;border:none;box-shadow:none;width:100%;max-width:100%;gap:0}.dock-item{width:48px;height:48px;font-size:20px;flex-shrink:0}.dock-item:hover:not(.disabled){transform:scale(1.05)}.dock-tooltip{display:none}.main-area{margin:0;padding:var(--spacing-md);padding-bottom:calc(72px + env(safe-area-inset-bottom,0));height:100vh;width:100%}.app-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.logo{gap:var(--spacing-sm)}.logo-text{font-size:var(--font-size-lg)}.user-profile-pill{padding:4px 6px 4px var(--spacing-sm);gap:var(--spacing-sm)}.user-profile-pill span{display:none}.content-surface{padding:var(--spacing-md);border-radius:var(--radius-xl);height:calc(100% - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.main-area{padding:var(--spacing-sm);padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}.app-header{margin-bottom:var(--spacing-sm)}.logo-text{font-size:var(--font-size-base)}.content-surface{padding:var(--spacing-sm);border-radius:var(--radius-lg)}.dock-item{width:44px;height:44px;font-size:18px}.dock-container{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 768px) and (orientation: landscape){.app-sider{position:fixed;left:0;right:auto;top:0;bottom:0;width:auto;height:100vh;border-top:none;border-right:1px solid var(--border-base);padding:0}.dock-container{flex-direction:column;height:100%;padding:var(--spacing-md) var(--spacing-sm);justify-content:flex-start}.main-area{margin-left:72px;padding-bottom:var(--spacing-md)}}.fate-gear-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#001529,#0a1929);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease-out}.fate-gear-loader.fade-out{opacity:0;pointer-events:none}.fate-gear-container{position:relative;width:200px;height:200px}.fate-gear{position:absolute;width:100%;height:100%;animation:rotate 8s linear infinite}.fate-gear-small{position:absolute;top:30px;right:-40px;width:80px;height:80px;animation:rotate-reverse 5s linear infinite}.fate-gear-text{margin-top:40px;color:#fff;font-size:18px;font-weight:500;letter-spacing:2px;text-align:center;opacity:0;animation:fadeIn 2s ease-out forwards;animation-delay:.5s}.fate-gear-subtext{margin-top:10px;color:#ffffffb3;font-size:14px;text-align:center;opacity:0;animation:fadeIn 2s ease-out forwards;animation-delay:1s}.logo-gear{display:inline-block;margin-left:10px;font-size:18px;animation:rotate 10s linear infinite;vertical-align:middle}.table-gear-spinner{display:inline-block;width:16px;height:16px;margin-right:8px;animation:rotate 2s linear infinite}.gear-icon{width:100%;height:100%;fill:#1890ff}.gear-icon-small{fill:#40a9ff}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (max-width: 768px){.fate-gear-container{width:150px;height:150px}.fate-gear-small{width:60px;height:60px;top:20px;right:-30px}.fate-gear-text{font-size:16px}}.fate-gear-container:hover .fate-gear{animation-duration:4s}.fate-gear-container:hover .fate-gear-small{animation-duration:2.5s}.weekly-reports{width:100%}.weekly-reports .ant-card:first-child{background:var(--bg-elevated);border-color:var(--border-base);margin-bottom:var(--spacing-md)}.weekly-reports .ant-card:first-child .ant-card-head{background:transparent;font-weight:600}.weekly-reports .ant-btn-link{transition:all var(--transition-base)}.weekly-reports .ant-btn-link:hover{transform:translate(2px)}.weekly-reports .ant-btn-link.ant-btn-dangerous:hover{transform:scale(1.05)}.weekly-reports .ant-table-tbody>tr{transition:all var(--transition-base)}.weekly-reports .ant-table-tbody>tr:hover{box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.weekly-reports .ant-tag{font-weight:600;padding:4px 12px;border-radius:var(--radius-md)}.weekly-reports .ant-empty{padding:var(--spacing-2xl) 0}.weekly-reports .ant-empty-description{font-size:var(--font-size-base);color:var(--text-tertiary)}@media (max-width: 768px){.weekly-reports .ant-card{margin-bottom:var(--spacing-sm)}.weekly-reports .ant-card-head,.weekly-reports .ant-card-body{padding:var(--spacing-md)}.weekly-reports .ant-table{font-size:13px}.weekly-reports .ant-table-thead>tr>th{padding:var(--spacing-sm);font-size:12px}.weekly-reports .ant-table-tbody>tr>td{padding:var(--spacing-sm)}.weekly-reports .ant-form-item{margin-bottom:var(--spacing-sm)}.weekly-reports .ant-space,.weekly-reports .ant-space-item,.weekly-reports .ant-btn{width:100%}.weekly-reports .ant-tag{padding:2px 8px;font-size:12px}.weekly-reports .ant-space-horizontal{flex-wrap:wrap}}@media (max-width: 480px){.weekly-reports .ant-card-head,.weekly-reports .ant-card-body{padding:var(--spacing-sm)}.weekly-reports .ant-table{font-size:12px}.weekly-reports .ant-table-thead>tr>th,.weekly-reports .ant-table-tbody>tr>td{padding:6px}}.report-detail{width:100%;max-width:1400px;margin:0 auto}.report-detail .ant-card-head .ant-btn{transition:all var(--transition-base)}.report-detail .ant-card-head .ant-btn:hover{transform:translate(-4px)}.report-detail .ant-descriptions{background:var(--bg-hover);border-radius:var(--radius-lg);overflow:hidden}.report-detail .ant-descriptions-item-label{font-weight:600;background:var(--bg-elevated)}.report-detail .ant-tag{font-weight:600;padding:6px var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.markdown-content{background-color:transparent;line-height:1.8;font-size:var(--font-size-base);color:var(--text-primary);padding:var(--spacing-lg)}.markdown-content h1{border-bottom:2px solid rgba(59,130,246,.4);padding-bottom:var(--spacing-md);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:700;font-size:var(--font-size-3xl)}.markdown-content h2{border-bottom:1px solid rgba(59,130,246,.3);padding-bottom:var(--spacing-sm);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700;font-size:var(--font-size-2xl)}.markdown-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--primary-hover);font-weight:700;font-size:var(--font-size-xl)}.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--primary-hover);font-weight:600;font-size:var(--font-size-lg)}.markdown-content p{line-height:1.8;margin:var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.markdown-content a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base);font-weight:500;border-bottom:1px solid transparent}.markdown-content a:hover{color:var(--primary-hover);border-bottom-color:var(--primary-hover)}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:var(--font-size-sm);border:1px solid var(--border-base);border-radius:var(--radius-lg);overflow:hidden}.markdown-content table th,.markdown-content table td{border:1px solid var(--border-base);padding:var(--spacing-md);text-align:left;color:var(--text-secondary)}.markdown-content table th{background-color:var(--bg-elevated);font-weight:700;text-align:center;color:var(--text-primary);font-size:var(--font-size-base)}.markdown-content table tr:nth-child(2n){background-color:var(--bg-hover)}.markdown-content table tr:hover{background-color:#3b82f60d}.markdown-content ul,.markdown-content ol{padding-left:var(--spacing-xl);margin:var(--spacing-md) 0;color:var(--text-secondary);line-height:1.8}.markdown-content ul li,.markdown-content ol li{margin:var(--spacing-sm) 0;line-height:1.8;padding-left:var(--spacing-xs)}.markdown-content ul li::marker{color:var(--primary-color);font-weight:700}.markdown-content ol li::marker{color:var(--primary-color);font-weight:700}.markdown-content .contains-task-list{list-style:none;padding-left:0}.markdown-content .task-list-item{list-style:none;padding-left:var(--spacing-lg)}.markdown-content .task-list-item input[type=checkbox]{margin-right:var(--spacing-sm)}.markdown-content code:not([class*=language-]){background-color:var(--bg-elevated);padding:3px var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--primary-hover);border:1px solid var(--border-base);font-weight:600}.markdown-blockquote,.markdown-content blockquote{border-left:4px solid var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-style:italic;background-color:#3b82f614;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset 4px 0 0 0 var(--primary-color)}.markdown-content hr,.markdown-divider{margin:var(--spacing-2xl) 0!important;border:none!important;border-top:2px solid var(--border-base)!important}.markdown-h1{border-bottom:1px solid rgba(59,130,246,.3)!important;padding-bottom:8px!important;margin-top:32px!important;margin-bottom:16px!important;color:#fff!important}.markdown-h2{border-bottom:1px solid rgba(59,130,246,.2)!important;padding-bottom:6px!important;margin-top:28px!important;margin-bottom:14px!important;color:#fff!important}.markdown-h3{margin-top:24px!important;margin-bottom:12px!important;color:#60a5fa!important}.markdown-h4,.markdown-h5,.markdown-h6{margin-top:20px!important;margin-bottom:10px!important;color:#60a5fa!important}.markdown-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;border:1px solid rgba(255,255,255,.1)}.markdown-table th,.markdown-table td{border:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:left;color:#ffffffe6}.markdown-table th{background-color:#ffffff0d;font-weight:600;text-align:center;color:#fff}.markdown-table tr:nth-child(2n){background-color:#ffffff05}.markdown-ul,.markdown-ol{padding-left:24px;margin:12px 0;color:#ffffffe6}.markdown-ul li,.markdown-ol li{margin:6px 0;line-height:1.8;padding-left:4px}.markdown-code-block{margin:16px 0}.report-detail code:not(.markdown-code-block code){background-color:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;color:#f472b6;border:1px solid rgba(255,255,255,.05)}.markdown-blockquote{border-left:4px solid #3b82f6;padding:12px 20px;margin:16px 0;color:#ffffffd9;font-style:italic;background-color:#3b82f60d;border-radius:0 4px 4px 0}.markdown-divider{margin:32px 0!important;border-color:#ffffff1a!important}.markdown-paragraph{line-height:1.8;margin:12px 0;font-size:15px;color:#ffffffe6}.report-detail-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.report-detail .ant-card{background-color:#141414!important;border-color:#ffffff1a!important}.report-detail .ant-card-head{border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.report-detail .ant-card-head-title{color:#fff!important}.report-detail .ant-descriptions-item-label{color:#ffffffbf!important}.report-detail .ant-descriptions-item-content,.report-detail .ant-typography{color:#ffffffe6!important}.report-detail .ant-typography strong{color:#fff!important}.markdown-content,.markdown-content p,.markdown-content li,.markdown-content table td{color:#ffffffe6!important}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#fff!important}.markdown-content blockquote{border-left:4px solid #3b82f6;padding:12px 20px;margin:16px 0;color:#ffffffe6!important;font-style:italic;background-color:#3b82f61a!important;border-radius:0 4px 4px 0}.markdown-content pre{background-color:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px}.markdown-content li{color:#ffffffe6!important}.markdown-content div[style*="background-color: rgb(255, 255, 255)"],.markdown-content div[style*="background-color: #fff"],.markdown-content div[style*="background-color: white"]{background-color:#ffffff0d!important;color:#ffffffe6!important}@media (max-width: 768px){.report-detail{max-width:100%}.report-detail .ant-card{border-radius:var(--radius-lg)!important}.report-detail .ant-card-head{padding:var(--spacing-md)!important}.report-detail .ant-card-head-title{font-size:var(--font-size-base)!important}.report-detail .ant-card-body{padding:var(--spacing-md)!important}.report-detail .ant-descriptions{border-radius:var(--radius-md)}.report-detail .ant-descriptions-item-label,.report-detail .ant-descriptions-item-content{padding:var(--spacing-sm)!important;font-size:13px!important}.report-detail .ant-tag{padding:2px var(--spacing-sm);font-size:12px}.markdown-content{padding:var(--spacing-md);font-size:14px;line-height:1.7}.markdown-content h1,.markdown-h1{font-size:20px!important;margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-md)!important;padding-bottom:6px!important}.markdown-content h2,.markdown-h2{font-size:18px!important;margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-sm)!important;padding-bottom:4px!important}.markdown-content h3,.markdown-h3{font-size:16px!important;margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-sm)!important}.markdown-content h4,.markdown-content h5,.markdown-content h6,.markdown-h4,.markdown-h5,.markdown-h6{font-size:14px!important;margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-xs)!important}.markdown-content p,.markdown-paragraph{font-size:13px!important;line-height:1.7;margin:var(--spacing-sm) 0!important}.markdown-content table,.markdown-table{font-size:12px!important;margin:var(--spacing-md) 0!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-content table th,.markdown-content table td,.markdown-table th,.markdown-table td{padding:var(--spacing-sm)!important;font-size:12px!important}.markdown-content ul,.markdown-content ol,.markdown-ul,.markdown-ol{padding-left:var(--spacing-lg);margin:var(--spacing-sm) 0!important;font-size:13px!important}.markdown-content ul li,.markdown-content ol li,.markdown-ul li,.markdown-ol li{margin:4px 0!important;line-height:1.6;font-size:13px!important}.markdown-content pre{margin:var(--spacing-md) 0!important;padding:var(--spacing-md)!important;border-radius:var(--radius-md)!important;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:12px!important}.markdown-content code:not([class*=language-]),.report-detail code:not(.markdown-code-block code){padding:2px 4px;font-size:12px!important}.markdown-content blockquote,.markdown-blockquote{padding:var(--spacing-sm) var(--spacing-md)!important;margin:var(--spacing-md) 0!important;font-size:13px!important;border-left-width:3px!important}.markdown-content hr,.markdown-divider{margin:var(--spacing-lg) 0!important}.report-detail .ant-card-head .ant-btn{padding:0 var(--spacing-md);height:32px;font-size:13px}.report-detail .ant-card-head .ant-btn:hover{transform:translate(-2px)}}@media (max-width: 480px){.markdown-content{padding:var(--spacing-sm);font-size:13px}.markdown-content h1,.markdown-h1{font-size:18px!important}.markdown-content h2,.markdown-h2{font-size:16px!important}.markdown-content h3,.markdown-h3{font-size:15px!important}.markdown-content p,.markdown-paragraph{font-size:12px!important}.markdown-content table,.markdown-table{font-size:11px!important}.markdown-content table th,.markdown-content table td,.markdown-table th,.markdown-table td{padding:6px!important;font-size:11px!important}.markdown-content pre{padding:var(--spacing-sm)!important;font-size:11px!important}.report-detail .ant-card-head,.report-detail .ant-card-body{padding:var(--spacing-sm)!important}}@media (max-width: 768px) and (orientation: landscape){.markdown-content{padding:var(--spacing-md) var(--spacing-lg)}.markdown-content h1,.markdown-h1{font-size:22px!important}.markdown-content h2,.markdown-h2{font-size:19px!important}}.profile-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg);font-family:var(--font-main)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-base)}.profile-header h1{margin:0;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700}.profile-actions{display:flex;gap:var(--spacing-md)}.profile-content{display:flex;gap:var(--spacing-xl)}.profile-tabs{display:flex;flex-direction:column;min-width:180px}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;font-size:var(--font-size-base);font-weight:500;color:var(--text-tertiary)}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.tab-btn.active{background:#3b82f626;color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;font-weight:600}.profile-body{flex:1;background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-base);transition:all var(--transition-base)}.profile-body:hover{border-color:var(--border-strong)}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section:last-child{margin-bottom:0}.profile-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-base)}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--primary-color);box-shadow:0 8px 24px #3b82f666;transition:all var(--transition-base)}.avatar-preview:hover{transform:scale(1.05);box-shadow:0 12px 32px #3b82f680}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{position:absolute;bottom:0;right:0;background:var(--primary-color);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.avatar-upload-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.avatar-upload-btn i{font-size:var(--font-size-base)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.form-group p{margin:0;padding:var(--spacing-md) 0;color:var(--text-secondary);line-height:1.6}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--border-base);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);box-sizing:border-box;background:var(--bg-elevated);color:var(--text-primary)}.form-control:hover{border-color:var(--border-strong)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-surface)}textarea.form-control{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.notification-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notification-item{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-lg);transition:all var(--transition-base)}.notification-item:hover{background:var(--bg-active)}.switch{position:relative;display:inline-block;width:54px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-strong);transition:var(--transition-base);border-radius:var(--radius-full)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-base);border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.password-form{max-width:500px}.password-update-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);margin-top:var(--spacing-md);box-shadow:var(--shadow-sm)}.password-update-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.password-update-btn:disabled{background:var(--border-strong);color:var(--text-disabled);cursor:not-allowed;transform:none}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:all var(--transition-base);font-size:var(--font-size-base)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-base)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.spinner{width:48px;height:48px;border:4px solid var(--border-base);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:var(--text-secondary)}.login-prompt i{font-size:64px;margin-bottom:var(--spacing-lg);color:var(--text-disabled)}.login-prompt h2{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-weight:700}@media (max-width: 768px){.profile-container{padding:0}.profile-header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.profile-header h1{font-size:20px}.profile-actions{flex-direction:column;gap:var(--spacing-sm)}.profile-actions .btn{width:100%}.profile-content{flex-direction:column;gap:var(--spacing-md)}.profile-tabs{flex-direction:row;min-width:auto;overflow-x:auto;padding-bottom:var(--spacing-sm);gap:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.tab-btn{margin-right:0;margin-bottom:0;white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md);font-size:13px;flex-shrink:0}.tab-btn:hover{transform:none}.tab-btn.active{box-shadow:0 0 0 2px #3b82f61a}.profile-body{padding:var(--spacing-md);border-radius:var(--radius-lg)}.profile-section{margin-bottom:var(--spacing-lg)}.profile-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.profile-avatar-section{margin-bottom:var(--spacing-lg)}.avatar-preview{width:100px;height:100px;border-width:3px}.avatar-upload-btn{width:32px;height:32px}.avatar-upload-btn i{font-size:14px}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:14px;margin-bottom:6px}.form-control{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}textarea.form-control{min-height:100px}.notification-settings{gap:var(--spacing-md)}.notification-item{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.switch{width:48px;height:24px}.slider:before{height:18px;width:18px;left:3px;bottom:3px}input:checked+.slider:before{transform:translate(24px)}.password-form{max-width:100%}.password-update-btn{width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.btn-primary:hover,.btn-secondary:hover{transform:none}.loading-container{height:300px}.spinner{width:40px;height:40px;border-width:3px}.login-prompt{height:300px}.login-prompt i{font-size:48px}.login-prompt h2{font-size:var(--font-size-lg)}}@media (max-width: 480px){.profile-header h1{font-size:18px}.profile-body{padding:var(--spacing-sm)}.avatar-preview{width:80px;height:80px}.tab-btn{padding:6px var(--spacing-sm);font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.profile-content{flex-direction:row}.profile-tabs{flex-direction:column;min-width:140px;overflow-x:visible;overflow-y:auto}.tab-btn{margin-right:0;margin-bottom:var(--spacing-xs)}}.development-analysis-container{padding:var(--spacing-lg);background:transparent;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-base)}.page-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.page-header .ant-btn{height:40px;padding:0 var(--spacing-lg);font-weight:600;border-radius:var(--radius-lg)}.stats-row{margin-bottom:var(--spacing-xl)}.stats-row .ant-card{height:100%;transition:all var(--transition-base)}.stats-row .ant-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.chart-card{margin-bottom:var(--spacing-xl);transition:all var(--transition-base)}.chart-card:hover{border-color:var(--border-strong)}.chart-card .ant-card-head{background:linear-gradient(180deg,var(--bg-hover) 0%,transparent 100%)}.recommendations-card{margin-bottom:var(--spacing-xl);border:2px solid var(--border-base);transition:all var(--transition-base)}.recommendations-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.recommendations-card .ant-card-head{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%)}.analysis-empty{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--spacing-2xl)}.analysis-empty .ant-alert{max-width:500px}.productivity-analysis .hour-card{text-align:center;background:var(--bg-elevated);border:1px solid var(--border-base);transition:all var(--transition-base);height:100%;cursor:pointer}.productivity-analysis .hour-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.productivity-analysis .hour-info{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.productivity-analysis .hour-title{font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-base)}.productivity-analysis .hour-stats{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.productivity-analysis .hour-stats>div{margin:var(--spacing-xs) 0;display:flex;justify-content:space-between;align-items:center}.fatigue-analysis .fatigue-peak-hours{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-hover);border-radius:var(--radius-lg);min-height:80px;align-items:center;justify-content:center}.fatigue-analysis .ant-tag{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;border-radius:var(--radius-md);border:none}.rhythm-analysis .daily-peak-hours{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-hover);border-radius:var(--radius-lg);min-height:80px;align-items:center;justify-content:center}.rhythm-analysis .ant-tag{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;border-radius:var(--radius-md);border:none}.development-analysis-container .ant-tabs-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600}.development-analysis-container .ant-tabs-tab-active{background:var(--bg-hover);border-radius:var(--radius-md) var(--radius-md) 0 0}.development-analysis-container .ant-list-item{padding:var(--spacing-md) 0;transition:all var(--transition-base)}.development-analysis-container .ant-list-item:hover{padding-left:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md)}.development-analysis-container .ant-timeline-item{padding-bottom:var(--spacing-lg)}.development-analysis-container .ant-timeline-item-content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}@media (max-width: 768px){.development-analysis-container{padding:0}.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.page-header h1{font-size:20px}.page-header .ant-btn{width:100%;height:36px}.stats-row{margin-bottom:var(--spacing-lg)}.stats-row .ant-col{margin-bottom:var(--spacing-sm)}.stats-row .ant-card{border-radius:var(--radius-lg)}.stats-row .ant-card:hover{transform:none}.stats-row .ant-statistic-title{font-size:12px}.stats-row .ant-statistic-content{font-size:20px}.chart-card{margin-bottom:var(--spacing-lg)}.chart-card .ant-card-head{padding:var(--spacing-md)}.chart-card .ant-card-head-title{font-size:var(--font-size-base)}.chart-card .ant-card-body{padding:var(--spacing-md)}.productivity-analysis .hour-card{margin-bottom:var(--spacing-sm)}.productivity-analysis .hour-card:hover{transform:none}.productivity-analysis .hour-info{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.productivity-analysis .hour-title{font-size:13px;margin-bottom:var(--spacing-sm)}.productivity-analysis .hour-stats{font-size:12px;padding:var(--spacing-sm)}.productivity-analysis .hour-stats>div{flex-direction:column;align-items:flex-start;gap:2px}.fatigue-analysis .fatigue-peak-hours{padding:var(--spacing-md);min-height:60px}.fatigue-analysis .ant-tag{font-size:13px;padding:4px var(--spacing-sm)}.rhythm-analysis .daily-peak-hours{padding:var(--spacing-md);min-height:60px}.rhythm-analysis .ant-tag{font-size:13px;padding:4px var(--spacing-sm)}.recommendations-card{margin-bottom:var(--spacing-lg)}.recommendations-card .ant-card-head,.recommendations-card .ant-card-body{padding:var(--spacing-md)}.recommendations-card .ant-list-item{padding:var(--spacing-sm) 0;font-size:13px}.recommendations-card .ant-timeline-item{padding-bottom:var(--spacing-md)}.recommendations-card .ant-timeline-item-content{font-size:13px}.development-analysis-container .ant-tabs-nav{margin-bottom:var(--spacing-md)}.development-analysis-container .ant-tabs-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.development-analysis-container .ant-tabs-tab .anticon{font-size:14px}.analysis-empty{min-height:200px;padding:var(--spacing-lg)}.analysis-empty .ant-alert{max-width:100%}.productivity-analysis .ant-progress-circle{width:70px!important;height:70px!important}}@media (max-width: 480px){.page-header h1,.stats-row .ant-statistic-content{font-size:18px}.productivity-analysis .ant-progress-circle{width:60px!important;height:60px!important}.chart-card .ant-card-head,.chart-card .ant-card-body{padding:var(--spacing-sm)}}@media (max-width: 768px) and (orientation: landscape){.stats-row .ant-col,.productivity-analysis .hour-card{margin-bottom:0}}.vip-subscription-container{padding:var(--spacing-lg);background:transparent;min-height:100vh}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:700}.page-header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.vip-status-card{margin-bottom:var(--spacing-xl);text-align:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:var(--bg-surface);border:1px solid var(--border-base);transition:all var(--transition-base)}.vip-status-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.no-vip{padding:var(--spacing-2xl)}.no-vip .vip-icon{font-size:56px;color:var(--text-disabled);margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.no-vip h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.no-vip p{color:var(--text-secondary);font-size:var(--font-size-base)}.has-vip{padding:var(--spacing-2xl)}.has-vip .vip-icon.gold{font-size:56px;color:var(--vip-gold);margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 12px rgba(250,173,20,.6));animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 12px rgba(250,173,20,.6))}50%{filter:drop-shadow(0 0 20px rgba(250,173,20,.9))}}.vip-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.vip-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700}.vip-details{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--border-base)}.vip-details p{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-md)}.vip-details p strong{color:var(--text-primary);font-weight:600;min-width:100px}.vip-details .expiry-date{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700}.vip-details .remaining-days{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--vip-gradient);border-radius:var(--radius-full);font-size:var(--font-size-xl);font-weight:700;color:#fff;box-shadow:0 4px 12px #52c41a66}.vip-details .remaining-days.expiring-soon{background:linear-gradient(135deg,var(--warning-color) 0%,#ffc53d 100%);box-shadow:0 4px 12px #faad1466;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.vip-details .remaining-days.expired{background:linear-gradient(135deg,var(--error-color) 0%,#ff7875 100%);box-shadow:0 4px 12px #ff4d4f66}.plans-section{margin-bottom:var(--spacing-xl)}.plans-section h2{text-align:center;margin-bottom:var(--spacing-xl);font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.plan-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-slow);height:100%;background:var(--bg-surface);border:2px solid var(--border-base);cursor:pointer}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.plan-card.selected{border:2px solid var(--primary-color);transform:translateY(-5px);background:#3b82f614;box-shadow:var(--shadow-primary),0 0 0 4px #3b82f61a}.plan-card.recommended{border:2px solid var(--vip-gold);box-shadow:0 8px 24px #faad144d}.plan-card.recommended:hover{box-shadow:0 12px 32px #faad1466}.recommended-tag{position:absolute;top:0;right:0;background:var(--vip-gradient);color:#fff;padding:6px var(--spacing-md);font-size:var(--font-size-xs);font-weight:700;border-radius:0 var(--radius-xl) 0 var(--radius-xl);box-shadow:0 2px 8px #faad1466;z-index:1}.plan-header{text-align:center;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-base);background:linear-gradient(180deg,var(--bg-hover) 0%,transparent 100%)}.plan-name{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm)}.current-price{font-size:36px;font-weight:800;color:var(--vip-gold);text-shadow:0 2px 8px rgba(250,173,20,.3)}.original-price{font-size:var(--font-size-lg);color:var(--text-disabled);text-decoration:line-through}.discount{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--success-color);font-weight:700;background:#52c41a1a;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);display:inline-block}.plan-description{padding:var(--spacing-lg) var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.plan-features{padding:0 var(--spacing-lg);flex-grow:1}.plan-features .ant-list-item{padding:var(--spacing-sm) 0;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-base)}.plan-card:hover .plan-features .ant-list-item{color:var(--text-primary)}.feature-icon{color:var(--success-color);margin-right:var(--spacing-sm);font-size:var(--font-size-base);font-weight:700}.plan-footer{padding:var(--spacing-lg)}.plan-footer .ant-btn{height:48px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base)}.plan-footer .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.purchase-section{text-align:center;margin-top:var(--spacing-xl)}.purchase-section .ant-btn{height:56px;padding:0 var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-xl);box-shadow:var(--shadow-primary)}.payment-modal .ant-modal-content{background-color:var(--bg-elevated);border-radius:var(--radius-xl)}.payment-modal .ant-modal-header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.payment-modal .ant-modal-title{color:var(--text-primary);font-weight:700;font-size:var(--font-size-xl)}.payment-modal .ant-modal-body{padding:var(--spacing-xl)}.payment-steps{margin-bottom:var(--spacing-xl)}.payment-steps .ant-steps-item-title{font-weight:600}.payment-step h3{margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700}.order-summary{margin-bottom:var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg)}.plan-summary{text-align:center}.plan-summary h4{margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.plan-summary p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.plan-summary .price{font-size:32px;font-weight:800;color:var(--vip-gold);text-shadow:0 2px 8px rgba(250,173,20,.3)}.payment-methods h3{margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary);font-weight:700}.method-options{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.method-card{width:180px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--bg-surface);border:2px solid var(--border-base);color:var(--text-primary)}.method-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-4px)}.method-card.selected{border-color:var(--primary-color);background:#3b82f626;box-shadow:var(--shadow-primary),0 0 0 4px #3b82f61a}.payment-icon{font-size:32px;margin-bottom:var(--spacing-sm);transition:transform var(--transition-base)}.method-card:hover .payment-icon{transform:scale(1.1)}.method-card span{font-weight:600;font-size:var(--font-size-base)}.payment-loading,.order-querying{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) 0;min-height:200px}.payment-loading p,.order-querying p{margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-base)}.alipay-payment,.zpay-payment{text-align:center;padding:var(--spacing-xl) 0}.alipay-payment p,.zpay-payment p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.alipay-payment .ant-btn,.zpay-payment .ant-btn{height:52px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-lg)}.wechat-payment{text-align:center;padding:var(--spacing-xl) 0}.wechat-payment p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.qr-code{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.qr-code canvas{border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-md);background:#fff;box-shadow:var(--shadow-md)}@media (max-width: 768px){.vip-subscription-container{padding:var(--spacing-sm)}.page-header{margin-bottom:var(--spacing-lg)}.page-header h1{font-size:24px}.page-header p{font-size:var(--font-size-base)}.vip-status-card{margin-bottom:var(--spacing-lg)}.no-vip,.has-vip{padding:var(--spacing-lg)}.no-vip .vip-icon,.has-vip .vip-icon.gold{font-size:48px;margin-bottom:var(--spacing-md)}.no-vip h3,.vip-header h3{font-size:var(--font-size-lg)}.vip-details{padding:var(--spacing-md);gap:var(--spacing-md)}.vip-details p{font-size:var(--font-size-sm);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.vip-details p strong{min-width:auto}.vip-details .expiry-date{font-size:var(--font-size-lg)}.vip-details .remaining-days{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-md)}.plans-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.plans-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.plan-card{margin-bottom:0}.plan-card:hover{transform:translateY(-4px)}.plan-header{padding:var(--spacing-md) 0}.plan-name{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.current-price{font-size:28px}.original-price{font-size:var(--font-size-base)}.discount{font-size:12px;padding:2px var(--spacing-sm)}.plan-description{padding:var(--spacing-md);font-size:13px}.plan-features{padding:0 var(--spacing-md)}.plan-features .ant-list-item{font-size:13px}.plan-footer{padding:var(--spacing-md)}.plan-footer .ant-btn{height:44px;font-size:var(--font-size-sm)}.purchase-section{margin-top:var(--spacing-lg)}.purchase-section .ant-btn{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-base);width:100%}.payment-modal .ant-modal-content{border-radius:var(--radius-lg)}.payment-modal .ant-modal-header{padding:var(--spacing-md)}.payment-modal .ant-modal-title{font-size:var(--font-size-lg)}.payment-modal .ant-modal-body{padding:var(--spacing-md)}.payment-steps{margin-bottom:var(--spacing-lg)}.payment-step h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.order-summary{margin-bottom:var(--spacing-md)}.plan-summary h4{font-size:var(--font-size-base)}.plan-summary .price{font-size:24px}.payment-methods h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.method-options{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.method-card{width:100%;max-width:none;height:80px}.payment-icon{font-size:28px}.method-card span{font-size:var(--font-size-sm)}.alipay-payment .ant-btn,.zpay-payment .ant-btn{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-base);width:100%}.qr-code canvas{max-width:100%;height:auto}}@media (max-width: 480px){.vip-subscription-container{padding:var(--spacing-xs)}.page-header h1{font-size:20px}.no-vip .vip-icon,.has-vip .vip-icon.gold{font-size:40px}.current-price{font-size:24px}.plan-card:hover{transform:translateY(-2px)}.payment-modal .ant-modal-body{padding:var(--spacing-sm)}}@media (max-width: 768px) and (orientation: landscape){.plans-grid{grid-template-columns:repeat(2,1fr)}.vip-status-card{margin-bottom:var(--spacing-md)}.no-vip,.has-vip{padding:var(--spacing-md)}}.payment-result-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}.payment-result-loading,.payment-result-error,.payment-result-success,.payment-result-failed,.payment-result-pending{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-base);box-shadow:var(--shadow-md);animation:fadeIn .5s ease-out}.payment-result-loading p{margin-top:var(--spacing-lg);font-size:var(--font-size-lg);color:var(--text-secondary)}.order-info{margin:var(--spacing-xl) auto;max-width:600px;text-align:left;background:var(--bg-hover);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-base)}.info-item{display:flex;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle)}.info-item:last-child{border-bottom:none}.info-item .label{width:140px;font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.info-item .value{flex:1;color:var(--text-secondary);font-size:var(--font-size-base)}.ant-result{padding:var(--spacing-xl) 0}.ant-result-title{font-size:var(--font-size-2xl)!important;font-weight:700!important}.ant-result-subtitle{font-size:var(--font-size-base)!important}.ant-alert{margin:var(--spacing-xl) auto;max-width:600px;border-radius:var(--radius-lg)!important}@media (max-width: 768px){.payment-result-container{padding:var(--spacing-lg)}.order-info{max-width:100%;padding:var(--spacing-md)}.info-item .label{width:100px;font-size:var(--font-size-sm)}.info-item .value{font-size:var(--font-size-sm)}.ant-result-title{font-size:var(--font-size-xl)!important}}.video-copywriting-container{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.page-header h2{margin-bottom:8px}.input-card{margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border-radius:8px}.input-card .ant-card-body{padding:24px}.progress-card{margin-bottom:24px;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-base)}.progress-card .ant-steps{margin-bottom:16px}.progress-card .ant-steps-item-title{color:#ffffffd9!important;font-size:14px;font-weight:500}.progress-card .ant-steps-item-description{color:#ffffff73!important;font-size:13px}.step-logs{background:#ffffff08;padding:20px;border-radius:var(--radius-md);max-height:300px;overflow-y:auto;border:1px solid var(--border-base);font-family:var(--font-mono)}.step-logs .ant-timeline{margin-top:12px}.step-logs .ant-timeline-item-content{font-size:14px;line-height:1.8;color:#ffffffd9}.step-logs .ant-typography{color:#ffffffd9;font-size:14px}.step-logs .ant-typography-secondary{color:#ffffff73;font-family:Monaco,Menlo,monospace;font-size:12px}.step-logs>.ant-typography{color:#fffffff2;font-size:15px;font-weight:600;margin-bottom:12px;display:block}.result-card{margin-bottom:24px;box-shadow:0 4px 12px #10b98133;border-radius:var(--radius-lg);border-top:3px solid var(--success-color);background:var(--bg-surface);border:1px solid var(--success-color)}.result-card .ant-card-head{background:#10b9811a;border-bottom:1px solid var(--border-base)}.result-card .ant-card-head-title{color:var(--text-primary);font-size:16px;font-weight:600}.video-info{padding:16px;background:#3b82f61a;border-radius:var(--radius-md);border:1px solid var(--primary-color)}.video-info .ant-typography{color:var(--text-primary);font-size:15px}.video-info code{background:#3b82f633;color:var(--primary-hover);padding:4px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:1px solid var(--primary-color)}.copywriting-content{margin-top:16px}.copywriting-content .ant-typography{color:#fffffff2;font-size:15px;font-weight:600}.text-result{background:#ffffff08;border:1px solid var(--border-base);box-shadow:inset 0 2px 4px #0003;border-radius:var(--radius-md)}.text-result .ant-card-body{padding:20px;max-height:400px;overflow-y:auto}.text-result p{margin:0;line-height:2;font-size:15px;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);letter-spacing:.3px}.stats-info{padding:20px;background:#3b82f61a;border-radius:var(--radius-md);border:1px solid var(--primary-color);box-shadow:0 4px 12px #3b82f633}.stats-info .ant-typography{color:var(--text-primary);font-size:15px;font-weight:500}.stats-info .ant-typography-secondary{color:var(--text-secondary);font-size:14px}.tip-card{box-shadow:0 2px 8px #0000000f;border-radius:8px}.tip-card .ant-alert-description p{margin:8px 0}@media (max-width: 768px){.video-copywriting-container{padding:var(--spacing-md)}.page-header,.input-card,.progress-card,.result-card{margin-bottom:var(--spacing-md)}.stats-info{padding:var(--spacing-md)}.stats-info .ant-space{flex-direction:column;align-items:flex-start!important;width:100%}.step-logs{padding:var(--spacing-md);max-height:250px}.text-result .ant-card-body{padding:var(--spacing-md);max-height:300px}.text-result p{font-size:14px;line-height:1.8}}@media (max-width: 480px){.video-copywriting-container,.stats-info,.step-logs,.text-result .ant-card-body{padding:var(--spacing-sm)}.step-logs{max-height:200px}.text-result .ant-card-body{max-height:250px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-text{animation:pulse 2s ease-in-out infinite}.step-logs::-webkit-scrollbar,.text-result .ant-card-body::-webkit-scrollbar{width:6px}.step-logs::-webkit-scrollbar-track,.text-result .ant-card-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.step-logs::-webkit-scrollbar-thumb,.text-result .ant-card-body::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.step-logs::-webkit-scrollbar-thumb:hover,.text-result .ant-card-body::-webkit-scrollbar-thumb:hover{background:#555}.audio-transcription-container{padding:24px;max-width:1200px;margin:0 auto}.audio-transcription-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.header{text-align:center;margin-bottom:24px}.header-icon{font-size:48px;color:#1890ff;margin-bottom:16px}.header h2{margin-bottom:8px}.progress-card{background:var(--bg-surface);border:1px solid var(--border-base);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.progress-card .ant-card-body{padding:32px}.progress-header{text-align:center;margin-bottom:24px}.progress-header h4{color:var(--text-primary);margin-top:16px}.result-card{background:var(--bg-surface);border:1px solid var(--success-color);box-shadow:0 4px 12px #10b98133;border-radius:var(--radius-lg)}.result-card .ant-card-body{background:transparent}.result-header{text-align:center}.result-header h3{color:var(--text-primary)!important;margin-top:16px}.success-icon{font-size:64px;color:var(--success-color);margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4))}.transcription-text-container{max-height:500px;overflow-y:auto;padding:20px;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-base)}.transcription-text{font-size:16px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;margin-bottom:0;color:var(--text-secondary)}.transcription-text-container::-webkit-scrollbar{width:6px}.transcription-text-container::-webkit-scrollbar-track{background:transparent}.transcription-text-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background var(--transition-base)}.transcription-text-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.ant-upload-drag{border:2px dashed var(--primary-color)!important;border-radius:var(--radius-lg);background:#3b82f60d;transition:all var(--transition-base);min-height:200px;display:flex;align-items:center;justify-content:center}.ant-upload-drag:hover{border-color:var(--primary-hover)!important;background:#3b82f61a;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.ant-upload-drag-icon{font-size:64px;color:var(--primary-color)}@keyframes dash{to{stroke-dashoffset:0}}.ant-upload-drag:hover{animation:dash .5s linear}.ant-progress-text{color:var(--text-primary)!important;font-weight:600}@media (max-width: 768px){.audio-transcription-container{padding:var(--spacing-md)}.header-icon{font-size:36px}.success-icon{font-size:48px}.transcription-text{font-size:14px;line-height:1.6}.ant-upload-drag{min-height:160px}.ant-upload-drag-icon{font-size:48px}.progress-card .ant-card-body,.result-card .ant-card-body{padding:var(--spacing-md)}.transcription-text-container{padding:var(--spacing-md);max-height:400px}}@media (max-width: 480px){.audio-transcription-container{padding:var(--spacing-sm)}.ant-upload-drag{min-height:140px}.transcription-text-container{max-height:300px}}.app{min-height:100vh;position:relative}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-strong)}.text-gradient{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #050505;--bg-surface: #141414;--bg-elevated: #1f1f1f;--bg-glass: rgba(20, 20, 20, .7);--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--primary-color: #3b82f6;--primary-hover: #60a5fa;--primary-active: #2563eb;--accent-color: #8b5cf6;--accent-hover: #a78bfa;--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--text-disabled: #6b7280;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--vip-gold: #fbbf24;--vip-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--border-subtle: rgba(255, 255, 255, .08);--border-base: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-primary: 0 4px 12px rgba(59, 130, 246, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Monaco", "Consolas", "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{margin:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-deep);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:var(--font-size-base);line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}code{font-family:var(--font-mono)}.ant-card{background:var(--bg-surface)!important;border:1px solid var(--border-base)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)!important}.ant-card:hover{border-color:#ffffff3d!important;box-shadow:var(--shadow-md)!important}.ant-card-head{border-bottom:1px solid var(--border-base)!important;color:var(--text-primary)!important}.ant-card-head-title{color:var(--text-primary)!important;font-weight:600}.ant-card-body{color:var(--text-primary)!important}.ant-table{background:transparent!important;color:var(--text-primary)!important;font-size:14px!important}.ant-table-thead>tr>th{background:#ffffff0d!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-base)!important;font-weight:600;font-size:14px!important}.ant-table-tbody>tr>td{background:transparent!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-subtle)!important;font-size:14px!important}.ant-table-tbody>tr{transition:all var(--transition-base)!important}.ant-table-tbody>tr:hover>td{background:#ffffff14!important}.ant-empty-description{color:var(--text-tertiary)!important}.ant-modal-content{background-color:var(--bg-elevated)!important;border:1px solid var(--border-base)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-header{background-color:var(--bg-elevated)!important;border-bottom:1px solid var(--border-base)!important}.ant-modal-title{color:var(--text-primary)!important;font-weight:600}.ant-modal-close{color:var(--text-secondary)!important;transition:color var(--transition-base)}.ant-modal-close:hover{color:var(--text-primary)!important}.ant-input,.ant-input-password,.ant-input-affix-wrapper,.ant-picker,.ant-select-selector{background-color:var(--bg-surface)!important;border-color:var(--border-base)!important;color:var(--text-primary)!important;transition:all var(--transition-base)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-picker:hover,.ant-select-selector:hover{border-color:var(--border-strong)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-picker:focus,.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #3b82f61a!important}.ant-input::placeholder{color:var(--text-disabled)!important}.ant-form-item-label>label{color:var(--text-primary)!important;font-weight:500}.ant-tabs-tab{color:var(--text-tertiary)!important;transition:color var(--transition-base)}.ant-tabs-tab:hover{color:var(--text-secondary)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)!important;font-weight:600}.ant-statistic-title{color:var(--text-tertiary)!important;font-size:var(--font-size-sm)}.ant-statistic-content{color:var(--text-primary)!important;font-weight:600}.ant-list-item{color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)!important;transition:background-color var(--transition-base)}.ant-list-item-meta-title>a{color:var(--text-primary)!important;transition:color var(--transition-base)}.ant-list-item-meta-title>a:hover{color:var(--primary-hover)!important}.ant-list-item-meta-description{color:var(--text-secondary)!important}.ant-pagination-item a{color:var(--text-primary)!important;transition:color var(--transition-base)}.ant-pagination-item:hover a{color:var(--primary-hover)!important}.ant-pagination-item-active{background:#3b82f626!important;border-color:var(--primary-color)!important}.ant-pagination-item-active a{color:var(--primary-color)!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{color:var(--text-primary)!important;background:transparent!important;transition:all var(--transition-base)}.ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link{color:var(--primary-hover)!important;border-color:var(--primary-color)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important;font-weight:600}p,span,div{color:inherit}@media (max-width: 768px){h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}h5{font-size:14px!important}h6{font-size:12px!important}}.ant-btn{transition:all var(--transition-base)!important;font-weight:500;border-radius:var(--radius-md)!important}.ant-btn-primary{box-shadow:var(--shadow-sm)}.ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)!important}.ant-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.ant-btn-link{transition:color var(--transition-base)!important}.ant-btn-link:hover{color:var(--primary-hover)!important;text-decoration:underline}.ant-spin{color:var(--primary-color)!important}.ant-progress-circle .ant-progress-text{color:var(--text-primary)!important;font-weight:700}.ant-alert,.ant-dropdown{border-radius:var(--radius-lg)!important}.ant-dropdown-menu{background:var(--bg-elevated)!important;border:1px solid var(--border-base)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-lg)!important}.ant-dropdown-menu-item:hover{background:var(--bg-hover)!important}.ant-select-dropdown{background:var(--bg-elevated)!important;border:1px solid var(--border-base)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-lg)!important}.ant-select-item-option-selected{background:#3b82f626!important}.ant-select-item-option-active{background:var(--bg-hover)!important}.ant-picker-dropdown{border-radius:var(--radius-lg)!important}.ant-picker-panel-container{background:var(--bg-elevated)!important;border:1px solid var(--border-base)!important;box-shadow:var(--shadow-lg)!important;border-radius:var(--radius-lg)!important}.ant-message,.ant-notification{z-index:var(--z-tooltip)!important}.ant-popover{z-index:var(--z-popover)!important}.ant-popover-inner{background:var(--bg-elevated)!important;border:1px solid var(--border-base)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ant-tooltip{z-index:var(--z-tooltip)!important}.ant-tooltip-inner{background:#000000e6!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important}@media (max-width: 768px){.ant-card{border-radius:var(--radius-lg)!important}.ant-card-body{padding:var(--spacing-md)!important}.ant-modal{max-width:calc(100vw - 32px)!important;margin:var(--spacing-md)!important}.ant-modal-content{border-radius:var(--radius-lg)!important}.ant-modal-body{padding:var(--spacing-md)!important}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{min-width:600px}.ant-btn{height:36px!important;padding:0 var(--spacing-md)!important;font-size:14px!important}.ant-btn-lg{height:40px!important;padding:0 var(--spacing-lg)!important;font-size:16px!important}.ant-input,.ant-input-password,.ant-input-affix-wrapper{height:36px!important;font-size:14px!important}.ant-select-selector{height:36px!important}.ant-select-selection-item{line-height:34px!important}.ant-form-item,.ant-tabs-nav{margin-bottom:var(--spacing-md)!important}.ant-tabs-tab{padding:var(--spacing-sm) var(--spacing-md)!important;font-size:14px!important}.ant-dropdown-menu{max-width:calc(100vw - 32px)}.ant-dropdown-menu-item{padding:var(--spacing-md)!important;font-size:14px!important}.ant-drawer-content-wrapper{max-width:100vw!important}.ant-message{top:16px!important}.ant-message-notice-content{padding:var(--spacing-sm) var(--spacing-md)!important;font-size:14px!important}.ant-notification{margin-right:var(--spacing-md)!important;max-width:calc(100vw - 32px)!important}.ant-popover{max-width:calc(100vw - 32px)!important}.ant-statistic-title{font-size:12px!important}.ant-statistic-content{font-size:20px!important}.ant-pagination{text-align:center}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:32px!important;height:32px!important;line-height:30px!important;font-size:14px!important}.ant-tag{padding:2px var(--spacing-sm)!important;font-size:12px!important}.ant-badge-count{font-size:12px!important;min-width:18px!important;height:18px!important;line-height:18px!important}.ant-steps-item-title{font-size:14px!important}.ant-steps-item-description{font-size:12px!important}.ant-timeline-item-content{font-size:14px!important}.ant-collapse-header{padding:var(--spacing-md)!important;font-size:14px!important}.ant-collapse-content-box{padding:var(--spacing-md)!important}}@media (max-width: 480px){.ant-card-body{padding:var(--spacing-md)!important}.ant-modal{max-width:100vw!important;margin:0!important;top:0!important;padding-bottom:0!important}.ant-modal-content{border-radius:0!important;min-height:100vh}.ant-modal-body{padding:var(--spacing-md)!important}.ant-modal-close{width:44px!important;height:44px!important;line-height:44px!important}.ant-btn{min-height:44px!important;height:44px!important}.ant-statistic-content{font-size:18px!important}}@media (hover: none) and (pointer: coarse){.ant-btn,.ant-input,.ant-select-selector,.ant-picker,.ant-checkbox-wrapper,.ant-radio-wrapper,a,button{min-height:44px;min-width:44px}.ant-btn:hover,.ant-card:hover,.ant-list-item:hover,.ant-table-tbody>tr:hover>td{transform:none!important}.ant-btn:active{transform:scale(.96);opacity:.8}.ant-card:active{transform:scale(.99)}*{-webkit-overflow-scrolling:touch}}.ant-btn{font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base)}.ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.ant-btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.ant-btn-primary:active:not(:disabled){transform:translateY(0)}.ant-btn-default:hover:not(:disabled){color:var(--primary-hover);border-color:var(--primary-hover)}.ant-btn-link:hover{color:var(--primary-hover);text-decoration:underline}.ant-btn:disabled{opacity:.5;cursor:not-allowed}.ant-card{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.ant-card:hover{border-color:#ffffff3d;box-shadow:var(--shadow-md)}.ant-card-head{border-bottom:1px solid var(--border-base);background:transparent}.ant-card-head-title{color:var(--text-primary);font-weight:600;font-size:16px}.ant-card-body{color:var(--text-secondary)}.ant-table{background:transparent;color:var(--text-primary);font-size:14px}.ant-table-thead>tr>th{background:#ffffff0d;color:var(--text-primary);border-bottom:1px solid var(--border-base);font-weight:600;font-size:14px}.ant-table-tbody>tr>td{background:transparent;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-size:14px}.ant-table-tbody>tr{transition:all var(--transition-base)}.ant-table-tbody>tr:hover>td{background:#ffffff14}.ant-table-tbody .ant-btn-link{padding:0 var(--spacing-sm);font-size:14px;transition:all var(--transition-base)}.ant-table-tbody .ant-btn-link:hover{transform:translate(2px)}.ant-input,.ant-input-password,.ant-input-affix-wrapper,.ant-picker,.ant-select-selector{background-color:var(--bg-surface);border-color:var(--border-base);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-base)}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-picker:hover,.ant-select-selector:hover{border-color:var(--border-strong)}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-picker:focus,.ant-select-focused .ant-select-selector{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.ant-input::placeholder,.ant-input-affix-wrapper input::placeholder{color:var(--text-disabled)}.ant-modal-content{background-color:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl)}.ant-modal-header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ant-modal-title{color:var(--text-primary);font-weight:600;font-size:18px}.ant-modal-close{color:var(--text-secondary);transition:color var(--transition-base)}.ant-modal-close:hover{color:var(--text-primary)}.ant-modal-body{color:var(--text-secondary)}.ant-modal-footer{border-top:1px solid var(--border-base)}.ant-dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.ant-dropdown-menu-item{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base)}.ant-dropdown-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ant-dropdown-menu-item-selected{background:#3b82f626;color:var(--primary-color)}.ant-select-dropdown{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.ant-select-item{color:var(--text-secondary);transition:all var(--transition-base)}.ant-select-item-option-selected{background:#3b82f626;color:var(--primary-color);font-weight:600}.ant-select-item-option-active{background:var(--bg-hover)}.ant-picker-dropdown{border-radius:var(--radius-lg)}.ant-picker-panel-container{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.ant-picker-header{color:var(--text-primary);border-bottom:1px solid var(--border-base)}.ant-picker-cell{color:var(--text-secondary)}.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:var(--bg-hover)}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary-color)}.ant-tabs-tab{color:var(--text-tertiary);transition:color var(--transition-base);font-weight:500}.ant-tabs-tab:hover{color:var(--text-secondary)}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color);font-weight:600}.ant-tabs-ink-bar{background:var(--primary-color)}.ant-tag{border-radius:var(--radius-md);font-weight:500;padding:4px 12px;border:none}.ant-tag-success{background:#10b98126;color:var(--success-color)}.ant-tag-warning{background:#f59e0b26;color:var(--warning-color)}.ant-tag-error{background:#ef444426;color:var(--error-color)}.ant-tag-processing{background:#3b82f626;color:var(--info-color)}.ant-badge-count{background:var(--error-color);box-shadow:0 0 0 1px var(--bg-surface)}.ant-badge-dot{background:var(--error-color)}.ant-progress-circle .ant-progress-text{color:var(--text-primary);font-weight:700}.ant-progress-line{font-size:14px}.ant-progress-text{color:var(--text-secondary);font-weight:600}.ant-alert{border-radius:var(--radius-lg);border:1px solid}.ant-alert-success{background:#10b9811a;border-color:var(--success-color)}.ant-alert-info{background:#3b82f61a;border-color:var(--info-color)}.ant-alert-warning{background:#f59e0b1a;border-color:var(--warning-color)}.ant-alert-error{background:#ef44441a;border-color:var(--error-color)}.ant-message{z-index:var(--z-tooltip)}.ant-message-notice-content{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.ant-notification{z-index:var(--z-tooltip)}.ant-notification-notice{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.ant-notification-notice-message{color:var(--text-primary);font-weight:600}.ant-notification-notice-description{color:var(--text-secondary)}.ant-tooltip{z-index:var(--z-tooltip)}.ant-tooltip-inner{background:#000000e6;border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-md)}.ant-tooltip-arrow-content{background:#000000e6}.ant-popover{z-index:var(--z-popover)}.ant-popover-inner{background:var(--bg-elevated);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ant-popover-title{color:var(--text-primary);border-bottom:1px solid var(--border-base);font-weight:600}.ant-popover-inner-content{color:var(--text-secondary)}.ant-drawer-content{background:var(--bg-elevated)}.ant-drawer-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-base)}.ant-drawer-title{color:var(--text-primary);font-weight:600}.ant-drawer-close{color:var(--text-secondary);transition:color var(--transition-base)}.ant-drawer-close:hover{color:var(--text-primary)}.ant-drawer-body{color:var(--text-secondary)}.ant-steps-item-title{color:var(--text-secondary);font-weight:500}.ant-steps-item-description{color:var(--text-tertiary)}.ant-steps-item-finish .ant-steps-item-icon{background:var(--success-color);border-color:var(--success-color)}.ant-steps-item-process .ant-steps-item-icon{background:var(--primary-color);border-color:var(--primary-color)}.ant-steps-item-wait .ant-steps-item-icon{background:var(--bg-surface);border-color:var(--border-base)}.ant-timeline-item-head{background:var(--bg-surface);border-color:var(--primary-color)}.ant-timeline-item-content{color:var(--text-secondary)}.ant-collapse{background:transparent;border:1px solid var(--border-base);border-radius:var(--radius-lg)}.ant-collapse-item{border-bottom:1px solid var(--border-base)}.ant-collapse-header{color:var(--text-primary);font-weight:500;transition:all var(--transition-base)}.ant-collapse-header:hover{background:var(--bg-hover)}.ant-collapse-content{background:transparent;color:var(--text-secondary);border-top:1px solid var(--border-base)}.ant-list-item{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-base)}.ant-list-item:hover{background-color:var(--bg-hover)}.ant-list-item-meta-title{color:var(--text-primary);font-weight:500}.ant-list-item-meta-title>a{color:var(--text-primary);transition:color var(--transition-base)}.ant-list-item-meta-title>a:hover{color:var(--primary-hover)}.ant-list-item-meta-description{color:var(--text-secondary)}.ant-pagination-item{background:transparent;border:1px solid var(--border-base);transition:all var(--transition-base)}.ant-pagination-item a{color:var(--text-primary);transition:color var(--transition-base)}.ant-pagination-item:hover{border-color:var(--primary-color)}.ant-pagination-item:hover a{color:var(--primary-hover)}.ant-pagination-item-active{background:#3b82f626;border-color:var(--primary-color)}.ant-pagination-item-active a{color:var(--primary-color)}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{color:var(--text-primary);background:transparent;border:1px solid var(--border-base);transition:all var(--transition-base)}.ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link{color:var(--primary-hover);border-color:var(--primary-color)}.ant-empty-description{color:var(--text-tertiary);font-size:14px}.ant-spin{color:var(--primary-color)}.ant-spin-text{color:var(--text-secondary);margin-top:var(--spacing-sm)}.ant-statistic-title{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500}.ant-statistic-content{color:var(--text-primary);font-weight:600}.ant-descriptions-item-label{color:var(--text-tertiary);font-weight:500}.ant-descriptions-item-content{color:var(--text-secondary)}.ant-form-item-label>label{color:var(--text-primary);font-weight:500}.ant-form-item-required:before{color:var(--error-color)}.ant-form-item-explain-error{color:var(--error-color);font-size:var(--font-size-sm)}.ant-switch{background:var(--bg-elevated)}.ant-switch-checked{background:var(--primary-color)}.ant-checkbox-wrapper,.ant-radio-wrapper{color:var(--text-secondary)}.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-upload.ant-upload-drag{background:#3b82f60d;border:2px dashed var(--primary-color);border-radius:var(--radius-lg);transition:all var(--transition-base)}.ant-upload.ant-upload-drag:hover{border-color:var(--primary-hover);background:#3b82f61a}.ant-upload-list-item{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-md)}.ant-rate-star{color:var(--text-disabled)}.ant-rate-star-full{color:var(--warning-color)}.ant-slider-track{background:var(--primary-color)}.ant-slider-handle{border-color:var(--primary-color)}.ant-slider-handle:focus{box-shadow:0 0 0 5px #3b82f633}.ant-segmented{background:var(--bg-surface);border-radius:var(--radius-lg)}.ant-segmented-item{color:var(--text-secondary);transition:all var(--transition-base)}.ant-segmented-item-selected{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.ant-cascader-dropdown{background:var(--bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.ant-cascader-menu-item{color:var(--text-secondary);transition:all var(--transition-base)}.ant-cascader-menu-item:hover{background:var(--bg-hover)}.ant-cascader-menu-item-active{background:#3b82f626;color:var(--primary-color)}@media (max-width: 768px){.weekly-reports,.development-analysis-container,.vip-subscription-container,.video-copywriting-container,.audio-transcription-container{padding:0!important}.ant-card+.ant-card{margin-top:var(--spacing-md)}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:0!important;padding-right:0!important}.ant-form-item{margin-bottom:var(--spacing-sm)!important}.ant-space-horizontal{width:100%}.ant-space-horizontal>.ant-space-item{width:100%}.ant-space-horizontal .ant-btn{width:100%}}@media (max-width: 768px){.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{min-width:100%;font-size:13px!important}.ant-table-thead>tr>th{padding:var(--spacing-sm) var(--spacing-sm)!important;font-size:13px!important;white-space:nowrap}.ant-table-tbody>tr>td{padding:var(--spacing-sm) var(--spacing-sm)!important;font-size:13px!important}.ant-table-tbody .ant-btn-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;min-height:32px}.ant-pagination{margin-top:var(--spacing-md)!important;display:flex;justify-content:center;flex-wrap:wrap}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:44px!important;min-height:44px!important;height:44px!important;line-height:42px!important;margin:4px!important;font-size:14px!important}.ant-pagination-options{display:none}.ant-table-tbody>tr{cursor:pointer}.ant-table-tbody>tr:active{background:#3b82f61a!important}}@media (max-width: 768px){.weekly-reports .ant-card:first-child,.video-copywriting-container .filter-card{margin-bottom:var(--spacing-md)}.ant-form .ant-row{flex-direction:column}.ant-form .ant-col{width:100%!important;max-width:100%!important;margin-bottom:var(--spacing-sm)}.ant-picker,.ant-input,.ant-input-affix-wrapper{width:100%!important}.ant-form .ant-space{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.ant-form .ant-space .ant-btn{width:100%}}@media (max-width: 768px){.ant-modal{max-width:calc(100vw - 32px)!important;margin:var(--spacing-md) auto!important;top:var(--spacing-md)!important}.ant-modal-content{border-radius:var(--radius-lg)!important}.ant-modal-header{padding:var(--spacing-md)!important}.ant-modal-title{font-size:var(--font-size-base)!important}.ant-modal-body{padding:var(--spacing-md)!important;max-height:calc(100vh - 200px);overflow-y:auto}.ant-modal-footer{padding:var(--spacing-md)!important}.ant-modal-footer .ant-btn{height:36px;padding:0 var(--spacing-md)}}@media (max-width: 768px){.ant-steps{flex-direction:column}.ant-steps-item{padding-bottom:var(--spacing-md)!important}.ant-steps-item-title{font-size:13px!important}.ant-steps-item-description{font-size:12px!important}.ant-steps-item-icon{width:28px!important;height:28px!important;line-height:28px!important;font-size:14px!important}}@media (max-width: 768px){.ant-statistic{text-align:center}.ant-statistic-title{font-size:12px!important;margin-bottom:4px!important}.ant-statistic-content{font-size:20px!important}.ant-statistic-content-suffix{font-size:14px!important}}@media (max-width: 768px){.ant-list-item{padding:var(--spacing-md) 0!important;flex-direction:column;align-items:flex-start!important}.ant-list-item-meta{width:100%;margin-bottom:var(--spacing-sm)}.ant-list-item-meta-title{font-size:14px!important}.ant-list-item-meta-description{font-size:12px!important}.ant-list-item-action{margin-left:0!important;width:100%}.ant-list-item-action>li{padding:0 var(--spacing-sm) 0 0!important}}@media (max-width: 768px){.ant-timeline-item{padding-bottom:var(--spacing-md)!important}.ant-timeline-item-content{font-size:13px!important;margin-left:var(--spacing-md)!important}.ant-timeline-item-head{width:10px!important;height:10px!important}}@media (max-width: 768px){.ant-collapse{border-radius:var(--radius-lg)!important}.ant-collapse-header{padding:var(--spacing-md)!important;font-size:14px!important}.ant-collapse-content-box{padding:var(--spacing-md)!important;font-size:13px!important}}@media (max-width: 768px){.ant-descriptions-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-descriptions-item-label,.ant-descriptions-item-content{padding:var(--spacing-sm)!important;font-size:13px!important}.ant-descriptions-item-label{font-weight:600}}@media (max-width: 768px){.ant-progress-circle{width:80px!important;height:80px!important}.ant-progress-text{font-size:16px!important}}@media (max-width: 768px){.ant-empty{padding:var(--spacing-lg) 0!important}.ant-empty-image{height:80px!important}.ant-empty-description{font-size:13px!important}}@media (max-width: 768px){.ant-spin-container{min-height:200px}.ant-spin-text{font-size:13px!important}}@media (max-width: 768px){a,button,.ant-btn,.ant-input,.ant-select-selector,.ant-picker,.ant-checkbox-wrapper,.ant-radio-wrapper,.ant-switch{min-height:44px}a{padding:var(--spacing-xs) 0;display:inline-block}.ant-btn-icon-only{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}.ant-modal-close,.ant-drawer-close,.ant-message-notice-close,.ant-notification-close{width:44px!important;height:44px!important;line-height:44px!important}.ant-dropdown-menu-item,.ant-select-item{min-height:44px!important;padding:var(--spacing-sm) var(--spacing-md)!important;display:flex;align-items:center}.ant-tabs-tab{min-height:44px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.ant-btn:active,.ant-card:active,a:active{transform:scale(.98);opacity:.8;transition:all .1s ease}}@media (max-width: 768px){.ant-form-horizontal .ant-form-item{flex-direction:column}.ant-form-item-label{text-align:left!important;padding-bottom:var(--spacing-xs)!important}.ant-form-item-control{width:100%!important;max-width:100%!important}.ant-form-item .ant-space-horizontal{flex-direction:column;width:100%}.ant-form-item .ant-space-horizontal .ant-btn{width:100%}.ant-input-clear-icon{font-size:16px;width:32px;height:32px;line-height:32px}}@media (max-width: 768px){.mobile-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-card-item{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.mobile-card-item:active{transform:scale(.98);box-shadow:var(--shadow-md)}.mobile-card-item-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.mobile-card-item-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-card-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.mobile-card-item-label{font-size:13px;color:var(--text-tertiary);flex-shrink:0;margin-right:var(--spacing-md)}.mobile-card-item-value{font-size:14px;color:var(--text-secondary);text-align:right;word-break:break-word}.mobile-card-item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.mobile-card-item-actions .ant-btn{flex:1;min-height:40px}}@media (max-width: 768px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:#141414f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-base);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-sm);padding-bottom:env(safe-area-inset-bottom,0);z-index:var(--z-fixed);box-shadow:0 -2px 8px #0000004d}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:48px;color:var(--text-tertiary);font-size:20px;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);padding:var(--spacing-xs)}.mobile-bottom-nav-item:active{transform:scale(.95);background:var(--bg-hover)}.mobile-bottom-nav-item.active{color:var(--primary-color)}.mobile-bottom-nav-item-label{font-size:11px;margin-top:2px;font-weight:500}}@media (max-width: 480px){.ant-modal{max-width:100vw!important;margin:0!important;top:0!important;padding-bottom:0!important}.ant-modal-content{border-radius:0!important;min-height:100vh;display:flex;flex-direction:column}.ant-modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ant-modal-footer{position:sticky;bottom:0;background:var(--bg-elevated);border-top:1px solid var(--border-base);padding:var(--spacing-md)!important}.ant-modal-footer .ant-btn{min-height:44px!important;height:44px!important}}@media (max-width: 768px){.ant-drawer-bottom{height:auto!important;max-height:80vh!important}.ant-drawer-content-wrapper{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.ant-drawer-header{padding:var(--spacing-md)!important;border-bottom:1px solid var(--border-base)}.ant-drawer-body{padding:var(--spacing-md)!important;max-height:calc(80vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.ant-drawer-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--text-disabled);border-radius:2px}}@media (max-width: 768px){.mobile-load-more{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);text-align:center}.mobile-load-more .ant-btn{width:100%;min-height:44px;height:44px;font-size:14px}}@media (max-width: 768px){.ant-input-search{width:100%!important}.ant-input-search .ant-input{font-size:16px!important}.ant-input-search-button{min-width:44px!important;height:44px!important}}@media (max-width: 768px){.mobile-fixed-actions{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0));right:var(--spacing-md);z-index:var(--z-sticky)}.mobile-fixed-actions .ant-btn{width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow-lg);font-size:24px}}@media (max-width: 768px) and (orientation: landscape){.mobile-bottom-nav{display:none}.main-area{padding-bottom:var(--spacing-md)!important}.ant-modal-content{max-height:100vh}.ant-modal-body{max-height:calc(100vh - 120px)}}