/* 蓝鲸羽集 2026-09：克制、耐看的中文界面收口。 */
:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --serif: var(--font);
  --mono: "DIN Alternate", "SFMono-Regular", Consolas, monospace;
  --radius: 12px;
}

body {
  font-family: var(--font);
  font-weight: 400;
  letter-spacing: 0;
  background: #08283b;
  color: #edf5f4;
}

.store-shell[data-atmosphere]::before,
.site-atmosphere-canvas { display: none; }
.store-shell[data-atmosphere]::after { background: linear-gradient(155deg, #0b3148 0%, #071f31 72%); }

.store-brand strong { font-weight: 650; letter-spacing: .04em; }
.store-brand small { font-family: var(--font); letter-spacing: .06em; }
.eyebrow {
  color: #9dcbd0;
  font-family: var(--font);
  font-size: 11px;
  font-weight: 550;
  letter-spacing: .04em;
}
.eyebrow i { width: 18px; opacity: .65; }

.hero-copy h1,
.section-title h2,
.service-heading h2,
.owner-section h2,
.contact-section h2,
.speed-lab-copy h2,
.craft-heading h2,
.assessment-hero h1,
.assessment-intro h2,
.assessment-topline h2,
.assessment-recommendations h2,
.hub-heading h2,
.calculator-hero h1,
.section-head h2,
.result-head h2,
.rotation-hero h1,
.rotation-builder h2,
.rotation-result h2 {
  font-family: var(--font);
  font-weight: 620;
  letter-spacing: -.035em;
  color: #f2f7f6;
}

.hero-copy h1 { font-size: clamp(41px, 5vw, 66px); }
.section-title h2, .service-heading h2, .owner-section h2, .contact-section h2 { font-size: clamp(27px, 2.7vw, 39px); }

.store-btn,
.consult-pill,
.account-button,
.account-invite > button:not(.account-invite-close),
.assessment-actions .btn-ghost,
.result-foot .btn-ghost,
.btn-ghost,
.primary,
.secondary,
.picker-next {
  border-radius: 9px;
  box-shadow: none;
  font-weight: 620;
}
.store-btn:hover,
.store-card:hover { transform: translateY(-1px); box-shadow: none; }

.store-card,
.contact-section,
.speed-lab-section,
.craft-process article,
.assessment-hero,
.assessment-workspace,
.assessment-result,
.tool-hub,
.tool-card,
.calculator-hero,
.mode-panel,
.calc-form-panel,
.result-panel,
.rotation-hero,
.rotation-builder,
.rotation-result,
.panel { box-shadow: none !important; }

.store-card { border-radius: 10px; background: rgba(15, 54, 76, .86); }
.product-photo { background: #123f58; }
.product-photo img { transition: transform .2s ease; }
.store-card:hover .product-photo img { transform: scale(1.015); }
.contact-section { border-radius: 13px; background: #103e58; }
.speed-lab-section { border-radius: 13px; background: #0e3a54; }
.speed-lab-section::before { display: none; }
.speed-lab-button { background: #d7ecec; }
.speed-lab-reading strong { font-family: var(--font); font-weight: 520; text-shadow: none; }
.assessment-hero,
.calculator-hero,
.rotation-hero { border-radius: 14px; background: #0e3b55; }
.assessment-hero::after { opacity: .035; }
.tool-card,
.mode-card,
.question-card { background: rgba(7, 32, 47, .56); }
.assessment-hero-copy > p:not(.eyebrow),
.calculator-copy > p:not(.eyebrow),
.rotation-hero p:not(.eyebrow),
.hub-heading > p,
.smart-cut-body .hero > p:not(.eyebrow) { color: #b8cbd0; }
.tool-card h3,
.panel h2,
.question-card h3 { color: #eff7f6; }
.assessment-hero-notes span,
.tool-card-top span,
.level-chip,
.guardrails span,
.model,
.vision-status,
.highlight-overview span,
.anchor-status { border-radius: 6px; }

.tail-whale,
.cute-whale,
.hero-racket,
.assessment-orbit,
.fee-orbit,
.hero-visual::after { animation: none !important; }
.intro-stars { display: none; }
.intro { display: none; }
.intro-whale { animation-duration: 1.15s; }
.intro-flight { animation-duration: .62s; animation-delay: .68s; }
.intro-content { animation-duration: .36s; animation-delay: .92s; }
.intro .store-btn { animation-duration: .3s; animation-delay: 1.12s; }

html { transition: opacity .12s ease-out; }
.page-entry { animation-duration: .2s !important; }

/* 智能剪辑页使用同一套设计语言，而不触碰其工作台结构。 */
.smart-cut-body {
  --bg: #071f31;
  --panel: #0a3047;
  --cyan: #a9d8dc;
  background: linear-gradient(155deg, #0b3148, #071f31 72%);
}
.smart-cut-body .brand > span { background: #17556d; font-weight: 650; }
.smart-cut-body .hero { text-align: left; margin-left: 0; }
.smart-cut-body .hero h1 { max-width: 720px; font-size: clamp(38px, 5.2vw, 62px); font-weight: 620; letter-spacing: -.04em; }
.smart-cut-body .hero > p:not(.eyebrow) { margin-left: 0; }
.smart-cut-body .guardrails { justify-content: flex-start; }
.smart-cut-body .panel { border-radius: 12px; background: #0a3047; }
.smart-cut-body .primary,
.smart-cut-body .auth-panel button { background: #d7ecec; font-weight: 620; }

@media (max-width: 820px) {
  .store-header .store-nav { gap: 15px; }
  .store-hero { min-height: 650px; }
  .hero-copy h1 { font-size: clamp(36px, 10vw, 46px); }
  .hero-copy .hero-lead { top: 342px; }
  .hero-buttons { top: 454px; }
  .trust-notes { top: 565px; }
  .assessment-hero,
  .calculator-hero,
  .rotation-hero { border-radius: 12px; }
  .site-shuttle-b { display: none; }
  .smart-cut-body .hero { text-align: left; }
  .assessment-hero,
  .calculator-hero,
  .rotation-hero { display: block; padding: 25px 20px; }
  .assessment-hero-visual,
  .calculator-visual,
  .rotation-hero-visual { display: none; }
  .assessment-hero h1,
  .calculator-hero h1,
  .rotation-hero h1 { font-size: clamp(32px, 8vw, 40px); line-height: 1.2; }
  .assessment-hero h1 em,
  .calculator-hero h1 em,
  .rotation-hero h1 em { color: #d4e9e9; }
}

@media (hover: none) {
  .store-card:hover,
  .store-btn:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .site-shuttle-flight { display: none !important; }
}