@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{width:6px;background:#101f1c1a;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}::-webkit-scrollbar-thumb{background-color:#90939980;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;transition:background-color .3s;cursor:pointer}::-webkit-scrollbar-thumb:hover{background-color:#9093994d}:root{--primary-color: #1890ff;--primary-dark: #096dd9;--secondary-color: #faad14;--secondary-dark: #d48806;--success-color: #52c41a;--warning-color: #fa8c16;--danger-color: #f5222d;--purple-color: #722ed1;--cyan-color: #13c2c2;--pink-color: #eb2f96;--text-color: #333333;--text-secondary: #666666;--background-color: #f5f7fa;--card-background: #ffffff;--border-radius: 12px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .05);--transition-time: .3s}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910);src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff2?t=1628912054910) format("woff2"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff?t=1628912054910) format("woff"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.ttf?t=1628912054910) format("truetype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.svg?t=1628912054910#bi) format("svg")}.icon-user:before{content:""}.icon-crown:before{content:""}.icon-wallet:before{content:""}.icon-setting:before{content:""}.icon-plus:before{content:""}.icon-team:before{content:""}.icon-log:before{content:""}.icon-shopping:before{content:""}.icon-question:before{content:""}.icon-message:before{content:""}.icon-convert:before{content:""}.icon-regret:before{content:""}.icon-bell:before{content:"";position:absolute;top:17px;left:7px;right:0;bottom:0}.icon-warning:before{content:""}*{margin:0;padding:0}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.5}.user-center-container{padding:16px;background-color:var(--background-color);max-width:1200px;margin:0 auto}.user-card,.module-card,.announcement-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin-bottom:20px;transition:transform var(--transition-time),box-shadow var(--transition-time)}.user-card:hover,.module-card:hover,.announcement-card:hover{box-shadow:0 8px 16px #0000001a}.user-info-header{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;justify-content:space-between}.user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 2px 8px #00000026}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{margin-left:20px}.user-name{font-size:1.5rem;font-weight:500;margin:0;display:flex;align-items:center}.vip-badge{display:inline-block;background-color:var(--secondary-color);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:700}.user-id,.user-quota{margin:5px 0 0;font-size:.9rem;color:#ffffffd9}.vip-status-container{padding:16px}.vip-status{padding:12px;border-radius:8px;display:flex;align-items:center}.vip-active{background:linear-gradient(135deg,#fffbe6,#fff7e6);border:1px solid #ffe58f;color:var(--secondary-dark)}.vip-active .icon-crown{color:var(--secondary-color);font-size:1.2rem;margin-right:8px}.vip-permanent{background:linear-gradient(135deg,#2b2b2b,#000);border:1px solid #d4af37;color:#d4af37;box-shadow:0 4px 12px #0000004d}.vip-permanent .icon-crown{color:#d4af37;font-size:1.3rem;margin-right:8px;filter:drop-shadow(0 0 2px rgba(212,175,55,.5))}.user-info-header.vip-permanent-header{background:linear-gradient(135deg,#141414,#2c2c2c);border-bottom:2px solid #d4af37;position:relative;overflow:hidden}.user-info-header.vip-permanent-header:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);pointer-events:none}.user-info-header.vip-permanent-header .user-name{color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.5)}.user-info-header.vip-permanent-header .vip-badge{background:linear-gradient(90deg,#d4af37,#f7df85,#d4af37);color:#1a1a1a;box-shadow:0 2px 6px #0000004d;border:1px solid #fff}.user-info-header.vip-permanent-header .vip-badge-b{display:inline-block;background-color:var(--secondary-color);color:#fff;font-size:.85rem;padding:2px 6px;border-radius:10px;margin-left:8px;font-weight:700;background:linear-gradient(90deg,#d4af37,#f7df85,#d4af37);color:#1a1a1a;box-shadow:0 2px 6px #0000004d;border:1px solid #fff}.user-info-header.vip-permanent-header .user-avatar{border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.user-info-header.vip-permanent-header .user-id,.user-info-header.vip-permanent-header .user-quota{color:#ffffffb3}.vip-inactive{background-color:#fff2f0;border:1px solid #ffccc7;color:var(--danger-color);display:flex;justify-content:space-between;align-items:center}.vip-warning{display:flex;align-items:center}.vip-warning .icon-warning{font-size:1.2rem;margin-right:8px;color:var(--danger-color)}.vip-button{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-dark) 100%);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s;animation:pulse 2s infinite}.vip-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #faad1480}.card-header{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.card-header i{font-size:1.2rem;margin-right:8px;color:var(--primary-color)}.card-header h3{margin:0;font-size:1.2rem;font-weight:500}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px}.module-item{background-color:#fff;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .3s}.module-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.module-icon{font-size:28px;margin-bottom:12px}.module-item:nth-child(1) .module-icon{color:var(--primary-color)}.module-item:nth-child(2) .module-icon{color:var(--success-color)}.module-item:nth-child(3) .module-icon{color:var(--purple-color)}.module-item:nth-child(4) .module-icon{color:var(--secondary-color)}.module-item:nth-child(5) .module-icon{color:var(--pink-color)}.module-item:nth-child(6) .module-icon{color:var(--cyan-color)}.module-item:nth-child(7) .module-icon{color:var(--warning-color)}.module-item:nth-child(8) .module-icon{color:var(--secondary-color)}.module-item:nth-child(9) .module-icon{color:var(--success-color)}.module-title{font-size:.9rem;font-weight:500}.announcement-header{padding:16px;display:flex;align-items:center}.announcement-header i{font-size:1.2rem;margin-right:8px;color:var(--secondary-color)}.announcement-header h3{margin:0;font-size:1.2rem;font-weight:500}.divider{height:1px;background-color:#f0f0f0;margin:0 16px}.announcement-content{padding:16px}.announcement-content p{margin:0;line-height:1.6}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.user-card{animation:slideUp .5s ease-out}.module-card{animation:fadeIn .8s ease-out}.announcement-card{animation:slideUp .5s ease-out .3s both}.vip-badge{animation:pulse 2s infinite}.module-item{animation:fadeIn .5s ease-out}.module-item:nth-child(1){animation-delay:.1s}.module-item:nth-child(2){animation-delay:.2s}.module-item:nth-child(3){animation-delay:.3s}.module-item:nth-child(4){animation-delay:.4s}.module-item:nth-child(5){animation-delay:.5s}.module-item:nth-child(6){animation-delay:.6s}.module-item:nth-child(7){animation-delay:.7s}.promotion-card{background:#fff;border-radius:16px;padding:30px 20px;box-shadow:0 10px 30px #00000014;width:100%;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.promotion-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(74,144,226,.03),transparent);transform:rotate(45deg)}.promotion-title{font-size:24px;text-align:center;margin-bottom:15px;background:linear-gradient(135deg,#2c80ff,#6c48e6);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.intro-text{text-align:center;color:#666;font-size:15px;line-height:1.5;margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed #eaeaea}.membership-options{display:flex;flex-direction:column;gap:20px;margin-top:20px}.membership-option{display:flex;align-items:center;padding:24px;background-color:#fff;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 4px 6px #0000000d;position:relative;overflow:hidden}.membership-option:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a;border-color:#1890ff4d}.membership-option:active{transform:translateY(-1px)}.option-icon-wrapper{width:70px;height:70px;background-color:#fff1f0;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:20px;transition:transform .3s ease}.free-option .option-icon-wrapper{background-color:#f6ffed}.membership-option:hover .option-icon-wrapper{transform:scale(1.1) rotate(5deg)}.option-content{flex:1}.option-title{font-weight:700!important;color:#262626;margin-bottom:4px!important}.option-desc{color:#8c8c8c;font-size:.9rem!important}.option-arrow{color:#bfbfbf;font-size:1.2rem;transition:transform .3s ease,color .3s ease}.membership-option:hover .option-arrow{transform:translate(5px);color:var(--primary-color)}.membership-option:after{content:"";position:absolute;top:-50%;right:-20%;width:150px;height:150px;background:linear-gradient(135deg,#1890ff0d,#1890ff00);border-radius:50%;z-index:0}.pay-option:after{background:linear-gradient(135deg,#ff4d4f0d,#ff4d4f00)}.free-option:after{background:linear-gradient(135deg,#52c41a0d,#52c41a00)}.benefits-list{margin:20px 0}.benefit-item-p{margin:8px 0;position:relative;padding:10px 0 10px 28px;font-size:15px;line-height:1.5;color:#333}.benefit-item-p:before{content:"✓";position:absolute;left:8px;top:12px;width:18px;height:18px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.highlight{color:#2c80ff;font-weight:700;font-size:16px;margin-left:20px;text-shadow:0 1px 2px rgba(44,128,255,.2)}.cta-button{font-size:14px;text-align:center;margin-bottom:15px;background:linear-gradient(135deg,#2c80ff,#6c48e6);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-button:hover,.cta-button:active{transform:translateY(-2px);box-shadow:0 6px 20px #2c80ff66}@media (min-width: 1200px){.user-center-container{width:800px};.module-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.user-center-container{width:800px};.account-manage{width:850px}}@media (max-width: 768px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.user-center-container{width:98%;padding:0}.user-info-header{flex-direction:column;text-align:center}.user-info{margin-left:0;margin-top:16px}.user-name{justify-content:center}.vip-inactive{flex-direction:column}.vip-button{margin-top:12px}.module-grid{grid-template-columns:repeat(2,1fr);gap:12px}.promotion-card{padding:25px 15px;border-radius:12px}.promotion-title{font-size:22px}.intro-text{font-size:14px}.benefit-item-p{flex-flow:column;font-size:14px;padding-left:26px}.benefit-item-p:before{top:11px;width:16px;height:16px;font-size:10px}.highlight{font-size:15px}.cta-button{padding:12px;font-size:15px}}@media (max-width: 360px){.user-center-container{width:98%;padding:0}.promotion-title{font-size:20px}.benefit-item-p{flex-flow:column;font-size:13px}}.top-marquee{position:relative;margin:12px 0 16px;padding:8px 0;background:linear-gradient(90deg,#f7f9ff,#eef4ff);border:1px solid rgba(68,109,246,.15);border-radius:12px;overflow:hidden}.marquee{overflow:hidden}.marquee-track{display:flex;align-items:center;gap:16px;will-change:transform;animation:marquee-scroll 10s linear infinite;padding:6px 12px}.top-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#446df614;border:1px solid rgba(68,109,246,.18);border-radius:10px;box-shadow:0 1px 2px #446df614;white-space:nowrap}.marquee-image{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.6)}.marquee-text{display:flex;flex-direction:column;line-height:1.2}.marquee-title{font-size:14px;font-weight:600;color:#2a2a2a}.marquee-desc{font-size:12px;color:#4a5568;opacity:.9}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.zepplife-container{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;min-height:100vh}.zepplife-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;color:#fff;text-align:center;box-shadow:#0000001a 0 10px 30px}.zepplife-header h1{margin:0;color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:15px}.zepplife-header h1 img{width:40px;height:40px}.zepplife-header p{margin:10px 0 0;color:#ffffffe6;font-size:1.1rem}.zepplife-nav-tabs{display:flex;margin-bottom:30px;background-color:#fff;border-radius:12px;padding:8px;box-shadow:#0000001a 0 4px 15px;flex-wrap:wrap}.zepplife-nav-tabs button{flex:1 1 0%;min-width:120px;padding:12px 18px;border:none;border-radius:8px;background-color:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease 0s}.zepplife-nav-tabs button img{width:20px;height:20px;opacity:.8}.zepplife-nav-tabs button.active{background-color:#667eea;color:#fff}.zepplife-nav-tabs button.active img{opacity:1}.zepplife-nav-tabs button:hover:not(.active){background:#ffffff1a;color:#fff}.zepplife-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;box-shadow:0 8px 32px #667eea26;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zepplife-card h2{margin:0 0 20px;color:#333;display:flex;align-items:center;gap:10px}.zepplife-card h2 img{width:24px;height:24px}.zepplife-manual{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.zepplife-manual .form-group{display:flex;flex-direction:column;gap:10px}.zepplife-manual .form-group label{font-weight:600;color:#555;display:flex;align-items:center;gap:8px}.zepplife-manual .form-group label img{width:18px;height:18px}.zepplife-manual .form-group select,.zepplife-manual .form-group input{padding:15px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.zepplife-manual .form-group select:focus,.zepplife-manual .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.zepplife-password-input{position:relative}.zepplife-password-input input{padding-right:50px!important}.zepplife-password-input .password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.zepplife-password-input .password-toggle:hover{background-color:#f0f0f0}.zepplife-password-input .password-toggle img{width:20px;height:20px}.zepplife-steps-input{position:relative}.zepplife-steps-input input{text-align:center;padding-left:50px!important;padding-right:50px!important}.zepplife-steps-input .step-button{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s ease}.zepplife-steps-input .step-button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #667eea4d}.zepplife-steps-input .step-button:active{transform:translateY(-50%) scale(.95)}.zepplife-steps-input .step-button.decrease{left:10px}.zepplife-steps-input .step-button.increase{right:10px}.zepplife-steps-slider{margin-top:15px}.zepplife-steps-slider input[type=range]{width:100%;height:8px;border-radius:4px;background:#e1e5e9;outline:none;-webkit-appearance:none}.zepplife-steps-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea4d}.zepplife-steps-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea4d}.zepplife-steps-slider .slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#666}.zepplife-label{display:block;margin-bottom:8px;font-weight:500;color:#555;display:flex;align-items:center;gap:6px}.zepplife-label img{width:16px;height:16px}.zepplife-input-wrapper{position:relative}.zepplife-input{width:100%;padding:14px 16px;border:2px solid transparent;border-radius:12px;fontSize:15px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #667eea1a}.zepplife-input.zepplife-input-with-icon{padding-left:40px}.zepplife-input.zepplife-input-password{padding-right:45px}.zepplife-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.zepplife-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.zepplife-password-toggle img{width:18px;height:18px;opacity:.6}.zepplife-select-wrapper{position:relative}.zepplife-select{width:100%;padding:14px 40px 14px 16px;border:2px solid transparent;border-radius:12px;font-size:15px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #667eea1a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zepplife-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.zepplife-premium-select-wrapper{position:relative;margin-bottom:20px}.zepplife-premium-select{width:100%;padding:16px 50px 16px 20px;border:2px solid #e8ecf4;border-radius:16px;font-size:15px;font-weight:500;background:linear-gradient(135deg,#fff,#f8faff);color:#2d3748;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea14;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.zepplife-premium-select:hover{border-color:#667eea;box-shadow:0 8px 30px #667eea26;transform:translateY(-2px)}.zepplife-premium-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 30px #667eea33;transform:translateY(-2px)}.zepplife-premium-select:active{transform:translateY(0)}.zepplife-premium-select option{padding:12px 16px;background:#fff;color:#2d3748;border:none}.zepplife-premium-select option:hover{background:#f7fafc}.zepplife-premium-select option:checked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.zepplife-premium-select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;transition:all .3s ease;opacity:.6}.zepplife-premium-select:hover+.zepplife-premium-select-icon{opacity:1;transform:translateY(-50%) rotate(180deg)}.zepplife-premium-select:focus+.zepplife-premium-select-icon{opacity:1;transform:translateY(-50%) rotate(180deg)}.zepplife-premium-select-label{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:14px;display:flex;align-items:center;gap:8px}.zepplife-premium-select-label img{width:18px;height:18px;opacity:.8}.zepplife-premium-select-container{position:relative}.zepplife-premium-select-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px;padding:2px;z-index:-1;opacity:0;transition:opacity .3s ease}.zepplife-premium-select-container:hover:before{opacity:1}.zepplife-premium-select-container .zepplife-premium-select:focus+.zepplife-premium-select-icon{opacity:1;transform:translateY(-50%) rotate(180deg)}.zepplife-select-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zepplife-premium-select-wrapper{animation:selectFadeIn .4s ease-out}.zepplife-premium-select.loading{position:relative;pointer-events:none}.zepplife-premium-select.loading:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e8ecf4;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.zepplife-steps-controls{display:flex;align-items:center;gap:10px}.zepplife-steps-btn{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .2s ease}.zepplife-steps-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.zepplife-steps-btn:active{transform:scale(.95)}.zepplife-steps-input{text-align:center;padding:14px 40px}.zepplife-slider-container{margin-top:15px}.zepplife-steps-slider{width:100%;height:8px;border-radius:4px;background:#e1e5e9;outline:none;-webkit-appearance:none}.zepplife-steps-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea4d}.zepplife-steps-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea4d}.zepplife-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#666}.zepplife-checkbox-container{margin-top:15px}.zepplife-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#555}.zepplife-checkbox{width:18px;height:18px;accent-color:#667eea}.zepplife-validation-message{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px}.zepplife-validation-icon{color:#f39c12;font-weight:700}.zepplife-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;outline:none}.zepplife-btn:disabled{opacity:.6;cursor:not-allowed}.zepplife-btn.loading{opacity:.8;pointer-events:none}.zepplife-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea33}.zepplife-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.zepplife-btn-primary:active{transform:translateY(0)}.zepplife-add-account-container{margin-bottom:20px}.zepplife-modal-overlay{position:fixed;top:10px;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zepplife-modal-card{background:#fff;border-radius:16px;width:98%;max-width:500px;max-height:90vh;box-shadow:0 20px 40px #0000001a;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;padding:24px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.zepplife-modal-title{margin:0 0 20px;font-size:20px;font-weight:600;color:#333;text-align:center}.zepplife-modal-grid{display:grid;gap:16px}.zepplife-remember-checkbox{display:flex;align-items:center;gap:10px;margin-top:15px}.zepplife-remember-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.zepplife-remember-checkbox label{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.zepplife-validation-message{margin-top:10px;padding:12px 16px;background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-radius:8px;font-size:14px;border:1px solid #f5c6cb;box-shadow:0 2px 8px #721c241a}.zepplife-manual-button{grid-column:1 / -1;padding:18px 40px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d;display:flex;align-items:center;justify-content:center;gap:10px}.zepplife-manual-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.zepplife-manual-button:active{transform:translateY(0)}.zepplife-manual-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.zepplife-manual-button img{width:20px;height:20px}.zepplife-add-account-button{margin-bottom:20px;padding:15px 30px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d;display:flex;align-items:center;gap:8px}.zepplife-add-account-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff66}.zepplife-add-account-button img{width:18px;height:18px}.zepplife-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zepplife-modal .modal-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.zepplife-modal .modal-content h3{margin:0 0 25px;color:#333;text-align:center;font-size:1.5rem}.zepplife-modal-form{display:grid;gap:20px}.zepplife-modal-form .form-group{display:flex;flex-direction:column;gap:8px}.zepplife-modal-form .form-group label{font-weight:600;color:#555;display:flex;align-items:center;gap:8px}.zepplife-modal-form .form-group label img{width:16px;height:16px}.zepplife-modal-form .form-group input,.zepplife-modal-form .form-group select{padding:12px 15px;border:2px solid #e1e5e9;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff}.zepplife-modal-form .form-group input:focus,.zepplife-modal-form .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.zepplife-modal-form .checkbox-group{display:flex;align-items:center;gap:10px;margin-top:5px}.zepplife-modal-form .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.zepplife-modal-form .checkbox-group label{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.zepplife-step-range{display:grid;grid-template-columns:1fr 1fr;gap:15px}.zepplife-step-range .range-input{display:flex;flex-direction:column;gap:5px}.zepplife-step-range .range-input label{font-size:12px;color:#666;font-weight:500}.zepplife-step-range .range-input input{padding:10px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;text-align:center}.zepplife-step-range .range-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.zepplife-execution-time input{padding:10px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;width:100%}.zepplife-execution-time input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.zepplife-threshold input{padding:10px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;width:100%;text-align:center}.zepplife-threshold input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.zepplife-modal-buttons{display:flex;gap:15px;margin-top:25px}.zepplife-modal-buttons button{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.zepplife-modal-buttons button.primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.zepplife-modal-buttons button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.zepplife-modal-buttons button.secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 4px 15px #6c757d4d}.zepplife-modal-buttons button.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c757d66}.zepplife-account-list{display:grid;gap:20px}.zepplife-account-list .account-item{border:1px solid #e1e5e9;border-radius:16px;padding:24px;background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 4px 15px #667eea1a;transition:all .3s ease}.zepplife-account-list .account-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.zepplife-account-list .account-item .account-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.zepplife-account-list .account-item .account-header .account-info h4{margin:0 0 5px;color:#333}.zepplife-account-list .account-item .account-header .account-info .status-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.zepplife-account-list .account-item .account-header .account-info .status-badge.enabled{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;box-shadow:0 2px 8px #15572433}.zepplife-account-list .account-item .account-header .account-info .status-badge.disabled{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;box-shadow:0 2px 8px #721c2433}.zepplife-account-list .account-item .account-header .account-actions{display:flex;gap:8px}.zepplife-account-list .account-item .account-header .account-actions button{padding:10px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.zepplife-account-list .account-item .account-header .account-actions button img{width:16px;height:16px}.zepplife-account-list .account-item .account-header .account-actions button.edit{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 8px #007bff4d}.zepplife-account-list .account-item .account-header .account-actions button.edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.zepplife-account-list .account-item .account-header .account-actions button.delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.zepplife-account-list .account-item .account-header .account-actions button.delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.zepplife-account-list .account-item .account-controls{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.zepplife-account-list .account-item .account-controls .control-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.zepplife-account-list .account-item .account-controls .control-group label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.zepplife-account-list .account-item .account-controls .control-group label span{font-weight:500;color:#555}.zepplife-logs .empty-logs{text-align:center;color:#666;padding:40px 0}.zepplife-logs .log-list{display:grid;gap:15px}.zepplife-logs .log-list .log-item{border:1px solid #e1e5e9;border-radius:8px;padding:15px}.zepplife-logs .log-list .log-item.success{background-color:#f8f9fa}.zepplife-logs .log-list .log-item.error{background-color:#fff5f5}.zepplife-logs .log-list .log-item .log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zepplife-logs .log-list .log-item .log-header .account-email{font-weight:500;color:#333}.zepplife-logs .log-list .log-item .log-header .status-badge{padding:4px 8px;border-radius:4px;font-size:12px}.zepplife-logs .log-list .log-item .log-header .status-badge.success{background-color:#d4edda;color:#155724}.zepplife-logs .log-list .log-item .log-header .status-badge.error{background-color:#f8d7da;color:#721c24}.zepplife-logs .log-list .log-item .log-steps{font-size:14px;color:#666;margin-bottom:5px}.zepplife-logs .log-list .log-item .log-time{font-size:12px;color:#999}.zepplife-modal-content{flex:1;padding:24px;overflow-y:auto}.zepplife-modal-footer{padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa;display:flex;gap:15px;justify-content:flex-end}.zepplife-modal-footer button{padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;display:flex;align-items:center;gap:8px}.zepplife-modal-footer button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.zepplife-modal-footer button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.zepplife-modal-footer button.primary:disabled{cursor:wait;opacity:.8}.zepplife-modal-footer button.secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;box-shadow:0 4px 15px #6c757d4d}@media (max-width: 768px){.zepplife-header{padding:20px}.zepplife-header h1{font-size:1.8rem}.zepplife-nav-tabs button{width:32%;flex:none}.zepplife-manual,.zepplife-step-range{grid-template-columns:1fr}.zepplife-modal .modal-content{width:95%;padding:20px}.zepplife-account-list .account-item .account-controls{grid-template-columns:1fr}}@media (max-width: 480px){.zepplife-header h1{font-size:1.5rem}.zepplife-card,.zepplife-modal .modal-content{padding:15px}}.manualBrush-container{font-family:Arial,sans-serif;max-width:500px;margin:0 auto;min-height:100vh}.zepplife-notice-fab{position:fixed!important;right:30px;bottom:100px;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 10px 25px #667eea66;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-user-select:none;user-select:none}.zepplife-notice-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px #667eea99}.zepplife-notice-fab:active{transform:scale(.95)}.zepplife-notice-fab .fab-icon{font-size:24px;line-height:1;margin-bottom:2px}.zepplife-notice-fab .fab-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.zepplife-notice-fab .fab-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;z-index:-1;animation:fabPulse 2s infinite}@keyframes fabPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.zepplife-notice-section-popup{padding:10px 0}.zepplife-notice-section-popup .notice-list{display:flex;flex-direction:column;gap:20px}.zepplife-notice-section-popup .notice-item{display:flex;gap:15px;padding:18px;background:#f8faff;border-radius:16px;border:1px solid #edf2f7;transition:all .3s ease}.zepplife-notice-section-popup .notice-item:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 20px #667eea1a}.zepplife-notice-section-popup .notice-item .notice-number{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 10px #667eea4d}.zepplife-notice-section-popup .notice-item .notice-content{color:#4a5568;font-size:1.05rem;line-height:1.6}.zepplife-notice-section-popup .notice-item .notice-content strong{color:#2d3748;font-weight:700}.zepplife-notice-section-popup .notice-item .notice-content .highlight{color:#e53e3e;font-weight:700;background:#fff5f5;padding:2px 8px;border-radius:6px;margin:0 2px}.zepplife-notice-section-popup .notice-item .notice-content .notice-sub-list{margin-top:12px;padding-left:10px;list-style-type:none}.zepplife-notice-section-popup .notice-item .notice-content .notice-sub-list li{position:relative;margin-bottom:8px;color:#64748b;padding-left:15px}.zepplife-notice-section-popup .notice-item .notice-content .notice-sub-list li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.zepplife-checkbox-tip{font-size:14px;font-weight:700;color:#e53e3e}@media (max-width: 768px){.zepplife-notice-fab{right:20px;bottom:120px;width:60px;height:60px}.zepplife-notice-fab .fab-icon{font-size:20px}.zepplife-notice-fab .fab-text{font-size:9px}}@media (max-width: 768px){.manualBrush-container{max-width:100%}}@media (max-width: 480px){.manualBrush-container{max-width:100%}}:root{--primary-color: #4a6bff;--primary-gradient: linear-gradient(135deg, #4a6bff, #6a8cff);--secondary-color: #ff6b6b;--text-color: #333;--light-text: #666;--lighter-text: #999;--background-color: #f8f9fc;--card-bg: #ffffff;--border-radius: 12px;--shadow: 0 8px 20px rgba(0, 0, 0, .08);--hover-shadow: 0 12px 28px rgba(0, 0, 0, .15);--transition: all .3s ease}.activate-membership-container{max-width:1200px;margin:0 auto;padding:20px}.card-section,.price-section,.benefits-section{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:25px;margin-bottom:30px;transition:var(--transition);animation:slideUp .6s ease-in-out}.card-section:hover,.price-section:hover,.benefits-section:hover{box-shadow:var(--hover-shadow)}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910);src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff2?t=1628912054910) format("woff2"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff?t=1628912054910) format("woff"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.ttf?t=1628912054910) format("truetype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.svg?t=1628912054910#bi) format("svg")}.card-icon:before{content:"";font-family:iconfont;color:var(--primary-color)}.price-icon:before{content:"";color:var(--secondary-color)}.benefits-icon:before{content:"";color:#ffb347}.card-input{width:80%;min-width:0;display:block;height:48px;border:1px solid #e0e0e0;border-radius:8px;padding:0 15px;font-size:16px;transition:var(--transition)}.card-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6bff33;outline:none}.activate-button{display:block;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;padding:0 10px;font-size:16px;font-weight:500;height:48px;cursor:pointer;transition:var(--transition)}.activate-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a6bff4d}.activate-button.loading{position:relative;pointer-events:none;opacity:.8}.activate-button:disabled{cursor:not-allowed}.activate-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.discount-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px;margin-left:10px;animation:pulse 2s infinite}.price-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:25px}.price-cards-x{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;justify-content:center}.price-card{background-color:#f9f9f9;border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;position:relative;transition:var(--transition);border:2px solid transparent;overflow:hidden}.price-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#6a8cff);transform:scaleX(0);transition:transform .3s ease}.price-card:hover:before{transform:scaleX(1)}.price-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #4a6bff26}.price-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#f5f7ff,#ebf0ff)}.price-card.selected:before{transform:scaleX(1)}.discount-label{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:14px;font-weight:700;padding:4px 10px;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d}.price-header{font-size:18px;font-weight:700;margin-bottom:12px;color:#333}.price-amount{font-size:36px;font-weight:800;color:var(--primary-color);line-height:1}.saved-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:12px}.price-period{font-size:14px;color:var(--light-text);margin-bottom:12px}.price-image{width:200px;display:inline-block}.price-tag{font-size:12px;background-color:#4a6bff1a;color:var(--primary-color);padding:5px 12px;border-radius:20px;display:inline-block;font-weight:500}.price-card.premium{background:linear-gradient(135deg,#fff5f5,#fff0f0);border:2px solid rgba(255,107,107,.3)}.price-card.premium:before{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.best-value{position:absolute;top:-12px;right:-10px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d;z-index:10;animation:pulse 2s infinite}.card-buy-button{width:100%;margin-top:16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #4a6bff33}.card-buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a6bff4d}.buy-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a6bff4d}.benefits-content{display:flex;flex-direction:column;gap:20px}.benefit-item{display:flex;align-items:flex-start;gap:15px;padding:15px;border-radius:10px;background-color:#f9f9f9;transition:var(--transition)}.benefit-item:hover{background-color:#f0f4ff}.benefit-icon{width:40px;height:40px;border-radius:50%;background-color:#4a6bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auto-step-icon:before{content:"";font-family:iconfont;font-size:20px;color:var(--primary-color)}.priority-icon:before{content:"";font-family:iconfont;font-size:20px;color:#ffb347}.update-icon:before{content:"";font-family:iconfont;font-size:20px;color:var(--secondary-color)}.benefit-details h3{font-size:16px;font-weight:600;margin:0 0 5px}.benefit-details p{font-size:14px;color:var(--light-text);margin:0;line-height:1.5}@keyframes pulse{0%{box-shadow:0 0 #ff6b6b66}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}@media (min-width: 1200px){.activate-membership-container{width:1000px}}@media (max-width: 900px){.activate-membership-container{width:1000px};.price-cards,.price-cards-x{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.activate-membership-container{width:98%}.card-input{width:100%}.card-input-area{flex-direction:column}.price-cards,.price-cards-x{grid-template-columns:1fr}.activate-button,.buy-button{width:100%}.section-title-taocan{display:block!important}}:root{--primary-color: #3a7bfd;--primary-gradient: linear-gradient(135deg, #3a7bfd, #5a9cff);--secondary-color: #ff7a45;--text-color: #333;--light-text: #666;--lighter-text: #999;--background-color: #f8f9fc;--card-bg: #ffffff;--border-radius: 12px;--shadow: 0 8px 20px rgba(0, 0, 0, .08);--hover-shadow: 0 12px 28px rgba(0, 0, 0, .15);--transition: all .3s ease}body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--background-color);color:var(--text-color)}.account-quota-container{max-width:1000px;margin:0 auto;padding:20px}.page-header{text-align:center;margin-bottom:30px;animation:fadeIn .8s ease-in-out}.title{font-size:28px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.subtitle{font-size:16px;color:var(--light-text);margin:0}.quota-info-section,.card-section,.quota-section{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:25px;margin-bottom:30px;transition:var(--transition);animation:slideUp .6s ease-in-out}.quota-info-section:hover,.card-section:hover,.quota-section:hover{box-shadow:var(--hover-shadow)}.section-title{display:flex;align-items:center;margin-bottom:20px}.section-title h2{font-size:20px;font-weight:600;margin:0}.icon{display:inline-block;width:24px;height:24px;margin-right:10px;position:relative}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910);src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff2?t=1628912054910) format("woff2"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff?t=1628912054910) format("woff"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.ttf?t=1628912054910) format("truetype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.svg?t=1628912054910#bi) format("svg")}[class^=icon-],[class*=" icon-"]{font-family:iconfont!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.quota-info-icon:before{font-family:iconfont;font-size:24px;content:"";color:#36cfc9}.quota-card-icon:before{font-family:iconfont;font-size:24px;content:"";color:var(--primary-color)}.quota-icon:before{content:"";color:var(--secondary-color)}.info-content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background-color:#f9f9f9;border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:15px;transition:var(--transition)}.info-card:hover{transform:translateY(-5px);background-color:#f0f8ff}.quota-back-icon{width:40px;height:40px;border-radius:50%;background-color:#4a6bff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gift-icon:before{content:"";font-family:iconfont;font-size:20px;color:#36cfc9}.infinity-icon:before{content:"";font-family:iconfont;font-size:20px;color:var(--primary-color)}.upgrade-icon:before{content:"";font-family:iconfont;font-size:20px;color:var(--secondary-color)}.info-text h3{font-size:16px;font-weight:600;margin:0 0 5px}.info-text p{font-size:14px;color:var(--light-text);margin:0;line-height:1.5}.highlight{color:var(--primary-color);font-weight:600}.card-input-area{display:flex;gap:15px}.card-input{width:80%;display:block;min-width:0;height:48px;border:1px solid #e0e0e0;border-radius:8px;padding:0 15px;font-size:16px;transition:var(--transition)}.card-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3a7bfd33;outline:none}.activate-button{background:var(--primary-gradient);color:#fff;border:none;display:block;border-radius:8px;padding:0 25px;font-size:16px;font-weight:500;cursor:pointer;height:48px;transition:var(--transition)}.activate-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3a7bfd4d}.discount-badge{background:linear-gradient(135deg,#ff7a45,#ff9a76);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px;margin-left:10px;animation:pulse 2s infinite}.quota-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.quota-card{background-color:#f9f9f9;border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;position:relative;transition:var(--transition);border:2px solid transparent;overflow:hidden}.quota-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#5a9cff);transform:scaleX(0);transition:transform .3s ease}.quota-card:hover:before{transform:scaleX(1)}.quota-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #3a7bfd26}.quota-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#f5f8ff,#ebf4ff)}.quota-card.selected:before{transform:scaleX(1)}.discount-label{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff7a45,#ff9a76);color:#fff;font-size:14px;font-weight:700;padding:4px 10px;border-radius:8px;box-shadow:0 2px 8px #ff7a454d}.quota-header{font-size:18px;font-weight:700;margin-bottom:12px;color:#333}.price-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.original-price{font-size:16px;color:#999;text-decoration:line-through;text-decoration-color:#999}.quota-amount{font-size:36px;font-weight:800;color:var(--primary-color);line-height:1}.saved-badge{display:inline-block;background:linear-gradient(135deg,#ff7a45,#ff9a76);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:12px}.quota-count{font-size:14px;color:var(--light-text);margin-bottom:12px}.quota-tag{font-size:12px;background-color:#3a7bfd1a;color:var(--primary-color);padding:5px 12px;border-radius:20px;display:inline-block;font-weight:500}.quota-card.premium{background:linear-gradient(135deg,#fff5f0,#fff0e8);border:2px solid rgba(255,122,69,.3)}.quota-card.premium:before{background:linear-gradient(90deg,#ff7a45,#ff9a76)}.best-value{position:absolute;top:-12px;right:-10px;background:linear-gradient(135deg,#ff7a45,#ff9a76);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;box-shadow:0 4px 12px #ff7a454d;z-index:10;animation:pulse 2s infinite}.card-buy-button{width:100%;margin-top:16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #3a7bfd33}.card-buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3a7bfd4d}.card-buy-button:active{transform:translateY(0)}.buy-button{background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);display:block;width:200px;margin:0 auto}.buy-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3a7bfd4d}.footer-info{text-align:center;margin-top:30px;color:var(--lighter-text);font-size:14px}.terms-link{color:var(--primary-color);text-decoration:none}.terms-link:hover{text-decoration:underline}@keyframes pulse{0%{box-shadow:0 0 #ff7a4566}70%{box-shadow:0 0 0 10px #ff7a4500}to{box-shadow:0 0 #ff7a4500}}@media (min-width: 1200px){.account-quota-container{width:1000px}}@media (max-width: 900px){.info-content,.quota-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.info-content{grid-template-columns:1fr}.card-input{width:100%}.card-input-area{flex-direction:column}.quota-cards{grid-template-columns:1fr}.activate-button,.buy-button{width:100%}}.zepplife-tab-container{margin-bottom:24px;background:#f8fafc;border-radius:16px;padding:8px}.zepplife-tab-wrapper{display:flex;gap:8px}.zepplife-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:none;border-radius:12px;background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.zepplife-tab:hover{background:#667eea0d}.zepplife-tab.active{background:#fff;box-shadow:0 4px 12px #00000014}.zepplife-tab-icon{width:28px;height:28px}.zepplife-tab span{font-size:15px;font-weight:600;color:#64748b}.zepplife-tab.active span{color:#667eea}.zepplife-tab-active-indicator{position:absolute;bottom:6px;width:32px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px}.zepplife-intelligent-mode{padding:8px 0}.zepplife-intro-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:32px 24px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.zepplife-intro-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.zepplife-intro-icon-wrapper{width:72px;height:72px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zepplife-intro-icon{width:40px;height:40px}.zepplife-intro-card h4{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.zepplife-intro-card p{color:#ffffffe6;font-size:15px;margin:0}.zepplife-features-grid{display:grid;gap:12px;margin-bottom:28px}.zepplife-feature-card{display:flex;gap:14px;padding:16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;transition:all .3s ease}.zepplife-feature-card:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-2px)}.zepplife-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zepplife-feature-icon-shield{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.zepplife-feature-icon-sparkles{background:linear-gradient(135deg,#fef3c7,#fde68a)}.zepplife-feature-icon-bolt{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)}.zepplife-feature-icon img{width:24px;height:24px}.zepplife-feature-content{flex:1}.zepplife-feature-content h5{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.zepplife-feature-content p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.zepplife-action-section{text-align:center}.zepplife-primary-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #10b98159}.zepplife-primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.zepplife-primary-action-btn:active{transform:translateY(0)}.zepplife-primary-action-btn img{width:24px;height:24px}.zepplife-hint-text{font-size:13px;color:#94a3b8;margin-top:12px}.zepplife-intelligent-footer{justify-content:center}.zepplife-form-label{display:block;margin-bottom:8px;font-weight:500;color:#555;display:flex;align-items:center;gap:6px}.zepplife-form-label img{width:16px;height:16px}.zepplife-steps-container{display:flex;gap:12px}.zepplife-steps-input-wrapper{position:relative;flex:1}.zepplife-steps-input{width:100%;padding:14px 16px 14px 40px;border:2px solid transparent;border-radius:12px;font-size:15px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #667eea1a}.zepplife-steps-input:focus{box-shadow:0 4px 15px #667eea33;transform:translateY(-1px)}.zepplife-steps-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.zepplife-steps-separator{display:flex;align-items:center;color:#667eea;font-weight:500;font-size:16px;margin:0 4px}.zepplife-time-input-wrapper{position:relative}.zepplife-time-input{width:100%;padding:14px 16px 14px 40px;border:2px solid transparent;border-radius:12px;font-size:15px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #667eea1a}.zepplife-time-input:focus{box-shadow:0 4px 15px #667eea33;transform:translateY(-1px)}.zepplife-time-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.zepplife-threshold-input-wrapper{position:relative}.zepplife-threshold-input{width:100%;padding:14px 16px 14px 40px;border:2px solid transparent;border-radius:12px;font-size:15px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;outline:none;transition:all .3s ease;box-shadow:0 2px 8px #667eea1a}.zepplife-threshold-input:focus{box-shadow:0 4px 15px #667eea33;transform:translateY(-1px)}.zepplife-threshold-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.zepplife-description-text{margin-top:8px;margin-bottom:8px;font-weight:500;color:#555;display:flex;align-items:center;gap:6px}.zepplife-validation-message{margin-top:15px;padding:12px 16px;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;display:flex;align-items:center;gap:8px}.zepplife-validation-message span{font-size:16px}.zepplife-input-focus:focus{box-shadow:0 4px 15px #667eea33;transform:translateY(-1px)}.zepplife-input-blur{box-shadow:0 2px 8px #667eea1a;transform:translateY(0)}@media (max-width: 480px){.zepplife-intro-card{padding:24px 16px}.zepplife-intro-icon-wrapper{width:60px;height:60px}.zepplife-intro-card h4{font-size:20px}}:root{--primary-color: #4a6cf7;--primary-hover: #3a5ce4;--danger-color: #f44336;--danger-hover: #d32f2f;--success-color: #4caf50;--success-hover: #388e3c;--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--bg-light: #f9f9f9;--shadow: 0 2px 10px rgba(0, 0, 0, .08);--transition: all .3s ease}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910);src:url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.eot?t=1628912054910#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff2?t=1628912054910) format("woff2"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.woff?t=1628912054910) format("woff"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.ttf?t=1628912054910) format("truetype"),url(//at.alicdn.com/t/font_2744137_3m9qsxilwrx.svg?t=1628912054910#bi) format("svg")}.icon:before{font-family:iconfont;font-size:24px;position:absolute;top:-6px;left:0}.account-manage{max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color)}.search-container{position:sticky;top:0;z-index:100;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;margin:0 -10px;transition:all .3s ease}.search-container.is-sticky{box-shadow:0 4px 20px #0000001a;padding:8px 10px;margin:0 -20px}.account-manage-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.account-header-left h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.account-header-left p{color:var(--text-light);font-size:14px;margin:5px 0 0}.quota-display-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:10px;box-shadow:0 4px 15px #0000000d;display:flex;align-items:center;gap:25px;border:1px solid rgba(74,108,247,.1)}.quota-info-main{flex:1}.quota-stats{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.quota-label{font-size:14px;color:var(--text-light);font-weight:500}.quota-numbers{font-size:14px;color:var(--text-color)}.quota-numbers .used{font-size:24px;font-weight:700;color:var(--primary-color)}.quota-numbers .total{font-size:18px;color:#999}.quota-progress-container{height:8px;background:#f0f2f5;border-radius:4px;overflow:hidden}.quota-progress-bar{height:100%;background:linear-gradient(90deg,#4a6cf7,#8b5cf6);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.quota-progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.buy-quota-btn{background:#4a6cf71a;color:var(--primary-color);border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.buy-quota-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.add-button{display:flex;align-items:center;background:linear-gradient(135deg,#4a6cf7,#3a5ce4);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #4a6cf74d}.add-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.add-button .icon{margin-right:8px;font-size:18px;font-weight:700}.account-list{background-color:transparent;border-radius:16px;overflow:visible;border:none}.account-list-header{display:flex;background-color:#f8faff;padding:18px 20px;font-weight:700;color:#4b5563;font-size:14px;border-bottom:1px solid #edf2f7;text-transform:uppercase;letter-spacing:.05em;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #00000005;margin-bottom:10px}.account-item{display:flex;padding:24px 20px 15px;background-color:#fff;margin-bottom:12px;border-radius:12px;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:center;box-shadow:0 2px 8px #00000005}.account-item:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #4a6cf714;border-color:#4a6cf733}.col{padding:0 10px;display:flex;align-items:center}.col.email{flex:2;font-weight:600;color:#1f2937;word-break:break-all;flex-direction:column;align-items:flex-start;gap:4px;position:relative}.col.status,.col.auto,.col.type{flex:1;justify-content:center}.col.created{flex:1;color:#4b5563;font-size:14px;font-weight:500;justify-content:center}.col.actions{flex:1.2;justify-content:flex-end;gap:8px}.account-source-badge{position:absolute;top:-12px;right:-9px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 20px #0f172a14;border:1px solid transparent}.account-source-badge.self{color:#1d4ed8;background:linear-gradient(135deg,#dbeafef2,#eff6fffa);border-color:#60a5fa59}.account-source-badge.smart{color:#7c3aed;background:linear-gradient(135deg,#ede9fef5,#faf5fffa);border-color:#a78bfa59}.account-chip{display:inline-flex;align-items:center;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;box-shadow:0 2px 6px #6366f133;transition:all .2s ease;white-space:nowrap}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center}.status-badge.active{background-color:#ecfdf5;color:#10b981;border:1px solid #d1fae5}.status-badge.inactive{background-color:#f9fafb;color:#6b7280;border:1px solid #f3f4f6}.edit-icon,.delete-icon,.sync-icon,.bind-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease;cursor:pointer;position:relative}.edit-icon:before,.delete-icon:before,.sync-icon:before,.bind-icon:before{font-family:iconfont;font-size:20px}.edit-icon:before{content:"";color:var(--primary-color)}.edit-icon:hover{background-color:#4a6cf71a}.delete-icon:before{content:"";color:#ef4444}.delete-icon:hover{background-color:#ef44441a}.sync-icon:before{content:"";color:#10b981;font-size:26px}.sync-icon:hover{background-color:#10b9811a;transform:translateY(-2px)}.sync-icon:hover:after{content:"手动同步";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.bind-icon:before{content:"";color:var(--primary-color);font-size:28px}.bind-icon:hover{background-color:#4a6cf71a;transform:translateY(-2px)}.bind-icon:hover:after{content:"绑定管理";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.delete-icon:hover:after{content:"删除账号";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.edit-icon:hover:after{content:"编辑账号";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.toggle{position:relative;display:inline-block;width:44px;height:22px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:var(--transition);border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition);border-radius:50%}input:checked+.slider{background-color:var(--success-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-container{padding:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:8px;margin:10px 0;position:relative;overflow:hidden}.skeleton-row{display:flex;padding:15px 20px;border-bottom:1px solid rgba(224,224,224,.5);animation:fadeIn .6s ease-in-out}.skeleton-row:last-child{border-bottom:none}.skeleton-col{padding:0 10px;display:flex;align-items:center}.skeleton-col.email{flex:2}.skeleton-col.status,.skeleton-col.auto,.skeleton-col.type{flex:1}.skeleton-col.created{flex:1.5}.skeleton-col.actions{flex:1;justify-content:flex-end}.skeleton-line,.skeleton-badge,.skeleton-toggle,.skeleton-icon{background:linear-gradient(90deg,#e0e7ff 25%,#c7d2fe,#e0e7ff 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line{height:16px;width:100%;border-radius:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-badge{width:50px;height:20px;border-radius:12px}.skeleton-toggle{width:50px;height:24px;border-radius:12px;position:relative}.skeleton-toggle:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fffc;border-radius:50%;animation:pulse 2s infinite}.skeleton-actions{display:flex;gap:10px}.skeleton-icon{width:20px;height:20px;border-radius:4px;animation:shimmer 1.5s infinite,pulse 2s infinite}.loading-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a6cf7,#8b5cf6,#4a6cf7);animation:shimmer 2s infinite;border-radius:8px 8px 0 0}.skeleton-row:nth-child(odd){background:linear-gradient(135deg,rgba(74,108,247,.02) 0%,transparent 100%)}.skeleton-row:nth-child(2n){background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.02) 100%)}input:focus+.slider{box-shadow:0 0 1px var(--success-color)}input:checked+.slider:before{transform:translate(22px)}.edit-button,.delete-button{padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:var(--transition)}.edit-icon:before{cursor:pointer;font-size:24px;content:"";font-family:iconfont;color:var(--primary-color)}.delete-icon:before{cursor:pointer;font-size:24px;content:"";font-family:iconfont;color:var(--danger-color)}.edit-button{background-color:var(--primary-color);color:#fff}.edit-button:hover{background-color:var(--primary-hover)}.delete-button{background-color:var(--danger-color);color:#fff}.delete-button:hover{background-color:var(--danger-hover)}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;color:#64748b;margin-top:20px}.empty-icon{font-size:56px;margin-bottom:20px;background:#f8faff;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 2px 4px #0000000d}.empty-list p{font-size:16px;font-weight:500}.account-item{animation:slideUp .4s ease forwards;animation-fill-mode:both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-item:nth-child(1){animation-delay:.1s}.account-item:nth-child(2){animation-delay:.15s}.account-item:nth-child(3){animation-delay:.2s}.account-item:nth-child(4){animation-delay:.25s}.account-item:nth-child(5){animation-delay:.3s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal{background-color:#fff;border-radius:8px;width:500px;max-width:90%;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);transition:var(--transition)}.close-button:hover{color:var(--danger-color)}form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4a6cf733}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.form-group.checkbox input{width:auto;margin-right:10px}.form-group.range .range-inputs{display:flex;align-items:center;gap:10px}.form-group.range input{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition)}.cancel-button{background-color:#f5f5f5;color:var(--text-color)}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:var(--primary-color);color:#fff}.submit-button:hover{background-color:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.add-button:active{animation:pulse .3s ease}@media (max-width: 992px){.account-list-header{display:none}.account-item{flex-direction:column;align-items:stretch;padding:48px 20px 20px;gap:15px;position:relative}.col{padding:0 0 10px;justify-content:space-between!important;border-bottom:1px dashed #f0f0f0}.col:last-child{border-bottom:none;padding-bottom:0}.col.email{align-items:flex-start;border-bottom:2px solid #f8faff;padding-bottom:12px;margin-bottom:5px}.account-source-badge{top:14px;right:18px}.col.email:before{content:"账号信息";font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.col:not(.email):not(.actions):before{content:attr(data-label);font-weight:600;color:#64748b;font-size:14px}.col.actions{margin-top:10px;background-color:#f8faff;padding:12px;border-radius:10px;justify-content:center!important}.quota-display-card{flex-direction:row;align-items:stretch;gap:15px}.buy-quota-btn{justify-content:center}}@media (max-width: 768px){.account-manage-header .add-button{position:fixed;bottom:80px;right:20px;width:auto;height:54px;padding:0 24px;border-radius:27px;z-index:1000;box-shadow:0 6px 20px #4a6cf766;display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid rgba(255,255,255,.2);animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.account-manage-header .add-button svg{margin-right:8px;font-size:24px}.account-manage-header .add-button:disabled{background:#94a3b8;box-shadow:0 4px 12px #0000001a;border-color:transparent}}@keyframes bounceIn{0%{transform:scale(0) translateY(100px);opacity:0}60%{transform:scale(1.1) translateY(-10px);opacity:1}to{transform:scale(1) translateY(0)}}@media (max-width: 480px){.account-manage-header{flex-direction:column;align-items:flex-start;gap:15px}.account-manage{width:100%}}@media (min-width: 992px){.account-manage{width:100%}}@media (min-width: 1200px){.account-manage{width:1100px}}.account-snackbar-alert{width:100%}.account-header-actions{display:flex;gap:16px}.add-button-import{background:linear-gradient(135deg,#10b981,#059669)}.account-button-icon,.account-buy-quota-icon,.account-list-header-icon{margin-right:8px}.account-button-icon{font-size:20px!important}.account-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 24px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;animation:fabBounce .6s ease}.account-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #667eea80}.account-fab:active{transform:scale(.95)}.account-fab.disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:0 4px 12px #0000001a;cursor:not-allowed;animation:none}.account-fab-icon{font-size:32px!important;color:#fff}@keyframes fabBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.account-fab-modal-paper{border-radius:24px!important;margin:16px!important;overflow:hidden!important;box-shadow:0 24px 48px #0003!important}.account-fab-modal-title{position:relative;font-size:1.5rem!important;font-weight:700!important;padding:24px 24px 8px!important;color:#1f2937;text-align:center}.account-fab-modal-close{position:absolute!important;top:16px;right:16px;color:#9ca3af!important}.account-fab-modal-close:hover{background:#0000000d!important}.account-fab-modal-content{padding:16px 24px 24px!important}.account-fab-options{display:flex;flex-direction:column;gap:16px}.account-fab-option{display:flex;flex-direction:column;align-items:center;padding:24px 20px;border-radius:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px solid transparent;cursor:pointer;transition:all .3s ease;text-align:center}.account-fab-option:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.account-fab-option:active{transform:scale(.98)}.account-fab-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.account-fab-option-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s ease}.account-fab-option-icon.add-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.account-fab-option-icon.import-icon{background:linear-gradient(135deg,#10b981,#059669)}.account-fab-option:hover .account-fab-option-icon{transform:scale(1.05) rotate(5deg)}.account-fab-option-icon-inner{font-size:36px!important;color:#fff}.account-fab-option-title{font-size:1.125rem!important;font-weight:700!important;color:#1f2937;margin-bottom:8px!important}.account-fab-option-desc{font-size:.875rem!important;color:#6b7280;line-height:1.5!important}.account-buy-quota-icon{font-size:18px!important}.account-list-header-icon{font-size:16px!important}.account-search-box{margin-bottom:8px;padding:24px;background:#fff;border-radius:24px;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.account-search-box.is-mobile{padding:16px}.account-search-box.is-sticky{position:sticky;top:0;z-index:1000;border-radius:0;box-shadow:0 4px 20px #00000026;border-bottom:1px solid rgba(0,0,0,.1)}.account-search-row{display:flex;gap:16px;align-items:stretch}.account-search-field-wrap{flex:1;position:relative}.account-search-field .MuiOutlinedInput-root{border-radius:20px;background:#f8fafc}.account-search-field .MuiOutlinedInput-root fieldset{border-color:transparent}.account-search-field .MuiOutlinedInput-root:hover fieldset{border-color:#667eea4d}.account-search-field .MuiOutlinedInput-root.Mui-focused{background:#fff}.account-search-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea;border-width:2px}.account-search-icon{color:#64748b;margin-right:8px}.account-search-clear-icon{color:#64748b!important}.account-search-clear-icon:hover{color:#d32f2f!important}.account-search-button.MuiButton-root{border-radius:20px!important;padding:12px 32px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d!important;text-transform:none!important;font-weight:600!important;font-size:1rem!important;white-space:nowrap}.account-search-button.MuiButton-root:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 16px #667eea66!important}.account-search-button.MuiButton-root.Mui-disabled{background:linear-gradient(135deg,#ccc,#aaa)!important;color:#fff!important}.account-search-button.is-mobile.MuiButton-root{padding:8px 24px!important;font-size:.875rem!important}.account-search-tip{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:#667eea14;border-radius:12px}.account-search-tip-icon{font-size:18px!important;color:#667eea}.account-search-tip-text{display:flex;align-items:center;flex-wrap:wrap}.account-search-keyword{color:#667eea}.account-search-clear-button.MuiButton-root{margin-left:8px!important;color:#667eea!important;text-transform:none!important;font-weight:600!important;font-size:.8rem!important}.account-search-clear-button.MuiButton-root:hover{background:#667eea1a!important}.account-pagination-box{margin-top:32px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:24px;box-shadow:0 2px 8px #0000000f}.account-pagination-box.is-mobile{flex-direction:column}.account-pagination-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-pagination-select{min-width:80px!important}.account-pagination-select .MuiOutlinedInput-root{border-radius:16px}.account-pagination-select .MuiOutlinedInput-notchedOutline{border-color:#0000001a}.account-pagination-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0003}.account-pagination-total{margin-left:16px!important}.account-pagination-control .MuiPagination-ul{justify-content:center}.account-pagination-item{border-radius:16px!important}.account-pagination-item.Mui-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.account-pagination-item.Mui-selected:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important}.account-pagination-item:hover{background:#667eea14!important}.account-delete-dialog-actions{padding:0 24px 16px!important}.account-dialog-button.MuiButton-root{border-radius:16px!important}.remark-dialog-paper{border-radius:16px!important;padding:8px!important;min-width:400px;box-shadow:0 8px 32px #0000001a!important}.remark-dialog-title{text-align:center;font-weight:700!important;color:#333;padding-top:24px!important;padding-bottom:8px!important}.remark-dialog-content{padding:16px 32px!important}.remark-dialog-text{margin-bottom:16px!important;text-align:center;font-size:.9rem!important}.remark-dialog-account{color:#667eea;font-weight:700}.remark-dialog-field .MuiOutlinedInput-root{border-radius:12px;background:#f8f9fa}.remark-dialog-field .MuiOutlinedInput-root fieldset{border-color:#e0e0e0}.remark-dialog-field .MuiOutlinedInput-root:hover fieldset{border-color:#b0b0b0}.remark-dialog-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#667eea}.remark-dialog-actions{padding:0 32px 32px!important;justify-content:center!important;gap:16px}.remark-dialog-button.MuiButton-root{border-radius:10px!important;padding:6px 32px!important}.remark-dialog-button-cancel.MuiButton-root{color:#666!important;border-color:#ddd!important}.remark-dialog-button-cancel.MuiButton-root:hover{border-color:#bbb!important;background:#f5f5f5!important}.remark-dialog-button-save.MuiButton-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #764ba24d!important}.remark-dialog-button-save.MuiButton-root:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important}.membership-dialog-paper{border-radius:20px!important;overflow:hidden!important;box-shadow:0 12px 40px #00000026!important}.membership-dialog-title{margin:0!important;padding:24px!important;position:relative;text-align:center;font-size:1.5rem!important;font-weight:700!important;color:#fff;background:linear-gradient(135deg,#1890ff,#096dd9)}.membership-dialog-close{position:absolute!important;top:12px;right:12px;color:#fff!important}.membership-dialog-content{padding:32px!important;background:#f8f9fa}.membership-option-icon{font-size:40px!important}.membership-option-icon.pay{color:#ff4d4f}.membership-option-icon.free{color:#52c41a}.membership-option-arrow-icon{font-size:16px!important}.bind-dialog-paper,.wechat-qr-dialog-paper,.alipay-dialog-paper{border-radius:20px!important;overflow:hidden!important;margin:32px!important}.bind-dialog-title{margin:0!important;padding:16px!important;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#4a6cf7,#3a5ce4)}.bind-dialog-title-content{display:flex;align-items:center;gap:8px}.bind-dialog-title-icon{font-size:24px!important}.bind-dialog-title-text{font-size:1.25rem!important}.bind-dialog-close{color:#fff!important;padding:4px!important}.bind-dialog-content{padding:24px!important;background:#f8faff}.bind-dialog-current-account{margin:16px 0}.bind-dialog-current-account-text{font-size:.875rem!important}.bind-dialog-account-email{font-weight:700;color:#333;word-break:break-all}.bind-card-list{display:flex;flex-direction:column;gap:16px}.bind-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#fff;border:1px solid #eef2f6;border-radius:12px}.bind-card-main{width:70%;display:flex;align-items:center;gap:16px}.bind-card-skeleton{width:48px!important}.bind-card-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.bind-card-icon-box.wechat{background:#e8f5e9}.bind-card-icon-box.alipay{background:#e3f2fd}.bind-card-icon{font-size:28px!important}.bind-card-icon.wechat{color:#4caf50}.bind-card-icon.alipay{color:#2196f3}.bind-card-content{flex:1}.bind-card-name{font-weight:700!important}.bind-card-status-row{display:flex;align-items:center;gap:4px}.bind-card-status-icon{font-size:14px!important;color:#999}.bind-card-status-icon.success{color:#4caf50}.bind-card-action.MuiButton-root{width:auto;margin-top:0!important;border-radius:8px!important;text-transform:none!important}.wechat-qr-dialog-title{text-align:center;font-weight:700!important;font-size:1.25rem!important}.wechat-qr-dialog-content{display:flex;flex-direction:column;align-items:center;padding-top:16px!important;padding-bottom:32px!important}.wechat-qr-code-box{position:relative;width:230px;height:230px;margin-bottom:24px;padding:16px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.wechat-qr-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2}.wechat-qr-loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#4caf50;border-radius:50%;animation:accountManageSpin 1s linear infinite}.wechat-qr-loading-text{margin-top:16px!important;color:#666;font-size:.85rem!important}.wechat-qr-image{width:100%;height:100%;object-fit:contain}.wechat-qr-image.is-hidden{display:none}.wechat-qr-dialog-tip{padding:0 16px;text-align:center;font-size:.875rem!important}.wechat-qr-highlight{color:#4caf50;font-weight:700}.wechat-qr-dialog-actions{justify-content:center!important;padding-bottom:24px!important}.wechat-qr-dialog-button.MuiButton-root{padding:6px 32px!important;border-radius:8px!important}.alipay-dialog-title{font-weight:700!important;font-size:1.25rem!important;border-bottom:1px solid #f0f0f0}.alipay-dialog-content{padding-top:24px!important;padding-bottom:24px!important}.alipay-dialog-alert{margin:8px 0 24px!important;border-radius:12px!important;font-size:.875rem!important}.alipay-dialog-steps{display:flex;flex-direction:column;gap:12px}.alipay-dialog-step{display:flex;align-items:flex-start;gap:16px}.alipay-dialog-step-index{width:24px;height:24px;margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:#fff;background:#4a6cf7;font-size:.875rem}.alipay-dialog-step-text{font-size:1rem!important}.alipay-dialog-strong{font-weight:700}.alipay-dialog-arrow-wrap{display:flex;justify-content:center;padding:4px 0}.alipay-dialog-arrow{font-size:20px!important;color:#ccc;transform:rotate(90deg)}.alipay-dialog-actions{padding:24px!important}.alipay-dialog-button.MuiButton-root{height:48px;font-size:16px!important;border-radius:12px!important}.account-import-dialog-paper{border-radius:24px!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.account-import-dialog-title{position:relative;margin:0!important;padding:32px 32px 16px!important;text-align:center;font-size:1.5rem!important;font-weight:700!important;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.account-import-dialog-close{position:absolute!important;top:16px;right:16px;color:#fff!important}.account-import-dialog-close:hover{background:#ffffff1a!important}.account-import-dialog-content{padding:0!important;background:#f8fafc}.account-import-body,.account-import-result-view{padding:32px}.account-import-layout{display:flex;gap:24px}.account-import-column{flex:1;display:flex;flex-direction:column;gap:16px}.account-import-section-title{display:flex;align-items:center;gap:8px;color:#1e293b;font-weight:600!important}.account-import-section-icon.template{color:#667eea}.account-import-section-icon.upload{color:#10b981}.account-import-card{padding:24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000a;transition:all .3s ease}.account-import-card:hover{transform:translateY(-2px);border-color:#667eea;box-shadow:0 8px 24px #667eea26}.account-import-template-desc{margin-bottom:16px!important;color:#64748b;line-height:1.6!important}.account-import-template-fields{margin-bottom:16px;padding:16px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px}.account-import-template-fields-title{display:block;margin-bottom:8px!important;color:#475569;font-weight:500!important}.account-import-chip-row{display:flex;flex-wrap:wrap;gap:8px}.account-import-chip{font-weight:500!important}.account-import-chip.account{background:#e0f2fe!important;color:#0369a1!important}.account-import-chip.password{background:#fef3c7!important;color:#d97706!important}.account-import-template-button.MuiButton-root{padding:12px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;box-shadow:0 4px 12px #0ea5e94d!important;text-transform:none!important;font-size:1rem!important;font-weight:600!important}.account-import-template-button.MuiButton-root:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0284c7,#0369a1)!important;box-shadow:0 6px 16px #0ea5e966!important}.account-import-warning{border:1px solid #fed7aa!important;border-radius:12px!important;background:#fff7ed!important}.account-import-warning .MuiAlert-icon{color:#ea580c!important}.account-import-warning .MuiAlert-message{color:#9a3412!important}.account-upload-dropzone{padding:32px;text-align:center;cursor:pointer;background:#fff;border:3px dashed #cbd5e1;border-radius:16px;transition:all .3s ease}.account-upload-dropzone:hover{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#eef2ff)}.account-upload-dropzone.is-dragover{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.account-upload-selected-icon,.account-upload-empty-icon{margin-bottom:16px;font-size:64px!important}.account-upload-selected-icon{color:#10b981}.account-upload-empty-icon{color:#cbd5e1}.account-upload-selected-title,.account-upload-empty-title{margin-bottom:8px!important;font-weight:600!important}.account-upload-selected-title{color:#059669}.account-upload-empty-title{color:#334155}.account-upload-selected-name{margin-bottom:16px!important;color:#64748b}.account-upload-empty-desc,.account-upload-empty-caption{color:#94a3b8}.account-upload-empty-desc{margin-bottom:24px!important}.account-upload-empty-caption{display:block;margin-top:16px!important}.account-upload-reset-button.MuiButton-root{border-radius:8px!important;color:#ef4444!important;border-color:#fecaca!important}.account-upload-reset-button.MuiButton-root:hover{border-color:#fca5a5!important;background:#fef2f2!important}.account-upload-input{display:none}.account-upload-select-button.MuiButton-root{padding:12px 32px!important;border-radius:12px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d!important;text-transform:none!important;font-size:1rem!important;font-weight:600!important}.account-upload-select-button.MuiButton-root:hover{transform:translateY(-1px);background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 16px #667eea66!important}.account-import-instruction-box{padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px}.account-import-instruction-title{margin-bottom:8px!important;color:#0369a1;font-weight:600!important}.account-import-instruction-list{margin:0;padding-left:16px;color:#0c4a6e}.account-import-instruction-item{margin-bottom:4px!important}.account-import-result-header{display:flex;align-items:center;margin-bottom:24px}.account-import-result-back.MuiButton-root{color:#667eea!important;text-transform:none!important;font-weight:500!important}.account-import-result-back.MuiButton-root:hover{background:#667eea14!important}.account-import-result-back-icon{transform:rotate(180deg)}.account-import-result-title{flex:1;text-align:center;font-size:1.5rem!important;font-weight:700!important;color:#1e293b}.import-result-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.import-result-stat-card{padding:20px;text-align:center;border-radius:16px;box-shadow:0 2px 8px #00000014}.import-result-stat-card.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.import-result-stat-card.invalid{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.import-result-stat-card.exists{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.import-result-stat-card.quota{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4}.import-result-stat-icon{margin-bottom:8px;font-size:36px!important}.import-result-stat-count{font-weight:700!important}.import-result-stat-label{font-weight:500!important}.import-result-stat-icon.success,.import-result-stat-count.success,.import-result-stat-label.success{color:#059669}.import-result-stat-icon.invalid,.import-result-stat-count.invalid,.import-result-stat-label.invalid{color:#d97706}.import-result-stat-icon.exists,.import-result-stat-count.exists,.import-result-stat-label.exists{color:#dc2626}.import-result-stat-icon.quota,.import-result-stat-count.quota,.import-result-stat-label.quota{color:#be185d}.import-result-item-list{max-height:400px;margin-bottom:16px;overflow:auto}.import-result-item{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000a;transition:all .2s ease}.import-result-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.import-result-item.success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.import-result-item.invalid{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.import-result-item.exists{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.import-result-item.quota{color:#9d174d;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f9a8d4}.import-result-item-icon{font-size:28px}.import-result-item-content{flex:1}.import-result-item-account{margin-bottom:4px!important;font-weight:600!important}.import-result-item-message{opacity:.8}.account-import-footer{display:flex;gap:16px;justify-content:flex-end;padding:24px;background:#fff;border-top:1px solid #e2e8f0}.account-import-footer.is-result{justify-content:center}.account-import-footer-button.MuiButton-root{border-radius:12px!important;text-transform:none!important;font-size:1rem!important}.account-import-footer-button.cancel.MuiButton-root{padding:12px 32px!important;color:#64748b!important;border-color:#cbd5e1!important}.account-import-footer-button.cancel.MuiButton-root:hover{border-color:#94a3b8!important;background:#f8fafc!important}.account-import-footer-button.confirm.MuiButton-root,.account-import-footer-button.retry.MuiButton-root{padding:12px 48px!important;font-weight:600!important;color:#fff!important}.account-import-footer-button.confirm.MuiButton-root{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b9814d!important}.account-import-footer-button.confirm.MuiButton-root:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 16px #10b98166!important}.account-import-footer-button.confirm.MuiButton-root.Mui-disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af)!important;color:#fff!important}.account-import-footer-button.retry.MuiButton-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d!important}.account-import-footer-button.retry.MuiButton-root:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 16px #667eea66!important}@keyframes accountManageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.account-import-layout,.bind-card{flex-direction:column}.bind-card{align-items:flex-start}.bind-card-main,.bind-card-action.MuiButton-root{width:100%}.import-result-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.account-header-actions,.account-import-footer{flex-direction:column}.account-search-row{flex-direction:row}.account-import-footer-button.MuiButton-root{width:100%}.remark-dialog-paper,.bind-dialog-paper,.wechat-qr-dialog-paper,.alipay-dialog-paper{min-width:auto;margin:12px!important}.bind-dialog-title,.account-import-dialog-title,.membership-dialog-title{padding:16px!important}.bind-dialog-title-icon{font-size:20px!important}.bind-dialog-title-text,.wechat-qr-dialog-title,.alipay-dialog-title{font-size:1.1rem!important}.wechat-qr-code-box{width:180px;height:180px}.alipay-dialog-step-text,.bind-dialog-current-account-text{font-size:.9rem!important}.account-import-body,.account-import-result-view,.membership-dialog-content{padding:20px!important}}:root{--primary-color: #4a6cf7;--success-color: #4caf50;--success-light: rgba(76, 175, 80, .15);--danger-color: #f44336;--danger-light: rgba(244, 67, 54, .15);--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--bg-light: #f9f9f9;--shadow: 0 2px 10px rgba(0, 0, 0, .08);--transition: all .3s ease}.auto-log{max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color)}.log-header{margin-bottom:30px}.log-header h1{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-color);position:relative;display:inline-block}.log-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--primary-color);border-radius:2px}.log-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.date-search-trigger{position:relative;display:flex;align-items:center;padding:8px 16px;background:#f0f2f5;border:1px solid var(--border-color);border-radius:30px;cursor:pointer;transition:var(--transition);font-size:14px;color:var(--text-color);min-width:120px}.date-search-trigger:hover{background:#e4e6e9;border-color:var(--primary-color)}.date-search-trigger span{margin-right:8px;font-weight:500}.search-box{position:relative;width:200px}.search-box input{width:100%;padding:10px 40px 10px 15px;border:1px solid var(--border-color);border-radius:30px;font-size:14px;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf733}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-light)}.filter-options,.group-actions{display:flex;gap:10px}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;transition:var(--transition)}.filter-btn:hover{background:var(--bg-light)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.log-content{background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:30px}.log-date-group{margin-bottom:20px}.date-header{display:flex;align-items:center;padding:15px 20px;color:var(--text-light)}.date-line{flex:1;height:1px;background:var(--border-color)}.date-text{padding:0 15px;font-weight:500;font-size:14px}.log-items{padding:0 20px}.log-account-group{margin:10px 0 16px}.account-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;margin:0 20px 8px;background:var(--bg-light);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;cursor:pointer}.account-title{font-weight:600;color:var(--text-color)}.collapse-icon{display:inline-block;width:16px;margin-right:6px;color:var(--text-light)}.account-summary{display:flex;gap:8px}.badge{padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid var(--border-color);background:#fff;color:var(--text-light)}.badge.total{border-color:var(--primary-color);color:var(--primary-color)}.badge.success{border-color:var(--success-color);color:var(--success-color)}.badge.failed{border-color:var(--danger-color);color:var(--danger-color)}.log-account-group .log-items{padding:8px 24px;margin-left:12px;border-left:2px dashed var(--border-color)}.log-item{display:flex;padding:15px 0;border-bottom:1px solid var(--border-color);transition:var(--transition);animation:fadeIn .5s ease}.log-item:last-child{border-bottom:none}.log-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.log-item.success:hover{background-color:var(--success-light)}.log-item.failed:hover{background-color:var(--danger-light)}.log-status{margin-right:15px}.status-indicator{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.status-indicator.success{background-color:var(--success-color);box-shadow:0 0 0 4px var(--success-light)}.status-indicator.failed{background-color:var(--danger-color);box-shadow:0 0 0 4px var(--danger-light)}.log-details{flex:1}.log-account{font-weight:600;margin-bottom:5px}.log-message{color:var(--text-light);margin-bottom:5px;line-height:1.4}.log-time{font-size:12px;color:var(--text-light)}.empty-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-light)}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.6}.log-summary{display:flex;gap:20px;padding:15px 20px;background:#fff;border-radius:10px;box-shadow:var(--shadow)}.summary-item{display:flex;align-items:center}.summary-label{margin-right:8px;font-weight:500}.summary-value{font-weight:600;font-size:18px}.summary-value.success{color:var(--success-color)}.summary-value.failed{color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-glow{0%{box-shadow:0 0 #4a6cf71a}50%{box-shadow:0 0 0 8px #4a6cf70d}to{box-shadow:0 0 #4a6cf71a}}.log-item{animation:fadeIn .3s ease}.status-indicator{animation:pulse 2s infinite}.loading-container{padding:20px;background:#fff;border-radius:10px;animation:fadeIn .5s ease}.skeleton-log-group{margin-bottom:25px;animation:skeleton-pulse 2s infinite}.skeleton-date-header{display:flex;align-items:center;padding:15px 0;margin-bottom:10px}.skeleton-date-line{flex:1;height:1px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-date-text{width:80px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;margin:0 15px;border-radius:8px}.skeleton-log-items{padding-left:10px}.skeleton-log-item{display:flex;padding:15px 0;border-bottom:1px solid #f5f5f5;animation:skeleton-pulse 2s infinite;transition:all .3s ease}.skeleton-log-item:hover{animation:skeleton-glow 2s infinite}.skeleton-log-item:last-child{border-bottom:none}.skeleton-status{margin-right:15px;display:flex;align-items:center}.skeleton-status-indicator{width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-log-details{flex:1}.skeleton-account{width:120px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:8px}.skeleton-message{width:200px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:7px;margin-bottom:8px}.skeleton-time{width:60px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-account:after,.skeleton-message:after,.skeleton-time:after,.skeleton-date-text:after,.skeleton-date-line:after,.skeleton-status-indicator:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.skeleton-account,.skeleton-message,.skeleton-time,.skeleton-date-text,.skeleton-date-line,.skeleton-status-indicator,.loading-container{position:relative;overflow:hidden}.loading-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,108,247,.02),transparent);animation:shimmer 2s infinite;z-index:1}.skeleton-log-group{position:relative;z-index:2}@media (max-width: 768px){.account-summary{display:none}.auto-log{width:98%}.log-controls{flex-direction:column;align-items:flex-start;gap:15px}.search-box{width:100%}.log-summary{flex-direction:column;gap:10px}}@media (min-width: 992px){.auto-log{width:800px}}@media (min-width: 1200px){.auto-log{width:800px}}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #1976d266}70%{transform:scale(1);box-shadow:0 0 0 20px #1976d200}to{transform:scale(.95);box-shadow:0 0 #1976d200}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bgRotate{0%{background-position:0% 50%}50%{background-position:0% 50%}to{background-position:0% 50%}}.animate-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.auto-login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;background-position:0% 50%;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.auto-login-container:before,.auto-login-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff1a;z-index:0}.auto-login-container:before{top:-100px;left:-100px}.auto-login-container:after{bottom:-100px;right:-100px}.auto-login-paper{padding:40px 30px;display:flex;flex-direction:column;align-items:center;border-radius:24px;box-shadow:0 20px 60px #00000026;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);max-width:450px;width:100%;animation:fadeIn .8s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-sizing:border-box;z-index:1}.logo-pulse-container{margin-bottom:24px;width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1976d2,#64b5f6);box-shadow:0 8px 16px #1976d24d;animation:pulse 2s infinite}.loading-text{margin-top:16px;color:#555;font-weight:500;text-align:center;font-size:1rem}.status-icon{font-size:72px;margin-bottom:20px;animation:fadeIn .5s ease-out;display:flex;justify-content:center;align-items:center}.status-message{margin-bottom:12px;font-weight:700;text-align:center;font-size:1.75rem;color:#1976d2;letter-spacing:-.5px}.status-description{color:#666;text-align:center;max-width:350px;font-size:1rem;line-height:1.5}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;position:relative;width:100%}.logo-container{margin-bottom:16px;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05) rotate(5deg)}.logo{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.header h1{font-size:24px;font-weight:800;color:#1a73e8;margin:0 0 8px;text-align:center;letter-spacing:1px}.header h1:after{content:"";display:block;width:40px;height:4px;background:linear-gradient(90deg,#1a73e8,#4285f4);margin:8px auto 0;border-radius:4px}.exclusive-tag{background:linear-gradient(135deg,#ff4d4d,#f74c06);color:#fff;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-top:8px;position:relative;overflow:hidden;box-shadow:0 4px 12px #f74c064d;display:flex;align-items:center;gap:4px}.exclusive-shine{position:absolute;top:0;left:-100%;width:50px;height:100%;background:#fff6;transform:skew(-25deg);animation:shine 4s infinite}.guide{background-color:transparent;margin-top:12px;font-size:14px;color:#1976d2;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;animation:pulse 2s infinite}.guide:hover{color:#1565c0;text-decoration:underline}.floating-contact-btn{position:fixed;right:15px;bottom:60px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea66;z-index:999;transition:all .3s ease;animation:float 3s ease-in-out infinite}.floating-contact-btn:active{transform:scale(.95);box-shadow:0 2px 6px #667eea4d}.contact-a{width:20px;height:20px}.contact-icon{width:20px;height:20px;margin-bottom:4px;filter:brightness(0) invert(1)}.contact-text{font-size:10px;color:#fff;font-weight:500;text-align:center;line-height:1}.footer-beian{margin-top:24px;width:100%;display:flex;justify-content:center;align-items:center;z-index:1}.footer-beian a{text-decoration:none;color:#fffc;font-size:12px;transition:color .2s}.footer-beian a:hover{color:#fff}@media (max-width: 480px){.auto-login-paper{padding:30px 20px;border-radius:20px}.header h1{font-size:20px}.logo{width:70px;height:70px}}.user-guide-container{max-width:1200px;margin:0 auto;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#333;background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 15px #0000000d}.guide-header{text-align:center;margin-bottom:40px}.guide-header h1{font-size:32px;color:#2c3e50;margin-bottom:10px;font-weight:600}.guide-header p{font-size:16px;color:#7f8c8d}.guide-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:1px solid #eee}.tab{padding:12px 30px;font-size:16px;cursor:pointer;position:relative;transition:all .3s ease;color:#7f8c8d;font-weight:500}.tab:hover{color:#3498db}.tab.active{color:#3498db;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#3498db;border-radius:3px 3px 0 0}.guide-content{min-height:500px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000008;padding:20px}.guide-sections{width:100%}.guide-section{margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;background-color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f9ff;cursor:pointer;transition:all .3s ease}.section-header.active{background-color:#ebf5ff;color:#3498db;border-left:3px solid #3498db}.section-header:hover{background-color:#ebf5ff}.section-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.toggle-icon{font-size:16px;transition:transform .3s}.section-content{padding:20px;background-color:#fff;border-top:1px solid #f0f0f0}.section-content h2{font-size:24px;margin-bottom:20px;color:#2c3e50;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.step-item{display:flex;margin-bottom:40px;position:relative;padding-left:15px}.step-number{width:36px;height:36px;background-color:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:20px;flex-shrink:0;box-shadow:0 3px 6px #3498db33}.step-content{flex:1}.step-content h3{font-size:20px;margin-bottom:10px;color:#2c3e50;font-weight:600}.step-content p{margin-bottom:15px;line-height:1.6;color:#555}.guide-highlight{color:#e74c3c;font-weight:700;background-color:#fee;padding:2px 5px;border-radius:3px}.image-container{margin:20px 0;padding:10px 0;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0000001a;transition:all .3s ease;display:flex;justify-content:center;flex-flow:wrap}.image-container:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.image-container img{cursor:pointer;max-width:300px;transition:transform .3s ease;margin-right:3px;margin-bottom:3px}.image-container img:hover{transform:scale(1.02)}.image-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;cursor:zoom-out}.image-preview-container{position:relative;max-width:90%;max-height:90%}.image-preview-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 5px 15px #0000004d}.close-preview-btn{position:absolute;top:-20px;right:-20px;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#333;font-size:24px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0003}.close-preview-btn:hover{background-color:#f0f0f0}.auto-type-container{display:flex;gap:20px;margin:20px 0}.auto-type-item{flex:1;background-color:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.auto-type-item:hover{background-color:#ebf5ff;transform:translateY(-3px)}.auto-type-item h4{font-size:18px;margin-bottom:10px;color:#3498db;font-weight:600}.auto-type-item p{color:#555;line-height:1.5}.video-guide{padding:20px}.video-guide h2{font-size:24px;margin-bottom:30px;color:#2c3e50;font-weight:600;text-align:center}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.video-item{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px #00000014;transition:all .3s ease}.video-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.video-item h3{padding:15px;font-size:18px;color:#2c3e50;font-weight:600;text-align:center}.video-thumbnail{position:relative;cursor:pointer;overflow:hidden}.video-thumbnail img{width:100%;display:block;transition:transform .5s ease}.video-thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#3498dbcc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 3px 10px #0003;transition:all .3s ease}.video-thumbnail:hover .play-button{background-color:#3498db;transform:translate(-50%,-50%) scale(1.1)}@media (min-width: 1200px){.user-guide-container{width:1200px}}@media (min-width: 992px){.user-guide-container{width:1200px}}@media (max-width: 768px){.step-item{padding-left:0}.guide-content{padding:5px}.text-guide{flex-direction:column}.guide-nav{width:100%;border-right:none;border-bottom:1px solid #eee;padding-right:0;padding-bottom:20px;margin-bottom:20px}.guide-detail{padding-left:0}.auto-type-container{flex-direction:column}.video-list{grid-template-columns:1fr}}.free-guide-container{max-width:1000px;margin:0 auto;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#333;background-color:#fff;border-radius:12px;overflow:hidden}.free-guide-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:30px}.free-guide-header h1{font-size:32px;margin-bottom:12px;font-weight:700;letter-spacing:1px}.free-guide-header p{font-size:18px;opacity:.9}.free-guide-content{padding:20px 40px 40px}.step-card{display:flex;margin-bottom:40px;background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.step-badge{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin-right:25px;flex-shrink:0;box-shadow:0 4px 10px #667eea4d}.step-info{flex:1}.step-info h3{font-size:22px;margin-bottom:15px;color:#2d3436;font-weight:600}.step-info p{font-size:16px;line-height:1.8;color:#636e72;margin-bottom:15px}.highlight-text{color:#ff4757;font-weight:700;background:#fff0f0;padding:2px 8px;border-radius:4px;margin:0 2px}.special-font{font-family:Georgia,serif;font-style:italic;color:#764ba2;font-weight:700}.image-wrapper{margin-top:20px;border-radius:12px;overflow:hidden;border:4px solid #f8f9fa;box-shadow:0 5px 15px #00000014;margin-left:auto;margin-right:auto;display:flex;justify-content:center}.step-image{width:200px;height:auto;display:block;transition:transform .5s ease}.image-wrapper:hover .step-image{transform:scale(1.03)}.note-box{margin-top:50px;padding:25px;background:#f1f2f6;border-left:5px solid #764ba2;border-radius:8px}.note-box h4{font-size:18px;color:#2d3436;margin-bottom:10px;display:flex;align-items:center}.note-box h4:before{content:"💡";margin-right:10px}.note-box p{font-size:16px;color:#636e72;line-height:1.6}.option-list{list-style:none;padding:0;margin:15px 0}.option-item{display:flex;align-items:flex-start;margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px dashed #dfe6e9}.option-icon{margin-right:12px;font-size:18px}.option-text{font-size:15px;color:#2d3436}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease forwards}@media (max-width: 768px){.free-guide-content{padding:20px}.step-image{width:50%}.step-card{flex-direction:column;padding:20px}.step-badge{margin-bottom:15px}}.feedback-container{max-width:1200px;margin:60px auto 0;padding:5px;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#333;background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 15px #0000000d}.feedback-header{text-align:center;margin-bottom:40px}.feedback-header h1{font-size:32px;color:#2c3e50;margin-bottom:10px;font-weight:600}.feedback-header p{font-size:16px;color:#7f8c8d}.feedback-content{display:flex;gap:30px}@media (max-width: 768px){.feedback-content{flex-direction:column}}.qq-group-section,.faq-section{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000008;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.qq-group-section:hover,.faq-section:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.section-header{margin-bottom:25px;text-align:center}.section-header h2{font-size:24px;color:#2c3e50;margin-bottom:8px;font-weight:600}.section-header p{color:#7f8c8d;font-size:14px}.qq-group-card{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-container{position:relative;width:200px;height:200px;margin:0 auto}.qr-code{width:100%;height:100%;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.qr-code img{width:100%;height:100%;object-fit:cover}.scan-animation{position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,#3498db00,#3498dbcc,#3498db00);animation:scan 2s ease-in-out infinite;border-radius:3px}@keyframes scan{0%{top:0;opacity:.8}50%{top:calc(100% - 5px);opacity:.8}to{top:0;opacity:.8}}.qq-group-info{text-align:center;width:100%}.qq-group-info h3{font-size:20px;color:#2c3e50;margin-bottom:15px;font-weight:600}.group-number{display:flex;align-items:center;justify-content:center;margin-bottom:15px;gap:8px}.label{color:#7f8c8d}.number{font-size:18px;font-weight:600;color:#3498db;letter-spacing:1px}.copy-btn{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.copy-btn:hover{background-color:#2980b9}.group-description{color:#7f8c8d;margin-bottom:20px;line-height:1.6;font-size:14px}.join-btn{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:10px 25px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3498db33}.join-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 6px 8px #3498db4d}.faq-list{margin-bottom:30px}.faq-item{border-bottom:1px solid #eee;margin-bottom:15px;transition:all .3s ease}.faq-item.active{margin-bottom:20px}.faq-question{padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-radius:6px}.faq-item.active .faq-question,.faq-question:hover{background-color:#f5f9ff}.question-text{font-weight:500;color:#2c3e50;display:flex;align-items:center;gap:10px}.q-mark,.a-mark{font-weight:700;color:#3498db;font-size:18px}.toggle-icon{font-size:20px;color:#3498db;transition:transform .3s ease}.faq-item.active .toggle-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 15px;display:flex;gap:10px}.faq-answer.show{max-height:500px;padding:15px;background-color:#f8f9fa;border-radius:0 0 6px 6px}.faq-answer p{margin:0;line-height:1.6;color:#555}.more-help{text-align:center;padding:20px;background-color:#f5f9ff;border-radius:8px;margin-top:30px}.more-help h3{font-size:18px;color:#2c3e50;margin-bottom:10px;font-weight:600}.more-help p{color:#7f8c8d;margin-bottom:15px;font-size:14px}.contact-btn{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3498db33}.contact-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 6px 8px #3498db4d}.animate-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}