/* 浅色、少装饰、大字号；保留来源说明和真实能力详情。 */
:root {
  --bg: #faf9f6;
  --surface: #ffffff;
  --text: #263e33;
  --muted: #5e7066;
  --lime: #486e59;
  --gold: #866a47;
  --gold-soft: #f1e9da;
  --emerald: #486e59;
  --border: #dce5dd;
  --border-gold: #e5ddcf;
}
body { font-size: 16px; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline-color: #486e59;
}
::selection { background: #dcebdd; color: #263e33; }
.header { height: 96px; border-color: var(--border); }
.brand-symbol { color: #63806b; font-size: 40px; }
.brand-name { font-size: 28px; }
.brand-sub { color: var(--muted); font-size: 12px; letter-spacing: 1px; }
.nav { gap: 26px; }
.nav-link { color: #4c6255; font-size: 16px; }
.nav-link:hover { color: #294f39; }
.button { font-size: 16px; min-height: 48px; border-radius: 8px; }
.button:hover { transform: none; }
.button-primary { background: #486e59; color: #fff; }
.button-primary:hover { background: #355a44; }
.button-secondary, .button-header {
  background: #edf3ec; color: #355a44; border-color: #ccdbcc;
}
.button-secondary:hover, .button-header:hover { background: #e1ebdf; }
.button-text { color: #486e59; }
.muted, .eyebrow, .section-description { color: var(--muted); }
.hero { padding-top: 65px; min-height: 760px; }
.hero-copy { max-width: 680px; }
.hero-art { inset: 0 -12% 0 32%; opacity: .2; }
.hero-art video, .hero-art img { filter: saturate(.24); }
.hero-art:after {
  background: linear-gradient(90deg, #faf9f6, #faf9f6d9 18%, transparent 65%),
    linear-gradient(0deg, #faf9f6, transparent 24%, transparent 78%, #faf9f640);
}
.hero-glow, .hero-particles, .visual-caption, .hero-index { display: none; }
.hero-eyebrow { color: #586f5e; font-size: 14px; letter-spacing: 1px; margin-bottom: 24px; }
h1 { font-size: clamp(54px, 5.2vw, 72px); font-weight: 550; line-height: 1.22; }
h1 > span, .hero .hero-title-gradient {
  color: #64816a; background: none; -webkit-text-fill-color: currentColor; text-shadow: none;
}
.hero-tagline { color: #334f3e; font-size: 24px; margin-bottom: 12px; }
.hero-description { color: #596c60; font-size: 17px; line-height: 1.8; }
.hero-actions { margin-top: 24px; gap: 12px; flex-wrap: wrap; }
.hero-audience { display: none; }
.hero-bottom { color: #64796a; letter-spacing: .5px; font-size: 12px; }
.hero-bottom a { color: #4b6754; }
.hero-motion-toggle {
  top: 24px; right: 5%; color: #4b6754; background: #faf9f6dd;
  border-color: #cfdccf; font-size: 12px;
}
.hero-motion-toggle:hover { color: #294f39; background: #edf3ec; border-color: #9bb59f; }
.metrics-heading { color: #425b49; font-size: 14px; max-width: 670px; margin-top: 24px; }
.metrics-heading small { color: #5e7066; font-size: 11px; }
.hero-industry-metrics {
  max-width: 670px; border: 1px solid #dce5dd; background: #ffffffdb;
  border-radius: 12px; box-shadow: none; backdrop-filter: none; padding: 20px;
  gap: 20px 16px;
}
.hero-industry-metrics:before, .ticker { display: none; }
.him-num { color: #385e46; font-size: 28px; background: none; -webkit-text-fill-color: currentColor; }
.him-num em { color: #637b68; font-size: 12px; }
.him-label { color: #334e3d; font-size: 13px; }
.him-sub { color: #5e7066; font-size: 11px; }
.data-basis { max-width: 670px; color: #586e5e; font-size: 12px; }
.data-basis summary { color: #486e59; }
.data-basis p { background: #fff; border-color: var(--border); }
.section { padding-top: 70px; }
.section-top { margin-bottom: 28px; align-items: center; }
.section .eyebrow { font-size: 13px; letter-spacing: .8px; margin-bottom: 14px; }
.section h2 { font-size: 36px; font-weight: 550; }
.section-description { font-size: 16px; line-height: 1.8; }
#capabilities-title { font-size: 42px; color: #294b36; }
.filters { background: #edf2eb; border-color: #dce5dd; }
.filter { font-size: 15px; color: #526857; padding: 11px 19px; }
.filter.active { color: #294f39; background: #dce8d9; }
.filter span { color: #486e59; font-size: 12px; }
.toolbar-note, .card-english, .card-tags, .card-deliverable { display: none; }
.capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.capability-card {
  --card-accent: #486e59;
  --card-tint: #e7eee2;
  grid-column: auto; border-color: #dce5dd; background: #f0f5ed;
  border-radius: 14px; padding: 28px 30px 0;
  transition: border-color .2s; box-shadow: none;
}
.card-creative { --card-accent: #86674e; --card-tint: #f0e5d8; background: #faf3eb; border-color: #e7ded3; }
.card-review { --card-accent: #646c8d; --card-tint: #e4e6f0; background: #f0f2f9; border-color: #dedfeb; }
.card-community { --card-accent: #49756f; --card-tint: #deece7; background: #edf6f3; border-color: #d9e7e1; }
.card-operations { --card-accent: #816d4f; --card-tint: #eee6d8; background: #f8f5ed; border-color: #e5dfd2; }
.capability-card:hover { transform: none; border-color: var(--card-accent); }
.capability-card .card-label { color: var(--card-accent); font-size: 14px; }
.card-number { color: #66776b; font-size: 12px; letter-spacing: .5px; }
.capability-card .card-dot { background: var(--card-accent); }
.capability-card .card-media { padding-bottom: 38px; margin: 20px 0 16px; }
.capability-card .card-art {
  height: auto; padding: 0; margin: 0; background: none; border: 0;
  display: block; overflow: visible; filter: none;
}
.platform-illustration { display: flex; align-items: center; gap: 24px; min-height: 100px; }
.platform-symbol {
  width: 86px; height: 86px; flex-shrink: 0; border-radius: 24px;
  background: var(--card-tint); color: var(--card-accent);
  display: grid; place-items: center; font-size: 54px; line-height: 1; font-weight: 300;
}
.platform-steps { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.platform-steps span { color: var(--card-accent); font-size: 15px; line-height: 1.6; }
.platform-steps span:not(:last-child):after { content: " →"; color: #83968a; margin-left: 12px; }
.card-image-entry { padding: 0; border-radius: 9px; }
.card-image-entry span {
  position: absolute; right: 0; bottom: 0; background: transparent;
  color: var(--card-accent); border: 0; padding: 3px 0; font-size: 14px; backdrop-filter: none;
}
.card-image-entry:hover, .card-image-entry:focus-visible {
  background: transparent; border-color: transparent;
}
.capability-card .card-copy h3 { font-size: 30px; line-height: 1.5; letter-spacing: 0; color: #2c4435; margin-bottom: 9px; }
.ai-prefix { font-size: .76em; color: var(--card-accent); }
.capability-card .card-copy > p.product-name {
  color: var(--card-accent); font-size: 15px; margin: 0 0 10px; line-height: 1.6;
}
.capability-card .card-copy > p:not(.card-english):not(.product-name) {
  font-size: 17px; line-height: 1.85; color: #4f6256; min-height: 64px; margin-bottom: 22px;
}
.capability-card .card-link {
  font-size: 16px; color: var(--card-accent); border-color: #d5ded3; padding: 18px 0;
}
.capability-footnote { font-size: 13px; color: #5e7066; }
.card-operations {
  grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  column-gap: 38px;
}
.card-operations .card-top, .card-operations .card-link { grid-column: 1 / -1; }
.card-operations .card-media { grid-column: 1; grid-row: 2; align-self: center; }
.card-operations .card-copy { grid-column: 2; grid-row: 2; padding-top: 24px; }
.card-operations .card-copy > p:not(.card-english):not(.product-name) { min-height: 0; }
.showcase-tabs { gap: 6px; }
.showcase-tabs button { color: #526857; font-size: 15px; padding: 16px 14px; }
.showcase-tabs button[aria-selected=true] { color: #355a44; background: #edf3e9; border-color: #648369; }
.showcase-panel { gap: 32px; }
.product-preview, .detail-visual { background: #fff; border-color: #d9e3d7; border-radius: 10px; }
.preview-window-bar, .detail-visual-bar { background: #edf3e9; color: #526857; font-size: 12px; }
.preview-window-bar > p { font-size: 12px; }
.preview-mode-switch .mode-btn { font-size: 12px; color: #4d6754; background: #fff; border-color: #cddccb; }
.preview-mode-switch .mode-btn.active { color: #294f39; background: #dce8d9; }
.product-preview figcaption, .detail-visual figcaption { color: #586e5e; font-size: 12px; border-color: #d9e3d7; }
.preview-open-details { background: #f0f5ed; color: #486e59; font-size: 14px; }
.preview-open-details span { color: #486e59; background: none; border: 0; font-size: 14px; }
.showcase-copy > h3 { color: #2c4435; font-size: 29px; line-height: 1.6; }
.showcase-copy > p:not(.eyebrow) { color: #586e5e; font-size: 16px; }
.showcase-copy > p.showcase-state { font-size: 13px; }
.showcase-copy ol, .showcase-output { display: none; }
.showcase-actions .button { font-size: 15px; min-height: 46px; }
.scenario { background: #fff; border-color: var(--border); padding: 23px 18px; border-radius: 10px; }
.scenario:hover { background: #f0f5ed; border-color: #9bb59f; }
.scenario-icon { color: #648369; font-size: 29px; margin-bottom: 17px; }
.scenario-name { color: #334f3e; font-size: 17px; min-height: 0; }
.scenario-text { color: #586e5e; font-size: 14px; }
.scenario-action { color: #486e59; font-size: 14px; }
.business-path, #case-study, a[href="#case-study"], .about-values, .closing-orbit { display: none; }
.about { margin-top: 64px; padding: 44px 0; gap: 32px; }
.about-mark { background: none; height: 230px; }
.about-mark > span {
  color: #b7c9b5; background: none; -webkit-text-fill-color: currentColor; font-size: 165px;
}
.about-mark:before, .about-mark:after, .about-mark > i { display: none; }
.about-copy > p:not(.eyebrow) { color: #586e5e; font-size: 17px; line-height: 1.9; }
.closing { padding: 70px 24px; background: #f0f5ed; margin-top: 50px; }
.closing h2 { color: #334f3e; font-size: 36px; }
.closing h2 span { color: #648369; }
.closing > p:not(.eyebrow) { color: #586e5e; font-size: 16px; }
.footer-main > span, .footer-bottom, .footer-bottom button { color: #5e7066; font-size: 12px; }
.footer-main > a:last-child { color: #486e59; font-size: 14px; }
.footer-bottom { border-color: var(--border); }
.dialog, .product-dialog { background: #fbfcf9; color: #263e33; border-color: #d3dfd1; box-shadow: 0 24px 70px #283e3326; }
.dialog::backdrop { background: #263e3359; backdrop-filter: blur(3px); }
.dialog-close { color: #486e59; }
.product-dialog { --detail-accent: #486e59; scrollbar-color: #a5b9a4 #faf9f6; }
.product-dialog[data-product="creative"] { --detail-accent: #86674e; }
.product-dialog[data-product="review"] { --detail-accent: #646c8d; }
.product-dialog[data-product="community"] { --detail-accent: #49756f; }
.product-dialog[data-product="operations"] { --detail-accent: #816d4f; }
.product-dialog-top, .detail-footer { background: #edf3e9; border-color: #d9e3d7; }
.product-dialog-top > span:first-child { color: #3a5944; }
.detail-kind { border-color: #cddccb; }
.product-dialog h2 { color: #2c4435; font-size: 32px; }
.product-detail-heading .dialog-description, .dialog-description { color: #586e5e; font-size: 16px; }
.detail-product { font-size: 15px; }
.product-dialog h3 { color: #355a44; font-size: 17px; }
.detail-preparation ul { color: #586e5e; font-size: 14px; }
.detail-audience li { color: #486e59; background: #edf3e9; border-color: #d3dfd1; font-size: 13px; }
.detail-section { border-color: #d9e3d7; }
.product-dialog .detail-feature, .detail-deliverables > div, .detail-readiness {
  background: #f0f5ed; border-color: #d9e3d7; box-shadow: none;
}
.product-dialog .detail-feature h3, .detail-deliverables h4 { color: var(--detail-accent); font-size: 16px; }
.product-dialog .detail-feature p, .detail-deliverables p, .detail-steps li, .detail-readiness > p {
  color: #586e5e; font-size: 14px; line-height: 1.85;
}
.detail-steps li:before { background: #e7eee2; border-color: #cddccb; color: var(--detail-accent); }
.detail-output-summary { display: none; }
.product-dialog .detail-boundary { border-color: #d9e3d7; }
.detail-boundary summary, .product-dialog .detail-boundary p, .detail-footer .dialog-note, .dialog-note {
  color: #586e5e; font-size: 13px;
}
.detail-footer .button { font-size: 15px; }
.contact-dialog label, .contact-dialog legend, .interest-options label { color: #355a44; font-size: 15px; }
.contact-dialog label > span, .contact-dialog legend > span { color: #5e7066; font-size: 12px; }
input:not([type=checkbox]), textarea { background: #fff; color: #263e33; border-color: #c5d6c4; font-size: 15px; }
input::placeholder, textarea::placeholder { color: #6b7c70; }
.contact-channel { background: #edf3e9; border-color: #d3dfd1; }
.contact-channel > p, .contact-status, .form-note { color: #586e5e; font-size: 13px; }
.diagnostic-preview { background: #f0f5ed; border-color: #d3dfd1; box-shadow: none; }
.diag-header h4, .diag-body h5, .diag-body strong { color: #355a44; }
.diag-meta { background: #e7eee2; color: #586e5e; font-size: 12px; }
.diag-meta strong { color: #355a44; }
.diag-body ul { color: #586e5e; font-size: 13px; }
.diag-actions { flex-wrap: wrap; }
.diag-actions .button { font-size: 13px; }
.request-status { background: #edf3e9; border-color: #d3dfd1; color: #486e59; }
.info-dialog p, .info-dialog li { color: #586e5e; font-size: 14px; }
.info-dialog h3 { color: #355a44; }
/* 产品流程保留示意身份；用浅色工作区承载已核对内容。 */
.demo-notice { color: #4d6754; background: #edf3e9; border-color: #d9e3d7; font-size: 12px; }
.interactive-box { background: #f4f7f1; box-shadow: none; }
.interactive-box > .stage-header { background: #edf3e9; border-color: #d9e3d7; }
.interactive-box .stage-title, .interactive-box .stage-footer-bar { color: #486e59; }
.interactive-box .stage-footer-bar { background: #edf3e9; border-color: #d9e3d7; }
.stage-ingredients .wb-stats-row { background: transparent; }
.stage-ingredients .wb-stat-card, .stage-ingredients .wb-evidence-card { background: #fff; border-color: #d9e3d7; }
.stage-ingredients .wb-stat-num, .stage-ingredients .wb-stat-lbl { color: #486e59; }
.stage-ingredients .wb-stat-lbl { font-size: 11px; }
.stage-ingredients .wb-ev-title { color: #355a44; }
.stage-ingredients .wb-ev-desc { color: #586e5e; font-size: 12px; }
.stage-ingredients .wb-ev-tag { background: #edf3e9; color: #486e59; font-size: 11px; }
.interactive-box .stage-chip, .interactive-box .stage-tag-glow {
  background: #edf3e9; color: #486e59; border-color: #cddccb; box-shadow: none;
}
.stage-ingredients .stage-badge-success { background: #edf3e9; border-color: #cddccb; color: #486e59; }
.preview-mode-switch { background: #edf3e9; border-color: #cddccb; }
.mode-btn.active { box-shadow: none; }
.preview-interactive, .detail-interactive { background: #f4f7f1; }
.stage-operations .matrix-summary-text { color: #586e5e; }
.stage-operations .matrix-col { background: #fff; border-color: #d9e3d7; }
.stage-operations .matrix-col-title { color: #355a44; }
.stage-operations .matrix-col-desc, .stage-operations .matrix-items-list { color: #586e5e; }
.stage-operations .matrix-col-status { background: #edf3e9; }
.stage-operations .matrix-col:nth-child(1) { --col-accent: #486e59; }
.stage-operations .matrix-col:nth-child(2) { --col-accent: #866a47; }
.stage-operations .matrix-col:nth-child(3) { --col-accent: #936266; }
@media (max-width: 1100px) {
  .nav { gap: 18px; }
  .nav-link { font-size: 14px; }
  .capability-card { padding: 25px 24px 0; }
  .capability-card .card-copy h3 { font-size: 27px; }
  .platform-illustration { gap: 18px; }
  .platform-symbol { width: 70px; height: 70px; font-size: 46px; }
  .platform-steps { gap: 8px 10px; }
}
@media (max-width: 800px) {
  .hero { padding-top: 52px; }
  .hero-art { inset: 0 -20% 0 20%; opacity: .12; }
  .capability-card { padding: 24px 22px 0; }
  .capability-card .card-copy h3 { font-size: 25px; }
  .capability-card .card-copy > p:not(.card-english):not(.product-name) { font-size: 16px; }
  .platform-illustration { gap: 15px; }
  .platform-steps { flex-direction: column; gap: 2px; }
  .platform-steps span { font-size: 14px; }
  .platform-steps span:not(:last-child):after { content: ""; margin: 0; }
  .card-operations { display: flex; }
  .card-operations .card-copy { padding-top: 0; }
  .card-operations .card-media { align-self: stretch; }
  .showcase-panel { grid-template-columns: 1fr; }
  .showcase-copy > h3 { font-size: 28px; }
  .showcase-tabs button { font-size: 14px; padding: 14px 10px; }
  .footer-main > span { display: none; }
}
@media (max-width: 600px) {
  .header { height: 82px; }
  .brand-name { font-size: 24px; }
  .brand-sub { font-size: 10px; }
  .brand-symbol { font-size: 35px; }
  .mobile-nav { top: 82px; background: #f4f7f1; border-color: var(--border); }
  .mobile-nav a { color: #355a44; font-size: 16px; }
  .menu-toggle { color: #486e59; }
  .menu-toggle span { background: #486e59; }
  .hero { min-height: 0; padding: 42px 5% 76px; }
  .hero-copy { max-width: 100%; }
  .hero-eyebrow { margin-bottom: 21px; font-size: 13px; }
  h1 { font-size: 50px; }
  .hero-tagline { font-size: 20px; }
  .hero-description { font-size: 15px; max-width: 270px; }
  .hero-motion-toggle { top: 14px; bottom: auto; right: 5%; min-height: 30px; font-size: 10px; padding: 0 10px; }
  .hero-industry-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px; gap: 18px 12px; }
  .him-num { font-size: 24px; }
  .him-label { font-size: 12px; }
  .him-sub { font-size: 10px; line-height: 1.7; }
  .metrics-heading { font-size: 12px; }
  .metrics-heading small { font-size: 10px; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { min-height: 44px; font-size: 14px; padding: 0 14px; gap: 8px; }
  .hero-bottom > span { font-size: 10px; }
  .section { padding-top: 48px; }
  .section-top { display: block; }
  .section .eyebrow { font-size: 12px; }
  .section h2 { font-size: 29px; }
  #capabilities-title { font-size: 34px; }
  .section-description { font-size: 15px; margin-top: 12px; }
  .filters { width: 100%; gap: 2px; justify-content: space-between; }
  .filter { padding: 10px 11px; font-size: 13px; }
  .capability-grid { grid-template-columns: 1fr; gap: 18px; }
  .capability-card, .card-wide, .card-operations { grid-column: auto; display: flex; padding: 25px 24px 0; }
  .capability-card .card-copy h3 { font-size: 26px; }
  .capability-card .card-copy > p:not(.card-english):not(.product-name) { font-size: 16px; min-height: 0; }
  .platform-illustration { min-height: 95px; gap: 24px; }
  .platform-symbol { width: 76px; height: 76px; font-size: 49px; }
  .showcase-copy > h3 { font-size: 26px; }
  .showcase-copy > p:not(.eyebrow) { font-size: 16px; }
  .showcase-copy > p.showcase-state { font-size: 13px; }
  .showcase-tabs { overflow-x: auto; }
  .showcase-tabs button { flex-shrink: 0; font-size: 14px; }
  .scenario-grid { grid-template-columns: 1fr; }
  .scenario-name { font-size: 18px; }
  .scenario-text { font-size: 15px; min-height: 0; max-width: none; }
  .scenario-action { margin-top: 16px; }
  .about { grid-template-columns: 1fr; gap: 0; padding-top: 0; }
  .about-mark { display: none; }
  .about-copy > p:not(.eyebrow) { font-size: 16px; }
  .closing h2 { font-size: 30px; }
  .footer-bottom { flex-wrap: wrap; gap: 12px; }
  .product-dialog h2 { font-size: 26px; }
  .product-dialog .dialog-description { font-size: 15px; }
  .product-dialog .detail-features, .detail-deliverables, .detail-steps { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .capability-card, .button { transition: none; }
}
@media (max-width: 360px) {
  .him-num { font-size: 22px; }
}