/* 灵涵速推统一现代工作台视觉；画布页面保留自己的自由布局。 */
:root {
    --lh-modern-accent: #e85d3f;
    --lh-modern-accent-deep: #bd3c25;
    --lh-modern-bg: #f7f8fa;
    --lh-modern-surface: #ffffff;
    --lh-modern-ink: #1f2933;
    --lh-modern-muted: #7b8794;
    --lh-modern-line: #e9edf1;
    --lh-modern-radius: 18px;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) {
    background: var(--lh-modern-bg) !important;
    color: var(--lh-modern-ink) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .app-container {
    background: var(--lh-modern-bg) !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .main-content {
    width: 100% !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .section-card,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .tool-section-card,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .card {
    border: 1px solid var(--lh-modern-line) !important;
    border-radius: var(--lh-modern-radius) !important;
    box-shadow: 0 8px 24px rgba(31, 41, 51, 0.045) !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) button,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .btn,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .submit-btn {
    font-family: inherit;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) input:focus,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) textarea:focus,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) select:focus {
    border-color: rgba(232, 93, 63, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(232, 93, 63, 0.12) !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .btn-primary,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .submit-btn {
    background: linear-gradient(135deg, var(--lh-modern-accent-deep), var(--lh-modern-accent)) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(232, 93, 63, 0.18) !important;
}

html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .chip-btn.active,
html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .choice.on {
    color: var(--lh-modern-accent-deep) !important;
    border-color: rgba(232, 93, 63, 0.38) !important;
    background: rgba(232, 93, 63, 0.1) !important;
}

@media (min-width: 641px) {
    html body:not(.page-auth):not(.page-canvas):not(.uc-page):not(.visual-studio-page):not(.visual-canvas-page) .main-content {
        padding-left: 18px;
        padding-right: 18px;
    }
}

html body.page-tab-create.lh-home-shelf,
html body.page-tab-team,
html body.page-tab-agent,
html body.page-tab-template,
html body.page-tab-standalone,
html body.page-tab-mine {
    background:
        radial-gradient(1200px 620px at 50% -180px, rgba(232, 93, 63, 0.10), transparent 55%),
        radial-gradient(980px 500px at 20% 0%, rgba(189, 60, 37, 0.05), transparent 60%),
        var(--lh-modern-bg) !important;
}

html body.page-tab-create .main-content,
html body.page-tab-team .main-content,
html body.page-tab-agent .main-content,
html body.page-tab-template .main-content,
html body.page-tab-standalone .main-content,
html body.page-tab-mine .main-content {
    padding-top: 8px !important;
}

html body.page-tab-create .cd-hero-banner,
html body.page-tab-team .cd-hero-banner,
html body.page-tab-agent .cd-hero-banner {
    border: 1px solid rgba(232, 93, 63, 0.12) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 48px rgba(31, 41, 51, 0.08), 0 1px 0 rgba(255, 255, 255, 0.75) inset !important;
}

html body.page-tab-create .cd-hero-banner::after,
html body.page-tab-team .cd-hero-banner::after,
html body.page-tab-agent .cd-hero-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.04), transparent 44%, rgba(255,255,255,0.06));
    pointer-events: none;
}

html body.page-tab-create .cd-hero-banner__content--brand-mast .cd-hero-banner__title,
html body.page-tab-team .cd-hero-banner__content--brand-mast .cd-hero-banner__title,
html body.page-tab-agent .cd-hero-banner__content--brand-mast .cd-hero-banner__title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 8px 24px rgba(17, 24, 39, 0.18) !important;
}

html body.page-tab-create .cd-hero-banner__content--brand-mast .cd-hero-banner__slogan--v4,
html body.page-tab-team .cd-hero-banner__content--brand-mast .cd-hero-banner__slogan--v4,
html body.page-tab-agent .cd-hero-banner__content--brand-mast .cd-hero-banner__slogan--v4,
html body.page-tab-create .cd-hero-banner__slogan,
html body.page-tab-team .cd-hero-banner__slogan,
html body.page-tab-agent .cd-hero-banner__slogan {
    color: rgba(255, 255, 255, 0.86) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}

