/* SMTLinks Site Design System V1.3
 * 页面组合层：只组合已有 Token / Layout / Components，不建立独立页面设计系统。
 */

/* ===== 01 Home ===== */
.smt-layout-home .smt-home-hero{
    padding:96px 0 88px;
    border-bottom:1px solid var(--smt-border-light);
}
.smt-layout-home .smt-home-hero__content{max-width:820px}
.smt-layout-home .smt-home-hero__eyebrow{margin:0 0 12px;color:var(--smt-primary);font-weight:600;font-size:14px}
.smt-layout-home .smt-home-hero__description{max-width:760px;font-size:18px;color:var(--smt-text-secondary)}
.smt-layout-home .smt-home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.smt-layout-home .smt-section-header{max-width:760px;margin:0 0 32px}
.smt-layout-home .smt-section-header__description{color:var(--smt-text-secondary);margin-top:10px}
.smt-layout-home .smt-home-feature-grid{align-items:stretch}
.smt-layout-home .smt-home-feature-grid > *{height:100%}
.smt-layout-home .smt-home-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.smt-layout-home .smt-home-cta{padding:72px 0}

/* ===== 02 Product Single ===== */
.smt-layout-product-single .smt-product-main{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
    gap:48px;
    align-items:start;
}
.smt-layout-product-single .smt-product-section-header{max-width:800px;margin-bottom:28px}
.smt-layout-product-single .smt-product-intro{max-width:800px}
.smt-layout-product-single .smt-product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.smt-layout-product-single .smt-related-section{margin-top:64px}

/* ===== 03 Case Single ===== */
.smt-layout-case-single .smt-case-hero__content{max-width:900px}
.smt-layout-case-single .smt-case-main{max-width:960px;margin:auto}
.smt-layout-case-single .smt-case-section-header{max-width:800px;margin-bottom:28px}
.smt-layout-case-single .smt-case-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.smt-layout-case-single .smt-case-result-item{padding:20px;border:1px solid var(--smt-border);background:#fff;border-radius:var(--smt-radius-md)}
.smt-layout-case-single .smt-case-related{margin-top:64px}

/* ===== 04 Article Single ===== */
.smt-layout-article-single .smt-article-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:48px;
    align-items:start;
}
.smt-layout-article-single .smt-article-body{max-width:800px}
.smt-layout-article-single .smt-article-sidebar{position:sticky;top:96px}
.smt-layout-article-single .smt-article-related{margin-top:64px}

