1 line
9.4 KiB
Plaintext
1 line
9.4 KiB
Plaintext
.wordcloud-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.page-header.cloud-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:transparent;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin:0;min-height:88rpx;padding-bottom:24rpx;padding-left:0;padding-right:0}.cloud-header .back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.cloud-header .back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.cloud-header .back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.cloud-header .page-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:600;letter-spacing:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-spacer{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.step-indicator{-ms-flex-align:stretch;-ms-flex-pack:center;-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:24rpx;padding:32rpx 16rpx}.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;min-width:0;position:relative}.step-circle{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border:1rpx solid var(--border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:12rpx;-webkit-transition:background .16s ease,border-color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,-webkit-box-shadow .16s ease;width:64rpx}.step-circle.active{background:var(--accent-primary);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 8rpx var(--accent-primary-soft);box-shadow:0 0 0 8rpx var(--accent-primary-soft)}.step-num{color:var(--text-muted);font-size:28rpx;font-weight:700;line-height:1}.step-circle.active .step-num{color:var(--bg-page)}.step-label{color:var(--text-secondary);font-size:24rpx;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.step-label.active{color:var(--accent-primary);font-weight:600}.step-line{background:var(--bg-input);border-radius:999rpx;height:4rpx;left:60%;position:absolute;top:31rpx;width:100%}.step-line.active{background:var(--accent-primary)}.step-content{padding:0 0 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:420rpx;overflow:hidden}.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:64rpx 48rpx;text-align:center}.upload-icon{height:80rpx;margin-bottom:24rpx;width:80rpx}.upload-title{color:var(--text-primary);font-size:32rpx;font-weight:600;letter-spacing:0;margin-bottom:12rpx}.upload-desc{color:var(--text-secondary);font-size:26rpx;margin-bottom:24rpx}.upload-tip{background:var(--accent-secondary-soft);border-radius:999rpx;color:var(--accent-secondary);font-size:22rpx;line-height:1.5;padding:12rpx 24rpx}.preview-image{border-radius:24rpx;height:420rpx;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:32rpx}.action-btns .btn-primary,.action-btns .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:96rpx;-webkit-justify-content:center;justify-content:center}.input-section{padding:32rpx}.input-section .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:0}.names-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;line-height:1.6;margin-top:24rpx;min-height:320rpx;padding:24rpx;-webkit-transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,-webkit-box-shadow .16s ease;width:100%}.names-input:focus{background:var(--bg-card);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 6rpx var(--accent-primary-soft);box-shadow:0 0 0 6rpx var(--accent-primary-soft)}.names-input::-webkit-input-placeholder{color:var(--text-muted)}.names-input::-moz-placeholder{color:var(--text-muted)}.names-input:-ms-input-placeholder{color:var(--text-muted)}.names-input::-ms-input-placeholder{color:var(--text-muted)}.names-input::placeholder{color:var(--text-muted)}.input-stats{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:12rpx;text-align:right}.input-tips{background:var(--bg-muted);border-radius:16rpx;margin-top:24rpx;padding:24rpx}.tip-item{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.6;margin-bottom:8rpx}.tip-item:last-child{margin-bottom:0}.generating-panel{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:96rpx 48rpx}.generating-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;height:104rpx;width:104rpx}@-webkit-keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.72;-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.72;-webkit-transform:scale(1.12);transform:scale(1.12)}}.generating-title{color:var(--text-primary);font-size:36rpx;font-weight:700;letter-spacing:0;margin-top:32rpx}.generating-subtitle{color:var(--text-secondary);font-size:26rpx;margin-bottom:40rpx;margin-top:12rpx}.progress-bar{background:var(--bg-muted);border-radius:999rpx;height:12rpx;overflow:hidden;width:100%}.progress-fill{background:var(--accent-primary);border-radius:999rpx;height:100%;-webkit-transition:width .5s ease;transition:width .5s ease}.progress-text{color:var(--accent-primary);font-size:30rpx;font-variant:tabular-nums;font-weight:700;margin-top:16rpx}.result-panel{padding:0}.result-image-wrapper{border-radius:24rpx;overflow:hidden;position:relative}.result-image{background:var(--bg-muted);height:520rpx;width:100%}.watermark-badge{backdrop-filter:blur(24rpx);-webkit-backdrop-filter:blur(24rpx);background:var(--glass);border:1rpx solid var(--glass-line);border-radius:999rpx;bottom:24rpx;color:var(--text-primary);font-size:22rpx;padding:10rpx 20rpx;position:absolute;right:24rpx}.result-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin:24rpx 0 0}.action-btn{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;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;gap:10rpx;min-width:0;padding:24rpx 8rpx}.action-btn:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.action-icon{height:44rpx;width:44rpx}.action-label{color:var(--text-secondary);font-size:22rpx;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-primary);font-size:40rpx} |