1 line
5.6 KiB
Plaintext
1 line
5.6 KiB
Plaintext
.wordcloud-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{background:transparent;margin:20rpx 0 0;padding:calc(env(safe-area-inset-top, 0rpx) + 44rpx) 32rpx 24rpx}.back-btn{color:var(--text-primary);font-size:40rpx;padding:10rpx}.step-indicator{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin:0 24rpx;padding:32rpx}.step-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.step-circle{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:4rpx dashed var(--bg-input);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:12rpx;width:64rpx}.step-circle.active{background:var(--btn-gradient);border-color:var(--accent-pink)}.step-num{color:var(--text-muted);font-size:28rpx;font-weight:700}.step-circle.active .step-num{color:#fff}.step-label{color:var(--text-secondary);font-size:24rpx}.step-label.active{color:var(--accent-pink);font-weight:600}.step-line{background:var(--bg-input);height:4rpx;left:60%;position:absolute;top:30rpx;width:100%}.step-line.active{background:var(--btn-gradient)}.step-content{padding:32rpx}.upload-area{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:400rpx}.upload-placeholder{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx}.upload-icon{height:80rpx;margin-bottom:24rpx;width:80rpx}.upload-title{color:var(--text-primary);font-size:32rpx;font-weight:600;margin-bottom:12rpx}.upload-desc{color:var(--text-secondary);font-size:26rpx;margin-bottom:16rpx}.upload-tip{background:rgba(91,140,255,.1);border:var(--line-card);border-radius:50rpx;color:var(--accent-blue);font-size:22rpx;padding:8rpx 20rpx}.preview-image{border-radius:24rpx;height:400rpx;width:100%}.action-btns{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx;margin-top:40rpx}.input-section{padding:32rpx}.names-input{background:var(--bg-input);border:var(--line-card);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;line-height:1.6;min-height:300rpx;padding:24rpx;width:100%}.input-stats{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:12rpx;text-align:right}.input-tips{margin-top:24rpx}.tip-item{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:8rpx}.generating-panel{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:80rpx 40rpx}.generating-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;height:120rpx;width:120rpx}@-webkit-keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}.generating-title{color:var(--text-primary);font-size:40rpx;font-weight:700;margin-top:40rpx}.generating-subtitle{color:var(--text-secondary);font-size:28rpx;margin-bottom:40rpx;margin-top:16rpx}.progress-bar{background:rgba(255,154,158,.15);border-radius:8rpx;height:16rpx;overflow:hidden;width:80%}.progress-fill{background:var(--btn-gradient);border-radius:8rpx;height:100%;-webkit-transition:width .5s ease;transition:width .5s ease}.progress-text{color:var(--accent-pink);font-size:32rpx;font-weight:700;margin-top:16rpx}.result-panel{padding:20rpx 0}.result-image-wrapper{overflow:hidden;position:relative}.result-image{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));height:500rpx;width:100%}.watermark-badge{background:hsla(0,0%,100%,.8);border:var(--line-card);border-radius:8rpx;bottom:20rpx;color:var(--text-primary);font-size:22rpx;padding:8rpx 20rpx;position:absolute;right:20rpx}.result-actions{-ms-flex-pack:distribute;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:32rpx 0}.action-btn{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20rpx}.action-icon{height:48rpx;margin-bottom:8rpx;width:48rpx}.action-label{color:var(--text-secondary);font-size:24rpx}.diy-jump-card{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.diy-jump-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.diy-jump-desc{color:var(--text-secondary);display:block;font-size:24rpx}.diy-jump-arrow{color:var(--accent-pink);font-size:40rpx} |