/* ===== Reusable page composition helpers ===== */
.smt-section-header{max-width:760px;margin-bottom:32px}
.smt-section-header__eyebrow{margin:0 0 8px;color:var(--smt-primary);font-size:14px;font-weight:600}
.smt-section-header__description{color:var(--smt-text-secondary);margin-top:10px}
.smt-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.smt-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.smt-split--wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.smt-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.smt-stat{padding:20px;border:1px solid var(--smt-border);background:#fff;border-radius:var(--smt-radius-md)}
.smt-stat__value{display:block;color:var(--smt-heading);font-size:28px;font-weight:700;line-height:1.3}
.smt-stat__label{display:block;margin-top:6px;color:var(--smt-text-secondary);font-size:14px}
.smt-content-narrow{max-width:760px}
.smt-content-readable{max-width:800px}

@media(max-width:1199px){
    .smt-layout-home .smt-home-about{grid-template-columns:1fr;gap:32px}
    .smt-layout-case-single .smt-case-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .smt-layout-article-single .smt-article-layout{grid-template-columns:1fr}
    .smt-layout-article-single .smt-article-sidebar{display:none}
}

@media(max-width:767px){
    .smt-layout-home .smt-home-hero{padding:64px 0}
    .smt-layout-home .smt-home-hero__description{font-size:16px}
    .smt-layout-home .smt-home-cta{padding:56px 0}
    .smt-layout-product-single .smt-product-main{grid-template-columns:1fr;gap:32px}
    .smt-layout-case-single .smt-case-result-grid{grid-template-columns:1fr}
    .smt-split,.smt-split--wide{grid-template-columns:1fr;gap:28px}
    .smt-stat-grid{grid-template-columns:1fr}
}

/* ===== 05 Product Archive / Center ===== */
.smt-layout-product-archive .smt-archive-hero{padding:64px 0 40px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-product-archive .smt-archive-hero__content{max-width:820px}
.smt-layout-product-archive .smt-archive-description{max-width:760px;color:var(--smt-text-secondary);margin-top:10px}
.smt-layout-product-archive .smt-archive-main{padding:56px 0 80px}
.smt-layout-product-archive .smt-archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.smt-layout-product-archive .smt-product-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}

/* ===== 06 Solution Archive / Center ===== */
.smt-layout-solution-archive .smt-archive-hero{padding:64px 0 40px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-solution-archive .smt-archive-hero__content{max-width:820px}
.smt-layout-solution-archive .smt-archive-description{max-width:760px;color:var(--smt-text-secondary);margin-top:10px}
.smt-layout-solution-archive .smt-archive-main{padding:56px 0 80px}
.smt-layout-solution-archive .smt-archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}

/* ===== 07 Solution Single ===== */
.smt-layout-solution-single .smt-solution-hero__content{max-width:900px}
.smt-layout-solution-single .smt-solution-main{max-width:960px;margin:auto}
.smt-layout-solution-single .smt-solution-section-header{max-width:800px;margin-bottom:28px}
.smt-layout-solution-single .smt-solution-related{margin-top:64px}

/* ===== 08 Case Archive / Center ===== */
.smt-layout-case-archive .smt-archive-hero{padding:64px 0 40px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-case-archive .smt-archive-hero__content{max-width:820px}
.smt-layout-case-archive .smt-archive-description{max-width:760px;color:var(--smt-text-secondary);margin-top:10px}
.smt-layout-case-archive .smt-archive-main{padding:56px 0 80px}
.smt-layout-case-archive .smt-archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.smt-layout-case-archive .smt-case-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}

/* ===== 09 Article Archive / Technical Center ===== */
.smt-layout-article-archive .smt-archive-hero{padding:64px 0 40px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-article-archive .smt-archive-hero__content{max-width:820px}
.smt-layout-article-archive .smt-archive-description{max-width:760px;color:var(--smt-text-secondary);margin-top:10px}
.smt-layout-article-archive .smt-archive-main{padding:56px 0 80px}
.smt-layout-article-archive .smt-archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.smt-layout-article-archive .smt-article-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}

/* ===== 10 About ===== */
.smt-layout-about .smt-page-hero{padding:72px 0 56px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-about .smt-page-hero__content{max-width:900px}
.smt-layout-about .smt-page-description{max-width:760px;color:var(--smt-text-secondary);margin-top:12px}
.smt-layout-about .smt-page-main{padding:72px 0}

/* ===== 11 Contact ===== */
.smt-layout-contact .smt-page-hero{padding:72px 0 56px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-contact .smt-page-hero__content{max-width:900px}
.smt-layout-contact .smt-page-description{max-width:760px;color:var(--smt-text-secondary);margin-top:12px}
.smt-layout-contact .smt-contact-main{padding:64px 0 80px}
.smt-layout-contact .smt-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:48px;align-items:start}
.smt-layout-contact .smt-contact-info{display:grid;gap:16px}
.smt-layout-contact .smt-contact-item{padding:20px;border:1px solid var(--smt-border);background:#fff;border-radius:var(--smt-radius-md)}
.smt-layout-contact .smt-contact-item__label{display:block;font-size:14px;font-weight:600;color:var(--smt-text-muted);margin-bottom:4px}
.smt-layout-contact .smt-contact-item__value{display:block;color:var(--smt-heading);font-weight:600}

/* ===== 12 Generic Page ===== */
.smt-layout-page .smt-page-hero{padding:72px 0 56px;border-bottom:1px solid var(--smt-border-light)}
.smt-layout-page .smt-page-hero__content{max-width:900px}
.smt-layout-page .smt-page-description{max-width:760px;color:var(--smt-text-secondary);margin-top:12px}
.smt-layout-page .smt-page-main{padding:72px 0}

@media(max-width:1199px){
    .smt-layout-contact .smt-contact-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
    .smt-layout-product-archive .smt-archive-hero,
    .smt-layout-solution-archive .smt-archive-hero,
    .smt-layout-case-archive .smt-archive-hero,
    .smt-layout-article-archive .smt-archive-hero,
    .smt-layout-about .smt-page-hero,
    .smt-layout-contact .smt-page-hero,
    .smt-layout-page .smt-page-hero{padding:56px 0 40px}
    .smt-layout-product-archive .smt-archive-main,
    .smt-layout-solution-archive .smt-archive-main,
    .smt-layout-case-archive .smt-archive-main,
    .smt-layout-article-archive .smt-archive-main,
    .smt-layout-about .smt-page-main,
    .smt-layout-contact .smt-contact-main,
    .smt-layout-page .smt-page-main{padding:48px 0 56px}
}