/* Page-specific source rules for the evomass mockup.
   Shared editorial overrides remain in mockup.css. */
        /* ========== EvoMass 页面专用样式 ========== */

        /* 页面头部 - 带右侧按钮 */
        .page-header {
            padding: 2rem 0 1.5rem;
            border-bottom: 1px solid #ececec;
            margin-bottom: 2rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1.5rem;
        }

        .header-left {
            flex: 1;
        }

        .page-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 0.75rem;
            letter-spacing: -0.02em;
        }

        .page-subtitle {
            font-size: 1rem;
            color: #4a4a4a;
            margin-bottom: 0.5rem;
            line-height: 1.5;
        }

        .chn-text {
            color: #4a4a4a;
            font-size: 0.9rem;
            border-left: 2px solid #ddd;
            padding-left: 1rem;
            margin-top: 0.5rem;
        }

        /* 支持按钮样式 */
        .support-btn-wrapper {
            flex-shrink: 0;
            margin-top: 0.25rem;
        }

        .support-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: #111;
            color: #fff;
            padding: 0.6rem 1.2rem;
            border-radius: 40px;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.85rem;
            letter-spacing: -0.2px;
            transition: all 0.2s ease;
            border: 1px solid #111;
        }

        .support-btn svg {
            width: 18px;
            height: 18px;
            stroke: #fff;
            stroke-width: 1.8;
            fill: none;
        }

        .support-btn:hover {
            background: #fff;
            color: #111;
            border-color: #111;
        }

        .support-btn:hover svg {
            stroke: #111;
        }

        /* 区块样式（与 people 页面一致） */
        .section-header {
            font-size: 1.25rem;
            font-weight: 600;
            letter-spacing: -0.2px;
            color: #111;
            margin: 2rem 0 1rem;
            border-left: none;
            padding-left: 0;
        }

        .section-header:first-of-type {
            margin-top: 0;
        }

        .section-header small {
            font-size: 0.8rem;
            font-weight: 400;
            color: #888;
            margin-left: 0.5rem;
        }

        .product-facts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.75rem;
            margin: 1rem 0 1.5rem;
        }

        .product-facts div {
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            padding: 0.8rem 1rem;
            background: #fff;
        }

        .product-facts strong,
        .product-facts span {
            display: block;
        }

        .product-facts strong {
            font-size: 0.72rem;
            color: #777;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .product-facts span {
            margin-top: 0.2rem;
            font-size: 0.85rem;
            color: #222;
        }

        /* 链接卡片网格 */
        .link-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            margin: 1rem 0 1.5rem;
        }

        .link-card {
            background: #fafafa;
            border: 1px solid #efefef;
            padding: 1.8rem 1.5rem;
            transition: all 0.2s ease;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .link-card h3 {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0;
            color: #111;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .link-card h3 .icon {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
        }

        .link-card p {
            font-size: 0.85rem;
            color: #666;
            line-height: 1.5;
            margin: 0;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .link-card .btn-group {
            margin-top: 0;
            display: flex;
            justify-content: center;
            gap: 0.75rem;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-block;
            background: #111;
            color: white;
            padding: 0.5rem 1.25rem;
            text-decoration: none;
            font-weight: 500;
            border-radius: 30px;
            transition: background 0.2s;
            font-size: 0.8rem;
            border: 1px solid #111;
            min-width: 120px;
            /* 新增：固定最小宽度 */
            text-align: center;
        }

        .btn-outline {
            background: #111;
            border: 1px solid #111;
            color: white;
            min-width: 120px;
            /* 新增：与 .btn 保持一致 */
            text-align: center;
        }

        .btn-outline {
            background: #111;
            border: 1px solid #111;
            color: white;
        }

        .btn-outline:hover {
            background: #333;
            border-color: #333;
        }

        .btn,
        .btn:visited {
            color: #fff;
            background: #111;
        }

        .btn:hover,
        .btn:focus-visible,
        .btn-outline:hover,
        .btn-outline:focus-visible {
            color: #fff;
            background: #333;
            border-color: #333;
        }

        /* 视频选项卡样式 */
        .video-tabs {
            display: flex;
            gap: 0.5rem;
            margin: 0.5rem 0 1.5rem;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 0;
        }

        .video-tab {
            padding: 0.6rem 1.2rem;
            background: transparent;
            border: none;
            cursor: pointer;
            font-size: 0.85rem;
            font-weight: 500;
            color: #666;
            transition: all 0.2s;
            border-bottom: 2px solid transparent;
            margin-bottom: -1px;
            font-family: 'Inter', sans-serif;
        }

        .video-tab:hover {
            color: #111;
        }

        .video-tab.active {
            color: #111;
            border-bottom-color: #111;
        }

        /* 视频卡片样式 */
        .video-card {
            background: #fafafa;
            /* 改为浅灰色 */
            border: 1px solid #efefef;
            border-radius: 12px;
            padding: 1.5rem;
            transition: all 0.2s ease;
        }

        .video-card:hover {
            border-color: #aaa;
            box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1);
        }

        .video-content {
            display: none;
        }

        .video-content.active {
            display: block;
        }

        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            margin-bottom: 1rem;
            border-radius: 12px;
            overflow: hidden;
        }

        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .video-fallback {
            margin: 0.75rem 0 0;
            color: #666;
            font-size: 0.8rem;
            text-align: center;
        }

        .video-fallback a {
            color: #333;
            text-underline-offset: 0.15em;
        }

        /* 操作手册样式 */
        .manual-container {
            margin: 0.5rem 0 1.5rem;
        }

        .manual-content {
            font-size: 1rem;
            line-height: 1.85;
            color: #333;
            position: relative;
            border: 1px solid #efefef;
            border-radius: 12px;
            padding: clamp(1.25rem, 3vw, 2.5rem);
            background: #fefefe;
            max-width: 900px;
            margin-inline: auto;
        }

        /* 回到目录按钮 */
        .back-to-toc {
            position: sticky;
            bottom: 16px;
            left: 100%;
            transform: translateX(-100%);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #fff;
            border: 1px solid #ccc;
            padding: 6px 14px;
            font-size: 0.75rem;
            font-weight: 500;
            color: #111;
            cursor: pointer;
            transition: all 0.2s ease;
            z-index: 10;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            border-radius: 30px;
            font-family: 'Inter', sans-serif;
            margin-top: 1rem;
            margin-bottom: 0.5rem;
            float: right;
            clear: both;
        }

        .back-to-toc:hover {
            background: #f5f5f5;
            border-color: #111;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .back-to-toc svg {
            width: 12px;
            height: 12px;
            stroke: #111;
            stroke-width: 2;
            fill: none;
        }

        /* 手册内目录样式 */
        .manual-content .toc {
            background: #f6f7f9;
            border: 1px solid #e4e7eb;
            border-radius: 10px;
            margin: 0 0 2rem;
            padding: 0;
        }

        .manual-content .toc summary {
            cursor: pointer;
            list-style: none;
            font-weight: 600;
            color: #111;
            padding: 0.85rem 1rem;
        }

        .manual-content .toc summary::-webkit-details-marker {
            display: none;
        }

        .manual-content .toc summary::before {
            content: '＋';
            display: inline-block;
            margin-right: 0.45rem;
            color: #666;
        }

        .manual-content .toc[open] summary::before {
            content: '−';
        }

        .manual-content .toc ul {
            list-style: none;
            margin: 0;
            padding: 0 1rem 1rem;
            columns: 2;
            column-gap: 2rem;
        }

        .manual-content .toc li {
            margin: 0.2rem 0;
            break-inside: avoid;
        }

        .manual-content .toc .toc-level-2 {
            padding-left: 0.8rem;
        }

        .manual-content .toc .toc-level-3 {
            padding-left: 1.6rem;
        }

        .manual-content .toc a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 0.25rem 0;
            font-size: 0.86rem;
            line-height: 1.45;
        }

        .manual-content .toc a:hover {
            color: #000;
            text-decoration: underline;
        }

        .manual-content h1 {
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0 0 1.5rem;
            color: #111;
            scroll-margin-top: 90px;
        }

        .manual-content h2 {
            font-size: 1.2rem;
            font-weight: 600;
            margin: 2.5rem 0 0.8rem;
            color: #111;
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 0.5rem;
            scroll-margin-top: 90px;
        }

        .manual-content h3 {
            font-size: 1rem;
            font-weight: 600;
            margin: 1.75rem 0 0.5rem;
            color: #222;
            scroll-margin-top: 90px;
        }

        .manual-content p {
            max-width: 72ch;
            margin-bottom: 1rem;
        }

        .manual-content ul,
        .manual-content ol {
            margin: 0.5rem 0 0.75rem 1.5rem;
        }

        .manual-content li {
            margin-bottom: 0.45rem;
        }

        .manual-content pre {
            max-width: 100%;
            overflow-x: auto;
            padding: 1rem;
            border-radius: 8px;
            background: #f3f4f6;
            font-size: 0.86rem;
            line-height: 1.6;
        }

        .manual-content code {
            font-size: 0.9em;
            background: #f1f2f4;
            padding: 0.1em 0.25em;
            border-radius: 4px;
        }

        .manual-content pre code {
            background: transparent;
            padding: 0;
        }

        .manual-content a {
            color: #0066cc;
            text-decoration: none;
        }

        .manual-content a:hover {
            text-decoration: underline;
        }

        .manual-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 1rem 0;
            font-size: 0.85rem;
        }

        .manual-content th,
        .manual-content td {
            border: 1px solid #e0e0e0;
            padding: 0.5rem;
            text-align: left;
            vertical-align: top;
        }

        .manual-content th {
            background: #f5f5f5;
            font-weight: 600;
        }

        .manual-content img {
            max-width: 100%;
            height: auto;
            margin: 0.5rem 0;
            border-radius: 4px;
            border: 1px solid #eee;
        }

        /* 响应式 */
        @media (max-width: 768px) {
            .product-facts {
                grid-template-columns: 1fr;
            }
            .link-cards {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .page-header {
                flex-direction: column;
                align-items: stretch;
                /* Match the compact mobile page-header spacing used elsewhere. */
                padding: 1rem 0 1.5rem;
            }

            .support-btn-wrapper {
                align-self: flex-start;
            }

            .page-title {
                font-size: 1.6rem;
            }

            .section-header {
                font-size: 1.1rem;
                margin: 1.5rem 0 0.75rem;
            }

            .manual-content {
                padding: 1rem;
            }

            .manual-content .toc ul {
                columns: 1;
            }

            .back-to-toc {
                bottom: 10px;
                padding: 4px 10px;
                font-size: 0.65rem;
            }
        }
        /* Hybrid credit application mockup */
        .link-cards { grid-template-columns: 1fr; }
        .credit-application-card { align-items: stretch; text-align: left; }
        .credit-application-card h3,
        .credit-application-card > p { align-self: center; text-align: center; }
        .credit-provider-tabs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            margin-top: 1rem;
            border: 1px solid #e5e5e5;
        }
        .credit-provider-tab {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 48px;
            padding: .65rem .9rem;
            border: 0;
            background: #f7f7f5;
            color: #777;
            font: inherit;
            font-size: .78rem;
            cursor: pointer;
        }
        .credit-provider-tab + .credit-provider-tab { border-left: 1px solid #e5e5e5; }
        .credit-provider-tab small { font-size: .65rem; }
        .credit-provider-tab.is-active { background: #fff; color: #111; box-shadow: inset 0 -2px #111; }
        .credit-provider-panel { margin-top: .8rem; border: 1px solid #e5e5e5; background: #fff; }
        .credit-provider-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: .7rem .85rem;
            color: #777;
            font-size: .7rem;
        }
        .credit-provider-bar a { color: inherit; }
        .credit-embedded-form { display: block; width: 100%; height: 820px; border: 0; background: #f7f7f5; }
        .credit-external-panel {
            display: flex;
            min-height: 260px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            background: #fafafa;
            text-align: center;
        }
        .credit-external-panel h4 { margin: 0 0 .65rem; font-size: 1.05rem; }
        .credit-external-panel p { max-width: 620px; margin: 0 0 1rem; color: #777; font-size: .78rem; line-height: 1.65; }
        .expander-nav {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: .75rem;
            margin: 2.2rem 0 .8rem;
        }
        .expander-card {
            display: flex;
            min-height: 86px;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: .3rem;
            padding: 1rem 1.15rem;
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            background: #fafafa;
            color: #777;
            font: inherit;
            text-align: left;
            cursor: pointer;
            transition: border-color .18s ease, background .18s ease, transform .18s ease;
        }
        .expander-card strong { color: #222; font-size: .92rem; font-weight: 600; }
        .expander-card span { font-size: .75rem; }
        .expander-card:hover { border-color: #bdbdb8; transform: translateY(-1px); }
        .expander-card.is-active { border-color: #111; background: #fff; box-shadow: 0 5px 18px rgba(0, 0, 0, .06); }
        .expander-card.is-active strong { color: #111; }
        .expander-panels { margin-bottom: 2rem; }
        .page-expander {
            margin: 0;
            border: 1px solid #e5e5e5;
            border-radius: 12px;
            background: #fff;
        }
        .page-expander[hidden] { display: none; }
        .page-expander > .section-header {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 1rem;
            margin: 0;
            padding: 1.15rem 1.4rem;
            border-bottom: 1px solid #ececec;
        }
        .page-expander > .product-facts,
        .page-expander > .link-cards,
        .page-expander > .video-card,
        .page-expander > .manual-container { margin: 1rem; }
        @media (max-width: 680px) {
            .expander-nav { grid-template-columns: 1fr; }
            .expander-card { min-height: 64px; }
            .credit-provider-tabs { grid-template-columns: 1fr; }
            .credit-provider-tab + .credit-provider-tab { border-top: 1px solid #e5e5e5; border-left: 0; }
            .credit-provider-bar { align-items: flex-start; flex-direction: column; }
            .credit-embedded-form { height: 980px; }
            .page-expander > .section-header { align-items: flex-start; flex-direction: column; gap: .35rem; }
        }
    
        /* Four-card information architecture mockup */
        .expander-nav {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: .75rem;
            margin: 1.25rem 0 0;
        }

        .expander-card {
            min-height: 126px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: auto 1fr;
            align-items: start;
            gap: .55rem .7rem;
            padding: 1rem;
            border: 1px solid #deded8;
            border-radius: 9px;
            background: #fff;
            box-shadow: none;
            color: #777;
            transform: none;
        }

        .expander-card-index {
            grid-column: 1;
            font-size: .7rem;
            font-variant-numeric: tabular-nums;
            letter-spacing: .08em;
            color: #999;
        }

        .expander-card-copy {
            grid-column: 2;
            display: flex;
            min-width: 0;
            flex-direction: column;
            align-items: flex-start;
            gap: .2rem;
        }

        .expander-card-copy strong {
            color: #222;
            font-size: .94rem;
            line-height: 1.25;
        }

        .expander-card-copy span {
            color: #777;
            font-size: .78rem;
            line-height: 1.3;
        }

        .expander-card-copy small {
            margin-top: .35rem;
            color: #999;
            font-size: .7rem;
            line-height: 1.4;
            text-align: left;
        }

        .expander-card-arrow {
            grid-column: 3;
            color: #999;
            font-size: 1rem;
            line-height: 1;
        }

        .expander-card:hover {
            border-color: #aaa;
            background: #fff;
            box-shadow: 0 8px 18px rgba(0, 0, 0, .05);
            transform: translateY(-1px);
        }

        .expander-card.is-active {
            border-color: #111;
            background: #f7f7f5;
            box-shadow: none;
            color: #111;
            transform: none;
        }

        .expander-card.is-active .expander-card-index,
        .expander-card.is-active .expander-card-arrow,
        .expander-card.is-active .expander-card-copy strong {
            color: #111;
        }

        .expander-card.is-active .expander-card-copy span,
        .expander-card.is-active .expander-card-copy small {
            color: #6c6c68;
        }

        /* Keep the selected card intentional in a dark system theme too. */
        @media (prefers-color-scheme: dark) {
            .mockup-evomass .expander-card.is-active {
                border-color: #fff;
                background: #111;
                color: #fff;
            }

            .mockup-evomass .expander-card.is-active .expander-card-index,
            .mockup-evomass .expander-card.is-active .expander-card-arrow,
            .mockup-evomass .expander-card.is-active .expander-card-copy strong,
            .mockup-evomass .expander-card.is-active .expander-card-copy span,
            .mockup-evomass .expander-card.is-active .expander-card-copy small {
                color: #fff;
            }

            .mockup-evomass .support-btn:hover {
                background: #fff;
                color: #111;
                border-color: #fff;
            }

            .mockup-evomass .support-btn:hover svg {
                stroke: #111;
            }
        }

        .expander-panels {
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid #deded8;
        }

        .page-expander {
            border: 0;
            border-top: 3px solid #111;
            border-bottom: 1px solid #deded8;
            border-radius: 0;
            background: #f7f7f5;
            box-shadow: none;
        }

        .page-expander > .section-header {
            padding: 1.3rem 1.5rem;
            background: #fff;
            border-bottom: 1px solid #e5e5e0;
        }

        .page-expander > .product-facts,
        .page-expander > .link-cards,
        .page-expander > .video-card,
        .page-expander > .manual-container,
        .page-expander > .panel-intro { margin: 1.25rem 1.5rem 1.5rem; }

        .page-expander > .panel-intro {
            max-width: 58rem;
            color: #555;
            font-size: .92rem;
            line-height: 1.7;
        }

        .link-cards.link-cards-single { grid-template-columns: minmax(0, 1fr); }

        @media (max-width: 880px) {
            .expander-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }

        @media (max-width: 680px) {
            .expander-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
            .expander-card { min-height: 112px; padding: .8rem; }
            .expander-card-copy small { display: none; }
            .page-expander > .section-header { padding: 1rem; }
            .page-expander > .product-facts,
            .page-expander > .link-cards,
            .page-expander > .video-card,
            .page-expander > .manual-container,
            .page-expander > .panel-intro { margin-left: 1rem; margin-right: 1rem; }
        }

        @media (max-width: 390px) {
            .expander-nav { grid-template-columns: 1fr; }
            .expander-card { min-height: 76px; grid-template-rows: auto; }
            .expander-card-copy small { display: block; margin-top: .1rem; }
        }