1 line
5.1 KiB
Plaintext
1 line
5.1 KiB
Plaintext
.design-page{min-height:100vh;padding:0 32rpx calc(220rpx + env(safe-area-inset-bottom))}.page-header.design-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:88rpx;padding-bottom:16rpx}.header-spacer{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:88rpx;width:88rpx}.header-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:36rpx;font-weight:700;text-align:center}.header-manage{color:var(--accent-secondary);font-size:28rpx;font-weight:500;text-align:center;width:88rpx}.status-tabs{margin:8rpx 0 24rpx}.tabs-scroll{white-space:nowrap}.chip{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:999rpx;color:var(--text-secondary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:26rpx;font-weight:500;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-right:16rpx;padding:0 32rpx}.chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-page);font-weight:600}.chip .tab-label{color:inherit}.batch-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:24rpx;padding:24rpx}.batch-select-all{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.batch-checkbox{-ms-flex-negative:0;border:2rpx solid var(--border-strong);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:40rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease;width:40rpx}.batch-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.batch-text{color:var(--text-primary);font-size:26rpx;margin-left:16rpx}.batch-delete{color:var(--text-secondary);font-size:26rpx;padding:12rpx 24rpx}.batch-delete.active{color:var(--danger);font-weight:600}.design-list{padding-bottom:24rpx}.design-card{background:var(--bg-card);border:1rpx solid transparent;border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);margin-bottom:24rpx;padding:24rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.design-card.selected{background:var(--accent-primary-soft);border-color:var(--accent-primary)}.design-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.design-icon-img{-ms-flex-negative:0;background:var(--bg-input);border-radius:12rpx;-webkit-flex-shrink:0;flex-shrink:0;height:48rpx;width:48rpx}.design-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.design-title-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:8rpx}.design-name{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-card .badge{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:22rpx;font-weight:600;height:40rpx;-webkit-justify-content:center;justify-content:center;line-height:1;padding:0 16rpx}.design-meta{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:4rpx}.design-total{color:var(--accent-primary);display:block;font-size:24rpx;font-weight:600}.design-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:24rpx}.design-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;height:64rpx;-webkit-justify-content:center;justify-content:center;padding:0 32rpx}.empty-state{-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:100rpx 40rpx;text-align:center}.empty-icon-img{height:88rpx;margin-bottom:24rpx;width:88rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:28rpx;margin-bottom:32rpx}.empty-state .btn-primary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;min-width:320rpx;padding:0 48rpx} |