*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FF6B9D;--primary-light: #FF8FB3;--primary-dark: #E85A8A;--bg-color: #f8f9fa;--bg-pink: #FFF5F7;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--border-color: #e9ecef;--shadow-light: 0 4rpx 20rpx rgba(255, 107, 157, .1);--shadow-medium: 0 8rpx 30rpx rgba(255, 107, 157, .15)}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-color);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased}#appWrapper{min-height:100vh;display:flex;justify-content:center}#app{width:100%;min-height:100vh;padding-bottom:60px;max-width:600px}@media (min-width: 768px){#app{max-width:600px}}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2rpx 10rpx #0000000d;z-index:1000;max-width:600px;margin:0 auto}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8rpx;cursor:pointer;transition:all .2s ease}.tab-item.active{color:var(--primary-color)}.tab-icon{font-size:24px;margin-bottom:2px}.tab-text{font-size:12px}#pageContainer{min-height:calc(100vh - 60px);padding:20rpx}.page{display:none;min-height:calc(100vh - 60px)}.page.active{display:block}.container{padding:20rpx;background:var(--bg-color)}.section{background:#fff;border-radius:16rpx;padding:30rpx;margin-bottom:20rpx;box-shadow:var(--shadow-light)}.section-title{font-size:32rpx;font-weight:600;color:var(--text-primary);margin-bottom:20rpx}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:24rpx 40rpx;border-radius:50rpx;font-size:30rpx;font-weight:600;box-shadow:var(--shadow-medium);cursor:pointer;transition:all .2s ease}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--primary-color);border:2rpx solid var(--primary-color);padding:22rpx 40rpx;border-radius:50rpx;font-size:28rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:active{background:var(--bg-pink)}input,select{width:100%;padding:16rpx;border:2rpx solid var(--border-color);background:#fff;color:var(--text-primary);font-size:28rpx;border-radius:8rpx;outline:none}input:focus,select:focus{border-color:var(--primary-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60rpx}.loading-spinner{width:40rpx;height:40rpx;border:4rpx solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20rpx;color:var(--text-secondary);font-size:28rpx}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120rpx 40rpx;text-align:center}.empty-icon{font-size:80rpx;margin-bottom:30rpx}.empty-text{font-size:32rpx;color:var(--text-primary);margin-bottom:16rpx}.empty-hint{font-size:26rpx;color:var(--text-secondary);margin-bottom:40rpx}.credit-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;padding:20rpx 30rpx;border-radius:12rpx;margin-bottom:20rpx;cursor:pointer}.credit-left{display:flex;align-items:baseline}.credit-label{font-size:26rpx;opacity:.9}.credit-count{font-size:44rpx;font-weight:700;margin:0 8rpx}.credit-unit{font-size:24rpx;opacity:.9}.credit-right{display:flex;align-items:center;gap:10rpx}.credit-package{font-size:24rpx;background:#fff3;padding:6rpx 16rpx;border-radius:20rpx}.credit-add{font-size:24rpx;font-weight:600}.upload-area{border:4rpx dashed var(--border-color);padding:60rpx 40rpx;text-align:center;border-radius:12rpx;background:#fafafa;cursor:pointer;transition:all .2s ease}.upload-area:active{border-color:var(--primary-color);background:var(--bg-pink)}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{font-size:60rpx;margin-bottom:16rpx}.upload-text{color:var(--text-primary);font-size:28rpx;font-weight:500}.preview-image{max-width:100%;max-height:300rpx;border-radius:12rpx}.params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20rpx}.param-group{margin-bottom:10rpx}.param-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:12rpx;font-size:26rpx}.param-select{width:100%;padding:16rpx;border:2rpx solid var(--border-color);background:#fff;color:var(--text-primary);font-size:22rpx;border-radius:8rpx;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:48rpx;cursor:pointer}.param-select:after{content:"▼";font-size:20rpx;color:#95a5a6;flex-shrink:0;margin-left:10rpx}.thumbnail{width:100%;height:260rpx;margin-top:12rpx;border-radius:8rpx;border:2rpx solid var(--border-color);display:block;object-fit:cover}.thumbnail-placeholder{width:100%;height:260rpx;margin-top:12rpx;border-radius:8rpx;border:2rpx solid var(--border-color);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#95a5a6;font-size:22rpx;text-align:center;padding:10rpx;box-sizing:border-box}.generate-btn{display:block;width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:28rpx 0;font-size:30rpx;font-weight:600;border-radius:8rpx;margin-top:30rpx;cursor:pointer}.generate-btn.disabled{opacity:.6;cursor:not-allowed}.progress-section{margin-top:30rpx}.progress-bar-container{height:12rpx;background:var(--border-color);border-radius:6rpx;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width .3s ease}.progress-text{text-align:center;margin-top:16rpx;font-size:26rpx;color:var(--text-secondary)}.result-section{margin-top:30rpx}.result-image{width:100%;border-radius:12rpx}.multi-result{overflow-x:auto;margin-bottom:20rpx}.result-list{display:flex;gap:16rpx;padding:10rpx 0}.result-item{position:relative;flex-shrink:0}.result-thumb{width:200rpx;height:200rpx;border-radius:8rpx;object-fit:cover}.result-index{position:absolute;bottom:8rpx;right:8rpx;background:#00000080;color:#fff;font-size:20rpx;padding:4rpx 10rpx;border-radius:4rpx}.history-thumbnails{margin-top:20rpx}.history-scroll{overflow-x:auto}.history-list{display:flex;gap:12rpx;padding:10rpx 0}.history-item{position:relative;flex-shrink:0}.history-img{width:120rpx;height:120rpx;border-radius:8rpx;object-fit:cover;border:3rpx solid transparent;transition:all .2s ease}.history-item.active .history-img{border-color:var(--primary-color)}.history-check{position:absolute;top:4rpx;right:4rpx;background:var(--primary-color);color:#fff;font-size:18rpx;width:28rpx;height:28rpx;border-radius:50%;display:flex;align-items:center;justify-content:center}.copytext-card{background:#fafafa;border-radius:12rpx;padding:20rpx;margin-top:20rpx}.copytext-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx}.copytext-title{font-size:28rpx;font-weight:600;color:var(--text-primary)}.copytext-actions{display:flex;gap:16rpx}.action-btn{font-size:32rpx;cursor:pointer}.copytext-content{font-size:26rpx;color:var(--text-secondary);line-height:1.6;padding:16rpx;background:#fff;border-radius:8rpx}.save-section{margin-top:30rpx}.save-btn{display:flex;align-items:center;justify-content:center;gap:10rpx;width:100%;background:#fff;color:var(--primary-color);border:2rpx solid var(--primary-color);padding:20rpx;border-radius:8rpx;font-size:28rpx;cursor:pointer}.history-list-wrap{background:#fff;border-radius:16rpx;overflow:hidden}.history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4rpx;padding:4rpx}.history-item-wrap{position:relative;aspect-ratio:1}.history-image{width:100%;height:100%;object-fit:cover;border-radius:4rpx}.select-check{position:absolute;top:8rpx;left:8rpx}.check-circle{width:40rpx;height:40rpx;border-radius:50%;border:3rpx solid #ffffff;background:#0000004d;display:flex;align-items:center;justify-content:center}.check-circle.checked{background:var(--primary-color)}.check-circle.checked:after{content:"✓";color:#fff;font-size:24rpx}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:20rpx;background:var(--bg-pink);border-bottom:1rpx solid var(--border-color)}.cancel-btn,.select-all-btn{color:var(--primary-color);font-size:28rpx;cursor:pointer}.batch-save-bar{position:fixed;bottom:80rpx;left:0;right:0;padding:20rpx;background:#fff;box-shadow:0 -4rpx 20rpx #0000001a;max-width:600px;margin:0 auto}.batch-save-btn{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:24rpx;border-radius:8rpx;font-size:30rpx;font-weight:600;cursor:pointer}.user-header{display:flex;align-items:center;gap:30rpx;padding:40rpx;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border-radius:16rpx;margin-bottom:20rpx}.user-avatar{width:120rpx;height:120rpx;border-radius:50%;border:6rpx solid #ffffff;object-fit:cover}.user-info{flex:1}.user-name{font-size:36rpx;font-weight:600;margin-bottom:8rpx}.user-id{font-size:24rpx;opacity:.8;word-break:break-all}.stats-section{display:flex;justify-content:space-around;background:#fff;border-radius:16rpx;padding:30rpx;margin-bottom:20rpx;box-shadow:var(--shadow-light)}.stats-item{text-align:center}.stats-num{font-size:40rpx;font-weight:700;color:var(--primary-color)}.stats-label{font-size:24rpx;color:var(--text-secondary);margin-top:8rpx}.menu-section{background:#fff;border-radius:16rpx;overflow:hidden;margin-bottom:20rpx;box-shadow:var(--shadow-light)}.menu-title{padding:20rpx 30rpx;font-size:28rpx;color:var(--text-secondary);border-bottom:1rpx solid var(--border-color)}.menu-item{display:flex;align-items:center;padding:28rpx 30rpx;border-bottom:1rpx solid var(--border-color);cursor:pointer;transition:background .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:active{background:#fafafa}.menu-icon{font-size:32rpx;margin-right:20rpx}.menu-text{flex:1;font-size:30rpx;color:var(--text-primary)}.menu-arrow{color:var(--text-secondary);font-size:28rpx}.logout-btn{background:none;border:none;width:100%;text-align:left}.login-container{min-height:calc(100vh - 60px);background:linear-gradient(180deg,var(--bg-color) 0%,var(--bg-pink) 100%);display:flex;flex-direction:column;padding:60rpx 40 align-items: center}.logo-section{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:40rpx;margin-bottom:40rpx}.camera-icon{position:relative;z-index:1;margin-bottom:30rpx}.camera-body{width:140rpx;height:100rpx;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:20rpx;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);position:relative}.camera-body:before{content:"";position:absolute;top:-16rpx;left:50%;transform:translate(-50%);width:60rpx;height:24rpx;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:8rpx 8rpx 0 0}.camera-lens{width:70rpx;height:70rpx;border-radius:50%;background:linear-gradient(135deg,#fff,#e0e0e0);border:6rpx solid #ffffff;box-shadow:inset 0 0 20rpx #ff6b9d4d;position:relative}.camera-lens:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30rpx;height:30rpx;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);opacity:.6}.camera-flash{position:absolute;top:10rpx;right:16rpx;width:12rpx;height:12rpx;border-radius:50%;background:#fff;opacity:.8}.title-wrap{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.title{font-size:72rpx;font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 50%,#FFB6C1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:8rpx}.title-en{font-size:22rpx;color:var(--primary-light);letter-spacing:6rpx;margin-top:10rpx;font-weight:500;opacity:.8}.decoration-stars{position:absolute;width:100%;top:30rpx;left:0}.star{position:absolute;font-size:24rpx;animation:sparkle 2s ease-in-out infinite}.star-1{left:-80rpx;top:40rpx;animation-delay:0s}.star-2{right:-80rpx;top:20rpx;animation-delay:.5s}.star-3{left:-40rpx;top:100rpx;animation-delay:1s}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.subtitle{font-size:28rpx;color:var(--text-secondary);text-align:center;margin-bottom:60rpx;letter-spacing:2rpx}.login-content{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:600rpx}.avatar-btn{display:flex;flex-direction:column;align-items:center;background:#fff;border:none;padding:40rpx;margin-bottom:60rpx;border-radius:24rpx;box-shadow:var(--shadow-medium);cursor:pointer}.avatar{width:160rpx;height:160rpx;border-radius:50%;background:#f5f5f5;margin-bottom:16rpx;border:6rpx solid var(--primary-color);object-fit:cover}.avatar-hint{font-size:26rpx;color:var(--primary-color);font-weight:500}.login-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff;border-radius:50rpx;font-size:34rpx;font-weight:600;padding:32rpx 0;box-shadow:var(--shadow-medium);letter-spacing:4rpx;border:none;cursor:pointer}.login-btn.loading{opacity:.7}.quick-login-btn{background:#fff;color:var(--primary-color);border-radius:50rpx;font-size:28rpx;padding:24rpx 0;margin-top:30rpx;border:2rpx solid var(--primary-color);font-weight:500;cursor:pointer}.generate-options{background:#fafafa;border-radius:12rpx;padding:20rpx}.option-row{display:flex;justify-content:space-between;align-items:center;padding:16rpx 0}.option-label{font-size:28rpx;color:var(--text-primary)}.preset-actions{display:flex;gap:16rpx}.preset-btn{padding:10rpx 20rpx;background:#fff;border:2rpx solid var(--border-color);border-radius:8rpx;font-size:24rpx;color:var(--text-secondary);cursor:pointer}.load-more{padding:20rpx;text-align:center}.load-more-btn{background:#fff;border:2rpx solid var(--border-color);padding:16rpx 40rpx;border-radius:8rpx;font-size:28rpx;color:var(--text-secondary);cursor:pointer}@media (min-width: 768px){.container{max-width:600px;margin:0 auto;padding:20px}.section{padding:24px;margin-bottom:16px;border-radius:12px}.section-title{font-size:20px;margin-bottom:16px}.params-grid{grid-template-columns:repeat(2,1fr);gap:16px}.param-label{font-size:14px;margin-bottom:8px}.param-select{padding:12px;font-size:14px;min-height:40px}.thumbnail{height:180px;margin-top:8px}.thumbnail-placeholder{height:180px;font-size:14px}.history-list{grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.credit-bar{padding:16px 24px;border-radius:8px}.credit-count{font-size:32px}.generate-btn{padding:20px;font-size:18px;border-radius:8px;margin-top:24px}.upload-area{padding:48px 32px}.upload-icon{font-size:48px}.upload-text{font-size:18px}.result-thumb{width:160px;height:160px}.history-img{width:100px;height:100px}.copytext-card{padding:16px}.copytext-title{font-size:18px}.copytext-content{font-size:16px;padding:12px}.save-btn{padding:16px;font-size:16px}.user-header{padding:32px;border-radius:12px}.user-avatar{width:80px;height:80px}.user-name{font-size:24px}.stats-section{padding:24px;border-radius:12px}.stats-num{font-size:28px}.menu-section{border-radius:12px}.menu-item{padding:20px 24px}.menu-text{font-size:16px}.login-container{padding:48px 24px}.title{font-size:48px}.title-en{font-size:14px}.subtitle{font-size:18px;margin-bottom:40px}.login-content{max-width:360px}.avatar-btn{padding:32px;margin-bottom:40px;border-radius:16px}.avatar{width:100px;height:100px}.avatar-hint{font-size:16px}.login-btn{font-size:20px;padding:24px}.quick-login-btn{font-size:16px;padding:18px}.history-list-wrap{border-radius:12px}}@media (max-width: 380px){.params-grid{grid-template-columns:1fr}.history-list{grid-template-columns:repeat(2,1fr)}.result-thumb{width:140px;height:140px}.history-img{width:80px;height:80px}}