/* 首页沿用公共导航，并统一分区材质和文字层级。 */
.home-glass {
    --home-type-title: 66px;
    --home-type-subtitle: clamp(1.5rem, 2.5vw, 2rem);
    --home-type-body: 1rem;
    /* 最深蓝以用户提供的按钮取样色为准，只给主要操作足够的饱和度。 */
    --brand-primary: #3f6fff;
    --brand-sky: #65b7f3;
    --brand-blue: #5b8dff;
    --brand-soft: #dceaff;
    --brand-link: var(--brand-primary);
    --home-button-text: #ffffff;
    --home-action-gradient: linear-gradient(135deg, #5e93ff, var(--brand-primary));
    --home-cta-gradient: linear-gradient(125deg, #4e83ff, var(--brand-primary));
    --home-title-gradient: linear-gradient(115deg, #71b4ff, #4a85ff 58%, var(--brand-primary));
    --accent-secondary: var(--brand-soft);
    --gradient-primary: var(--home-action-gradient);
    --home-surface: rgba(19, 31, 52, .76);
    --home-panel: rgba(22, 34, 55, .88);
    --home-line: rgba(155, 188, 232, .18);
    --home-sheen: rgba(215, 233, 255, .1);
    --home-paper: #101822;
    --home-soft: #18212c;
    --home-subtle: #141c26;
    --home-showcase-bg: linear-gradient(180deg, #162544, #111a2b);
    --home-cta-bg: linear-gradient(120deg, #13233e, #101b30);
    --home-card: #1c2734;
    --home-neutral-line: #2d3947;
}
[data-theme="light"] .home-glass {
    --accent-primary: var(--brand-link);
    --home-surface: rgba(247, 251, 255, .68);
    --home-panel: rgba(255, 255, 255, .85);
    --home-line: rgba(140, 171, 213, .23);
    --home-sheen: rgba(255, 255, 255, .86);
    --home-paper: #ffffff;
    --home-soft: #f3f6fc;
    --home-subtle: #f9fbff;
    --home-showcase-bg: linear-gradient(180deg, #edf4ff, #f8fbff);
    --home-cta-bg: linear-gradient(120deg, #edfaff, #eaf1ff 58%, #f5f8ff);
    --home-card: #ffffff;
    --home-neutral-line: #e2e6eb;
}
.home-glass .home-page { background: var(--home-paper); }
.home-glass :is(.home-hero-tagline, .section-title, .big-feature-text h3, .cta-title, .community-modal-title) {
    font-weight: 600;
    line-height: 1.3;
}
.home-glass :is(.section-subtitle, .cta-subtitle) { line-height: 1.65; }
.home-glass .hero-section {
    /* 首屏只使用导航下方的可用高度，避免整块内容被导航占位向下推。 */
    min-height: calc(100svh - var(--statau-navbar-offset));
    padding: clamp(28px, 5vh, 56px) 0 clamp(52px, 8vh, 88px);
    background: var(--workspace-canvas);
    background-attachment: fixed;
}
.home-glass .hero-section::before {
    background: linear-gradient(to bottom, transparent 78%, var(--home-paper));
}
.home-glass .hero-section::after { background: none; }
.home-glass :is(.trust-bar, .features-section, .workflow-section, .footer-section) {
    background: var(--home-paper);
    border-color: var(--home-neutral-line);
}
/* 浅色模式始终使用浅底，层次由轻微底色差及品牌蓝的不同深浅形成。 */
.home-glass .trust-number { color: var(--text-primary); }
.home-glass .scenarios-section { background: var(--home-subtle); }
.home-glass .testimonials-section { background: var(--home-soft); }
.home-glass .workflow-steps-section { background: var(--home-subtle); }
.home-glass .showcase-section { background: var(--home-showcase-bg); }
.home-glass .cta-section { background: var(--home-cta-bg); }
[data-theme="light"] .home-glass .cta-title { color: var(--text-primary); }
.home-glass :is(.showcase-section, .testimonials-section)::before { display: none; }
.home-glass .showcase-frame {
    border: 1px solid var(--home-line);
    border-radius: var(--statau-radius-panel);
    overflow: hidden;
    box-shadow: 0 12px 36px rgba(6, 65, 178, .07);
}
.home-glass .showcase-frame::after { display: none; }
.home-glass :is(.scenario-card, .workflow-card, .testimonial-card) {
    background: var(--home-card);
    border-color: var(--home-neutral-line);
    box-shadow: 0 4px 16px rgba(25, 38, 54, .035);
}
.home-glass :is(.scenario-card, .workflow-card, .testimonial-card):hover {
    border-color: color-mix(in srgb, var(--accent-primary) 30%, var(--home-line));
    box-shadow: inset 0 1px 0 var(--home-sheen), 0 8px 24px rgba(33, 63, 105, .09);
}
.home-glass .btn-hero-secondary {
    background: var(--home-surface);
    border-color: var(--home-line);
    box-shadow: inset 0 1px 0 var(--home-sheen);
}
/* 首页主要操作使用蓝底白字，公共导航样式由全站主题维护。 */
.home-glass :is(.btn-hero-primary, .auth-btn) { color: var(--home-button-text); }
.home-glass .btn-hero-primary {
    box-shadow: 0 8px 22px rgba(63, 111, 255, .18);
}
.home-glass .btn-hero-primary:hover {
    color: var(--home-button-text);
    box-shadow: 0 10px 28px rgba(63, 111, 255, .24);
}
/* 步骤使用浅底图标，各步取不同深浅的蓝，避免重复同一整块渐变。 */
.home-glass .workflow-card,
.home-glass .workflow-card:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.home-glass .workflow-icon {
    background: var(--home-soft);
    color: var(--brand-blue);
    border: 1px solid var(--home-neutral-line);
    box-shadow: none;
}
[data-theme="light"] .home-glass .workflow-steps-section .col-md-3:nth-child(1) .workflow-icon { background: #edf3ff; color: var(--brand-primary); border-color: #dce6ff; }
[data-theme="light"] .home-glass .workflow-steps-section .col-md-3:nth-child(2) .workflow-icon { background: #eef5ff; color: #568fff; border-color: #dceaff; }
[data-theme="light"] .home-glass .workflow-steps-section .col-md-3:nth-child(3) .workflow-icon { background: #edf9ff; color: #3ca2e7; border-color: #dceffc; }
[data-theme="light"] .home-glass .workflow-steps-section .col-md-3:nth-child(4) .workflow-icon { background: #f1f6ff; color: #77a7e9; border-color: #e2ebfa; }
.home-glass .workflow-arrow { color: var(--text-muted); opacity: .45; }
.home-glass .cta-section::before {
    background: radial-gradient(ellipse at 50% 0%, rgba(24, 118, 239, .045), transparent 65%);
}
.home-glass .btn-cta {
    background: var(--home-cta-gradient);
    color: var(--home-button-text);
    border: 1px solid rgba(63, 111, 255, .2);
    box-shadow: 0 6px 18px rgba(63, 111, 255, .18);
}
.home-glass .btn-cta:hover {
    color: var(--home-button-text);
    box-shadow: 0 8px 24px rgba(63, 111, 255, .24);
}
.home-glass .big-feature-img { --image-edge-fade-color: var(--home-paper); }
.home-glass .section-label {
    border-color: color-mix(in srgb, var(--accent-primary) 22%, transparent);
    background: color-mix(in srgb, var(--accent-primary) 5%, transparent);
}
.home-glass .workflow-section .badge-tech {
    padding: 10px 20px;
    border-radius: var(--statau-radius-label);
    font-size: var(--home-type-body);
    line-height: 1.4;
}
@media (max-width: 991.98px) {
    /* 窄屏避免固定背景与浏览器地址栏伸缩相互影响。 */
    .home-glass .hero-section { background-attachment: scroll; }
}
@media (max-height: 600px) {
    .home-glass .hero-section { padding-top: 24px; padding-bottom: 36px; }
}