/* Shared visual alignment with projects-zh.html */
:root{
  --bg-body:#ffffff;
  --bg-nav:#ffffff;
  --bg-sidebar:#f9fafb;
  --bg-card:#ffffff;
  --bg-input:#f3f4f6;
  --text-primary:#18181b;
  --text-secondary:#52525b;
  --text-tertiary:#71717a;
  --accent-primary:#2563eb;
  --border-light:#e4e4e7;
  --border-hover:#d4d4d8;
  --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
}

body{
  background:var(--bg-body);
  color:var(--text-primary);
}

main,
.top-navbar,
.navbar-modern,
.navbar-modern.scrolled{
  background:rgba(255,255,255,0.96);
}

.page-title{
  font-size:24px !important;
  font-weight:700 !important;
  letter-spacing:-0.02em !important;
  line-height:1.2 !important;
  color:var(--text-primary) !important;
}

.page-subtitle{
  font-size:14px !important;
  line-height:1.6 !important;
  color:var(--text-secondary) !important;
}

main.privacy-container,
main.terms-container{
  max-width:980px;
  margin:24px auto 72px;
  padding:40px 32px 48px;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:24px;
  box-shadow:var(--shadow-sm);
}

.policy-section{
  margin:0 !important;
  padding:24px 0;
  border-top:1px solid var(--border-light);
}

.policy-section:first-of-type{
  border-top:none;
  padding-top:0;
}

.table-container,
.table-container-new{
  background:#fff;
  border:1px solid var(--border-light) !important;
  border-radius:16px !important;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

.table-new th,
.table-container th,
.payment-footer,
.payment-header{
  background:#fafafa;
}

.pricing-card,
.faq-item,
.points-refill-bar,
.payment-card,
.profile-card-new,
.history-card-new,
.edit-modal-content{
  background:#fff !important;
  border:1px solid var(--border-light) !important;
  border-radius:20px !important;
  box-shadow:var(--shadow-sm) !important;
}

.pricing-card:hover,
.faq-item:hover{
  border-color:var(--border-hover) !important;
  box-shadow:var(--shadow-lg) !important;
}

.card-info-box,
.stepper-container,
.input-date,
.select-status,
.form-input{
  background:var(--bg-input);
  border:1px solid var(--border-light);
}

body.video-remake-page,
body.video-swap-page,
body.video-vision-page,
body.product-avatar-page,
body.product-group-page{
  background:#ffffff !important;
}

.video-remake-page main,
.video-remake-page .main-centered-layout,
.video-swap-page main,
.video-swap-page .swap-panel-right,
.video-vision-page main,
.product-avatar-page main,
.product-group-page main,
.product-group-page .preview-modal-body{
  background:#ffffff !important;
}

.video-remake-page .workspace-card,
.video-remake-page .card-section,
.video-remake-page .modal-card,
.video-remake-page .project-modal-card,
.video-remake-page .upload-modal-card,
.video-remake-page .prompt-modal-card,
.video-remake-page .merger-guide-text,
.video-remake-page .merger-scale-panel,
.video-swap-page .swap-panel-left,
.video-swap-page .action-area,
.video-vision-page .editor-grid>.card:first-child,
.video-vision-page .editor-grid>.card:last-child,
.video-vision-page .result-panel,
.product-avatar-page .upload-section,
.product-avatar-page .settings-section,
.product-avatar-page .result-panel,
.product-group-page .group-box,
.product-group-page .result-panel,
.product-group-page .analysis-card,
.product-group-page .scene-card-lite,
.product-group-page .result-lite,
.product-group-page .result-task-bar,
.product-group-page .workspace-stat,
.product-group-page .preview-modal-card{
  background:#ffffff !important;
  border:1px solid var(--border-light) !important;
  box-shadow:var(--shadow-sm) !important;
}

.video-remake-page .prompt-wrapper,
.video-remake-page .upload-box-modern,
.video-remake-page .pill-group,
.video-remake-page .language-select,
.video-remake-page .duration-select,
.video-remake-page .action-chip,
.video-remake-page .merger-add-btn,
.video-swap-page .upload-card,
.video-vision-page .upload-zone,
.video-vision-page .radio-card,
.product-avatar-page .upload-box,
.product-avatar-page .form-select,
.product-avatar-page .form-textarea,
.product-avatar-page .ratio-btn,
.product-group-page .upload-box.multi-upload,
.product-group-page .preview-thumb,
.product-group-page .result-media,
.product-group-page .preview-empty,
.product-group-page .result-empty,
.product-group-page .workspace-stat,
.product-group-page .mini-badge,
.product-group-page .ghost-btn,
.product-group-page .secondary-btn{
  background:white;
}

.video-remake-page .upload-box-modern,
.video-swap-page .upload-card,
.video-vision-page .upload-zone,
.product-avatar-page .upload-box,

.video-remake-page .pill-opt.active,
.video-vision-page .radio-card.active,
.product-avatar-page .ratio-btn.active,
.product-group-page .workflow-step.active .step-dot,


.video-remake-page .icon-box,
.video-swap-page .upload-icon,
.video-vision-page .upload-icon-wrapper,
.video-vision-page .radio-card-icon,
.product-avatar-page .upload-icon,
.product-group-page .upload-box .upload-icon,
.product-group-page .section-icon{
  background:#ffffff !important;
  color:#18181b !important;
  border:1px solid rgba(0,0,0,0.05) !important;
  box-shadow:none !important;
}

.video-remake-page .btn-generate-black,
.video-remake-page .merger-btn-save,
.video-remake-page .upload-analyze-btn,
.video-swap-page .action-area .btn.btn-primary,
.video-vision-page #analyzeBtn,
.product-avatar-page .btn-generate,
.product-group-page .btn-generate{
  background:#18181b !important;
  box-shadow:var(--shadow-sm) !important;
}

.video-remake-page .btn-generate-black:hover,
.video-remake-page .upload-analyze-btn:hover,
.video-swap-page .action-area .btn.btn-primary:hover,
.video-vision-page #analyzeBtn:hover,
.product-avatar-page .btn-generate:hover,
.product-group-page .btn-generate:hover{
  background:#27272a !important;
}

@media (max-width:768px){
  main.privacy-container,
  main.terms-container{
    margin:16px;
    padding:28px 20px 32px;
    border-radius:20px;
  }
}