html body.page-tab-create .cd-core-picks-grid,
html body.page-tab-team .cd-core-picks-grid,
html body.page-tab-agent .cd-core-picks-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

html body.page-tab-create .cd-func-item--bench,
html body.page-tab-team .cd-func-item--bench,
html body.page-tab-agent .cd-func-item--bench {
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 10px 28px rgba(31, 41, 51, 0.06) !important;
    backdrop-filter: blur(10px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
}

html body.page-tab-create .cd-func-item--bench:active,
html body.page-tab-team .cd-func-item--bench:active,
html body.page-tab-agent .cd-func-item--bench:active,
html body.page-tab-standalone .mine-func-item:active,
html body.page-tab-mine .mine-func-item:active {
    transform: translateY(1px) scale(0.997);
}

html body.page-tab-create .cd-bench-ico,
html body.page-tab-team .cd-bench-ico,
html body.page-tab-agent .cd-bench-ico {
    box-shadow: 0 10px 18px rgba(31, 41, 51, 0.10) !important;
}

html body.page-tab-create .cd-tag-pill,
html body.page-tab-team .cd-tag-pill,
html body.page-tab-agent .cd-tag-pill {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 4px 14px rgba(31, 41, 51, 0.05) !important;
}

html body.page-tab-create .cd-tag-pill--hot,
html body.page-tab-team .cd-tag-pill--hot,
html body.page-tab-agent .cd-tag-pill--hot {
    background: rgba(232, 93, 63, 0.10) !important;
    border-color: rgba(232, 93, 63, 0.18) !important;
    color: var(--lh-modern-accent-deep) !important;
    -webkit-text-fill-color: var(--lh-modern-accent-deep) !important;
}

html body.page-tab-create .cd-live-ticker,
html body.page-tab-team .cd-live-ticker,
html body.page-tab-agent .cd-live-ticker {
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(232, 93, 63, 0.08) !important;
    border-radius: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body.page-tab-standalone .mine-vip-card,
html body.page-tab-mine .mine-vip-card {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #ffffff 0%, #fbfcfe 52%, #fff6f2 100%) !important;
    box-shadow: 0 18px 45px rgba(31, 41, 51, 0.08), 0 1px 0 rgba(255,255,255,0.75) inset !important;
}

html body.page-tab-mine .mine-section-card,
html body.page-tab-standalone .mine-section-card,
html body.page-tab-mine .mine-section-card--vip-pay,
html body.page-tab-standalone .mine-section-card--vip-pay,
html body.page-tab-mine .mine-faq,
html body.page-tab-mine .mine-tools,
html body.page-tab-mine .mine-func-list,
html body.page-tab-standalone .mine-func-list {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 30px rgba(31, 41, 51, 0.06) !important;
    overflow: hidden !important;
}

html body.page-tab-standalone .mine-func-item,
html body.page-tab-mine .mine-func-item,
html body.page-tab-standalone .mine-tool-link,
html body.page-tab-mine .mine-tool-link,
html body.page-tab-standalone .mine-tool-fold__sum,
html body.page-tab-mine .mine-tool-fold__sum {
    border-color: rgba(15, 23, 42, 0.06) !important;
}

html body.page-tab-standalone .mine-func-item__ico,
html body.page-tab-mine .mine-func-item__ico,
html body.page-tab-standalone .mine-tool-fold__ico,
html body.page-tab-mine .mine-tool-fold__ico {
    box-shadow: 0 8px 18px rgba(31, 41, 51, 0.10) !important;
}

html body.page-tab-mine .mine-wx-plan-card,
html body.page-tab-standalone .mine-wx-plan-card,
html body.page-tab-mine .mine-wx-method,
html body.page-tab-standalone .mine-wx-method {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 20px rgba(31, 41, 51, 0.05) !important;
}

html body.page-tab-mine .mine-wx-plan-card.is-selected,
html body.page-tab-standalone .mine-wx-plan-card.is-selected,
html body.page-tab-mine .mine-wx-method.is-active,
html body.page-tab-standalone .mine-wx-method.is-active {
    border-color: rgba(232, 93, 63, 0.28) !important;
    background: rgba(232, 93, 63, 0.08) !important;
    box-shadow: 0 10px 24px rgba(232, 93, 63, 0.10) !important;
}

html body.page-tab-mine .mine-wx-submit-pay,
html body.page-tab-standalone .mine-wx-submit-pay,
html body.page-tab-mine .mine-logout-btn,
html body.page-tab-standalone .mine-logout-btn,
html body.page-tab-mine .mine-skin-expand-btn,
html body.page-tab-standalone .mine-skin-expand-btn {
    border-radius: 16px !important;
}

html body.page-tab-mine .mine-footer,
html body.page-tab-standalone .mine-footer {
    padding: 6px 6px 0 !important;
}

html body.page-tab-mine .mine-footer-brand,
html body.page-tab-standalone .mine-footer-brand {
    color: var(--lh-modern-ink) !important;
}

html body.page-tab-mine .mine-footer-tagline,
html body.page-tab-standalone .mine-footer-tagline,
html body.page-tab-mine .mine-footer-ver,
html body.page-tab-standalone .mine-footer-ver {
    color: var(--lh-modern-muted) !important;
}

html body.page-tab-mine .mine-share-sheet__panel,
html body.page-tab-standalone .mine-share-sheet__panel,
html body.page-tab-mine .mine-pwa-modal__panel,
html body.page-tab-standalone .mine-pwa-modal__panel {
    border-radius: 26px !important;
    box-shadow: 0 26px 60px rgba(17, 24, 39, 0.24) !important;
}

html body.page-tab-mine .mine-share-sheet__btn--primary,
html body.page-tab-standalone .mine-share-sheet__btn--primary,
html body.page-tab-mine .mine-pwa-modal__install,
html body.page-tab-standalone .mine-pwa-modal__install {
    background: linear-gradient(135deg, var(--lh-modern-accent-deep), var(--lh-modern-accent)) !important;
    box-shadow: 0 14px 28px rgba(232, 93, 63, 0.22) !important;
}

html body.page-tab-mine .mine-logout-btn,
html body.page-tab-standalone .mine-logout-btn {
    border-color: rgba(232, 93, 63, 0.18) !important;
    color: var(--lh-modern-accent-deep) !important;
}

html body.page-tab-standalone .mine-func-item__title,
html body.page-tab-mine .mine-func-item__title,
html body.page-tab-standalone .mine-tool-fold__t,
html body.page-tab-mine .mine-tool-fold__t,
html body.page-tab-standalone .mine-faq__head,
html body.page-tab-mine .mine-faq__head {
    color: #111827 !important;
}

html body.page-tab-standalone .mine-func-item__desc,
html body.page-tab-mine .mine-func-item__desc,
html body.page-tab-standalone .mine-tool-fold__s,
html body.page-tab-mine .mine-tool-fold__s,
html body.page-tab-standalone .mine-faq__item p,
html body.page-tab-mine .mine-faq__item p {
    color: #6b7280 !important;
}

html body.page-tab-standalone .mine-func-item__arrow,
html body.page-tab-mine .mine-func-item__arrow {
    color: #cbd5e1 !important;
}

html body.page-tab-create .tab-item.active,
html body.page-tab-team .tab-item.active,
html body.page-tab-agent .tab-item.active,
html body.page-tab-template .tab-item.active,
html body.page-tab-standalone .tab-item.active,
html body.page-tab-mine .tab-item.active {
    color: var(--lh-modern-accent) !important;
}

html body.page-tab-create .tab-item.active,
html body.page-tab-team .tab-item.active,
html body.page-tab-agent .tab-item.active,
html body.page-tab-template .tab-item.active,
html body.page-tab-standalone .tab-item.active,
html body.page-tab-mine .tab-item.active,
html body.page-tab-create .tab-item.active svg,
html body.page-tab-team .tab-item.active svg,
html body.page-tab-agent .tab-item.active svg,
html body.page-tab-template .tab-item.active svg,
html body.page-tab-standalone .tab-item.active svg,
html body.page-tab-mine .tab-item.active svg {
    color: var(--lh-modern-accent) !important;
    stroke: var(--lh-modern-accent) !important;
}