*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:#e0e0e0;background-color:#0a0a0a;overflow-x:hidden}.app{min-height:100vh;position:relative}.app-header{position:fixed;top:0;left:0;right:0;height:80px;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000;transition:all .3s ease}.header-left .app-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav .nav-menu{display:flex;list-style:none;gap:30px}.header-nav .nav-item{position:relative;padding:10px 15px;cursor:pointer;font-weight:500;transition:all .3s ease;border-radius:6px}.header-nav .nav-item:hover{background:#ffffff0d}.header-nav .nav-item.active{background:#ffffff1a;color:#fff}.header-nav .nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,gold,#ffed4e);border-radius:1px}.header-right .user-status{display:flex;align-items:center;gap:10px}.header-right .user-info{font-weight:500}.header-right .vip-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-button span{width:30px;height:2px;background:#e0e0e0;border-radius:1px;transition:all .3s ease;transform-origin:center}.mobile-menu-button.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:768px){.app-header{height:60px;padding:0 20px}.header-left .app-title{font-size:18px}.mobile-menu-button{display:flex}.header-nav{position:fixed;top:60px;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.header-nav.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.header-nav .nav-menu{flex-direction:column;gap:0}.header-nav .nav-item{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.header-nav .nav-item.active:after{display:none}.header-right{display:none}.app-main{margin-top:60px;min-height:calc(100vh - 60px)}.step-page{min-height:calc(100vh - 60px);padding:40px 20px}}@media(max-width:480px){.app-header{padding:0 15px}.header-left .app-title{font-size:16px}.header-nav .nav-menu{gap:10px}.header-nav .nav-item{padding:4px 8px;font-size:11px}.step-page{padding:30px 15px}}.app-main{margin-top:80px;min-height:calc(100vh - 80px);position:relative}.step-page{min-height:calc(100vh - 80px);padding:60px 40px;transition:all .5s ease}.step-1 .hero-section{display:flex;align-items:center;justify-content:space-between;min-height:calc(100vh - 200px);gap:60px}.step-1 .hero-content{flex:1;max-width:600px}.step-1 .hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-1 .hero-subtitle{display:block;font-size:20px;font-weight:500;margin-top:10px;opacity:.8}.step-1 .hero-description{font-size:18px;line-height:1.6;margin-bottom:40px;color:#b0b0b0}.step-1 .hero-features{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.step-1 .feature-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.step-1 .feature-item:hover{background:#ffffff1a;transform:translateY(-2px)}.step-1 .feature-icon{font-size:18px}.step-1 .hero-button{position:relative;padding:18px 40px;background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:10px;margin:0 auto}.step-1 .hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.step-1 .hero-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.step-1 .hero-visual{flex:1;display:flex;align-items:center;justify-content:center}.step-1 .visual-grid{display:flex;flex-direction:row;gap:15px;width:auto;height:auto;align-items:center;justify-content:center;margin-top:20px}.step-1 .grid-item{border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .3s ease;width:16px;height:16px}.step-1 .grid-item:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff1a}.step-1 .grid-item-1{animation:pulse 3s infinite}.step-1 .grid-item-2{animation:pulse 3s infinite 1s}.step-1 .grid-item-3{animation:pulse 3s infinite 2s}.step-1 .grid-item-4{animation:pulse 3s infinite .5s}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.uploaded-files{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.file-thumbnail{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.file-thumbnail img{width:100%;height:100%;object-fit:cover;cursor:pointer}.video-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d}.video-icon{font-size:24px;margin-bottom:5px}.video-name{font-size:10px;color:#b0b0b0;text-align:center;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-button{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:#ff3b30cc;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.delete-button:hover{background:#ff3b30;transform:scale(1.1)}.upload-count{position:absolute;bottom:10px;right:10px;font-size:12px;color:#b0b0b0;background:#00000080;padding:2px 8px;border-radius:10px}.image-preview-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.preview-content{max-width:90%;max-height:90%;cursor:default}.preview-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.page-header{margin-bottom:40px;text-align:center}.page-title{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:#b0b0b0}.page-content{max-width:1200px;margin:0 auto}.module{background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.module-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}.upload-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#ffffff4d;background:#ffffff05}.upload-content .upload-icon{font-size:48px;margin-bottom:20px}.upload-content .upload-text{font-size:16px;margin-bottom:10px;color:#fff}.upload-content .upload-hint{font-size:14px;margin-bottom:30px;color:#b0b0b0}.upload-button{padding:12px 30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:500;transition:all .3s ease;cursor:pointer}.upload-button:hover{background:#fff3;transform:translateY(-1px)}.link-parse-area{padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.link-parse-content .parse-hint{margin-bottom:20px;color:#b0b0b0;font-size:14px}.parse-input-group{display:flex;gap:15px;align-items:center}.parse-input{flex:1;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.parse-input::placeholder{color:#b0b0b0}.parse-button{padding:15px 30px;background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:500;transition:all .3s ease;cursor:pointer;white-space:nowrap}.parse-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}.parse-button:disabled{background:#ffffff1a;cursor:not-allowed;transform:none;box-shadow:none}.parse-result{margin-top:20px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.result-header h4{color:#fff;font-size:16px;font-weight:600}.clear-result-btn{padding:4px 12px;background:#ff3b3033;border:1px solid rgba(255,59,48,.3);border-radius:4px;color:#ff3b30;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-result-btn:hover{background:#ff3b304d}.result-content{display:flex;flex-direction:column;gap:15px}.result-item{display:flex;flex-direction:column;gap:5px}.result-label{font-size:14px;font-weight:600;color:#fff}.result-value{font-size:14px;color:#b0b0b0;line-height:1.5;margin:0;white-space:pre-wrap}.result-list{font-size:14px;color:#b0b0b0;line-height:1.5;margin:0;padding-left:20px}.result-list li{margin-bottom:5px}.memory-content .memory-text{margin-bottom:20px;color:#b0b0b0}.memory-select{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.memory-select option{background:#1a1a1a;color:#fff}.platform-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.platform-tabs::-webkit-scrollbar{display:none}.platform-tab{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px 8px 0 0;color:#b0b0b0;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.platform-tab:hover{background:#ffffff1a;color:#fff}.platform-tab.active{background:#ffffff1a;color:#fff;border-bottom:1px solid transparent}.platform-icon{font-size:16px}.copywriting-content{background:#ffffff05;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.1)}.copywriting-group{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.copywriting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.copywriting-tag{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.copywriting-tag.high-exposure{background:#ffa50033;color:orange}.copywriting-tag.high-conversion{background:#00800033;color:#0f0}.copywriting-score{font-size:14px;color:#b0b0b0}.copywriting-text{font-size:16px;line-height:1.6;margin-bottom:15px;color:#fff;min-height:80px}.copywriting-actions{display:flex;gap:10px}.copy-button,.collect-button,.regenerate-button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease}.copy-button:hover,.collect-button:hover,.regenerate-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}.collect-button.member-only:after,.batch-generate-button:after{content:"会员专享";position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700}.hidden-copywriting{background:#ffffff0d;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.hidden-copywriting-title{font-size:14px;font-weight:600;margin-bottom:10px;color:#b0b0b0}.hidden-copywriting-text{font-size:14px;line-height:1.6;color:#fff;min-height:60px}.copywriting-footer{display:flex;justify-content:space-between;align-items:center}.member-exclusive{display:flex;gap:10px;align-items:center}.member-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.batch-generate-button{padding:8px 16px;background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease;position:relative}.batch-generate-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}.video-area{text-align:center}.video-style-tabs{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.video-style-tab{padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#b0b0b0;font-weight:500;transition:all .3s ease;font-size:14px}.video-style-tab:hover,.video-style-tab.active{background:#ffffff1a;color:#fff}.video-style-tab.member-only{position:relative}.video-style-tab.member-only:after{content:"会员专享";position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700}.video-preview{width:100%;height:300px;background:#ffffff05;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;position:relative}.preview-placeholder{text-align:center}.preview-icon{font-size:48px;margin-bottom:10px}.preview-text{color:#b0b0b0}.preview-loading{margin-top:20px;width:80%}.loading-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:10px}.loading-progress{width:70%;height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:3px;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-text{color:#b0b0b0;font-size:14px}.video-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.preview-script-button,.sync-button{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease}.preview-script-button:hover,.sync-button:hover{background:#fff3;transform:translateY(-1px)}.generate-video-button{padding:12px 30px;background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.generate-video-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}.generate-video-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:rotate(45deg);animation:shine 3s infinite}.reference-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.reference-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05)}.reference-title{font-size:16px;font-weight:600;margin-bottom:10px;color:#fff}.reference-stats{display:flex;gap:15px;margin-bottom:15px}.stat{padding:4px 12px;background:#ffa50033;border-radius:12px;font-size:12px;color:orange;font-weight:600}.reference-content{font-size:14px;line-height:1.5;color:#b0b0b0}.save-export-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:768px){.save-export-container{grid-template-columns:1fr;gap:24px}}.save-module,.export-module{background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.module-header{position:relative;margin-bottom:30px;padding-bottom:15px}.module-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#ffd7004d,#ffffff1a)}.module-title{font-size:20px;font-weight:600;margin-bottom:10px;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.save-options,.export-options{display:flex;flex-direction:column;gap:20px}.save-option,.export-option{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.save-option:hover,.export-option:hover{background:#ffffff14;transform:translateY(-2px)}.option-header{display:flex;align-items:center;gap:12px}.checkbox-container{position:relative;width:20px;height:20px}.checkbox{position:absolute;top:0;left:0;width:20px;height:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.checkbox:hover{border-color:#ffd70080}.checkbox.checked{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold}.checkbox.checked:after{content:"✓";color:#0a0a0a;font-weight:700;font-size:14px;animation:ripple .3s ease}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.option-title{font-size:16px;font-weight:500;color:#fff}.option-tag{padding:4px 12px;background:#00800033;border-radius:12px;font-size:12px;color:#0f0;font-weight:600}.option-lock{display:flex;align-items:center;gap:8px}.lock-icon{font-size:14px}.lock-text{font-size:12px;color:gold}.option-description{font-size:14px;color:#999;line-height:1.5;margin-left:32px}.video-quality-options{margin-left:32px;margin-top:10px;display:flex;flex-direction:column;gap:10px}.quality-option{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border-radius:8px}.quality-tag{padding:4px 12px;background:#ffffff1a;border-radius:12px;font-size:12px;color:#fff;font-weight:600}.quality-tag.member-only{background:#ffd70033;color:gold}.quality-hint{font-size:12px;color:#999}.preview-button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease;margin-top:10px;align-self:flex-start}.preview-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}.clear-cache-button{width:100%;padding:12px;background:#ff3b3033;border:1px solid rgba(255,59,48,.3);border-radius:8px;color:#ff3b30;font-size:14px;font-weight:500;transition:all .3s ease;margin-top:20px}.clear-cache-button:hover{background:#ff3b304d;transform:translateY(-1px)}.clear-cache-hint{font-size:12px;color:#999;text-align:center;margin-top:8px}.action-buttons{display:flex;gap:15px;justify-content:flex-end;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.action-buttons{flex-direction:column;align-items:stretch}}.confirm-button{padding:15px 40px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;color:#0a0a0a;font-size:16px;font-weight:600;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.confirm-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd7004d}.confirm-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:rotate(45deg);animation:shine 3s infinite}.user-info-section{margin-bottom:30px}.user-profile{display:flex;flex-direction:column;gap:20px}.avatar-section{display:flex;align-items:center;gap:20px}.avatar{width:100px;height:100px;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,215,0,.3)}.user-details{flex:1}.username{font-size:20px;font-weight:600;color:#fff;margin-bottom:10px}.user-meta{font-size:14px;color:#b0b0b0;margin-bottom:5px}.user-actions{display:flex;gap:15px}.action-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.edit-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.edit-btn:hover{background:#fff3;transform:translateY(-1px)}.logout-btn{background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.logout-btn:hover{background:#ff3b304d;transform:translateY(-1px)}.member-status{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;border-radius:12px;margin-bottom:30px;border:1px solid rgba(255,255,255,.05)}.status-info h4{font-size:16px;color:#fff;margin-bottom:10px}.status-text{font-size:18px;font-weight:600;color:gold;margin-bottom:5px}.expiry-text{font-size:14px;color:#b0b0b0}.renew-btn{padding:10px 20px;background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.renew-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffd7004d}.points-section{display:grid;grid-template-columns:1fr 2fr;gap:30px}@media(max-width:768px){.points-section{grid-template-columns:1fr}}.points-overview{background:#ffffff0d;border-radius:12px;padding:30px;text-align:center;border:1px solid rgba(255,255,255,.05)}.points-overview h4{font-size:16px;color:#fff;margin-bottom:15px}.points-value{font-size:32px;font-weight:700;color:gold;margin-bottom:20px}.points-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;margin-bottom:10px;width:100%}.sign-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#0a0a0a;font-weight:600}.sign-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffd7004d}.exchange-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.exchange-btn:hover{background:#fff3;transform:translateY(-1px)}.points-details{background:#ffffff0d;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.05)}.points-details h4{font-size:16px;color:#fff;margin-bottom:20px}.points-history{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.history-info{display:flex;flex-direction:column;gap:5px}.history-type{font-size:14px;color:#fff;font-weight:500}.history-date{font-size:12px;color:#b0b0b0}.history-points{font-size:16px;font-weight:600;color:#0f0}.history-points.negative{color:#ff3b30}.help-section{display:flex;gap:15px;flex-wrap:wrap}.help-btn{padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.help-btn:hover{background:#fff3;transform:translateY(-1px)}@media(max-width:768px){.user-profile,.avatar-section{flex-direction:column;align-items:flex-start}.user-actions{width:100%}.action-btn{flex:1}.member-status{flex-direction:column;align-items:flex-start;gap:20px}.renew-btn{align-self:flex-start}}.step-navigation{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.nav-button{padding:12px 30px;border-radius:8px;font-weight:500;transition:all .3s ease}.prev-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.prev-button:hover{background:#fff3}.next-button{background:linear-gradient(135deg,#1a1a1a,#333);border:1px solid rgba(255,255,255,.2);color:#fff}.next-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #ffffff1a}@media(max-width:1200px){.step-1 .hero-section{flex-direction:column;text-align:center}.step-1 .hero-visual{margin-top:50px}.pricing-cards{grid-template-columns:1fr;max-width:500px;margin:30px auto 0}}@media(max-width:768px){.app-header{padding:0 20px;height:60px}.header-nav .nav-menu{gap:15px}.header-nav .nav-item{padding:8px 12px;font-size:14px}.step-page{padding:40px 20px}.step-1 .hero-title{font-size:32px}.step-1 .hero-description{font-size:16px}.step-1 .visual-grid{width:300px;height:300px}.upload-area{padding:40px 20px}.platform-tabs{flex-wrap:wrap}.step-navigation{flex-direction:column;gap:15px}.nav-button{width:100%;text-align:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-page{animation:fadeInUp .5s ease-out}.loading-overlay{position:fixed;inset:0;background:#0a0a0ae6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}