expansion-detail.wxss
4.41 KB
.container.data-v-e4258dde{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;box-sizing:border-box}.header.data-v-e4258dde{display:flex;align-items:center;justify-content:space-between;margin-bottom:40rpx}.back-btn.data-v-e4258dde{background:#fff;border:none;border-radius:24rpx;padding:16rpx 24rpx;color:#388e3c;font-size:28rpx;box-shadow:0 4rpx 16rpx rgba(76,175,80,.15);transition:all .2s ease}.header-title.data-v-e4258dde{text-align:center;color:#388e3c;font-size:36rpx;font-weight:700;letter-spacing:4rpx;flex:1}.detail-card.data-v-e4258dde{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden}.card-header.data-v-e4258dde{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;color:#fff;font-weight:600;letter-spacing:2rpx;font-size:32rpx}.detail-content.data-v-e4258dde{padding:40rpx}.loading.data-v-e4258dde{text-align:center;padding:80rpx 40rpx;color:#6a9c6a;font-size:28rpx}.error-state.data-v-e4258dde{text-align:center;padding:80rpx 40rpx;color:#c62828}.retry-btn.data-v-e4258dde{margin-top:24rpx;background:#43a047;color:#fff;border-radius:16rpx;padding:16rpx 32rpx;font-size:28rpx}.info-sections.data-v-e4258dde{display:block}.info-section.data-v-e4258dde{margin-bottom:48rpx}.section-title.data-v-e4258dde{font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:32rpx;padding-bottom:16rpx;border-bottom:4rpx solid #e8f5e9}.info-grid.data-v-e4258dde{display:grid;grid-template-columns:1fr 1fr;gap:32rpx}.info-item.data-v-e4258dde{display:flex;flex-direction:column}.info-item.full-width.data-v-e4258dde{grid-column:1/-1}.info-label.data-v-e4258dde{font-size:24rpx;color:#6a9c6a;margin-bottom:8rpx;font-weight:500}.info-value.data-v-e4258dde{font-size:28rpx;color:#2e7d32;font-weight:500;padding:16rpx 24rpx;background:#f8fff8;border-radius:16rpx;border:2rpx solid #e8f5e9}.status-badge.data-v-e4258dde{display:inline-block;padding:8rpx 24rpx;border-radius:40rpx;font-size:24rpx;font-weight:500;text-align:center}.status-badge.yes.data-v-e4258dde{background:#e8f5e9;color:#2e7d32;border:2rpx solid #c8e6c9}.status-badge.no.data-v-e4258dde{background:#ffebee;color:#c62828;border:2rpx solid #ffcdd2}.action-buttons.data-v-e4258dde{display:flex;gap:24rpx;margin-top:32rpx;padding:0;position:relative;z-index:5}.action-btn.data-v-e4258dde{flex:1;height:88rpx;border-radius:24rpx;font-size:32rpx;font-weight:600;letter-spacing:2rpx;transition:all .3s ease;text-align:center;line-height:88rpx}.edit-btn.data-v-e4258dde{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;box-shadow:0 6rpx 20rpx rgba(67,233,123,.3);position:relative;z-index:10}.edit-btn.data-v-e4258dde:hover{-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 8rpx 25rpx rgba(67,233,123,.4)}.edit-btn.data-v-e4258dde:active{-webkit-transform:translateY(0);transform:translateY(0);background:linear-gradient(135deg,#38d96b,#2ee5c7)}.dialog-overlay.data-v-e4258dde{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.remark-modal.data-v-e4258dde{background:#fff;border-radius:20rpx;overflow:hidden;width:600rpx;max-width:90%}.modal-header.data-v-e4258dde{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;display:flex;align-items:center;justify-content:space-between}.modal-title.data-v-e4258dde{color:#fff;font-size:32rpx;font-weight:600;letter-spacing:2rpx}.close-btn.data-v-e4258dde{color:#fff;font-size:40rpx;font-weight:700;line-height:1;cursor:pointer}.modal-content.data-v-e4258dde{padding:40rpx}.remark-textarea.data-v-e4258dde{width:100%;min-height:200rpx;padding:20rpx;border:2rpx solid #e8f5e9;border-radius:16rpx;font-size:28rpx;color:#2e7d32;background:#f8fff8;box-sizing:border-box;resize:none}.remark-textarea.data-v-e4258dde:focus{border-color:#43a047;background:#fff}.char-count.data-v-e4258dde{display:block;text-align:right;font-size:24rpx;color:#999;margin-top:16rpx}.modal-footer.data-v-e4258dde{display:flex;gap:24rpx;padding:0 40rpx 40rpx}.modal-btn.data-v-e4258dde{flex:1;height:80rpx;border-radius:20rpx;font-size:28rpx;font-weight:600;letter-spacing:2rpx;transition:all .3s ease}.cancel-btn.data-v-e4258dde{background:#f5f5f5;color:#666}.save-btn.data-v-e4258dde{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none;box-shadow:0 4rpx 16rpx rgba(67,233,123,.3)}.save-btn.data-v-e4258dde:disabled{background:#ccc;color:#999;box-shadow:none}