/* Curator card skin � scoped under .curator-card-root */

.curator-card-page,
.curator-card-root {
  --cc-bg-cream: #F8FAFC;
  --cc-bg-card: #FFFFFF;
  --cc-amber-50: #EFF6FF;
  --cc-amber-100: #DBEAFE;
  --cc-amber-200: #BFDBFE;
  --cc-amber-400: #60A5FA;
  --cc-amber-500: #3B82F6;
  --cc-amber-600: #2563EB;
  --cc-amber-700: #1D4ED8;
  --cc-forest-50: #EEF2FF;
  --cc-forest-100: #E0E7FF;
  --cc-forest-400: #818CF8;
  --cc-forest-600: #4F46E5;
  --cc-forest-700: #4338CA;
  --cc-stone-100: #F5F5F4;
  --cc-stone-200: #E7E5E4;
  --cc-stone-400: #A8A29E;
  --cc-stone-500: #78716C;
  --cc-stone-700: #44403C;
  --cc-stone-800: #292524;
  --cc-stone-900: #1C1917;
  --cc-white: #FFFDF7;
  --cc-font-display: Georgia, "Noto Serif SC", "Songti SC", serif;
  --cc-font-mono: "SF Mono", Consolas, monospace;
  --cc-shadow-sm: 0 1px 2px rgba(28,25,23,0.04);
  --cc-shadow-md: 0 4px 12px rgba(28,25,23,0.06);
  --cc-shadow-lg: 0 12px 32px rgba(28,25,23,0.08);
  --cc-shadow-fine: 0 0 0 1px rgba(28,25,23,0.06);
}

@media (prefers-color-scheme: dark) {
  .curator-card-page,
  .curator-card-root {
    --cc-bg-cream: #0F172A;
    --cc-bg-card: #1E293B;
    --cc-amber-50: #172554;
    --cc-amber-100: #1E3A8A;
    --cc-white: #1E293B;
    --cc-stone-100: #1E293B;
    --cc-stone-200: #334155;
    --cc-stone-400: #64748B;
    --cc-stone-500: #94A3B8;
    --cc-stone-700: #CBD5E1;
    --cc-stone-800: #E2E8F0;
    --cc-stone-900: #F1F5F9;
    --cc-forest-50: #1E1B4B;
    --cc-forest-100: #312E81;
    --cc-shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
    --cc-shadow-md: 0 4px 12px rgba(0,0,0,0.3);
    --cc-shadow-lg: 0 12px 32px rgba(0,0,0,0.4);
    --cc-shadow-fine: 0 0 0 1px rgba(255,253,247,0.08);
  }
}

.brand-card-page.curator-card-shell .content,
.curator-card-shell .content,
.page-p-with-bar.curator-card-shell .public-card-scroll {
  padding-left: 0;
  padding-right: 0;
  background: var(--cc-bg-cream);
}

.curator-card-root {
  font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--cc-stone-800);
  line-height: 1.6;
}

.curator-card-page {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.curator-card-root .cc-section {
  padding: 40px 0;
  position: relative;
}
.curator-card-root .cc-section + .cc-section {
  border-top: 1px solid var(--cc-stone-200);
}

.curator-card-root .cc-section-label {
  font-family: var(--cc-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cc-amber-600);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.curator-card-root .cc-section-label::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--cc-amber-200);
}
.curator-card-root .cc-section-title {
  font-family: var(--cc-font-display);
  font-size: clamp(1.35rem, 4vw, 1.75rem);
  font-weight: 700;
  color: var(--cc-stone-900);
  line-height: 1.3;
  margin-bottom: 20px;
}

/* Completion tip (curator skin) */
.curator-card-root .cc-completion-tip {
  margin: 12px 0;
  padding: 12px 14px;
  background: linear-gradient(135deg, var(--cc-amber-50), var(--cc-amber-100));
  border-radius: 12px;
  border: 1px solid var(--cc-amber-200);
}
.curator-card-root .cc-completion-tip.completion-tip--done {
  padding: 10px 14px;
  background: linear-gradient(135deg, var(--cc-forest-50), var(--cc-forest-100));
  border-color: #C7D2FE;
}
.curator-card-root .cc-completion-tip.completion-tip--done .completion-tip-header {
  margin-bottom: 0;
}
.curator-card-root .cc-completion-tip.completion-tip--done .completion-tip-title,
.curator-card-root .cc-completion-tip.completion-tip--done .completion-tip-progress {
  color: var(--cc-forest-600);
}

/* Hero */
.curator-card-root .cc-hero { padding: 24px 0 16px; text-align: center; }
.curator-card-root .cc-hero-frame {
  background: var(--cc-bg-card);
  border-radius: 28px;
  padding: 32px 20px;
  box-shadow: var(--cc-shadow-fine), var(--cc-shadow-lg);
  position: relative;
  overflow: hidden;
}
.curator-card-root .cc-hero-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(251,191,36,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 70%, rgba(5,150,105,0.06) 0%, transparent 60%);
  pointer-events: none;
}
.curator-card-root .cc-hero-avatar {
  width: 88px; height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--cc-amber-400), var(--cc-amber-600), var(--cc-forest-600));
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cc-font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--cc-white);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.curator-card-root .cc-hero-avatar-img {
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.curator-card-root .cc-hero-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-loc { font-size: 13px; color: var(--cc-stone-500); }
.curator-card-root .cc-hero-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--cc-stone-400); }
.curator-card-root .cc-hero-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: var(--cc-forest-600);
  font-weight: 500;
}
.curator-card-root .cc-hero-status-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--cc-forest-400);
  animation: cc-pulse-dot 2s ease-in-out infinite;
}
@keyframes cc-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}
.curator-card-root .cc-hero-title {
  font-family: var(--cc-font-display);
  font-size: clamp(1.5rem, 5vw, 2rem);
  font-weight: 700;
  color: var(--cc-stone-900);
  line-height: 1.2;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-title em {
  font-style: normal;
  background: linear-gradient(135deg, var(--cc-amber-600), var(--cc-amber-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.curator-card-root .cc-hero-slogan {
  font-size: 15px;
  color: var(--cc-stone-500);
  line-height: 1.7;
  max-width: 480px;
  margin: 0 auto 16px;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-divider {
  width: 48px; height: 3px;
  background: linear-gradient(90deg, var(--cc-amber-500), var(--cc-forest-600));
  border-radius: 2px;
  margin: 0 auto 16px;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-tag {
  padding: 5px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  background: var(--cc-stone-100);
  color: var(--cc-stone-700);
  border: 1px solid var(--cc-stone-200);
}
.curator-card-root .cc-hero-tag--accent {
  background: var(--cc-amber-50);
  color: var(--cc-amber-700);
  border-color: var(--cc-amber-200);
}
.curator-card-root .cc-hero-quote {
  font-family: var(--cc-font-display);
  font-size: 14px;
  color: var(--cc-stone-500);
  font-style: italic;
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.7;
  position: relative;
  z-index: 1;
}
.curator-card-root .cc-hero-quote::before { content: "?"; color: var(--cc-amber-400); }
.curator-card-root .cc-hero-quote::after { content: "?"; color: var(--cc-amber-400); }

/* Stats */
.curator-card-root .cc-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (min-width: 480px) {
  .curator-card-root .cc-stats-grid { grid-template-columns: repeat(3, 1fr); }
}
.curator-card-root .cc-stat-card {
  background: var(--cc-bg-card);
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  box-shadow: var(--cc-shadow-fine), var(--cc-shadow-sm);
}
.curator-card-root .cc-stat-emoji { font-size: 1.5rem; display: block; margin-bottom: 6px; }
.curator-card-root .cc-stat-number {
  font-family: var(--cc-font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--cc-amber-600);
  line-height: 1.1;
}
.curator-card-root .cc-stat-unit { font-size: 14px; font-weight: 400; color: var(--cc-amber-500); }
.curator-card-root .cc-stat-label { font-size: 12px; color: var(--cc-stone-500); margin-top: 4px; line-height: 1.4; }

/* Timeline */
.curator-card-root .cc-timeline {
  position: relative;
  padding-left: 20px;
}
.curator-card-root .cc-timeline::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--cc-amber-200), var(--cc-amber-400), var(--cc-forest-100), var(--cc-forest-400));
}
.curator-card-root .cc-tl-node {
  position: relative;
  padding-bottom: 24px;
  padding-left: 20px;
}
.curator-card-root .cc-tl-node:last-child { padding-bottom: 0; }
.curator-card-root .cc-tl-node::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 6px;
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 3px solid var(--cc-white);
  background: var(--cc-amber-500);
  box-shadow: 0 0 0 2px var(--cc-amber-200);
  z-index: 1;
}
.curator-card-root .cc-tl-node--life::before { background: var(--cc-forest-600); box-shadow: 0 0 0 2px var(--cc-forest-100); }
.curator-card-root .cc-tl-node--pivot::before {
  width: 18px; height: 18px;
  left: -15px;
  top: 4px;
  background: var(--cc-amber-600);
}
.curator-card-root .cc-tl-track {
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.curator-card-root .cc-tl-track--career { background: var(--cc-amber-50); color: var(--cc-amber-700); }
.curator-card-root .cc-tl-track--life { background: var(--cc-forest-50); color: var(--cc-forest-700); }
.curator-card-root .cc-tl-year {
  font-family: var(--cc-font-mono);
  font-size: 11px;
  color: var(--cc-stone-400);
  margin-bottom: 4px;
}
.curator-card-root .cc-tl-title {
  font-family: var(--cc-font-display);
  font-size: 16px;
  font-weight: 600;
  color: var(--cc-stone-900);
  margin-bottom: 4px;
  line-height: 1.4;
}
.curator-card-root .cc-tl-desc { font-size: 14px; color: var(--cc-stone-500); line-height: 1.6; }

/* Bento */
.curator-card-root .cc-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.curator-card-root .cc-bento-card {
  background: var(--cc-bg-card);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--cc-shadow-fine), var(--cc-shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 150px;
}
.curator-card-root .cc-bento-card--wide { grid-column: span 2; }
.curator-card-root .cc-bento-icon {
  width: 40px; height: 40px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.curator-card-root .cc-bento-icon--1 { background: linear-gradient(135deg, var(--cc-amber-100), var(--cc-amber-200)); }
.curator-card-root .cc-bento-icon--2 { background: linear-gradient(135deg, var(--cc-forest-100), #C7D2FE); }
.curator-card-root .cc-bento-icon--3 { background: linear-gradient(135deg, #DBEAFE, #BFDBFE); }
.curator-card-root .cc-bento-icon--4 { background: linear-gradient(135deg, #FCE7F3, #FBCFE8); }
.curator-card-root .cc-bento-icon--5 { background: linear-gradient(135deg, #E9D5FF, #D8B4FE); }
.curator-card-root .cc-bento-icon--6 { background: linear-gradient(135deg, #FED7AA, #FDBA74); }
.curator-card-root .cc-bento-title {
  font-family: var(--cc-font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-stone-900);
}
.curator-card-root .cc-bento-insight { font-size: 13px; color: var(--cc-stone-500); line-height: 1.55; flex: 1; }
.curator-card-root .cc-bento-meta {
  font-family: var(--cc-font-mono);
  font-size: 10px;
  color: var(--cc-stone-400);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Skills */
.curator-card-root .cc-skills-list { display: flex; flex-direction: column; gap: 12px; }
.curator-card-root .cc-skill-category {
  font-family: var(--cc-font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--cc-stone-400);
  margin: 16px 0 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--cc-stone-200);
}
.curator-card-root .cc-skill-category:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.curator-card-root .cc-skill-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 12px;
}
.curator-card-root .cc-skill-name { font-size: 14px; font-weight: 500; color: var(--cc-stone-700); line-height: 1.3; }
.curator-card-root .cc-skill-name small { display: block; font-size: 11px; color: var(--cc-stone-400); font-weight: 400; }
.curator-card-root .cc-skill-bar-wrap {
  position: relative;
  height: 8px;
  background: var(--cc-stone-100);
  border-radius: 4px;
  overflow: hidden;
}
.curator-card-root .cc-skill-bar {
  height: 100%;
  border-radius: 4px;
  transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.curator-card-root .cc-skill-bar--hard { background: linear-gradient(90deg, var(--cc-amber-400), var(--cc-amber-500)); }
.curator-card-root .cc-skill-bar--soft { background: linear-gradient(90deg, var(--cc-forest-400), var(--cc-forest-600)); }
.curator-card-root .cc-skill-pct {
  position: absolute;
  right: 0;
  top: -18px;
  font-family: var(--cc-font-mono);
  font-size: 11px;
  color: var(--cc-stone-400);
}

/* Testimonials */
.curator-card-root .cc-testimonial-wall { display: flex; flex-direction: column; gap: 12px; }
.curator-card-root .cc-testimonial-tag {
  background: var(--cc-bg-card);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: var(--cc-shadow-fine), var(--cc-shadow-sm);
  border-left: 3px solid var(--cc-amber-400);
}
.curator-card-root .cc-testimonial-tag:nth-child(even) { border-left-color: var(--cc-forest-400); }
.curator-card-root .cc-tm-quote { font-size: 14px; color: var(--cc-stone-700); line-height: 1.6; margin-bottom: 8px; }
.curator-card-root .cc-tm-author { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--cc-stone-400); }
.curator-card-root .cc-tm-avatar {
  width: 24px; height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--cc-stone-700);
}
.curator-card-root .cc-tm-avatar--1 { background: linear-gradient(135deg, var(--cc-amber-200), var(--cc-amber-500)); }
.curator-card-root .cc-tm-avatar--2 { background: linear-gradient(135deg, #C7D2FE, var(--cc-forest-400)); }
.curator-card-root .cc-tm-avatar--3 { background: linear-gradient(135deg, #BFDBFE, #93C5FD); }
.curator-card-root .cc-tm-avatar--4 { background: linear-gradient(135deg, #FBCFE8, #F9A8D4); }
.curator-card-root .cc-tm-avatar--5 { background: linear-gradient(135deg, #D8B4FE, #C084FC); }
.curator-card-root .cc-tm-avatar--6 { background: linear-gradient(135deg, #FED7AA, #FDBA74); }
.curator-card-root .cc-tm-relation { color: var(--cc-amber-600); font-weight: 500; }

/* Contact */
.curator-card-root .cc-contact-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 480px) {
  .curator-card-root .cc-contact-grid { grid-template-columns: repeat(2, 1fr); }
}
.curator-card-root .cc-contact-card {
  background: var(--cc-bg-card);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--cc-shadow-fine), var(--cc-shadow-sm);
}
.curator-card-root .cc-contact-channel { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.curator-card-root .cc-contact-icon {
  width: 36px; height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.curator-card-root .cc-contact-icon--1 { background: linear-gradient(135deg, #DBEAFE, #93C5FD); }
.curator-card-root .cc-contact-icon--2 { background: linear-gradient(135deg, var(--cc-amber-100), var(--cc-amber-200)); }
.curator-card-root .cc-contact-icon--3 { background: linear-gradient(135deg, var(--cc-forest-100), #C7D2FE); }
.curator-card-root .cc-contact-icon--4 { background: linear-gradient(135deg, #E9D5FF, #D8B4FE); }
.curator-card-root .cc-contact-name { font-weight: 600; font-size: 15px; color: var(--cc-stone-900); }
.curator-card-root .cc-contact-ice { font-size: 13px; color: var(--cc-forest-600); font-weight: 500; margin-bottom: 8px; line-height: 1.5; }
.curator-card-root .cc-contact-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cc-amber-600);
  padding: 6px 14px;
  border-radius: 999px;
  border: 1.5px solid var(--cc-amber-200);
  background: var(--cc-amber-50);
  cursor: pointer;
  font-family: inherit;
}

/* Footer */
.curator-card-root .cc-footer {
  text-align: center;
  padding: 32px 0 24px;
  color: var(--cc-stone-400);
  font-size: 12px;
}
.curator-card-root .cc-footer-frame {
  font-family: var(--cc-font-display);
  font-size: 14px;
  color: var(--cc-stone-500);
  margin-bottom: 8px;
  font-style: italic;
  line-height: 1.6;
}
.curator-card-root .cc-compliance {
  margin-top: 12px;
  font-size: 11px;
  color: var(--cc-stone-400);
}

/* Reveal */
@media (prefers-reduced-motion: no-preference) {
  .curator-card-root .cc-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .curator-card-root .cc-reveal--visible {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Curator fixed bottom bar */
.curator-card-shell .action-bar.curator-slim-bar,
.curator-card-shell .card-contact-bar.curator-slim-bar {
  background: var(--cc-bg-card, #FFFFFF);
  border-top: 1px solid var(--cc-stone-200, #E7E5E4);
}
.curator-card-shell .action-bar.curator-slim-bar .action-btn-primary,
.curator-card-shell .card-contact-bar.curator-slim-bar .btn-card-msg {
  background: linear-gradient(135deg, #2563EB, #1E40AF) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px !important;
}
.curator-card-shell .card-contact-bar.curator-slim-bar .btn-card-wechat {
  flex: 1.2 !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  border: 1px solid #BFDBFE !important;
  border-radius: 12px !important;
}
.curator-card-shell .action-bar.curator-slim-bar .action-btn-secondary {
  flex: 1 !important;
  background: var(--cc-stone-100, #F8FAFC) !important;
  color: var(--cc-stone-700, #475569) !important;
  border: 1.5px solid var(--cc-stone-200, #E2E8F0) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.curator-card-shell .card-contact-bar.curator-slim-bar .btn-card-phone {
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  background: var(--cc-stone-100, #F8FAFC) !important;
  color: var(--cc-stone-700, #475569) !important;
  border: 1.5px solid var(--cc-stone-200, #E2E8F0) !important;
  border-radius: 12px !important;
}

/* Timeline source link */
.curator-card-root .cc-tl-node--linkable {
  transition: opacity 0.15s ease;
}
.curator-card-root .cc-tl-node--linkable:active {
  opacity: 0.82;
}
.curator-card-root .cc-tl-link-hint {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--cc-amber-600);
}

/* Curator lite layout */
.curator-card-page--lite {
  padding: 0 16px 24px;
}
.curator-card-root--sales {
  padding-bottom: 8px;
}
.curator-card-root--sales .cc-lite-hero {
  margin: 0 -16px;
  padding: 36px 20px 36px;
  text-align: center;
  color: #fff;
  border-radius: 0 0 28px 28px;
  background: linear-gradient(165deg, #2563EB 0%, #1D4ED8 34%, #4F46E5 82%, #312E81 100%);
  position: relative;
  overflow: hidden;
}
.curator-card-root--sales .cc-lite-hero::before {
  content: "";
  position: absolute;
  top: -72px;
  right: -56px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  pointer-events: none;
}
.curator-card-root--sales .cc-lite-hero::after {
  content: "";
  position: absolute;
  bottom: -48px;
  left: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  pointer-events: none;
}
.curator-card-root--sales .cc-lite-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.35);
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cc-font-display);
  font-size: 1.8rem;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.curator-card-root--sales .cc-lite-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.curator-card-root--sales .cc-lite-name {
  font-family: var(--cc-font-display);
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}
.curator-card-root--sales .cc-lite-headline {
  font-size: 13px;
  line-height: 1.55;
  opacity: 0.9;
  max-width: 280px;
  margin: 0 auto 14px;
  position: relative;
  z-index: 1;
}
.curator-card-root--sales .cc-lite-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.curator-card-root--sales .cc-lite-tag {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
}
.curator-card-root--sales .cc-lite-tag--accent {
  background: rgba(251, 191, 36, 0.22);
}
.curator-card-root--sales .cc-lite-loc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  opacity: 0.78;
  position: relative;
  z-index: 1;
}
.curator-card-root--sales .cc-lite-loc-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F87171;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.25);
}
.curator-card-root--sales .cc-lite-stats {
  display: grid;
  gap: 1px;
  background: var(--cc-stone-200);
  margin: 16px -16px 0;
  box-shadow: var(--cc-shadow-fine);
}
.curator-card-root--sales .cc-lite-stats--cols-1 {
  grid-template-columns: 1fr;
  gap: 0;
  margin: -18px 12px 0;
  background: transparent;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--cc-shadow-md), var(--cc-shadow-fine);
  position: relative;
  z-index: 2;
}
.curator-card-root--sales .cc-lite-stats--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.curator-card-root--sales .cc-lite-stats--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.curator-card-root--sales .cc-lite-stat-item {
  background: var(--cc-white);
  padding: 16px 8px;
  text-align: center;
}
.curator-card-root--sales .cc-lite-stats--cols-1 .cc-lite-stat-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 14px 18px;
  text-align: left;
}
.curator-card-root--sales .cc-lite-stat-num {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--cc-amber-600);
  line-height: 1;
}
.curator-card-root--sales .cc-lite-stats--cols-1 .cc-lite-stat-num {
  font-size: 1.75rem;
  min-width: 1.6em;
  text-align: center;
}
.curator-card-root--sales .cc-lite-stat-num--green {
  color: var(--cc-forest-600);
}
.curator-card-root--sales .cc-lite-stat-copy {
  min-width: 0;
}
.curator-card-root--sales .cc-lite-stat-label {
  font-size: 11px;
  color: var(--cc-stone-500);
  margin-top: 2px;
  line-height: 1.4;
}
.curator-card-root--sales .cc-lite-stats--cols-1 .cc-lite-stat-label {
  margin-top: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--cc-stone-800);
}
.curator-card-root--sales .cc-lite-stat-sub {
  display: block;
  font-size: 11px;
  color: var(--cc-stone-400);
  margin-top: 2px;
  line-height: 1.35;
}
.curator-card-root--sales .cc-lite-stats--cols-2 .cc-lite-stat-sub,
.curator-card-root--sales .cc-lite-stats--cols-3 .cc-lite-stat-sub {
  margin-top: 2px;
}
.curator-card-root--sales .cc-lite-block {
  padding: 20px 16px;
  background: var(--cc-white);
  margin: 8px -16px 0;
}
.curator-card-root--sales .cc-lite-section-title {
  font-family: var(--cc-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--cc-stone-900);
  line-height: 1.3;
  margin-bottom: 16px;
}
.curator-card-root--sales .cc-lite-asset-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.curator-card-root--sales .cc-lite-asset {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--cc-stone-100);
  border-radius: 12px;
}
.curator-card-root--sales .cc-lite-asset:active {
  background: var(--cc-amber-50);
}
.curator-card-root--sales .cc-lite-asset-icon {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.curator-card-root--sales .cc-lite-asset-icon--1 { background: linear-gradient(135deg, var(--cc-amber-100), var(--cc-amber-200)); }
.curator-card-root--sales .cc-lite-asset-icon--2 { background: linear-gradient(135deg, #DBEAFE, #BFDBFE); }
.curator-card-root--sales .cc-lite-asset-icon--3 { background: linear-gradient(135deg, var(--cc-forest-100), #C7D2FE); }
.curator-card-root--sales .cc-lite-asset-info {
  flex: 1;
  min-width: 0;
}
.curator-card-root--sales .cc-lite-asset-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-stone-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.curator-card-root--sales .cc-lite-asset-meta {
  font-size: 11px;
  color: var(--cc-stone-400);
  margin-top: 2px;
}
.curator-card-root--sales .cc-lite-asset-arrow {
  color: var(--cc-stone-400);
  font-size: 18px;
  flex-shrink: 0;
}
.curator-card-root--sales .cc-lite-empty {
  text-align: center;
  padding: 32px 16px;
  color: var(--cc-stone-400);
  font-size: 13px;
}
.curator-card-root--sales .cc-lite-empty-icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
}
.curator-card-root--sales .cc-lite-product {
  display: flex;
  gap: 12px;
  padding: 14px;
  background: var(--cc-stone-100);
  border-radius: 12px;
}
.curator-card-root--sales .cc-lite-product-img {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--cc-amber-100), var(--cc-amber-200));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.curator-card-root--sales .cc-lite-product-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-stone-900);
}
.curator-card-root--sales .cc-lite-product-desc {
  font-size: 12px;
  color: var(--cc-stone-500);
  margin-top: 4px;
  line-height: 1.5;
}
.curator-card-root--sales .cc-lite-product-tags {
  margin-top: 6px;
}
.curator-card-root--sales .cc-lite-product-tag {
  display: inline-block;
  padding: 2px 8px;
  background: var(--cc-amber-50);
  color: var(--cc-amber-700);
  font-size: 11px;
  border-radius: 4px;
  margin-right: 4px;
}
.curator-card-root--sales .cc-lite-compliance {
  padding: 12px 16px;
  margin: 0 -16px;
  font-size: 11px;
  color: var(--cc-stone-400);
  text-align: center;
  line-height: 1.6;
  border-top: 1px solid var(--cc-stone-200);
}

.curator-card-root--sales .cc-lite-empty-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-stone-800);
  margin-top: 6px;
}
.curator-card-root--sales .cc-lite-empty-desc {
  font-size: 12px;
  color: var(--cc-stone-500);
  margin-top: 4px;
}
.curator-card-root--sales .cc-lite-cta {
  margin: 8px 0 20px;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--cc-forest-50), var(--cc-forest-100));
  border: 1px solid #C7D2FE;
}
.curator-card-root--sales .cc-lite-cta-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--cc-forest-700);
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
.curator-card-root--sales .cc-lite-cta-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--cc-stone-800);
  line-height: 1.45;
}
.curator-card-root--sales .cc-lite-cta-sub {
  font-size: 12px;
  color: var(--cc-stone-500);
  margin: 4px 0 10px;
}
.curator-card-root--sales .cc-lite-cta-benefits {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}
.curator-card-root--sales .cc-lite-cta-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--cc-stone-800);
  line-height: 1.4;
}
.curator-card-root--sales .cc-lite-cta-check {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--cc-amber-100);
  color: var(--cc-amber-700);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}
.curator-card-root--sales .cc-lite-cta-prompt {
  padding-top: 10px;
  margin-top: 4px;
  border-top: 0.5px solid var(--cc-forest-100);
}
.curator-card-root--sales .cc-lite-cta-prompt-label {
  font-size: 11px;
  color: var(--cc-stone-500);
  margin-bottom: 4px;
}
.curator-card-root--sales .cc-sales-value-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.curator-card-root--sales .cc-sales-value {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: var(--cc-white);
  border: 1px solid var(--cc-amber-100);
}
.curator-card-root--sales .cc-sales-value-num {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: var(--cc-amber-100);
  color: var(--cc-amber-700);
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.curator-card-root--sales .cc-sales-value-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--cc-stone-900);
}
.curator-card-root--sales .cc-sales-value-desc {
  font-size: 12px;
  color: var(--cc-stone-500);
  margin-top: 2px;
  line-height: 1.45;
}
.curator-card-root--sales .cc-sales-cred-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.curator-card-root--sales .cc-sales-cred {
  padding: 14px 12px;
  border-radius: 12px;
  background: var(--cc-white);
  border: 1px solid var(--cc-stone-200);
  text-align: center;
}
.curator-card-root--sales .cc-sales-cred-num {
  font-size: 22px;
  font-weight: 800;
  color: var(--cc-amber-600);
  line-height: 1.2;
}
.curator-card-root--sales .cc-sales-cred-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--cc-stone-800);
  margin-top: 4px;
}
.curator-card-root--sales .cc-sales-cred-sub {
  font-size: 11px;
  color: var(--cc-stone-500);
  margin-top: 2px;
}
.curator-card-root--sales .cc-sales-story {
  padding: 14px;
  border-radius: 12px;
  background: var(--cc-white);
  border: 1px solid var(--cc-stone-200);
  font-size: 13px;
  line-height: 1.7;
  color: var(--cc-stone-700);
}
/* ====== V2 Lite 新布局 (2026-07-27) ====== */

.cc-v2-root {
  max-width: 100%;
  background: #FFFFFF;
  --cc-v2-hero-from: #1E40AF;
  --cc-v2-hero-mid: #2563EB;
  --cc-v2-hero-to: #4F46E5;
  --cc-v2-accent: #2563EB;
  --cc-v2-accent-deep: #1E40AF;
  --cc-v2-accent-bg: #DBEAFE;
  --cc-v2-accent-bg2: #BFDBFE;
  --cc-v2-accent-soft: #EFF6FF;
  --cc-v2-accent-soft2: #E0E7FF;
  --cc-v2-pain-border: #6366F1;
  --cc-v2-service-icon-color: #1E40AF;
  --cc-v2-service-icon2-color: #4338CA;
  --cc-v2-service-icon-bg1: #DBEAFE;
  --cc-v2-service-icon-bg2: #BFDBFE;
  --cc-v2-service-icon2-bg1: #E0E7FF;
  --cc-v2-service-icon2-bg2: #C7D2FE;
  --cc-v2-case-cover-bg1: #DBEAFE;
  --cc-v2-case-cover-bg2: #E0E7FF;
  --cc-v2-case-badge-color: #1E40AF;
  --cc-v2-val-border: #DBEAFE;
  --cc-v2-motto-text: #1E40AF;
  --cc-v2-motto-bg1: #EFF6FF;
  --cc-v2-motto-bg2: #E0E7FF;
}
.cc-v2-root[data-card-theme="amber"] {
  --cc-v2-hero-from: #D97706;
  --cc-v2-hero-mid: #B45309;
  --cc-v2-hero-to: #78350F;
  --cc-v2-accent: #F59E0B;
  --cc-v2-accent-deep: #B45309;
  --cc-v2-accent-bg: #FEF3C7;
  --cc-v2-accent-bg2: #FDE68A;
  --cc-v2-accent-soft: #FFFBEB;
  --cc-v2-accent-soft2: #FEF3C7;
  --cc-v2-pain-border: #D97706;
  --cc-v2-service-icon-color: #B45309;
  --cc-v2-service-icon2-color: #92400E;
  --cc-v2-service-icon-bg1: #FEF3C7;
  --cc-v2-service-icon-bg2: #FDE68A;
  --cc-v2-service-icon2-bg1: #FDE68A;
  --cc-v2-service-icon2-bg2: #FCD34D;
  --cc-v2-case-cover-bg1: #FEF3C7;
  --cc-v2-case-cover-bg2: #FDE68A;
  --cc-v2-case-badge-color: #B45309;
  --cc-v2-val-border: #FDE68A;
  --cc-v2-motto-text: #B45309;
  --cc-v2-motto-bg1: #FFFBEB;
  --cc-v2-motto-bg2: #FEF3C7;
}
.cc-v2-root[data-card-theme="green"] {
  --cc-v2-hero-from: #059669;
  --cc-v2-hero-mid: #047857;
  --cc-v2-hero-to: #064E3B;
  --cc-v2-accent: #10B981;
  --cc-v2-accent-deep: #047857;
  --cc-v2-accent-bg: #D1FAE5;
  --cc-v2-accent-bg2: #A7F3D0;
  --cc-v2-accent-soft: #ECFDF5;
  --cc-v2-accent-soft2: #D1FAE5;
  --cc-v2-pain-border: #059669;
  --cc-v2-service-icon-color: #047857;
  --cc-v2-service-icon2-color: #065F46;
  --cc-v2-service-icon-bg1: #D1FAE5;
  --cc-v2-service-icon-bg2: #A7F3D0;
  --cc-v2-service-icon2-bg1: #A7F3D0;
  --cc-v2-service-icon2-bg2: #6EE7B7;
  --cc-v2-case-cover-bg1: #D1FAE5;
  --cc-v2-case-cover-bg2: #A7F3D0;
  --cc-v2-case-badge-color: #047857;
  --cc-v2-val-border: #A7F3D0;
  --cc-v2-motto-text: #047857;
  --cc-v2-motto-bg1: #ECFDF5;
  --cc-v2-motto-bg2: #D1FAE5;
}
.cc-v2-root[data-card-theme="purple"] {
  --cc-v2-hero-from: #7C3AED;
  --cc-v2-hero-mid: #6D28D9;
  --cc-v2-hero-to: #4C1D95;
  --cc-v2-accent: #8B5CF6;
  --cc-v2-accent-deep: #6D28D9;
  --cc-v2-accent-bg: #EDE9FE;
  --cc-v2-accent-bg2: #DDD6FE;
  --cc-v2-accent-soft: #F5F3FF;
  --cc-v2-accent-soft2: #EDE9FE;
  --cc-v2-pain-border: #7C3AED;
  --cc-v2-service-icon-color: #6D28D9;
  --cc-v2-service-icon2-color: #5B21B6;
  --cc-v2-service-icon-bg1: #EDE9FE;
  --cc-v2-service-icon-bg2: #DDD6FE;
  --cc-v2-service-icon2-bg1: #DDD6FE;
  --cc-v2-service-icon2-bg2: #C4B5FD;
  --cc-v2-case-cover-bg1: #EDE9FE;
  --cc-v2-case-cover-bg2: #DDD6FE;
  --cc-v2-case-badge-color: #6D28D9;
  --cc-v2-val-border: #DDD6FE;
  --cc-v2-motto-text: #6D28D9;
  --cc-v2-motto-bg1: #F5F3FF;
  --cc-v2-motto-bg2: #EDE9FE;
}
.cc-v2-root .cc-completion-tip { margin: 0 16px 8px; }

.cc-v2-hero {
  background: linear-gradient(160deg, var(--cc-v2-hero-from) 0%, var(--cc-v2-hero-mid) 50%, var(--cc-v2-hero-to) 100%);
  padding: 56px 20px 100px; text-align: center; position: relative; overflow: hidden;
}
.cc-v2-hero-deco { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.07); pointer-events: none; }
.cc-v2-hero-deco--r1 { top: -50px; right: -30px; width: 180px; height: 180px; }
.cc-v2-hero-deco--r2 { bottom: 40px; left: -50px; width: 220px; height: 220px; }
.cc-v2-hero-deco--r3 { top: 60px; right: 30px; width: 80px; height: 80px; background: rgba(255,255,255,0.06); }

.cc-v2-hero-avatar { width: 96px; height: 96px; border-radius: 50%; margin: 0 auto 20px; position: relative; z-index: 2; background: rgba(255,255,255,0.15); border: 4px solid rgba(255,255,255,0.4); overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 38px; font-weight: 500; color: rgba(255,255,255,0.8); }
.cc-v2-hero-avatar-img { width: 100%; height: 100%; object-fit: cover; }
.cc-v2-hero-name { font-size: 30px; font-weight: 500; color: #FFFFFF; letter-spacing: -0.5px; position: relative; z-index: 2; }
.cc-v2-hero-job { font-size: 13px; color: rgba(255,255,255,0.75); margin-top: 6px; position: relative; z-index: 2; letter-spacing: 0.5px; }
.cc-v2-hero-headline { font-size: 16px; color: rgba(255,255,255,0.85); margin-top: 6px; line-height: 1.5; position: relative; z-index: 2; }
.cc-v2-hero-tags { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 16px; position: relative; z-index: 2; }
.cc-v2-hero-tag { background: rgba(255,255,255,0.2); color: #FFFFFF; font-size: 12px; padding: 5px 14px; border-radius: 9999px; border: 0.5px solid rgba(255,255,255,0.35); }
.cc-v2-hero-loc-wrap { margin-top: 12px; position: relative; z-index: 2; }
.cc-v2-hero-loc { font-size: 13px; color: rgba(255,255,255,0.7); }

.cc-v2-stats-float { margin: -60px 16px 0; background: #FFFFFF; border-radius: 20px; padding: 24px 20px; display: flex; justify-content: space-around; position: relative; z-index: 3; border: 0.5px solid rgba(229,231,235,0.6); }
.cc-v2-root--has-video .cc-v2-stats-float { margin-top: 12px; }
.cc-v2-stat { text-align: center; flex: 1; }
.cc-v2-stat-num { font-size: 26px; font-weight: 500; color: var(--cc-v2-accent-deep); letter-spacing: -0.5px; }
.cc-v2-stat-label { font-size: 12px; color: #6B7280; margin-top: 2px; }
.cc-v2-stat-divider { width: 1px; background: #E5E7EB; flex-shrink: 0; }

.cc-v2-video {
  margin: -44px 16px 0; position: relative; z-index: 4; border-radius: 16px; overflow: hidden;
  background: #0F172A; border: 0.5px solid rgba(255,255,255,0.25);
  box-shadow: 0 10px 28px rgba(15,23,42,0.14);
}
.cc-v2-video-player { width: 100%; display: block; max-height: 220px; background: #000; object-fit: cover; }
.cc-v2-video--placeholder { background: linear-gradient(135deg, #0F172A, #1E293B); min-height: 140px; display: flex; align-items: center; justify-content: center; }
.cc-v2-video-placeholder { text-align: center; padding: 20px 16px; }
.cc-v2-video-placeholder-icon { width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 50%; background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.85); font-size: 16px; line-height: 44px; }
.cc-v2-video-placeholder-text { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.9); }
.cc-v2-video-placeholder-hint { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 6px; }

.cc-v2-section { padding: 56px 20px 0; }
.cc-v2-section-num, .cc-v2-section-label { font-size: 11px; color: var(--cc-v2-accent); font-weight: 500; letter-spacing: 1.5px; margin-bottom: 8px; }
.cc-v2-section-title { font-size: 26px; font-weight: 500; color: #0F172A; margin: 0 0 20px; line-height: 1.3; letter-spacing: -0.5px; }
.cc-v2-hero-slogan { font-size: 14px; color: rgba(255,255,255,0.85); margin-top: 8px; line-height: 1.5; position: relative; z-index: 2; padding: 0 12px; }
.cc-v2-hero-avatar--cert { cursor: pointer; }

/* --- Mini 极简版 --- */
.cc-v2-hero--mini { padding: 48px 24px 40px; }
.cc-v2-hero--mini .cc-v2-hero-deco { display: none; }
.cc-mini-headline {
  font-size: 15px;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  max-width: 320px;
  margin: 16px auto 0;
  position: relative;
  z-index: 2;
}

.cc-v2-services { display: flex; flex-direction: column; gap: 12px; }
.cc-v2-service { background: #F8FAFC; border-radius: 16px; padding: 18px; display: flex; align-items: flex-start; gap: 14px; border: 0.5px solid #E2E8F0; }
.cc-v2-service-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; font-weight: 500; color: var(--cc-v2-service-icon-color); }
.cc-v2-service-icon--1 { background: linear-gradient(135deg, var(--cc-v2-service-icon-bg1), var(--cc-v2-service-icon-bg2)); }
.cc-v2-service-icon--2 { background: linear-gradient(135deg, var(--cc-v2-service-icon2-bg1), var(--cc-v2-service-icon2-bg2)); color: var(--cc-v2-service-icon2-color); }
.cc-v2-service-icon--3 { background: linear-gradient(135deg, var(--cc-v2-service-icon-bg1), var(--cc-v2-service-icon-bg2)); }
.cc-v2-service-icon--4 { background: linear-gradient(135deg, var(--cc-v2-service-icon2-bg1), var(--cc-v2-service-icon2-bg2)); color: var(--cc-v2-service-icon2-color); }
.cc-v2-service-icon--5 { background: linear-gradient(135deg, var(--cc-v2-service-icon-bg1), var(--cc-v2-service-icon2-bg2)); }
.cc-v2-service-text { flex: 1; min-width: 0; }
.cc-v2-service-title { font-size: 16px; font-weight: 500; color: #0F172A; margin-bottom: 4px; }
.cc-v2-service-desc { font-size: 13px; color: #64748B; line-height: 1.5; }

.cc-v2-pains { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.cc-v2-pain { background: #FFFFFF; border-radius: 14px; padding: 16px 18px; border: 0.5px solid #E2E8F0; border-left: 3px solid var(--cc-v2-pain-border); }
.cc-v2-pain-problem { font-size: 13px; color: #64748B; margin-bottom: 6px; }
.cc-v2-pain-solve { font-size: 15px; font-weight: 500; color: #0F172A; }

.cc-v2-case-card { background: #FFFFFF; border-radius: 16px; overflow: hidden; border: 0.5px solid #E2E8F0; cursor: pointer; margin-top: 12px; }
.cc-v2-case-cover { height: 140px; background: linear-gradient(135deg, var(--cc-v2-case-cover-bg1), var(--cc-v2-case-cover-bg2)); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.cc-v2-case-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc-v2-case-badge { position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.9); border-radius: 9999px; padding: 4px 10px; font-size: 11px; color: var(--cc-v2-case-badge-color); font-weight: 500; z-index: 1; }
.cc-v2-case-body { padding: 18px; }
.cc-v2-case-title { font-size: 16px; font-weight: 500; color: #0F172A; margin-bottom: 6px; line-height: 1.4; }
.cc-v2-case-desc { font-size: 13px; color: #64748B; line-height: 1.5; }

.cc-v2-vals { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.cc-v2-val-item { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: linear-gradient(135deg, var(--cc-v2-accent-soft), var(--cc-v2-accent-soft2)); border-radius: 14px; border: 0.5px solid var(--cc-v2-val-border); }
.cc-v2-val-check { width: 22px; height: 22px; border-radius: 50%; background: var(--cc-v2-accent); flex-shrink: 0; position: relative; }
.cc-v2-val-check::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 6px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: translate(-50%,-60%) rotate(-45deg); }
.cc-v2-val-text { font-size: 14px; color: #0F172A; font-weight: 500; display: flex; flex-direction: column; gap: 2px; }
.cc-v2-val-sub { font-size: 12px; color: #64748B; font-weight: 400; }

.cc-v2-motto { text-align: center; padding: 32px 24px; background: linear-gradient(135deg, var(--cc-v2-motto-bg1), var(--cc-v2-motto-bg2)); border-radius: 20px; margin-bottom: 20px; }
.cc-v2-motto-text { font-size: 17px; color: var(--cc-v2-motto-text); font-weight: 500; line-height: 1.6; letter-spacing: 0.5px; }
.cc-v2-motto-label { margin-top: 14px; font-size: 11px; color: #64748B; letter-spacing: 2px; }

.cc-v2-footer { text-align: center; padding: 32px 20px 16px; font-size: 11px; color: #9CA3AF; line-height: 1.6; }
.cc-v2-build-tag { display: inline-block; margin-top: 6px; font-size: 10px; color: #CBD5E1; }

/* ====== AI Fill 智能填名片 ====== */
.bc-ai-fill {
  margin: 0 0 20px; padding: 20px; border-radius: 16px;
  background: linear-gradient(135deg, #EFF6FF, #F0F9FF); border: 0.5px solid #BFDBFE;
}
.bc-ai-fill-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.bc-ai-fill-icon { width: 36px; height: 36px; border-radius: 10px; background: #2563EB; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.bc-ai-fill-meta { flex: 1; }
.bc-ai-fill-title { font-size: 15px; font-weight: 500; color: #0C447C; }
.bc-ai-fill-desc { font-size: 12px; color: #64748B; margin-top: 2px; line-height: 1.4; }
.bc-ai-fill-text { width: 100%; min-height: 80px; padding: 12px; border-radius: 10px; border: 0.5px solid #BFDBFE; font-size: 13px; line-height: 1.5; resize: vertical; background: #FFFFFF; }
.bc-ai-fill-actions { display: flex; gap: 10px; margin-top: 12px; }
.bc-ai-fill-btn { flex: 1; padding: 10px; border-radius: 10px; background: #2563EB; color: #FFFFFF; font-size: 13px; font-weight: 500; border: none; cursor: pointer; }
.bc-ai-fill-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.bc-ai-fill-demo { padding: 10px 16px; border-radius: 10px; background: #FFFFFF; color: #2563EB; font-size: 13px; font-weight: 500; border: 0.5px solid #BFDBFE; cursor: pointer; }
.bc-ai-fill-loading { margin-top: 12px; padding: 12px; text-align: center; font-size: 13px; color: #2563EB; background: rgba(255,255,255,0.7); border-radius: 10px; }
.bc-ai-fill-result { margin-top: 12px; padding: 14px; background: #FFFFFF; border-radius: 10px; border: 0.5px solid #BFDBFE; }
.bc-ai-fill-result-title { font-size: 12px; font-weight: 500; color: #0C447C; margin-bottom: 8px; }
.bc-ai-fill-result-item { font-size: 12px; color: #444441; line-height: 1.6; margin-bottom: 4px; }
.bc-ai-fill-result-label { color: #64748B; }
.bc-ai-fill-result-value { color: #1F2937; }
.bc-ai-fill-apply { margin-top: 10px; }
.bc-ai-fill-apply-btn { width: 100%; padding: 10px; border-radius: 10px; background: #2563EB; color: #FFFFFF; font-size: 13px; font-weight: 500; border: none; cursor: pointer; }

/* ====== 逐字段 AI 按钮 ====== */
.bc-ai-field-btn {
  display: inline-block; margin-left: 8px; padding: 4px 10px; border-radius: 8px;
  background: #EEF2FF; color: #4F46E5; border: 0.5px solid #C7D2FE;
  font-size: 14px; cursor: pointer; line-height: 1; vertical-align: middle;
}
.bc-ai-suggest-overlay { display: none; position: fixed; inset: 0; z-index: 9998; background: rgba(15,23,42,0.3); }
.bc-ai-suggest-panel {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #FFFFFF; border-radius: 20px 20px 0 0; padding: 20px;
  box-shadow: 0 -8px 32px rgba(15,23,42,0.12); max-height: 60vh; overflow-y: auto;
}
.bc-ai-suggest-head { font-size: 15px; font-weight: 500; color: #1F2937; margin-bottom: 16px; }
.bc-ai-suggest-hint-wrap { margin-bottom: 12px; }
.bc-ai-suggest-hint-label { display: block; font-size: 12px; color: #6B7280; margin-bottom: 6px; }
.bc-ai-suggest-hint-input { width: 100%; font-size: 14px; }
.bc-ai-suggest-generate {
  width: 100%; padding: 10px 16px; margin-bottom: 12px; border: none; border-radius: 10px;
  background: #4F46E5; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer;
}
.bc-ai-suggest-generate:active { opacity: 0.9; }
.bc-ai-suggest-regenerate {
  width: 100%; margin-top: 12px; padding: 10px 16px; border: 1px solid #E5E7EB; border-radius: 10px;
  background: #fff; color: #4F46E5; font-size: 14px; cursor: pointer;
}
.bc-ai-suggest-loading { padding: 24px; text-align: center; font-size: 14px; color: #4F46E5; }
.bc-ai-suggest-close { position: absolute; top: 20px; right: 20px; font-size: 18px; color: #9CA3AF; cursor: pointer; }
.bc-ai-suggest-list { display: flex; flex-direction: column; gap: 10px; }
.bc-ai-suggest-option {
  padding: 14px 16px; border-radius: 12px; background: #F8FAFC; border: 0.5px solid #E2E8F0;
  font-size: 14px; color: #1F2937; line-height: 1.5; cursor: pointer;
}
.bc-ai-suggest-option:active { background: #EFF6FF; border-color: #BFDBFE; }
.bc-ai-suggest-error {
  padding: 16px;
  text-align: center;
  font-size: 14px;
  color: #DC2626;
  line-height: 1.5;
  background: #FEF2F2;
  border-radius: 12px;
}

/* ====== 新编辑页 4 问框架 ====== */
.bc-v2-edit-wrap { margin-top: 16px; }
.bc-v2-edit-block { margin-bottom: 20px; background: #FFFFFF; border-radius: 14px; border: 0.5px solid #E5E7EB; overflow: hidden; }
.bc-v2-edit-block-num { padding: 16px 16px 12px; font-size: 14px; font-weight: 500; color: #1E40AF; letter-spacing: 0.5px; border-bottom: 1px solid #F1F5F9; }
.bc-v2-edit-block-body { padding: 8px 0 4px; }
.bc-v2-edit-block .edit-section { background: transparent; border: none; margin: 0; }
.bc-v2-edit-block .edit-section-header { border: none; padding: 8px 16px; }
.bc-v2-edit-block .edit-section-body { padding: 0 16px 8px; }
.bc-v2-edit-block .form-group { padding: 4px 16px; margin-bottom: 8px; }
.bc-v2-edit-block .bc-avatar-upload { padding: 0 16px; }
.bc-v2-edit-block .tag-input-area { margin: 4px 16px 12px; }
.bc-v2-edit-block .tag-presets { padding: 0 16px; }
.bc-v2-edit-block .case-select-list { padding: 0; margin: 0 16px 12px; }
.bc-v2-edit-block .checkbox-row { padding: 4px 16px 8px; }

.bc-card-point-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #F1F5F9;
}
.bc-card-point-item:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.bc-card-point-item__body { flex: 1; min-width: 0; }
.bc-card-point-item .item-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
  padding-top: 2px;
}
.bc-v3-field-gap { margin-bottom: 8px; }
.bc-v3-field-tag + .bc-v3-field-gap,
.bc-v3-field-tag + .form-input,
.bc-v3-field-tag + .bc-v3-textarea { margin-top: 4px; }
.bc-v3-ai-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 0.5px solid #FDE68A;
  background: #FFFBEB;
  color: #D97706;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bc-v3-ai-btn:active { background: #FEF3C7; }
.bc-point-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.bc-point-num { font-size: 12px; color: #64748B; font-weight: 500; }
.bc-point-remove { font-size: 12px; color: #EF4444; cursor: pointer; }
.bc-v2-edit-block .add-btn { margin: 4px 16px 12px; }

.bc-ai-field-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bc-ai-field-row .form-input {
  flex: 1;
  min-width: 0;
}
.bc-ai-field-row--textarea {
  align-items: flex-start;
}
.bc-ai-field-row--textarea .bc-ai-field-btn--lite {
  margin-top: 8px;
}
.bc-ai-field-btn--lite {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-left: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #FFFBEB;
  color: #D97706;
  border: 0.5px solid #FDE68A;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.bc-ai-field-btn--lite:active {
  background: #FEF3C7;
}

/* ====== 配色风格选择器 ====== */
.bc-theme-picker { margin: 0 16px 16px; padding: 16px; background: #FFFFFF; border-radius: 14px; border: 0.5px solid #E5E7EB; }
.bc-v2-edit-block--video { margin: 0 16px 16px; }
.bc-theme-picker-title { font-size: 14px; font-weight: 500; color: #1F2937; margin-bottom: 12px; }
.bc-theme-picker-row { display: flex; gap: 12px; justify-content: space-between; }
.bc-theme-swatch {
  flex: 1; min-width: 0; border: 2px solid transparent; border-radius: 14px; padding: 10px 6px 8px;
  cursor: pointer; color: #FFFFFF; text-align: center; position: relative;
}
.bc-theme-swatch.active { border-color: #0F172A; box-shadow: 0 0 0 2px rgba(15,23,42,0.08); }
.bc-theme-swatch-check { display: block; font-size: 14px; font-weight: 600; min-height: 18px; margin-bottom: 4px; }
.bc-theme-swatch-label { display: block; font-size: 11px; line-height: 1.2; opacity: 0.95; }

/* ====== 编辑页视频上传 ====== */
.bc-intro-video-preview { width: 100%; border-radius: 12px; margin: 8px 0; max-height: 180px; background: #000; display: block; }
.bc-intro-video-empty {
  margin: 8px 0; padding: 28px 16px; border-radius: 12px; border: 1px dashed #CBD5E1;
  background: #F8FAFC; color: #94A3B8; font-size: 13px; text-align: center;
}
.cc-v2-hero-job { font-size: 14px; color: rgba(255,255,255,0.75); margin-top: 4px; position: relative; z-index: 2; }
.cc-v2-hero-bio { font-size: 14px; color: rgba(255,255,255,0.85); margin: 12px auto 0; line-height: 1.6; max-width: 320px; position: relative; z-index: 2; }
.cc-v2-hero-quote { font-size: 13px; font-style: italic; color: rgba(255,255,255,0.72); margin-top: 12px; position: relative; z-index: 2; }

.cc-v2-cred-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cc-v2-cred { background: #FFFFFF; border-radius: 14px; padding: 16px 12px; text-align: center; border: 0.5px solid #E2E8F0; }
.cc-v2-cred-num { font-size: 22px; font-weight: 500; color: var(--cc-v2-accent-deep); letter-spacing: -0.3px; }
.cc-v2-cred-label { font-size: 12px; color: #334155; margin-top: 4px; font-weight: 500; }
.cc-v2-cred-sub { font-size: 11px; color: #64748B; margin-top: 2px; }
.cc-v2-story { background: #FFFFFF; border-radius: 16px; padding: 18px; font-size: 14px; line-height: 1.75; color: #334155; border: 0.5px solid #E2E8F0; }
.cc-v2-section--extra { padding-top: 40px; }

.cc-v2-root--full .cc-v2-advanced { background: #F8FAFC; padding-bottom: 8px; }
.cc-v2-root--full .cc-section-label { color: var(--cc-v2-accent); }
.cc-v2-root--full .cc-stat-number { color: var(--cc-v2-accent-deep); }
.cc-v2-root--full .cc-tl-track--career { background: var(--cc-v2-accent-bg); color: var(--cc-v2-accent-deep); }
.cc-v2-root--full .cc-tl-node--pivot::before { background: var(--cc-v2-accent); }
.cc-v2-root--full .cc-skill-bar--hard { background: linear-gradient(90deg, var(--cc-v2-accent), var(--cc-v2-accent-deep)); }
.cc-v2-root--full .cc-contact-cta { background: var(--cc-v2-accent); border-color: var(--cc-v2-accent); }
.cc-v2-root--ip .cc-v2-case-card + .cc-v2-case-card { margin-top: 10px; }

.bc-intro-video-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }

/* ===== v3 五段式展示 ===== */
.cc-v3-pain-list { display: flex; flex-direction: column; gap: 10px; }
.cc-v3-pain-list,
.cc-v3-pain-card {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.cc-v3-pain-card {
  background: #FFF;
  border-radius: 16px;
  padding: 18px;
  border: 0.5px solid #E2E8F0;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
.cc-v3-pain-card:active { opacity: 0.96; }
.cc-v3-pain-header { display: flex; align-items: flex-start; gap: 12px; }
.cc-v3-pain-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 20px; }
.cc-v3-pain-icon--1 { background: linear-gradient(135deg, #DDD6FE, #C4B5FD); }
.cc-v3-pain-icon--2 { background: linear-gradient(135deg, #FED7AA, #FDBA74); }
.cc-v3-pain-icon--3 { background: linear-gradient(135deg, #FBCFE8, #F9A8D4); }
.cc-v3-pain-text { flex: 1; min-width: 0; }
.cc-v3-pain-title { font-size: 15px; font-weight: 500; color: #0F172A; line-height: 1.4; }
.cc-v3-pain-hint { font-size: 12px; color: #2563EB; margin-top: 6px; }
.cc-v3-pain-arrow { display: inline-block; transition: transform 0.2s; }
.cc-v3-pain-card.open .cc-v3-pain-arrow { transform: rotate(180deg); }
.cc-v3-pain-expand { display: none; margin-top: 12px; padding-top: 12px; border-top: 0.5px dashed #E2E8F0; font-size: 13px; color: #64748B; line-height: 1.7; }
.cc-v3-pain-card.open .cc-v3-pain-expand { display: block; }

.cc-v3-advantage-card { background: #FFF; border-radius: 16px; padding: 18px; border: 0.5px solid #E2E8F0; margin-bottom: 12px; display: flex; gap: 14px; align-items: flex-start; }
.cc-v3-advantage-img { width: 72px; height: 72px; border-radius: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; }
.cc-v3-advantage-img--1 { background: linear-gradient(135deg, #DBEAFE, #BFDBFE); }
.cc-v3-advantage-img--2 { background: linear-gradient(135deg, #E0E7FF, #C7D2FE); }
.cc-v3-advantage-img--3 { background: linear-gradient(135deg, #DBEAFE, #BFDBFE); }
.cc-v3-advantage-content { flex: 1; min-width: 0; }
.cc-v3-advantage-label { font-size: 11px; color: #2563EB; font-weight: 500; margin-bottom: 4px; letter-spacing: 0.5px; }
.cc-v3-advantage-title { font-size: 15px; font-weight: 500; color: #0F172A; margin-bottom: 6px; line-height: 1.4; }
.cc-v3-advantage-desc { font-size: 12px; color: #64748B; line-height: 1.5; }
.cc-v3-advantage-cert {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 8px 14px;
  border-radius: 9999px; background: #EFF6FF; color: #2563EB; font-size: 12px; font-weight: 500;
  border: 0.5px solid #DBEAFE; cursor: pointer;
}
.cc-v3-advantage-cert:active { background: #DBEAFE; }

.cc-v3-case-stat { background: linear-gradient(135deg, #EFF6FF, #DBEAFE); border-radius: 14px; padding: 16px 20px; margin-bottom: 16px; display: flex; justify-content: space-around; text-align: center; }
.cc-v3-case-stat-item { flex: 1; }
.cc-v3-case-stat-num { font-size: 20px; font-weight: 500; color: #1E40AF; letter-spacing: -0.5px; }
.cc-v3-case-stat-label { font-size: 11px; color: #64748B; margin-top: 2px; }
.cc-v3-case-stat-divider { width: 1px; background: rgba(37,99,235,0.2); flex-shrink: 0; }
.cc-v3-case-list { display: flex; flex-direction: column; gap: 12px; }
.cc-v3-case-card { background: #FFF; border-radius: 16px; overflow: hidden; border: 0.5px solid #E2E8F0; cursor: pointer; }
.cc-v3-case-cover { height: 140px; position: relative; background: linear-gradient(135deg, var(--cc-v2-case-cover-bg1), var(--cc-v2-case-cover-bg2)); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.cc-v3-case-cover--video { background: linear-gradient(135deg, #1e3a5f, #2563EB); }
.cc-v3-case-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc-v3-case-cover-fallback { font-size: 40px; }
.cc-v3-case-badge { position: absolute; top: 10px; right: 10px; background: rgba(255,255,255,0.92); border-radius: 9999px; padding: 3px 10px; font-size: 11px; color: #1E40AF; font-weight: 500; z-index: 1; }
.cc-v3-case-body { padding: 14px 16px; }
.cc-v3-case-title { font-size: 14px; font-weight: 500; color: #0F172A; margin-bottom: 4px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cc-v2-section--identity { padding-top: 40px; }
.cc-v3-identity-list { display: flex; flex-direction: column; gap: 10px; }
.cc-v3-identity-row { background: #F8FAFC; border-radius: 12px; padding: 12px 14px; border: 0.5px solid #E2E8F0; }
.cc-v3-identity-label { display: block; font-size: 10px; color: #2563EB; font-weight: 500; margin-bottom: 4px; letter-spacing: 0.5px; }
.cc-v3-identity-value { display: block; font-size: 13px; color: #334155; line-height: 1.5; }
.cc-v2-motto-text { font-size: 16px; color: #1E40AF; font-weight: 500; line-height: 1.6; word-break: break-word; }
.cc-v3-case-desc { font-size: 12px; color: #64748B; line-height: 1.5; margin-bottom: 6px; }
.cc-v3-case-meta { padding-top: 8px; border-top: 0.5px dashed #E2E8F0; text-align: right; }
.cc-v3-case-meta-btn { font-size: 11px; color: #2563EB; }

.cc-v3-val-check-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.cc-v3-val-check-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; background: linear-gradient(135deg, #EFF6FF, #F0F9FF); border-radius: 14px; border: 0.5px solid #DBEAFE; }
.cc-v3-val-check-circle { width: 22px; height: 22px; border-radius: 50%; background: #2563EB; flex-shrink: 0; margin-top: 1px; position: relative; }
.cc-v3-val-check-circle::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 5px; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: translate(-50%, -60%) rotate(-45deg); }
.cc-v3-val-check-title { font-size: 14px; color: #0F172A; font-weight: 500; margin-bottom: 2px; }
.cc-v3-val-check-desc { font-size: 12px; color: #64748B; line-height: 1.4; }

/* v3 编辑页 */
.bc-v3-industry-select { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #BFDBFE; font-size: 13px; background: #FFF; }
.bc-v3-field-tag { font-size: 10px; padding: 2px 8px; border-radius: 4px; background: #EFF6FF; color: #2563EB; font-weight: 500; margin-bottom: 4px; display: inline-block; }
.bc-v3-case-stat-row { display: flex; gap: 8px; margin-bottom: 10px; }
.bc-v3-case-override { margin-top: 12px; padding: 12px; background: #F8FAFC; border-radius: 12px; border: 0.5px solid #E2E8F0; }
.bc-v3-case-override-title { font-size: 12px; color: #64748B; margin-bottom: 8px; }
.bc-v3-textarea { width: 100%; min-height: 72px; padding: 10px 12px; border-radius: 10px; border: 1px solid #E2E8F0; font-size: 13px; font-family: inherit; resize: vertical; }
.bc-v3-textarea:focus { outline: none; border-color: #2563EB; }
.item-del-btn { width: 32px; height: 32px; border-radius: 8px; background: #FEF2F2; border: 0.5px solid #FECACA; color: #DC2626; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; }

/* ===== v3 产品展示区 ===== */
.cc-v3-product-section { padding: 48px 20px 0; }
.cc-v3-product-section-label { font-size: 11px; color: #2563EB; font-weight: 500; letter-spacing: 1.5px; margin-bottom: 6px; }
.cc-v3-product-section-title { font-size: 26px; font-weight: 500; color: #0F172A; margin: 0 0 4px; line-height: 1.3; letter-spacing: -0.5px; }
.cc-v3-product-subtitle { font-size: 12px; color: #64748B; margin-bottom: 18px; line-height: 1.5; }
.cc-v3-product-tabs { display: flex; gap: 0; margin-bottom: 16px; background: #F1F5F9; border-radius: 10px; padding: 3px; }
.cc-v3-product-tab { flex: 1; padding: 9px 12px; border-radius: 8px; font-size: 13px; text-align: center; cursor: pointer; color: #64748B; border: none; background: transparent; transition: all 0.15s; font-family: inherit; }
.cc-v3-product-tab.active { background: #FFF; color: #0F172A; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.cc-v3-product-carousel { display: block; overflow: hidden; width: 100%; touch-action: pan-y pinch-zoom; }
.cc-v3-product-slides { display: flex; transition: transform .3s ease; will-change: transform; padding-bottom: 8px; }
.cc-v3-poster-card { flex: 0 0 100%; min-width: 100%; max-width: 100%; width: 100%; height: 460px; border-radius: 20px; position: relative; overflow: hidden; background: #FFF; border: 0.5px solid #E2E8F0; display: flex; flex-direction: column; box-shadow: 0 8px 28px rgba(15,23,42,0.1); }
/* 整图模式 · 专业版产品海报 */
.cc-v3-poster-card--fullimage { display: block; }
.cc-v3-poster-card--fullimage .cc-v3-poster-image { height: 100%; border-bottom: none; }
.cc-v3-poster-card--fullimage .cc-v3-poster-content,
.cc-v3-poster-card--fullimage .cc-v3-poster-deco,
.cc-v3-poster-card--fullimage .cc-v3-poster-image-overlay,
.cc-v3-poster-card--fullimage .cc-v3-poster-image-visual,
.cc-v3-poster-card--fullimage .cc-v3-poster-image-badge { display: none; }
.cc-v3-poster-card--fullimage .cc-v3-poster-image-bg { position: absolute; inset: 0; background-size: cover; background-position: 42% center; }
/* top image area (45%) */
.cc-v3-poster-image { height: 200px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 0.5px solid rgba(0,0,0,0.04); }
.cc-v3-poster-image-num { position: absolute; top: 12px; left: 14px; font-size: 11px; font-weight: 500; letter-spacing: 1px; color: rgba(255,255,255,0.85); text-shadow: 0 1px 2px rgba(0,0,0,0.2); z-index: 3; }
.cc-v3-poster-image-badge { position: absolute; top: 12px; right: 14px; padding: 5px 12px; border-radius: 9999px; font-size: 11px; font-weight: 500; letter-spacing: 1px; z-index: 3; backdrop-filter: blur(8px); }
.cc-v3-poster-image-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 60%, rgba(255,255,255,0.5) 100%); }
.cc-v3-poster-product-emoji { font-size: 80px; z-index: 2; position: relative; filter: drop-shadow(0 8px 16px rgba(0,0,0,0.2)); }
/* bottom content area (55%) */
.cc-v3-poster-content { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
.cc-v3-poster-title { font-size: 19px; font-weight: 500; color: #0F172A; margin-bottom: 6px; line-height: 1.3; letter-spacing: -0.3px; }
.cc-v3-poster-desc { font-size: 13px; color: #64748B; line-height: 1.6; margin-bottom: 14px; }
.cc-v3-poster-features { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.cc-v3-poster-feature { padding: 5px 11px; border-radius: 8px; font-size: 11px; color: #475569; background: #F1F5F9; border: 0.5px solid #E2E8F0; }
/* dark badge variants */
.cc-v3-poster-badge-on-dark-blue { background: rgba(147,197,253,0.25); color: #93C5FD; border: 0.5px solid rgba(147,197,253,0.3); }
.cc-v3-poster-badge-on-dark-gold { background: rgba(253,230,138,0.25); color: #FDE68A; border: 0.5px solid rgba(253,230,138,0.3); }
.cc-v3-poster-badge-on-dark-green { background: rgba(167,243,208,0.25); color: #A7F3D0; border: 0.5px solid rgba(167,243,208,0.3); }
.cc-v3-poster-badge-on-dark-purple { background: rgba(196,181,253,0.25); color: #C4B5FD; border: 0.5px solid rgba(196,181,253,0.3); }
.cc-v3-poster-badge-on-dark-rose { background: rgba(253,164,175,0.25); color: #FDA4AF; border: 0.5px solid rgba(253,164,175,0.3); }
.cc-v3-poster-deco { position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }
.cc-v3-poster-deco-1 { width: 160px; height: 160px; top: -50px; right: -40px; background: rgba(255,255,255,0.15); }
.cc-v3-poster-deco-2 { width: 100px; height: 100px; bottom: -30px; left: -20px; background: rgba(96,165,250,0.12); }
.cc-v3-poster-deco-3 { width: 60px; height: 60px; top: 30px; right: 30px; background: rgba(167,139,250,0.18); }
.cc-v3-poster-image-bg { position: absolute; inset: 0; }
.cc-v3-poster-bg-1 { background: linear-gradient(160deg, #0F2027 0%, #203A43 50%, #2C5364 100%); }
.cc-v3-poster-bg-2 { background: linear-gradient(160deg, #1E3C72 0%, #2A5298 50%, #4F46E5 100%); }
.cc-v3-poster-bg-3 { background: linear-gradient(160deg, #141E30 0%, #243B55 50%, #1E40AF 100%); }
.cc-v3-poster-bg-4 { background: linear-gradient(160deg, #0C0C1D 0%, #1B1B3A 50%, #2D2D6B 100%); }
.cc-v3-poster-bg-5 { background: linear-gradient(160deg, #1A0D2E 0%, #2D1B4E 50%, #4338CA 100%); }
.cc-v3-poster-bg-6 { background: linear-gradient(160deg, #0F172A 0%, #1E293B 50%, #334155 100%); }
.cc-v3-product-dots { display: flex; gap: 6px; justify-content: center; margin-top: 10px; }
.cc-v3-product-dot { width: 6px; height: 6px; border-radius: 50%; background: #CBD5E1; transition: all 0.2s; }
.cc-v3-product-dot.active { background: #2563EB; width: 18px; border-radius: 3px; }
.cc-v3-product-video { display: block; }
.cc-v3-product-video[hidden] { display: none !important; }
.cc-v3-product-video-player { width: 100%; border-radius: 16px; display: block; max-height: 280px; background: #000; object-fit: cover; }
.cc-v3-product-video-placeholder { width: 100%; height: 240px; border-radius: 16px; background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: pointer; }
.cc-v3-product-video-placeholder::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 30% 40%, rgba(37,99,235,0.12), transparent 60%); }
.cc-v3-product-video-play { width: 56px; height: 56px; border-radius: 50%; background: rgba(255,255,255,0.92); position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.cc-v3-product-video-play::after { content: ""; width: 0; height: 0; border-left: 14px solid #2563EB; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin-left: 3px; }
.cc-v3-product-video-text { color: rgba(255,255,255,0.8); font-size: 13px; margin-top: 14px; position: relative; z-index: 2; }
.cc-v3-product-video-hint { color: rgba(255,255,255,0.5); font-size: 11px; margin-top: 6px; position: relative; z-index: 2; }

/* v3 编辑页 · 产品上传 */
.bc-product-img-grid { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.bc-product-img-item { position: relative; width: 72px; height: 96px; border-radius: 10px; overflow: hidden; border: 0.5px solid #E2E8F0; background: #F8FAFC; }
.bc-product-img-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bc-product-img-rm { position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%; border: none; background: rgba(15,23,42,0.65); color: #FFF; font-size: 14px; line-height: 1; cursor: pointer; }
.bc-product-video-preview { width: 100%; border-radius: 12px; margin: 8px 0; max-height: 180px; background: #000; display: block; }
.bc-product-video-empty { margin: 8px 0; padding: 28px 16px; border-radius: 12px; border: 1px dashed #CBD5E1; background: #F8FAFC; color: #94A3B8; font-size: 13px; text-align: center; }

/* 微信分享卡片编辑 */
.bc-wx-share-block { border-color: #BFDBFE; }
.bc-wx-share-preview {
  margin: 4px 16px 10px;
  padding: 12px 12px 12px 14px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 0.5px solid #E5E7EB;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: stretch;
  gap: 12px;
}
.bc-wx-share-preview-main { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.bc-wx-share-preview-title {
  font-size: 15px; font-weight: 600; color: #111827; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bc-wx-share-preview-desc {
  font-size: 13px; color: #6B7280; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bc-wx-share-preview-thumb {
  width: 56px; height: 56px; flex-shrink: 0; border-radius: 6px; overflow: hidden;
  background: #F3F4F6; display: flex; align-items: center; justify-content: center;
}
.bc-wx-share-preview-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bc-wx-share-preview-img-ph {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: #9CA3AF; background: linear-gradient(135deg, #ECFDF5, #D1FAE5);
}
.bc-wx-share-status {
  margin: 0 16px 12px; font-size: 12px; color: #64748B; line-height: 1.4;
}
.bc-wx-share-status.is-custom { color: #B45309; }
.bc-wx-share-img-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 4px; }
.bc-wx-share-toolbar { padding: 4px 16px 14px; }
.bc-wx-share-adopt {
  width: 100%; padding: 10px 14px; border-radius: 10px; border: 0.5px solid #BFDBFE;
  background: #EFF6FF; color: #1D4ED8; font-size: 13px; font-weight: 500; cursor: pointer;
}
.bc-wx-share-adopt:active { opacity: 0.9; }