/* FSCMS 主要样式文件 */
/* 配色方案：主�?#1a4b60 #ffd700，辅�?#ffeb3b #175c7a */

/* 全局重置和基础样式 */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
}

:root {
    /* FSCMS 配色变量 */
    --fscms-primary-color: #1a4b60;
    --fscms-secondary-color: #ffd700;
    --fscms-accent-color: #ffeb3b;
    --fscms-dark-color: #175c7a;
    --fscms-white: #ffffff;
    --fscms-light-gray: #f8f9fa;
    --fscms-gray: #6c757d;
    --fscms-dark-gray: #343a40;
    --fscms-border-color: #dee2e6;
    --fscms-border-light: #eef2f5;
    --fscms-text-secondary: #6c757d;
    --fscms-shadow: 0 2px 10px rgba(26, 75, 96, 0.1);
    --fscms-shadow-hover: 0 4px 20px rgba(26, 75, 96, 0.15);
    --fscms-nav-hover-color: #ff6b35;
    --fscms-nav-active-color: #e55a2b;
    --fscms-float-primary: #00aeff;
    --fscms-float-secondary: #3a7ca8;
    --fscms-float-accent: #4a90c2;
    --fscms-float-success: #28a745;
    --fscms-float-info: #17a2b8;
    --fscms-float-warning: #ffc107;
    --fscms-float-danger: #dc3545;
    --fscms-float-purple: #6f42c1;
    --fscms-float-teal: #20c997;
    --fscms-float-orange: #fd7e14;
    
    /* FSCMS 字体变量 */
    --fscms-font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
    --fscms-font-size-base: 14px;
    --fscms-font-size-lg: 16px;
    --fscms-font-size-xl: 18px;
    --fscms-font-size-xxl: 24px;
    
    /* FSCMS 间距变量 */
    --fscms-spacing-xs: 5px;
    --fscms-spacing-sm: 10px;
    --fscms-spacing-md: 15px;
    --fscms-spacing-lg: 20px;
    --fscms-spacing-xl: 30px;
    --fscms-spacing-xxl: 40px;
    
    /* FSCMS 边框圆角 */
    --fscms-border-radius: 6px;
    --fscms-border-radius-lg: 10px;
    
    /* FSCMS 过渡动画 */
    --fscms-transition: all 0.3s ease;
}

/* 基础样式 */
body, .fscms-body {
    font-family: var(--fscms-font-family);
    font-size: var(--fscms-font-size-base);
    line-height: 1.6;
    color: var(--fscms-dark-gray);
    background-color: var(--fscms-white);
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.fscms-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--fscms-spacing-md);
}

/* 页面加载动画 */
.fscms-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--fscms-white);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: var(--fscms-transition);
}

.fscms-spinner {
    font-size: var(--fscms-font-size-xxl);
    color: var(--fscms-primary-color);
}

/* 头部样式 */
.fscms-header {
    background-color: var(--fscms-white);
    box-shadow: var(--fscms-shadow);
    position: sticky;
    top: 0;
    z-index: 1000;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}

/* 顶部导航�?*/
.fscms-top-bar {
    background-color: var(--fscms-primary-color);
    color: var(--fscms-white);
    padding: var(--fscms-spacing-xs) 0;
    font-size: 12px;
    width: 100%;
}

.fscms-top-bar .fscms-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.fscms-top-left {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-md);
}

.fscms-top-entries {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
}

.fscms-top-entry-link {
    display: inline-flex;
    align-items: center;
    gap: var(--fscms-spacing-xs);
    padding: 0;
    border: none;
    border-radius: 0;
    color: var(--fscms-white);
    text-decoration: none;
    transition: var(--fscms-transition);
    font-size: 12px;
    line-height: 1;
}

.fscms-top-entry-link i {
    font-size: 12px;
}

.fscms-top-entry-link:hover {
    color: var(--fscms-secondary-color);
}


/* 图集列表�?*/
.fscms-phot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    padding: 20px 0;
}
.fscms-phot-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
}
.fscms-phot-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.fscms-phot-thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%; /* 3:2 Aspect Ratio */
    position: relative;
    overflow: hidden;
    background: #f8f9fa;
}
.fscms-phot-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.fscms-phot-item:hover .fscms-phot-thumb img {
    transform: scale(1.05);
}
.fscms-phot-info {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.fscms-phot-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.4;
}
.fscms-phot-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}
.fscms-phot-title a:hover {
    color: #1a4b60;
}
.fscms-phot-meta {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #888;
}
.fscms-phot-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 5px;
    z-index: 2;
}

/* 图集详情�?*/
.fscms-phot-stage {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    background: transparent;
    box-shadow: none;
}
.fscms-phot-img-wrap {
    position: relative;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
.fscms-phot-img-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
    .fscms-phot-stage {
        margin: 12px auto;
    }
    .fscms-phot-img-wrap {
        height: auto;
        display: block;
        padding: 0;
    }
    .fscms-phot-img-wrap img {
        width: 100%;
        height: auto;
        max-height: none;
        display: block;
    }
    .fscms-phot-arrow {
        width: 44px;
        height: 56px;
        font-size: 34px;
        opacity: 1;
    }
    .fscms-phot-arrow.prev { left: 10px; }
    .fscms-phot-arrow.next { right: 10px; }
    .fscms-phot-thumbnails {
        padding: 10px 10px 12px;
        justify-content: flex-start;
    }
    .fscms-phot-desc-area {
        padding: 12px;
        margin: 0 auto 16px;
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
    }
    .fscms-phot-count-box {
        width: 96px;
        height: 64px;
    }
    .fscms-phot-count-box #curIndex {
        font-size: 38px;
    }
    .fscms-phot-count-box .sep {
        margin-top: 10px;
    }
    .fscms-phot-count-box #totalCount {
        margin-top: 10px;
    }
    .fscms-phot-text {
        font-size: 14px;
        line-height: 1.55;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .fscms-phot-stage {
        margin: 18px auto;
    }
    .fscms-phot-img-wrap {
        height: 560px;
    }
    .fscms-phot-thumbnails {
        padding: 12px;
        justify-content: flex-start;
    }
    .fscms-phot-desc-area {
        padding: 14px;
        margin: 0 auto 22px;
        gap: 14px;
    }
}
.fscms-phot-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 80px;
    background: none;
    color: var(--fscms-secondary-color);
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    cursor: pointer;
    z-index: 30;
    opacity: 0;
    transition: all 0.3s;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.fscms-phot-arrow:hover {
    background: none;
    transform: translateY(-50%) scale(1.1);
    color: var(--fscms-accent-color);
}
.fscms-phot-stage:hover .fscms-phot-arrow {
    opacity: 1;
}
.fscms-phot-arrow.prev { left: 20px; }
.fscms-phot-arrow.next { right: 20px; }

.fscms-phot-click-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 10;
}
.fscms-phot-click-zone {
    flex: 1;
    height: 100%;
    cursor: pointer;
}
.fscms-phot-click-zone.left { cursor: default; }
.fscms-phot-click-zone.right { cursor: default; }
.fscms-phot-thumbnails {
    display: flex;
    gap: 10px;
    padding: 15px;
    background: transparent;
    overflow-x: auto;
    justify-content: center;
    border-top: none;
}
.fscms-phot-thumb-item {
    width: 80px;
    height: 60px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s;
    border: 2px solid transparent;
    flex-shrink: 0;
}
.fscms-phot-thumb-item.active {
    opacity: 1;
    border-color: #ffd700;
}
.fscms-phot-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.fscms-phot-thumb-item:hover img,
.fscms-phot-thumb-item:focus-within img { transform: scale(1.08); }
.fscms-phot-counter {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    z-index: 20;
}

.fscms-phot-desc-area {
    margin: 0 auto 30px;
    max-width: 1200px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px;
    background: #f7f9fc;
    border-radius: 8px;
    border: 1px solid #eee;
}
.fscms-phot-count-box {
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    background: #1a4b60;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
}
.fscms-phot-count-box #curIndex {
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    margin-right: 5px;
}
.fscms-phot-count-box .sep {
    color: rgba(255,255,255,0.6);
    font-size: 18px;
    margin: 0 2px;
    margin-top: 14px;
}
.fscms-phot-count-box #totalCount {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
    margin-top: 14px;
}
.fscms-phot-text {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    padding-top: 0;
    word-break: break-word;
}

/* Custom cursors */
.cursor-prev { cursor: w-resize !important; }
.cursor-next { cursor: e-resize !important; }

/* Lock Screen */
.fscms-content-lock {
    background: #f9f9f9;
    padding: 60px 20px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #eee;
    margin: 40px 0;
}
.fscms-lock-icon { font-size: 48px; color: #ccc; margin-bottom: 20px; }
.fscms-lock-title { font-size: 20px; margin-bottom: 10px; color: #333; }
.fscms-lock-desc { color: #666; margin-bottom: 30px; }
.fscms-pay-btn {
    background: #1a4b60;
    color: #ffd700;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.fscms-pay-btn:hover { background: #143a4d; transform: translateY(-2px); }

.fscms-contact-info {
    display: flex;
    gap: var(--fscms-spacing-lg);
}

.fscms-contact-info span {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-xs);
}

.fscms-social-links {
    display: flex;
    gap: var(--fscms-spacing-sm);
}

.fscms-social-link {
    color: var(--fscms-white);
    text-decoration: none;
    padding: var(--fscms-spacing-xs);
    border-radius: var(--fscms-border-radius);
    transition: var(--fscms-transition);
}

.fscms-social-link:hover {
    color: var(--fscms-secondary-color);
    background-color: transparent;
}

/* 登录注册链接样式 */
.fscms-auth-links {
    display: flex;
    gap: var(--fscms-spacing-sm);
}
.fscms-auth-dropdown { position: relative; }
.fscms-auth-menu { position: absolute; right: 0; top: 100%; background: var(--fscms-white); border: 1px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius); min-width: 120px; box-shadow: var(--fscms-shadow); display: none; padding: var(--fscms-spacing-xs) 0; z-index: 1000; }
.fscms-auth-menu li { list-style: none; }
.fscms-auth-menu .fscms-auth-link { display: block; color: var(--fscms-dark-color); padding: var(--fscms-spacing-xs) var(--fscms-spacing-md); }
.fscms-auth-dropdown:hover .fscms-auth-menu { display: block; }

.fscms-auth-link {
    color: var(--fscms-white);
    text-decoration: none;
    padding: var(--fscms-spacing-xs) var(--fscms-spacing-sm);
    border-radius: var(--fscms-border-radius);
    transition: var(--fscms-transition);
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-xs);
    font-size: 12px;
}

.fscms-auth-link:hover {
    color: var(--fscms-secondary-color);
    background-color: transparent;
}

/* 主导航栏 */
.fscms-main-nav {
    padding: var(--fscms-spacing-md) 0;
    width: 100%;
}

.fscms-main-nav .fscms-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: var(--fscms-spacing-lg);
}

.fscms-nav-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.fscms-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--fscms-primary-color);
    font-size: var(--fscms-font-size-xl);
    font-weight: bold;
}

.fscms-logo-img {
    height: 40px;
    margin-right: var(--fscms-spacing-sm);
}

.fscms-logo-text {
    font-size: var(--fscms-font-size-xxl);
    font-weight: bold;
}

.fscms-breadcrumb {
    background-color: var(--fscms-light-gray);
    border-bottom: none;
}
.fscms-breadcrumb .fscms-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px var(--fscms-spacing-md);
    display: flex;
    align-items: center;
    gap: 8px;
}
.fscms-breadcrumb .fscms-icon { color: var(--fscms-gray); }
.fscms-breadcrumb a {
    color: var(--fscms-gray);
    text-decoration: none;
}
.fscms-breadcrumb a:hover { color: var(--fscms-primary-color); }
.fscms-breadcrumb .fscms-sep { color: var(--fscms-gray); }
.fscms-breadcrumb .active { color: var(--fscms-dark-gray); font-weight: 600; }

.fscms-breadcrumb-banner { width: 100%; display: flex; justify-content: center; padding: 16px 0 0; }
.fscms-breadcrumb-banner .fscms-banner-box {
    width: 100%;
    max-width: 1400px;
    height: 300px;
    border-radius: 0px;
    background-image: url('../images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    box-shadow: var(--fscms-shadow);
}

body.fscms-page-intro { background: #fff; }
body.fscms-page-intro .fscms-intro-page { position: relative; }
body.fscms-page-intro .fscms-intro-page::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 420px;
    background-image: url('../images/index-top.jpg');
    background-size: cover;
    background-position: center top;
    z-index: 0;
}
body.fscms-page-intro .fscms-intro-page::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 560px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 55%, rgba(255,255,255,1) 100%);
    pointer-events: none;
    z-index: 1;
}
body.fscms-page-intro .fscms-intro-page > * { position: relative; z-index: 2; }
body.fscms-page-intro .fscms-breadcrumb { background-color: rgba(255,255,255,0.65); backdrop-filter: blur(6px); }
body.fscms-page-intro .fscms-article-card { background: rgba(255,255,255,0.92); }
body.fscms-page-intro .fscms-footer { position: relative; z-index: 3; }

body.fscms-page-faq-list { background: #fff; }
body.fscms-page-faq-list .fscms-faq-pagewrap { position: relative; }
body.fscms-page-faq-list .fscms-faq-pagewrap::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 420px;
    background-image: url('../images/index-top.jpg');
    background-size: cover;
    background-position: center top;
    z-index: 0;
}
body.fscms-page-faq-list .fscms-faq-pagewrap::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 560px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 55%, rgba(255,255,255,1) 100%);
    pointer-events: none;
    z-index: 1;
}
body.fscms-page-faq-list .fscms-faq-pagewrap > * { position: relative; z-index: 2; }
body.fscms-page-faq-list .fscms-breadcrumb { background-color: rgba(255,255,255,0.65); backdrop-filter: blur(6px); }
body.fscms-page-faq-list .fscms-article-card { background: rgba(255,255,255,0.92); }
body.fscms-page-faq-list .fscms-footer { position: relative; z-index: 3; }
body.fscms-page-faq-list .fscms-intro-head { text-align: center; }
body.fscms-page-faq-list .fscms-intro-subtitle { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; }
body.fscms-page-faq-list .fscms-article-card .fscms-section-title::after { margin-left: auto; margin-right: auto; }

body.fscms-page-faq-detail { background: #fff; }
body.fscms-page-faq-detail .fscms-faq-pagewrap { position: relative; }
body.fscms-page-faq-detail .fscms-faq-pagewrap::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 420px;
    background-image: url('../images/index-top.jpg');
    background-size: cover;
    background-position: center top;
    z-index: 0;
}
body.fscms-page-faq-detail .fscms-faq-pagewrap::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 560px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 55%, rgba(255,255,255,1) 100%);
    pointer-events: none;
    z-index: 1;
}
body.fscms-page-faq-detail .fscms-faq-pagewrap > * { position: relative; z-index: 2; }
body.fscms-page-faq-detail .fscms-breadcrumb { background-color: rgba(255,255,255,0.65); backdrop-filter: blur(6px); }
body.fscms-page-faq-detail .fscms-article-card { background: rgba(255,255,255,0.92); }
body.fscms-page-faq-detail .fscms-footer { position: relative; z-index: 3; }
body.fscms-page-faq-detail .fscms-intro-head { text-align: center; }
body.fscms-page-faq-detail .fscms-intro-subtitle { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; }
body.fscms-page-faq-detail .fscms-article-card .fscms-section-title::after { margin-left: auto; margin-right: auto; }

body.fscms-page-xungen .fscms-xungen-form {
    max-width: 980px;
    margin: 0 auto;
    padding: var(--fscms-spacing-xl);
    border-radius: var(--fscms-border-radius-lg);
    border: 2px solid var(--fscms-border-color);
    background: linear-gradient(180deg, rgba(23, 92, 122, 0.10), rgba(255, 255, 255, 0.96));
    box-shadow: var(--fscms-shadow);
}

body.fscms-page-xungen .fscms-section-title::after {
    background-color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-alert {
    background: rgba(26, 75, 96, 0.06);
}

body.fscms-page-xungen .fscms-message-form {
    gap: 12px;
}

body.fscms-page-xungen .fscms-message-form.fscms-form-grid-2,
body.fscms-page-xungen .fscms-message-form.fscms-form-grid-3,
body.fscms-page-xungen .fscms-message-form.fscms-form-grid-4 {
    gap: 12px;
}

body.fscms-page-xungen .fscms-form-input,
body.fscms-page-xungen .fscms-form-textarea {
    padding: 10px 12px;
}

body.fscms-page-xungen .fscms-form-input:focus,
body.fscms-page-xungen .fscms-form-textarea:focus {
    border-color: rgba(23, 92, 122, 0.80);
    box-shadow: 0 0 0 3px rgba(23, 92, 122, 0.14);
}

body.fscms-page-xungen .fscms-xungen-form-row {
    display: flex;
    gap: var(--fscms-spacing-md);
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-form-group {
    flex: 1 1 240px;
    min-width: 240px;
}

body.fscms-page-xungen .fscms-xungen-actions {
    justify-content: center;
    margin-top: var(--fscms-spacing-md);
}

body.fscms-page-xungen .fscms-xungen-tip {
    margin-top: var(--fscms-spacing-md);
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--fscms-gray);
    font-size: 13px;
    line-height: 1.7;
    white-space: nowrap;
}

body.fscms-page-xungen .fscms-xungen-address-picker {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.fscms-page-xungen .fscms-xungen-address-selects {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-address-selects .fscms-form-input {
    flex: 1 1 160px;
    min-width: 160px;
}

body.fscms-page-xungen .fscms-xungen-publish-card {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

body.fscms-page-xungen .fscms-xungen-triple-row {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.fscms-page-xungen .fscms-xungen-triple-row .fscms-form-group {
    margin: 0;
}

body.fscms-page-xungen .fscms-xungen-form-summary {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

body.fscms-page-xungen .fscms-xungen-tip i {
    margin-top: 0;
    color: var(--fscms-primary-color);
}

@media (max-width: 1100px) {
    body.fscms-page-xungen .fscms-xungen-triple-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    body.fscms-page-xungen .fscms-xungen-triple-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.fscms-page-xungen .fscms-xungen-results-head {
    margin-top: var(--fscms-spacing-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fscms-spacing-md);
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: var(--fscms-border-radius);
    background: rgba(26, 75, 96, 0.06);
    border: 1px dashed rgba(26, 75, 96, 0.24);
}

body.fscms-page-xungen .fscms-xungen-results-title {
    font-weight: 900;
    color: var(--fscms-primary-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.fscms-page-xungen .fscms-xungen-results-count {
    color: var(--fscms-gray);
    font-size: 13px;
}

body.fscms-page-xungen .fscms-xungen-subhead {
    margin-top: var(--fscms-spacing-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fscms-spacing-md);
    flex-wrap: wrap;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid rgba(26, 75, 96, 0.16);
    border-left: 4px solid rgba(23, 92, 122, 0.85);
    background: rgba(23, 92, 122, 0.08);
}

body.fscms-page-xungen .fscms-xungen-subtitle {
    font-weight: 900;
    color: var(--fscms-primary-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.fscms-page-xungen .fscms-xungen-subcount {
    color: var(--fscms-gray);
    font-size: 13px;
}

body.fscms-page-xungen .fscms-xungen-subcount-push {
    margin-left: auto;
    font-weight: 800;
}

body.fscms-page-xungen .fscms-xungen-block-gap-lg {
    margin-top: var(--fscms-spacing-lg);
}

body.fscms-page-xungen .fscms-xungen-inline-actions,
body.fscms-page-xungen .fscms-xungen-inline-meta {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-muted-text {
    color: var(--fscms-dark-gray);
}

body.fscms-page-xungen .fscms-xungen-success-note {
    color: var(--fscms-dark-gray);
    font-weight: 800;
}

body.fscms-page-xungen .fscms-xungen-success-icon {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-relatives-stack {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body.fscms-page-xungen .fscms-xungen-detail-title {
    font-size: 22px;
    margin-top: 0;
}

body.fscms-page-xungen .fscms-xungen-detail-text,
body.fscms-page-xungen .fscms-xungen-clue-content {
    color: var(--fscms-dark-gray);
    line-height: 1.9;
    white-space: pre-wrap;
    word-break: break-word;
}

body.fscms-page-xungen .fscms-xungen-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-detail-header-name {
    font-weight: 900;
    color: var(--fscms-primary-color);
    font-size: 18px;
}

body.fscms-page-xungen .fscms-xungen-detail-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-detail-card {
    position: relative;
    padding: 42px 20px 20px;
    overflow: visible;
}

body.fscms-page-xungen .fscms-xungen-detail-reward {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 30px;
    min-height: 56px;
    border-radius: 0;
    background-image: url('../images/web/bg/reward-top-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    line-height: 1;
    box-shadow: none;
    white-space: nowrap;
}

body.fscms-page-xungen .fscms-xungen-detail-reward-img {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
}

body.fscms-page-xungen .fscms-xungen-detail-title {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    font-weight: 1000;
    font-size: 34px;
    color: #111;
}

body.fscms-page-xungen .fscms-xungen-detail-meta {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
    color: var(--fscms-dark-gray);
    font-weight: 800;
}

body.fscms-page-xungen .fscms-xungen-detail-meta-item .k {
    color: #111;
    font-weight: 900;
    margin-right: 4px;
}

body.fscms-page-xungen .fscms-xungen-detail-meta-item .v {
    color: #111;
}

body.fscms-page-xungen .fscms-xungen-detail-body {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 420px minmax(0, 760px);
    gap: 18px;
    align-items: start;
    justify-content: center;
}

body.fscms-page-xungen .fscms-xungen-detail-clue-grid {
    margin-top: var(--fscms-spacing-xl);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--fscms-spacing-lg);
    align-items: start;
}

body.fscms-page-xungen .fscms-xungen-detail-photo-main {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(26, 75, 96, 0.16);
    background: rgba(26, 75, 96, 0.06);
    cursor: zoom-in;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
}

body.fscms-page-xungen .fscms-xungen-detail-photo-main img {
    width: 100%;
    height: 360px;
    display: block;
    object-fit: cover;
}

body.fscms-page-xungen .fscms-xungen-detail-thumbs {
    margin-top: 12px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-detail-thumb {
    width: 74px;
    height: 74px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(26, 75, 96, 0.16);
    background: rgba(26, 75, 96, 0.04);
    display: block;
    padding: 0;
    cursor: pointer;
}

body.fscms-page-xungen .fscms-xungen-detail-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.fscms-page-xungen .fscms-xungen-detail-thumb.is-active {
    border-color: rgba(26, 75, 96, 0.60);
    box-shadow: 0 0 0 3px rgba(26, 75, 96, 0.12);
}

body.fscms-page-xungen .fscms-xungen-image-modal-backdrop {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

body.fscms-page-xungen #fscms-xungen-image-modal.fscms-hidden {
    display: none;
}

body.fscms-page-xungen .fscms-xungen-image-modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 28px;
    border-radius: 10px;
    border: 0;
    background: rgba(26, 75, 96, 0.88);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

body.fscms-page-xungen .fscms-xungen-image-modal-body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 18px;
}

body.fscms-page-xungen .fscms-xungen-image-modal-figure {
    position: relative;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

body.fscms-page-xungen .fscms-xungen-image-modal-body img {
    max-width: 100%;
    max-height: 100%;
    transform-origin: center center;
    transition: transform 0.08s ease;
    cursor: zoom-out;
}

body.fscms-page-xungen .fscms-xungen-detail-form {
    min-width: 0;
    display: grid;
    gap: 12px;
}

body.fscms-page-xungen .fscms-xungen-detail-field {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 12px;
    align-items: center;
}

body.fscms-page-xungen .fscms-xungen-detail-label {
    text-align: right;
    font-weight: 900;
    color: #111;
}

body.fscms-page-xungen .fscms-xungen-detail-required {
    color: #d32f2f;
    margin-right: 2px;
}

body.fscms-page-xungen .fscms-xungen-detail-value {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    padding: 12px 14px;
    color: #111;
    font-weight: 700;
    min-height: 44px;
    display: flex;
    align-items: center;
    white-space: pre-wrap;
    word-break: break-word;
}

body.fscms-page-xungen .fscms-xungen-detail-field.is-textarea {
    align-items: start;
}

body.fscms-page-xungen .fscms-xungen-detail-field.is-textarea .fscms-xungen-detail-value {
    align-items: flex-start;
    min-height: 140px;
}

@media (max-width: 900px) {
    body.fscms-page-xungen .fscms-xungen-detail-title {
        font-size: 26px;
    }
    body.fscms-page-xungen .fscms-xungen-detail-body {
        grid-template-columns: 1fr;
    }
    body.fscms-page-xungen .fscms-xungen-detail-clue-grid {
        grid-template-columns: 1fr;
    }
    body.fscms-page-xungen .fscms-xungen-detail-field {
        grid-template-columns: 110px 1fr;
    }
    body.fscms-page-xungen .fscms-xungen-detail-label {
        text-align: left;
    }
    body.fscms-page-xungen .fscms-xungen-detail-photo-main img {
        height: 280px;
    }
}

body.fscms-page-xungen .fscms-xungen-clue-content {
    margin-top: 10px;
}

body.fscms-page-xungen .fscms-xungen-gallery-wrap {
    margin-top: 14px;
}

body.fscms-page-xungen .fscms-xungen-gallery-title {
    font-size: 18px;
    margin: 0;
}

body.fscms-page-xungen .fscms-xungen-gallery-grid {
    margin-top: 12px;
}

body.fscms-page-xungen .fscms-xungen-gallery-image {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(26, 75, 96, 0.16);
    display: block;
}

body.fscms-page-xungen .fscms-xungen-gallery-image-sm {
    height: 140px;
}

body.fscms-page-xungen .fscms-xungen-form-actions-gap {
    margin-top: 16px;
}

body.fscms-page-xungen .fscms-xungen-clue-name {
    font-weight: 900;
    color: var(--fscms-dark-color);
}

body.fscms-page-xungen .fscms-xungen-clue-accepted {
    border-color: rgba(26, 75, 96, 0.25);
    background: rgba(26, 75, 96, 0.06);
    color: var(--fscms-primary-color);
    font-weight: 900;
}

body.fscms-page-xungen .fscms-xungen-clue-time {
    color: var(--fscms-gray);
    font-weight: 700;
}

body.fscms-page-xungen .fscms-xungen-clue-time.is-push,
body.fscms-page-xungen .fscms-xungen-clue-accept-form {
    margin-left: auto;
}

body.fscms-page-xungen .fscms-xungen-pagination {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: var(--fscms-spacing-xl);
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-pagination-status {
    color: var(--fscms-gray);
    font-weight: 800;
}

body.fscms-page-xungen .fscms-xungen-pay-form {
    max-width: 100%;
    margin: 10px 0 0;
}

body.fscms-page-xungen #fscms-xungen-pay-pwd-group.fscms-xungen-pay-pwd-group {
    display: none;
}

body.fscms-page-xungen #fscms-xungen-qr-img.fscms-xungen-qr-img {
    width: 220px;
    height: 220px;
    object-fit: contain;
    display: none;
}

body.fscms-page-xungen #fscms-xungen-pay-mask.fscms-modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    display: none;
    z-index: 9998;
}

body.fscms-page-xungen #fscms-xungen-pay-modal.fscms-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 2px solid #1a4b60;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
    width: 520px;
    max-width: 96vw;
    display: none;
    z-index: 9999;
    overflow: hidden;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-title {
    padding: 12px 14px;
    border-bottom: 1px solid #eef3f6;
    font-weight: 600;
    color: #1a4b60;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-title i {
    margin-right: 6px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-body {
    padding: 10px 14px;
    max-height: 70vh;
    overflow: auto;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-actions {
    padding: 12px 14px;
    border-top: 1px solid #eef3f6;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 6px 10px;
    align-items: start;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-field-full {
    grid-column: 1 / -1;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-profile-row {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 8px;
    font-size: 13px;
    align-items: center;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-profile-row > span {
    white-space: nowrap;
    color: var(--fscms-gray, #6c757d);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-profile-row strong {
    color: var(--fscms-primary-color, #1a4b60);
    font-weight: 700;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-member-form {
    display: grid;
    gap: 12px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-form-item {
    display: grid;
    gap: 8px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option {
    border: 2px solid var(--fscms-border-color, #d9e2ea);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px;
    min-height: 74px;
    transition: all 0.2s ease;
    user-select: none;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    display: block;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option span {
    font-size: 13px;
    color: var(--fscms-dark-gray, #495057);
    font-weight: 600;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option:hover {
    border-color: rgba(26, 75, 96, 0.65);
    background: rgba(26, 75, 96, 0.04);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option.active {
    border-color: var(--fscms-primary-color, #1a4b60);
    box-shadow: 0 0 0 2px rgba(26, 75, 96, 0.12);
    background: linear-gradient(180deg, rgba(26, 75, 96, 0.10), #fff);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option.active span {
    color: var(--fscms-primary-color, #1a4b60);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-option.disabled {
    border-style: dashed;
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(20%);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid-icon-only .fscms-pay-option {
    padding: 6px;
    min-height: 72px;
    gap: 0;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid-icon-only .fscms-pay-option img {
    width: auto;
    height: 50px;
    max-width: 78%;
    object-fit: contain;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid-icon-only .fscms-pay-option span {
    display: none;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid-icon-only .fscms-pay-option.active {
    box-shadow: 0 0 0 3px rgba(26, 75, 96, 0.16);
    transform: translateY(-1px);
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-qr-group {
    display: grid;
    gap: 10px;
    justify-items: center;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-qr-box {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(26, 75, 96, 0.12);
    border-radius: 10px;
    background: #fff;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-balance {
    padding: 10px 12px;
    border: 1px solid rgba(26, 75, 96, 0.14);
    border-radius: 8px;
    background: rgba(26, 75, 96, 0.05);
    color: var(--fscms-primary-color, #1a4b60);
    font-size: 13px;
    line-height: 1.6;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-balance strong {
    font-size: 16px;
    color: #175c7a;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-panel {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eef3f6;
    display: none;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-panel.active {
    display: block;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-note {
    text-align: center;
    color: var(--fscms-gray, #6c757d);
    font-size: 13px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-loading {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fscms-gray, #6c757d);
    font-size: 14px;
}

body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-xungen-pay-loading.hidden {
    display: none;
}

@media (max-width: 767px) {
    body.fscms-page-xungen #fscms-xungen-pay-modal.fscms-modal {
        width: 96vw;
    }

    body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-fields {
        grid-template-columns: 1fr;
    }

    body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-profile-row {
        grid-template-columns: 72px 1fr;
    }

    body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-modal-actions {
        padding: 10px 12px;
        justify-content: center;
    }

    body.fscms-page-xungen #fscms-xungen-pay-modal .fscms-pay-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

body.fscms-page-xungen .fscms-xungen-matchline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

body.fscms-page-xungen .fscms-xungen-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

body.fscms-page-xungen .fscms-xungen-card-head .fscms-xungen-icon {
    font-size: 2.1rem;
    margin-bottom: 0;
    flex: 0 0 auto;
}

body.fscms-page-xungen .fscms-xungen-card-head .fscms-xungen-name {
    margin: 0;
    flex: 0 1 auto;
    min-width: 180px;
}

body.fscms-page-xungen .fscms-xungen-matchline-head {
    margin: 0;
    flex: 1 1 320px;
    justify-content: flex-end;
}

body.fscms-page-xungen .fscms-xungen-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.18);
    background: rgba(26, 75, 96, 0.06);
    color: var(--fscms-primary-color);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

body.fscms-page-xungen .fscms-xungen-pill-score {
    background: var(--fscms-primary-color);
    border-color: var(--fscms-primary-color);
    color: var(--fscms-white);
}

body.fscms-page-xungen .fscms-xungen-pill-strong {
    background: rgba(23, 92, 122, 0.14);
    border-color: rgba(23, 92, 122, 0.30);
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-pill-mid {
    background: rgba(26, 75, 96, 0.10);
    border-color: rgba(26, 75, 96, 0.22);
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-pill-weak {
    background: rgba(26, 75, 96, 0.06);
    border-color: rgba(26, 75, 96, 0.18);
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-pill-none {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.10);
    color: var(--fscms-gray);
}

body.fscms-page-xungen .fscms-xungen-graph {
    margin-top: 0;
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: nowrap;
}

body.fscms-page-xungen .fscms-xungen-node {
    position: relative;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid rgba(26, 75, 96, 0.16);
    background: rgba(255, 255, 255, 0.78);
    flex: 1 1 0;
    min-width: 0;
}

body.fscms-page-xungen .fscms-xungen-graph-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    color: rgba(26, 75, 96, 0.45);
    font-size: 16px;
    flex: 0 0 18px;
    margin-top: 28px;
}

body.fscms-page-xungen .fscms-xungen-node-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--fscms-gray);
    font-weight: 800;
    font-size: 12px;
}

body.fscms-page-xungen .fscms-xungen-node-title i {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-node-name {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 900;
    color: var(--fscms-dark-color);
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

body.fscms-page-xungen .fscms-xungen-node-spouse {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    color: var(--fscms-primary-color);
    line-height: 1.2;
}

body.fscms-page-xungen .fscms-xungen-node-spouse i {
    color: var(--fscms-secondary-color);
}

body.fscms-page-xungen .fscms-xungen-node-main .fscms-xungen-node-name {
    font-size: 18px;
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-node-meta {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-node-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.14);
    background: rgba(26, 75, 96, 0.05);
    color: var(--fscms-gray);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

body.fscms-page-xungen .fscms-xungen-node-meta-item i {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-node-strong {
    border-left: 4px solid rgba(23, 92, 122, 0.85);
    background: rgba(23, 92, 122, 0.08);
}

body.fscms-page-xungen .fscms-xungen-node-mid {
    border-left: 4px solid var(--fscms-primary-color);
    background: rgba(26, 75, 96, 0.08);
}

body.fscms-page-xungen .fscms-xungen-node-weak {
    border-left: 4px solid rgba(26, 75, 96, 0.55);
    background: rgba(26, 75, 96, 0.05);
}

body.fscms-page-xungen .fscms-xungen-node-none {
    border-left: 4px solid rgba(0, 0, 0, 0.16);
    background: rgba(0, 0, 0, 0.03);
}

body.fscms-page-xungen .fscms-xungen-layout {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
}

body.fscms-page-xungen .fscms-xungen-layout-right {
    min-width: 0;
}

body.fscms-page-xungen .fscms-xungen-relatives {
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body.fscms-page-xungen .fscms-xungen-relbox-wide {
    grid-column: 1 / -1;
}

body.fscms-page-xungen .fscms-xungen-relbox {
    border-radius: var(--fscms-border-radius);
    border: 1px solid rgba(26, 75, 96, 0.14);
    background: rgba(255, 255, 255, 0.70);
    padding: 10px;
}

body.fscms-page-xungen .fscms-xungen-relbox-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    color: var(--fscms-primary-color);
    margin-bottom: 8px;
}

body.fscms-page-xungen .fscms-xungen-relbox-title i {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-relbox-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 8px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid rgba(26, 75, 96, 0.10);
    background: rgba(255, 255, 255, 0.78);
}

body.fscms-page-xungen .fscms-xungen-relbox-row + .fscms-xungen-relbox-row {
    margin-top: 8px;
}

body.fscms-page-xungen .fscms-xungen-relbox-key {
    flex: 0 0 44px;
    color: var(--fscms-gray);
    font-weight: 800;
    letter-spacing: 0.5px;
}

body.fscms-page-xungen .fscms-xungen-relbox-val {
    flex: 1 1 auto;
    color: var(--fscms-dark-gray);
    word-break: break-word;
}

body.fscms-page-xungen .fscms-xungen-grid {
    margin-top: var(--fscms-spacing-lg);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--fscms-spacing-lg);
}

body.fscms-page-xungen .fscms-xungen-group {
    margin-top: var(--fscms-spacing-lg);
}

body.fscms-page-xungen .fscms-xungen-group-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    font-weight: 900;
    color: var(--fscms-primary-color);
    border: 1px solid rgba(26, 75, 96, 0.16);
    background: rgba(26, 75, 96, 0.06);
}

body.fscms-page-xungen .fscms-xungen-group-best .fscms-xungen-group-head {
    border-left: 4px solid rgba(23, 92, 122, 0.85);
    background: rgba(23, 92, 122, 0.08);
}

body.fscms-page-xungen .fscms-xungen-group-possible .fscms-xungen-group-head {
    border-left: 4px solid rgba(26, 75, 96, 0.55);
}

body.fscms-page-xungen .fscms-xungen-card {
    text-align: left;
    padding: 14px;
    width: 100%;
}

body.fscms-page-xungen a { text-decoration: none !important; }

body.fscms-page-xungen .fscms-xungen-card-grid {
    margin-top: var(--fscms-spacing-lg);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--fscms-spacing-lg);
}

@media (max-width: 1400px) {
    body.fscms-page-xungen .fscms-xungen-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1200px) {
    body.fscms-page-xungen .fscms-xungen-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    body.fscms-page-xungen .fscms-xungen-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    body.fscms-page-xungen .fscms-xungen-card-grid { grid-template-columns: 1fr; }
}

body.fscms-page-xungen .fscms-xungen-card2 {
    position: relative;
    overflow: visible;
    border-radius: 16px;
    border: 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(26, 75, 96, 0.10);
}

body.fscms-page-xungen .fscms-xungen-card2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 2px dashed rgba(26, 75, 96, 0.35);
    pointer-events: none;
    z-index: 4;
}

body.fscms-page-xungen .fscms-xungen-card2.is-top {
    border-color: rgba(26, 75, 96, 0.55);
}

body.fscms-page-xungen .fscms-xungen-card2.is-top::before {
    border-color: rgba(26, 75, 96, 0.55);
}

body.fscms-page-xungen .fscms-xungen-card2-top {
    position: relative;
    padding: 10px 12px 0 12px;
    background: #fff;
    min-height: 0;
}

body.fscms-page-xungen .fscms-xungen-card2-top::before,
body.fscms-page-xungen .fscms-xungen-card2-top::after {
    display: none;
}

body.fscms-page-xungen .fscms-xungen-card2-top::before {
    left: 0;
}

body.fscms-page-xungen .fscms-xungen-card2-top::after {
    right: 0;
}

body.fscms-page-xungen .fscms-xungen-card2-surname {
    display: none;
}

body.fscms-page-xungen .fscms-xungen-card2-reward {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    background-image: url('../images/web/bg/reward-top-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transform: translateY(-16px);
}

body.fscms-page-xungen .fscms-xungen-card2-reward span {
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.fscms-page-xungen .fscms-xungen-card2-reward-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
}

body.fscms-page-xungen .fscms-xungen-card2-cover {
    position: relative;
    display: block;
    margin: 10px 12px 0;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    overflow: hidden;
    background: #f4f8fa;
}

body.fscms-page-xungen .fscms-xungen-card2-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.fscms-page-xungen .fscms-xungen-card2-body {
    padding: 12px;
}

body.fscms-page-xungen .fscms-xungen-card2-title {
    display: block;
    text-align: center;
    font-weight: 900;
    color: var(--fscms-dark-color);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
}

body.fscms-page-xungen .fscms-xungen-card2-title-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
}

body.fscms-page-xungen .fscms-xungen-card2.is-top .fscms-xungen-card2-title-row {
    padding-right: 64px;
}

body.fscms-page-xungen .fscms-xungen-card2-top-tag {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 36px;
    padding: 0;
    border-radius: 0;
    background-image: url('../images/web/bg/xungen-icon-top-flag.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
    z-index: 30;
}

body.fscms-page-xungen .fscms-xungen-card2-title:hover {
    text-decoration: none;
}

body.fscms-page-xungen .fscms-xungen-card2-meta {
    margin-top: 12px;
    display: grid;
    gap: 8px;
}

body.fscms-page-xungen .fscms-xungen-card2-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    color: var(--fscms-dark-gray);
    font-weight: 800;
    font-size: 13px;
    line-height: 1.4;
}

body.fscms-page-xungen .fscms-xungen-card2-meta-row span {
    color: var(--fscms-primary-color);
    font-weight: 900;
    flex: 0 0 auto;
}

body.fscms-page-xungen .fscms-xungen-card2-foot {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

body.fscms-page-xungen .fscms-xungen-card2-top-flag {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 42px;
    height: 42px;
    background-image: url('../images/web/bg/xungen-icon-top-flag.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

body.fscms-page-xungen .fscms-xungen-card2-success {
    position: absolute;
    right: 10px;
    bottom: 12px;
    width: 118px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/web/bg/xungen_yes.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
}

body.fscms-page-xungen .fscms-xungen-card2-success span {
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 13px;
}

body.fscms-page-xungen .fscms-xungen-card2-btn {
    width: 100%;
    border-radius: 999px;
    min-height: 34px;
    justify-content: center;
}

body.fscms-page-xungen .fscms-xungen-icon {
    font-size: 2.3rem;
    margin-bottom: 12px;
}

body.fscms-page-xungen .fscms-xungen-name {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.fscms-page-xungen .fscms-xungen-card-top1 {
    border: 2px solid rgba(23, 92, 122, 0.55);
    box-shadow: 0 8px 26px rgba(23, 92, 122, 0.14), var(--fscms-shadow);
}

body.fscms-page-xungen .fscms-xungen-top1-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(23, 92, 122, 0.40);
    background: rgba(23, 92, 122, 0.12);
    color: var(--fscms-primary-color);
    font-size: 12px;
    font-weight: 900;
}

body.fscms-page-xungen .fscms-xungen-top1-badge i {
    color: rgba(23, 92, 122, 0.95);
}

body.fscms-page-xungen .fscms-xungen-possible-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.22);
    background: rgba(26, 75, 96, 0.06);
    color: var(--fscms-primary-color);
    font-size: 12px;
    font-weight: 900;
}

body.fscms-page-xungen .fscms-xungen-possible-badge i {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-alive {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.22);
    background: rgba(26, 75, 96, 0.08);
    color: var(--fscms-primary-color);
    font-size: 12px;
    font-weight: 800;
}

body.fscms-page-xungen .fscms-xungen-body {
    color: var(--fscms-dark-gray);
}

body.fscms-page-xungen .fscms-xungen-card-note {
    margin-top: 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px dashed rgba(26, 75, 96, 0.22);
    background: rgba(26, 75, 96, 0.04);
    color: var(--fscms-gray);
    font-size: 12px;
    line-height: 1.7;
}

body.fscms-page-xungen .fscms-xungen-card-note i {
    margin-top: 2px;
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-chain {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid var(--fscms-border-color);
    background: rgba(23, 92, 122, 0.06);
    line-height: 1.8;
}

body.fscms-page-xungen .fscms-xungen-chain i {
    margin-top: 3px;
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-meta {
    margin-top: 12px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    color: var(--fscms-gray);
    font-size: 13px;
}

body.fscms-page-xungen .fscms-xungen-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.14);
    background: rgba(26, 75, 96, 0.05);
}

body.fscms-page-xungen .fscms-xungen-meta-item i {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-siblings {
    margin-top: 12px;
    display: grid;
    gap: 8px;
}

body.fscms-page-xungen .fscms-xungen-sibling-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid rgba(26, 75, 96, 0.14);
    background: rgba(255, 255, 255, 0.75);
}

body.fscms-page-xungen .fscms-xungen-sibling-row i {
    margin-top: 3px;
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-sibling-label {
    color: var(--fscms-gray);
    white-space: nowrap;
}

body.fscms-page-xungen .fscms-xungen-sibling-value {
    color: var(--fscms-dark-gray);
    word-break: break-word;
}

body.fscms-page-xungen .fscms-xungen-meid {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: var(--fscms-border-radius);
    border: 1px dashed rgba(26, 75, 96, 0.22);
    background: rgba(26, 75, 96, 0.04);
    color: var(--fscms-gray);
    font-size: 12px;
}

body.fscms-page-xungen .fscms-xungen-meid i {
    color: var(--fscms-primary-color);
}

.fscms-alert {
    padding: 12px 14px;
    border-radius: var(--fscms-border-radius);
    border: 1px solid var(--fscms-border-color);
    background: rgba(255, 215, 0, 0.08);
    color: var(--fscms-dark-color);
}

body.fscms-page-xungen .fscms-xungen-alert {
    margin-top: var(--fscms-spacing-lg);
}

@media (max-width: 768px) {
    body.fscms-page-xungen .fscms-xungen-form { padding: var(--fscms-spacing-lg); }
    body.fscms-page-xungen .fscms-xungen-grid { grid-template-columns: 1fr; }
    body.fscms-page-xungen .fscms-xungen-relatives { grid-template-columns: 1fr; }
    body.fscms-page-xungen .fscms-xungen-layout { grid-template-columns: 1fr; }
    body.fscms-page-xungen .fscms-xungen-graph { flex-direction: column; }
    body.fscms-page-xungen .fscms-xungen-graph-arrow { margin-top: 0; }
    body.fscms-page-xungen .fscms-xungen-graph-arrow i { transform: rotate(90deg); }
}

@media (max-width: 1100px) {
    body.fscms-page-xungen .fscms-xungen-relatives { grid-template-columns: 1fr; }
    body.fscms-page-xungen .fscms-xungen-layout { grid-template-columns: 1fr; }
}

@media (max-width: 1000px) {
    body.fscms-page-intro .fscms-intro-page::before { height: 260px; }
    body.fscms-page-intro .fscms-intro-page::after { height: 360px; }
    body.fscms-page-faq-list .fscms-faq-pagewrap::before { height: 260px; }
    body.fscms-page-faq-list .fscms-faq-pagewrap::after { height: 360px; }
    body.fscms-page-faq-detail .fscms-faq-pagewrap::before { height: 260px; }
    body.fscms-page-faq-detail .fscms-faq-pagewrap::after { height: 360px; }
}

.fscms-page-section { margin-top: var(--fscms-spacing-lg); }

/* 详情页正文区�?*/
.fscms-page-content {
    padding: 0;
    grid-area: main;
}
/* 横向二级导航�?*/
.fscms-horizontal-nav-wrapper { margin-bottom: 24px; padding: 0; background: transparent; border: none; box-shadow: none; display: flex; justify-content: center; }
.fscms-horizontal-nav { display: inline-flex; align-items: center; gap: 16px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: 100%; }
.fscms-horizontal-nav::-webkit-scrollbar { display: none; }
.fscms-horizontal-nav-label { font-weight: 700; color: var(--fscms-primary-color); font-size: 16px; flex-shrink: 0; padding-right: 16px; border-right: 2px solid var(--fscms-border-color); display: flex; align-items: center; gap: 8px; }
.fscms-horizontal-nav-list { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; }
.fscms-horizontal-nav-item { display: inline-block; flex-shrink: 0; }
.fscms-horizontal-nav-link { display: block; padding: 6px 16px; border-radius: 6px; color: var(--fscms-dark-gray); text-decoration: none; font-size: 14px; transition: all 0.2s; background: #f0f2f5; font-weight: 500; }
.fscms-horizontal-nav-link:hover, .fscms-horizontal-nav-link.active { background: var(--fscms-primary-color); color: #fff; text-decoration: none; }

.fscms-two-column { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); grid-template-areas: "side main"; gap: 24px; align-items: start; }
.fscms-two-column > * { min-width: 0; }
.fscms-three-column { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.fscms-three-column > * { min-width: 0; }
.fscms-sidebar { grid-area: side; display: flex; flex-direction: column; gap: 16px; }
.fscms-card { background: #f7f9fc; border: 2px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius); box-shadow: var(--fscms-shadow); padding: 16px; overflow: hidden; }
.fscms-widget-title { font-weight: 700; font-size: var(--fscms-font-size-xl); color: var(--fscms-primary-color); display: flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 10px 12px; border-radius: var(--fscms-border-radius); background: linear-gradient(90deg, rgba(26,75,96,0.22), rgba(26,75,96,0.06)); border-left: 4px solid var(--fscms-primary-color); }
.fscms-widget-title.fscms-widget-title-with-actions { justify-content: space-between; }
.fscms-widget-title-with-actions .fscms-widget-title-left { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
body.fscms-page-bbs-home .fscms-widget-title { background: rgba(26,75,96,0.08); background-image: none; }
.fscms-article-card { background: #f7f9fc; border: 2px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius); box-shadow: var(--fscms-shadow); padding: 18px; }
.fscms-article-card .fscms-section-title { font-size: 28px; font-weight: 800; color: var(--fscms-dark-color); margin-bottom: 6px; }
.fscms-article-card .fscms-section-title::after { content:""; display:block; width: 64px; height: 3px; background: var(--fscms-primary-color); border-radius: 2px; margin-top: 6px; }
.fscms-title-bold { font-weight: 900; }
.fscms-widget-desc { color: var(--fscms-gray); font-size: 13px; }
.fscms-widget-list { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }

.fscms-bbs-hero { padding: 18px; background: #f7f9fc; }
.fscms-bbs-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.fscms-bbs-hero-text { min-width: 0; }
.fscms-bbs-hero-title { display: inline-flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 900; color: var(--fscms-primary-color); line-height: 1.2; }
.fscms-bbs-hero-subline { margin-top: 6px; display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; }
.fscms-bbs-hero-subtitle { color: var(--fscms-gray); font-size: 14px; white-space: nowrap; }
.fscms-bbs-hero-tip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(26,75,96,0.06); border: 1px dashed rgba(26,75,96,0.30); color: var(--fscms-gray); font-size: 13px; white-space: nowrap; }
.fscms-bbs-hero-tip i { color: var(--fscms-primary-color); }
.fscms-bbs-hero-actions { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.fscms-bbs-stats { margin-top: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fscms-bbs-stat { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: var(--fscms-border-radius); background: rgba(255,255,255,0.92); border: 1px solid var(--fscms-border-color); box-shadow: var(--fscms-shadow-sm); }
.fscms-bbs-stat-icon { width: 38px; height: 38px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(26,75,96,0.10); color: var(--fscms-primary-color); flex: 0 0 auto; }
.fscms-bbs-stat-icon i { font-size: 18px; }
.fscms-bbs-stat-body { min-width: 0; }
.fscms-bbs-stat-num { font-weight: 900; color: var(--fscms-dark-color); font-size: 18px; line-height: 1.1; }
.fscms-bbs-stat-label { margin-top: 2px; color: var(--fscms-gray); font-size: 12px; }

.fscms-bbs-cat-list { display: grid; gap: 12px; }
.fscms-bbs-cat-item { display: grid; gap: 8px; }
.fscms-bbs-cat-link { display: flex; gap: 12px; padding: 12px; border: 2px solid rgba(26,75,96,0.14); border-radius: 14px; background: #fff; text-decoration: none; color: var(--fscms-dark-color); transition: var(--fscms-transition); box-shadow: var(--fscms-shadow-sm); }
.fscms-bbs-cat-link:hover { border-color: rgba(26,75,96,0.40); box-shadow: 0 10px 24px rgba(26,75,96,0.10); transform: translateY(-1px); }
.fscms-bbs-cat-link:focus-visible { outline: 3px solid rgba(26,75,96,0.18); outline-offset: 2px; }
.fscms-bbs-cat-icon { width: 40px; height: 40px; border-radius: 12px; background: rgba(255,215,0,0.22); border: 1px solid rgba(255,215,0,0.55); color: var(--fscms-primary-color); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.fscms-bbs-cat-icon i { font-size: 18px; }
.fscms-bbs-cat-body { flex: 1; min-width: 0; }
.fscms-bbs-cat-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fscms-bbs-cat-name { font-weight: 900; font-size: 15px; color: var(--fscms-dark-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-bbs-cat-count { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; height: 22px; min-width: 34px; padding: 0 8px; border-radius: 999px; background: rgba(255,215,0,0.22); color: var(--fscms-primary-color); border: 1px solid rgba(255,215,0,0.55); font-size: 12px; font-weight: 900; }
.fscms-bbs-cat-desc { margin-top: 6px; color: var(--fscms-gray); font-size: 13px; line-height: 1.55; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; }
.fscms-bbs-cat-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }

.fscms-bbs-thread-list { display: flex; flex-direction: column; gap: 12px; }
.fscms-bbs-thread-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--fscms-border-color); border-radius: 12px; background: rgba(255,255,255,0.92); transition: var(--fscms-transition); }
.fscms-bbs-thread-item:hover { border-color: rgba(26,75,96,0.40); box-shadow: var(--fscms-shadow-sm); }
.fscms-bbs-thread-main { flex: 1; min-width: 0; }
.fscms-bbs-thread-title { display: flex; align-items: flex-start; gap: 8px; text-decoration: none; color: var(--fscms-dark-color); font-weight: 900; }
.fscms-bbs-thread-title:hover { color: var(--fscms-primary-color); text-decoration: none; }
.fscms-bbs-thread-title-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.fscms-bbs-thread-meta { margin-top: 8px; color: var(--fscms-gray); font-size: 13px; display: flex; gap: 12px; flex-wrap: wrap; }
.fscms-bbs-thread-meta span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-bbs-thread-cat { display: inline-flex; align-items: center; height: 22px; max-width: 180px; padding: 0 10px; border-radius: 999px; background: rgba(255,215,0,0.22); border: 1px solid rgba(255,215,0,0.55); color: var(--fscms-primary-color); font-weight: 800; font-size: 12px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-bbs-thread-cat:hover { background: rgba(255,215,0,0.32); color: var(--fscms-primary-color); text-decoration: none; }
.fscms-bbs-thread-cat:focus-visible { outline: 3px solid rgba(26,75,96,0.18); outline-offset: 2px; }
.fscms-bbs-thread-side { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.fscms-bbs-thread-date { color: var(--fscms-gray); font-size: 12px; white-space: nowrap; }

.fscms-bbs-cat-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fscms-bbs-cat-title { margin: 0; }
.fscms-bbs-cat-error { margin-top: 14px; }
.fscms-bbs-cat-actions { margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap; }

.fscms-bbs-post-wrap { max-width: 980px; margin: 0 auto; }
.fscms-bbs-post-notice { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--fscms-border-color); background: rgba(255,255,255,0.92); box-shadow: var(--fscms-shadow-sm); }
.fscms-bbs-post-notice-icon { width: 34px; height: 34px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; background: rgba(26,75,96,0.10); color: var(--fscms-primary-color); }
.fscms-bbs-post-notice-icon i { font-size: 18px; }
.fscms-bbs-post-notice-text { color: var(--fscms-dark-gray); font-weight: 700; line-height: 1.7; }
.fscms-bbs-post-notice.success { border-color: rgba(26,75,96,0.18); background: linear-gradient(90deg, rgba(26,75,96,0.06), rgba(255,215,0,0.10)); }
.fscms-bbs-post-notice.danger { border-color: rgba(211,47,47,0.30); background: rgba(211,47,47,0.05); }
.fscms-bbs-post-notice.danger .fscms-bbs-post-notice-icon { background: rgba(211,47,47,0.10); color: #d32f2f; }
.fscms-bbs-post-actions { margin-top: 12px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
body.fscms-page-bbs-post .fscms-bbs-post-actions .fscms-btn { width: auto; display: inline-flex; padding: 6px 12px; border-radius: 999px; }
body.fscms-page-bbs-post .fscms-form-actions { flex-wrap: wrap; }
body.fscms-page-bbs-post .fscms-form-actions .fscms-btn { width: auto; display: inline-flex; padding: 8px 16px; border-radius: 999px; }
.fscms-bbs-post-meta { margin-bottom: 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 12px; border-radius: 12px; background: rgba(26,75,96,0.06); border: 1px dashed rgba(26,75,96,0.24); color: var(--fscms-gray); font-size: 13px; }
.fscms-bbs-post-meta span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-bbs-post-card .fscms-form-group + .fscms-form-group { margin-top: 12px; }

.fscms-bbs-topic-card { padding: 0; margin-top: 14px; }
.fscms-bbs-topic-card-inner { padding: 14px 16px; }
.fscms-bbs-empty { color: var(--fscms-gray); }

.fscms-bbs-topic-table { border: 1px solid var(--fscms-border-color); border-radius: 12px; overflow: hidden; background: rgba(255,255,255,0.92); }
.fscms-bbs-topic-head { display: grid; grid-template-columns: minmax(0, 1fr) 140px 120px; gap: 12px; padding: 12px 14px; background: linear-gradient(90deg, rgba(26,75,96,0.10), rgba(255,215,0,0.14)); border-bottom: 1px solid rgba(26,75,96,0.14); color: var(--fscms-primary-color); font-weight: 900; font-size: 13px; }
.fscms-bbs-topic-head-stats,
.fscms-bbs-topic-head-time { text-align: right; }
.fscms-bbs-topic-list { list-style: none; margin: 0; padding: 0; }
.fscms-bbs-topic-row { display: grid; grid-template-columns: minmax(0, 1fr) 140px 120px; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--fscms-border-color); align-items: center; transition: var(--fscms-transition); }
.fscms-bbs-topic-row:last-child { border-bottom: 0; }
.fscms-bbs-topic-row:hover { background: rgba(255,215,0,0.06); }
.fscms-bbs-topic-main { min-width: 0; }
.fscms-bbs-topic-title { display: flex; align-items: flex-start; gap: 8px; text-decoration: none; color: var(--fscms-dark-color); font-weight: 900; min-width: 0; }
.fscms-bbs-topic-title:hover { color: var(--fscms-primary-color); text-decoration: none; }
.fscms-bbs-topic-badges { display: inline-flex; gap: 6px; flex-wrap: wrap; flex: 0 0 auto; margin-top: 1px; }
.fscms-bbs-topic-title-text { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.fscms-bbs-topic-meta { margin-top: 6px; color: var(--fscms-gray); font-size: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
.fscms-bbs-topic-meta span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-bbs-topic-meta i { color: var(--fscms-primary-color); }
.fscms-bbs-topic-stats { display: flex; justify-content: flex-end; gap: 10px; }
.fscms-bbs-topic-stat { min-width: 58px; text-align: center; padding: 6px 8px; border-radius: 10px; border: 1px solid rgba(26,75,96,0.14); background: rgba(26,75,96,0.05); }
.fscms-bbs-topic-stat-num { font-weight: 900; color: var(--fscms-dark-color); font-size: 14px; line-height: 1.1; }
.fscms-bbs-topic-stat-label { margin-top: 2px; color: var(--fscms-gray); font-size: 11px; }
.fscms-bbs-topic-time { display: flex; flex-direction: column; align-items: flex-end; color: var(--fscms-gray); font-size: 12px; white-space: nowrap; }
.fscms-bbs-pagination { margin-top: 14px; }

@media (max-width: 768px) {
    .fscms-bbs-topic-head { display: none; }
    .fscms-bbs-topic-row { grid-template-columns: minmax(0, 1fr); align-items: start; }
    .fscms-bbs-topic-stats { justify-content: flex-start; }
    .fscms-bbs-topic-time { align-items: flex-start; }
}

.fscms-bbs-thread-layout { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 16px; align-items: start; }
.fscms-bbs-thread-layout > * { min-width: 0; }
.fscms-bbs-author-card { border: 1px solid var(--fscms-border-color); border-radius: 14px; background: rgba(255,255,255,0.92); box-shadow: var(--fscms-shadow-sm); padding: 14px 12px; text-align: center; }
.fscms-bbs-author-avatar { width: 92px; height: 92px; border-radius: 18px; overflow: hidden; margin: 2px auto 10px; background: rgba(26,75,96,0.10); border: 1px solid rgba(26,75,96,0.14); display: flex; align-items: center; justify-content: center; }
.fscms-bbs-author-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fscms-bbs-author-name { font-weight: 900; color: var(--fscms-dark-color); font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-bbs-author-meta { margin-top: 10px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.fscms-bbs-author-pill { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(255,215,0,0.22); border: 1px solid rgba(255,215,0,0.55); color: var(--fscms-primary-color); font-weight: 900; font-size: 12px; }
.fscms-bbs-author-stats { margin-top: 12px; padding-top: 12px; border-top: 1px dashed rgba(26,75,96,0.18); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.fscms-bbs-author-stat { border: 1px solid rgba(26,75,96,0.14); background: rgba(26,75,96,0.05); border-radius: 12px; padding: 8px 6px; display: grid; gap: 4px; }
.fscms-bbs-author-stat-num { font-weight: 900; color: var(--fscms-dark-color); font-size: 14px; line-height: 1.1; }
.fscms-bbs-author-stat-label { color: var(--fscms-gray); font-size: 12px; }
.fscms-bbs-thread-maincol { min-width: 0; }
.fscms-bbs-thread-meta-line { color: var(--fscms-gray); font-size: 13px; display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.fscms-bbs-thread-meta-line span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-bbs-thread-locked { color: #d32f2f; font-weight: 800; }
.fscms-bbs-thread-replies { margin-top: 16px; }
.fscms-bbs-thread-topbar { margin-bottom: 12px; }
.fscms-bbs-thread-maincol .fscms-article-card { padding: 16px 18px; }
.fscms-bbs-thread-stats { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -16px -18px 12px; padding: 10px 12px; background: linear-gradient(90deg, rgba(26,75,96,0.10), rgba(255,215,0,0.14)); border-bottom: 1px solid rgba(26,75,96,0.14); }
.fscms-bbs-thread-stats-left { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; color: var(--fscms-dark-gray); font-size: 13px; font-weight: 700; }
.fscms-bbs-thread-stats-left span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-bbs-thread-stats-left i { color: var(--fscms-primary-color); }
.fscms-bbs-thread-maincol .fscms-article-card .fscms-section-title { font-size: 24px; margin: 0; text-align: left; }
.fscms-bbs-thread-maincol .fscms-page-content { margin-top: 10px; padding-top: 12px; border-top: 1px dashed rgba(26,75,96,0.18); }
.fscms-bbs-thread-replies > .fscms-section-title { text-align: left; margin: 12px 0 10px !important; }

.fscms-comment-item-bbs { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 0; border: 1px solid var(--fscms-border-color); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,0.92); box-shadow: var(--fscms-shadow-sm); }
.fscms-comment-item-bbs + .fscms-comment-item-bbs { margin-top: 12px; }
.fscms-comment-item-bbs .fscms-comment-user { padding: 12px; background: rgba(26,75,96,0.06); border-right: 1px solid rgba(26,75,96,0.10); display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.fscms-comment-item-bbs .fscms-comment-avatar { width: 64px; height: 64px; border-radius: 16px; overflow: hidden; background: rgba(26,75,96,0.10); border: 1px solid rgba(26,75,96,0.14); display: inline-flex; align-items: center; justify-content: center; color: var(--fscms-primary-color); font-weight: 900; font-size: 20px; }
.fscms-comment-item-bbs .fscms-comment-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fscms-comment-item-bbs .fscms-comment-user-name { font-weight: 900; color: var(--fscms-dark-color); font-size: 14px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-comment-item-bbs .fscms-comment-user-meta { color: var(--fscms-gray); font-size: 12px; display: inline-flex; align-items: center; gap: 6px; }
.fscms-comment-item-bbs .fscms-comment-user-meta i { color: var(--fscms-primary-color); }
.fscms-comment-item-bbs .fscms-comment-user-ip { color: var(--fscms-gray); font-size: 12px; line-height: 1.2; }
.fscms-comment-item-bbs .fscms-comment-main { padding: 12px 14px; min-width: 0; }
.fscms-comment-item-bbs .fscms-comment-main .fscms-comment-meta { margin: 0 0 8px; color: var(--fscms-gray); font-size: 12px; display: flex; gap: 10px; flex-wrap: wrap; }
.fscms-comment-item-bbs .fscms-comment-main .fscms-comment-content { line-height: 1.75; color: #222; word-break: break-word; overflow-wrap: anywhere; }
.fscms-comment-item-bbs .fscms-comment-main .fscms-comment-actions { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }

.fscms-comment-replies { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(26,75,96,0.18); display: grid; gap: 8px; }
.fscms-comment-reply-item { border: 1px solid rgba(26,75,96,0.14); background: rgba(26,75,96,0.04); border-radius: 12px; padding: 8px 10px; }
.fscms-comment-reply-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--fscms-gray); font-size: 12px; margin-bottom: 4px; }
.fscms-comment-reply-badge { display: inline-flex; align-items: center; gap: 6px; height: 20px; padding: 0 10px; border-radius: 999px; background: rgba(255,215,0,0.20); border: 1px solid rgba(255,215,0,0.55); color: var(--fscms-primary-color); font-weight: 900; }
.fscms-comment-reply-badge i { color: var(--fscms-primary-color); }
.fscms-comment-reply-author { font-weight: 900; color: var(--fscms-dark-color); }
.fscms-comment-reply-content { line-height: 1.75; color: #222; word-break: break-word; overflow-wrap: anywhere; }

.fscms-floor-badge { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px; border-radius: 999px; background: rgba(26,75,96,0.08); border: 1px solid rgba(26,75,96,0.18); color: var(--fscms-primary-color); font-weight: 900; font-size: 12px; }
.fscms-floor-badge i { color: var(--fscms-primary-color); }
.fscms-floor-badge.owner { background: rgba(255,215,0,0.22); border-color: rgba(255,215,0,0.55); color: var(--fscms-primary-color); }
.fscms-floor-badge.owner i { color: var(--fscms-primary-color); }

.fscms-bbs-elevator { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(26,75,96,0.06); border: 1px dashed rgba(26,75,96,0.24); }
.fscms-bbs-elevator-left { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fscms-bbs-elevator-title { display: inline-flex; align-items: center; gap: 8px; font-weight: 900; color: var(--fscms-primary-color); font-size: 13px; }
.fscms-bbs-elevator-input { width: 140px; height: 32px; border-radius: 10px; border: 1px solid rgba(26,75,96,0.22); background: #fff; padding: 0 10px; outline: none; }
.fscms-bbs-elevator-input:focus { border-color: rgba(26,75,96,0.50); box-shadow: 0 0 0 3px rgba(26,75,96,0.12); }
.fscms-bbs-elevator-quick { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }

.fscms-bbs-home-slider { height: 240px; margin-bottom: 0; border-radius: 12px; }
.fscms-bbs-home-slider .fscms-slider-prev,
.fscms-bbs-home-slider .fscms-slider-next { padding: 8px; border-radius: 10px; }
.fscms-bbs-home-slider .fscms-slider-prev { left: 10px; }
.fscms-bbs-home-slider .fscms-slider-next { right: 10px; }
.fscms-bbs-home-slide-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px; background: rgba(0,0,0,0.55); }
.fscms-bbs-home-slide-title { color: #fff; font-weight: 900; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.fscms-bbs-tabs-nav { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.fscms-bbs-tab-btn { cursor: pointer; border-width: 1px; }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn { appearance: none; -webkit-appearance: none; background: #fff; color: var(--fscms-dark-gray); border-color: var(--fscms-border-color); outline: none; }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn:hover { background: rgba(26,75,96,0.06); border-color: rgba(26,75,96,0.28); }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn:active { background: rgba(26,75,96,0.10); border-color: rgba(26,75,96,0.36); transform: translateY(1px); }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn:focus-visible { border-color: var(--fscms-primary-color); box-shadow: 0 0 0 3px rgba(26,75,96,0.16); }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn.active { background: var(--fscms-primary-color); border-color: var(--fscms-primary-color); color: var(--fscms-secondary-color); }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn.active:hover { background: var(--fscms-primary-color); border-color: var(--fscms-primary-color); color: var(--fscms-secondary-color); }
.fscms-bbs-tabs-nav .fscms-bbs-tab-btn.active:active { background: var(--fscms-primary-color); border-color: var(--fscms-primary-color); color: var(--fscms-secondary-color); filter: brightness(0.96); }
.fscms-bbs-tabs-panel { display: none; }
.fscms-bbs-tabs-panel.active { display: block; }

.fscms-bbs-expert-list { display: grid; gap: 10px; }
.fscms-bbs-expert-item { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--fscms-border-color); border-radius: 12px; background: rgba(255,255,255,0.92); }
.fscms-bbs-expert-avatar { width: 38px; height: 38px; border-radius: 12px; background: rgba(26,75,96,0.10); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; color: var(--fscms-primary-color); }
.fscms-bbs-expert-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fscms-bbs-expert-body { min-width: 0; display: grid; gap: 2px; }
.fscms-bbs-expert-name { font-weight: 900; color: var(--fscms-dark-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-bbs-expert-meta { color: var(--fscms-gray); font-size: 12px; display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 1000px) {
    .fscms-bbs-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fscms-three-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .fscms-bbs-thread-item { flex-direction: column; }
    .fscms-bbs-thread-side { flex-direction: row; justify-content: space-between; width: 100%; align-items: center; }
    .fscms-bbs-thread-title-text { white-space: normal; }
    .fscms-three-column { grid-template-columns: minmax(0, 1fr); }
    .fscms-bbs-thread-layout { grid-template-columns: minmax(0, 1fr); }
    .fscms-comment-item-bbs { grid-template-columns: minmax(0, 1fr); }
    .fscms-comment-item-bbs .fscms-comment-user { flex-direction: row; justify-content: flex-start; text-align: left; }
    .fscms-comment-item-bbs .fscms-comment-user { border-right: 0; border-bottom: 1px solid rgba(26,75,96,0.10); }
    .fscms-bbs-elevator { flex-direction: column; align-items: stretch; }
    .fscms-bbs-elevator-left { justify-content: flex-start; }
    .fscms-bbs-elevator-quick { justify-content: flex-start; }
    .fscms-bbs-thread-maincol .fscms-article-card .fscms-section-title { font-size: 20px; }
}

@media (max-width: 480px) {
    .fscms-bbs-stats { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .fscms-two-column { grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 18px; }
}

@media (max-width: 1000px) {
    .fscms-two-column { grid-template-columns: 1fr; grid-template-areas: "main" "side"; gap: 16px; }
}
.fscms-widget-list li { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; padding: 6px 0; border-bottom: 1px dashed #aeb8c2; }
.fscms-widget-list li:last-child { border-bottom: none; }
.fscms-widget-list li a { color: var(--fscms-dark-gray); text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; max-width: 100%; min-width: 0; }
.fscms-widget-list li a:hover { color: var(--fscms-primary-color); }
.fscms-widget-tail { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; color: var(--fscms-gray); font-size: 12px; white-space: nowrap; }
.fscms-widget-tail i { color: var(--fscms-gray); }
.fscms-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.fscms-badge { display:inline-flex; align-items:center; height:22px; padding:0 8px; font-size:12px; border-radius:999px; border:1px solid var(--fscms-border-color); color: var(--fscms-dark-gray); background:#fff; }
.badge-top { border-color:#1a4b60; color:#1a4b60; background: rgba(26,75,96,0.08); }
.badge-featured { border-color:#6f42c1; color:#6f42c1; background: rgba(111,66,193,0.08); }
.badge-hot { border-color:#e5533f; color:#e5533f; background: rgba(229,83,63,0.08); }
.badge-paid { border-color:#d63384; color:#d63384; background: rgba(214,51,132,0.08); }
.badge-member { border-color:#198754; color:#198754; background: rgba(25,135,84,0.08); }
.badge-vip { border-color:#ffd700; color:#b8860b; background: rgba(255,215,0,0.18); }
.fscms-list-link.bold { font-weight: 700; }
.fscms-paywall { margin-top: 10px; padding: 10px 12px; border: 2px dashed var(--fscms-border-color); border-radius: var(--fscms-border-radius); background: #fff7f7; color: #b03a3a; }
.fscms-inline-action { font-weight: 800; color: var(--fscms-primary-color); text-decoration: underline; text-underline-offset: 2px; }
.fscms-inline-action:hover { color: var(--fscms-dark-color); text-decoration: underline; }

/* 分类页视图切�?*/
.fscms-category-toolbar { display:inline-flex; align-items:center; margin:8px 0 16px; border:2px solid var(--fscms-border-color); border-radius:999px; background:#fff; box-shadow: var(--fscms-shadow-sm); overflow:hidden; }
.fscms-view-chip { position:relative; height:34px; padding:0 20px; border:0; background:#fff; color: var(--fscms-dark-gray); font-size:14px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; z-index:0; }
.fscms-view-chip:not(:first-child)::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:16px; background-color: var(--fscms-border-color); z-index:1; }
.fscms-view-chip i { color: inherit; }
.fscms-view-chip.active { background: var(--fscms-primary-color); color: var(--fscms-white); z-index:2; }
.fscms-view-chip.active i { color: var(--fscms-white); }
.fscms-view-chip.active::before { display:none; }
.fscms-view-chip.active + .fscms-view-chip::before { display:none; }

.fscms-list { list-style:none; margin:0; padding:0; }
.fscms-list-thumb { position: relative; display: block; }
.fscms-thumb-title { display:none; }
body:not(.fscms-page-search) .fscms-list-cards .fscms-list-thumb { overflow: hidden; }
body:not(.fscms-page-search) .fscms-list-cards .fscms-thumb-title { display:block; position:absolute; left:0; right:0; bottom:0; padding:10px 12px; background: rgba(0,0,0,0.55); color:#fff; font-size:14px; font-weight:700; line-height:1.35; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; opacity:0; transform: translateY(10px); transition: opacity 0.2s ease, transform 0.2s ease; z-index: 20; pointer-events:none; }
body:not(.fscms-page-search) .fscms-list-cards .fscms-list-item:hover .fscms-thumb-title,
body:not(.fscms-page-search) .fscms-list-cards .fscms-list-item:focus-within .fscms-thumb-title { opacity:1; transform: translateY(0); }
body:not(.fscms-page-search) .fscms-list-cards .fscms-thumb-title i { margin-right: 6px; }
body.fscms-page-phot .fscms-list-cards .fscms-thumb-title { display:block; opacity:1; transform:none; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); text-shadow: 0 2px 4px rgba(0,0,0,0.55); }
body.fscms-page-celebrity .fscms-list-cards .fscms-thumb-title { display:none; }
body.fscms-page-celebrity .fscms-list-cards .fscms-list-meta { display:block; }
body.fscms-page-celebrity .fscms-list-cards .fscms-list-summary { display:none; }
body.fscms-page-celebrity .fscms-list-cards .fscms-list-thumb { overflow:hidden; }
body.fscms-page-celebrity .fscms-list-cards .fscms-list-thumb img { height: 320px; }
@supports (aspect-ratio: 3 / 4) {
    body.fscms-page-celebrity .fscms-list-cards .fscms-list-thumb { aspect-ratio: 3 / 4; }
    body.fscms-page-celebrity .fscms-list-cards .fscms-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
}
.fscms-list-rows .fscms-list-item { display:flex; gap:12px; padding:12px; border:2px solid var(--fscms-border-color); border-radius:8px; background:#f7f9fc; box-shadow: var(--fscms-shadow); align-items:flex-start; }
.fscms-list-rows .fscms-list-item + .fscms-list-item { margin-top:12px; }
.fscms-list-rows .fscms-list-thumb { overflow: hidden; border-radius: 6px; }
.fscms-list-rows .fscms-list-thumb img { width:140px; height:96px; object-fit:cover; display:block; transition: transform 0.3s ease; }
.fscms-list-rows .fscms-list-item:hover .fscms-list-thumb img { transform: scale(1.05); }
.fscms-list-rows .fscms-list-meta { flex:1; min-width:0; }
.fscms-list-rows .fscms-list-link { font-size:16px; font-weight:600; color: var(--fscms-dark-color); text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden; }
.fscms-list-rows .fscms-list-link:hover { color: var(--fscms-primary-color); text-decoration:none; }
.fscms-list-rows .fscms-list-summary { margin-top:6px; color: var(--fscms-gray); font-size:13px; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:3; -webkit-line-clamp:3; overflow:hidden; }
.fscms-list-rows .fscms-list-date { margin-top:6px; color: var(--fscms-gray); font-size:12px; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-thumb img { width:120px; height:160px; }
body.fscms-page-celebrity .fscms-list-rows { display:grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap:16px; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-item + .fscms-list-item { margin-top:0; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-item { height:100%; align-items:center; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-date { margin-top:8px; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-thumb { border-radius:10px; overflow:hidden; flex:0 0 auto; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-thumb img { display:block; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-link { font-size:16px; font-weight:800; line-height:1.35; }
body.fscms-page-celebrity .fscms-list-rows .fscms-list-summary { margin-top:8px; font-size:13px; line-height:1.65; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden; }

body.fscms-page-topic-index .fscms-list-rows { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:16px; }
body.fscms-page-topic-index .fscms-list-rows .fscms-list-item + .fscms-list-item { margin-top:0; }
body.fscms-page-topic-index .fscms-list-rows .fscms-list-item { height:100%; padding:0; border:0; background:transparent; box-shadow:none; }
body.fscms-page-topic-index .fscms-list-rows .fscms-list-summary { display:none; }
body.fscms-page-topic-index .fscms-list-rows .fscms-topic-row { display:flex; align-items:center; gap:12px; width:100%; min-width:0; text-decoration:none; color: inherit; }
body.fscms-page-topic-index .fscms-list-rows .fscms-topic-row:hover .fscms-topic-row-title { color: var(--fscms-primary-color); }
body.fscms-page-topic-index .fscms-list-rows .fscms-list-thumb { border-radius:10px; overflow:hidden; flex:0 0 auto; }
body.fscms-page-topic-index .fscms-list-rows .fscms-list-thumb img { width:300px; height:100px; }
body.fscms-page-topic-index .fscms-list-rows .fscms-topic-row-title { flex:1; min-width:0; font-size:16px; font-weight:900; color: var(--fscms-dark-color); line-height:1.35; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fscms-list-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:16px; }
.fscms-list-cards .fscms-list-item { display:block; padding:0; border:2px solid var(--fscms-border-color); border-radius:8px; background:#f7f9fc; box-shadow: var(--fscms-shadow); overflow:hidden; }
.fscms-list-cards .fscms-list-thumb img { width:100%; height:160px; object-fit:cover; display:block; transition: transform 0.3s ease; }
.fscms-list-cards .fscms-list-item:hover .fscms-list-thumb img { transform: scale(1.05); }
.fscms-list-cards .fscms-list-meta { padding:10px 12px; }
body:not(.fscms-page-search) .fscms-list-cards .fscms-list-meta { display:none; }
body.fscms-page-celebrity:not(.fscms-page-search) .fscms-list-cards .fscms-list-meta { display:block; }
.fscms-list-cards .fscms-list-link { font-size:15px; font-weight:600; color: var(--fscms-dark-color); text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden; margin-bottom:6px; }
.fscms-list-cards .fscms-list-link:hover { color: var(--fscms-primary-color); text-decoration:none; }
.fscms-list-cards .fscms-badges { margin-bottom:6px; }
.fscms-list-cards .fscms-list-summary { color: var(--fscms-gray); font-size:13px; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:3; -webkit-line-clamp:3; overflow:hidden; }
.fscms-list-cards .fscms-list-date { margin:6px 0; color: var(--fscms-gray); font-size:12px; }
body.fscms-page-shop-home .fscms-list-cards .fscms-list-meta,
body.fscms-page-shop-category .fscms-list-cards .fscms-list-meta { display:block; }
.fscms-shop-card-prices { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:2px; margin-bottom:6px; }
.fscms-shop-card-price { font-weight:900; color: var(--fscms-float-danger); font-size:15px; line-height:1.15; }
.fscms-shop-card-origin { font-weight:800; color: var(--fscms-gray); font-size:12px; line-height:1.15; text-decoration: line-through; }
.fscms-shop-card-origin.fscms-no-strike { text-decoration:none; opacity:0.75; }
.fscms-shop-card-meta { display:flex; flex-wrap:wrap; gap:10px; color: var(--fscms-gray); font-size:12px; }
.fscms-shop-card-meta span { display:inline-flex; align-items:center; gap:6px; }
.fscms-shop-card-meta i { color: var(--fscms-primary-color); }

.fscms-notice-text-list { list-style:none; margin:0; padding:0; border:none; border-radius:0; background: transparent; }
.fscms-notice-text-item + .fscms-notice-text-item { border-top: 1px solid var(--fscms-border-color); }
.fscms-notice-text-link { display:flex; align-items:flex-start; justify-content:space-between; gap: 14px; padding: 12px 14px; text-decoration:none; }
.fscms-notice-text-link:hover { background: rgba(26, 75, 96, 0.05); }
.fscms-notice-text-title { flex: 1; min-width: 0; display:flex; align-items:center; gap: 8px; }
.fscms-notice-text-title-text { min-width: 0; flex: 1; color: var(--fscms-dark-color); font-size: 16px; font-weight: 700; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-notice-text-item:hover .fscms-notice-text-title-text { color: var(--fscms-primary-color); }
.fscms-notice-text-date { flex: 0 0 auto; white-space: nowrap; color: rgba(52, 58, 64, 0.72); font-size: 13px; font-weight: 600; margin-top: 2px; }
.fscms-notice-text-summary { padding: 0 14px 12px 14px; color: var(--fscms-gray); font-size: 13px; line-height: 1.7; }
.fscms-notice-text-tag { display:inline-flex; align-items:center; height: 20px; padding: 0 8px; font-size: 12px; border-radius: 999px; border: 1px solid rgba(26, 75, 96, 0.35); color: var(--fscms-primary-color); background: rgba(26, 75, 96, 0.08); flex: 0 0 auto; }
.fscms-notice-text-tag.badge-notice { border-color: rgba(23, 92, 122, 0.35); color: #175c7a; background: rgba(23, 92, 122, 0.08); }
.fscms-notice-text-tag.badge-announcement { border-color: rgba(255, 215, 0, 0.55); color: #b8860b; background: rgba(255, 215, 0, 0.18); }

@media (max-width: 768px) {
  .fscms-list-rows .fscms-list-thumb img { width:120px; height:84px; }
  body.fscms-page-celebrity .fscms-list-rows .fscms-list-thumb img { width:96px; height:128px; }
  body.fscms-page-celebrity .fscms-list-rows { grid-template-columns: 1fr; }
  body.fscms-page-topic-index .fscms-list-rows { grid-template-columns: 1fr; }
  body.fscms-page-topic-index .fscms-list-rows .fscms-list-thumb img { width:220px; height:74px; }
  body.fscms-page-topic-index .fscms-list-rows .fscms-topic-row-title { font-size:15px; }
  body.fscms-page-celebrity .fscms-list-cards .fscms-list-thumb img { height: 260px; }
  .fscms-list-cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  .fscms-notice-text-link { flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 14px; }
  .fscms-notice-text-title { min-width: 0; }
  .fscms-notice-text-title-text { white-space: nowrap; display: block; }
  .fscms-notice-text-date { margin-top: 0; }
}
/* 保持单行，不�?hover 时弹开布局；完整标题通过 title 提示显示 */
.fscms-rank-badge { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; background: var(--fscms-border-color); color:#fff; font-size:12px; font-weight:700; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.fscms-widget-list-latest .fscms-rank-badge { background: var(--fscms-light-gray); color: var(--fscms-primary-color); border: 1px solid var(--fscms-border-color); }
.fscms-widget-list-hot .rank-1 { background: var(--fscms-float-danger); }
.fscms-widget-list-hot .rank-2 { background: var(--fscms-float-orange); opacity: .92; }
.fscms-widget-list-hot .rank-3 { background: var(--fscms-float-warning); color: #333; opacity: .88; }
.fscms-widget-list-hot .rank-4 { background: var(--fscms-float-teal); opacity: .84; }
.fscms-widget-list-hot .rank-5 { background: var(--fscms-float-purple); opacity: .80; }
.fscms-widget-list-hot .rank-6 { background: var(--fscms-float-info); opacity: .76; }
.fscms-widget-list-hot .rank-7 { background: var(--fscms-float-primary); opacity: .72; }
.fscms-widget-list-hot .rank-8 { background: var(--fscms-dark-color); opacity: .68; }
.fscms-widget-empty { color: var(--fscms-gray); font-size: 13px; }
.fscms-cat-list { list-style:none; display:grid; gap:6px; margin-top:8px; padding:0; }
.fscms-cat-item { min-width:0; }
.fscms-cat-link { display:inline-block; max-width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0; border:none; border-radius:0; color: var(--fscms-dark-gray); text-decoration:none; }
.fscms-cat-link:hover { color: var(--fscms-primary-color); }
.fscms-content-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--fscms-gray);
    font-size: 13px;
    margin: 8px auto 16px;
}
.fscms-content-meta span { display: inline-flex; align-items: center; gap: 6px; }
.fscms-content-meta a { color: var(--fscms-primary-color); text-decoration: none; }
.fscms-content-meta a:hover { text-decoration: underline; }
.fscms-content-meta span + span { position: relative; padding-left: 12px; }
.fscms-content-meta span + span::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: var(--fscms-border-color); }
.fscms-article-body {
    line-height: 1.9;
}
.fscms-richtext{font-size:16px;color:#363636;max-width:100%;word-wrap:break-word;word-break:break-all;overflow:hidden;}
.fscms-richtext img{max-width:100%;height:auto;}
.fscms-richtext p{margin:0 0 20px 0;line-height:28px;}
.fscms-richtext p:last-child{margin-bottom:0;}
.fscms-richtext table{border-collapse:collapse;border-spacing:0;width:100%;margin:15px 0;}
.fscms-richtext td{border:1px solid #eaeaea;padding:10px;line-height:30px;height:30px;}
.fscms-richtext h1{font-size:28px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:20px 0;padding-bottom:20px;}
.fscms-richtext h2{font-size:24px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:20px 0;padding-bottom:20px;}
.fscms-richtext h3{font-size:20px;line-height:normal;border-bottom:1px solid #e9e9e9;margin:20px 0;padding-bottom:20px;}
.fscms-richtext h4{font-size:16px;line-height:normal;}
.fscms-richtext a{color:#206DF5;}
.fscms-richtext video,.fscms-richtext audio{max-width:100%;}
.fscms-richtext pre{background:#fdfdfd;padding:15px 20px;border:1px solid #dbdbdb;border-radius:5px;position:relative;white-space:pre-wrap;min-height:22px;}
.fscms-richtext code{color:#ff8400;background:rgba(255,132,0,0.1);border:1px solid rgba(255,132,0,0.2);border-radius:3px;padding:0 4px;margin:0 4px;}
.fscms-article-body p,
.fscms-article-body li {
    margin-bottom: 12px;
}
.fscms-article-body video,
.fscms-article-body iframe {
    width: 100%;
    max-width: 100%;
    display: block;
}
.fscms-article-body iframe {
    height: auto;
    aspect-ratio: 16 / 9;
}
.fscms-video-wrapper { position: relative; width: 100%; padding-top: 56.25%; }
.fscms-video-wrapper > video,
.fscms-video-wrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fscms-video-logo { position: absolute; top: 25px; left: 30px; padding: 0; background: transparent; pointer-events: none; z-index: 2; }
.fscms-video-logo img { width: 48px; height: auto; display: block; opacity: .7; filter: brightness(0) invert(1); }
@media (max-width: 768px) { .fscms-video-logo img { width: 36px; } }
.fscms-article-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 2px solid var(--fscms-border-color);
    gap: 8px;
    flex-wrap: nowrap;
}
.fscms-article-nav > div {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
}
.fscms-article-nav .fscms-nav-link,
.fscms-article-nav .fscms-nav-link:visited,
.fscms-article-nav .fscms-nav-link:hover {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .fscms-two-column { grid-template-columns: minmax(0, 1fr); }
    .fscms-two-column > * { min-width: 0; }
    .fscms-sidebar { order: 2; }
    .fscms-page-content { order: 1; }
    .fscms-article-nav { flex-direction: column; flex-wrap: wrap; }
    .fscms-article-nav > div { flex: 1 1 100%; max-width: 100%; }
    .fscms-breadcrumb .fscms-container {
        flex-wrap: nowrap;
        overflow: hidden;
        white-space: nowrap;
    }
    .fscms-breadcrumb .fscms-container a,
    .fscms-breadcrumb .fscms-container .fscms-sep { flex: 0 0 auto; }
    .fscms-breadcrumb .active {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .fscms-breadcrumb-banner .fscms-banner-box { height: 200px; }
}
.fscms-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.fscms-copyright-notice {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 14px;
    padding: 10px 12px;
    border: 2px dashed var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    background: rgba(26, 75, 96, 0.06);
    color: var(--fscms-gray);
    font-size: 13px;
    line-height: 1.6;
}
.fscms-copyright-notice i { color: var(--fscms-primary-color); margin-top: 2px; }
.fscms-copyright-notice > div {
    flex: 1;
    min-width: 0;
    padding-left: 5em;
    text-indent: -5em;
}
.fscms-article-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:16px; padding-top:12px; border-top:2px solid var(--fscms-border-color); }
.fscms-article-actions .fscms-count { margin-left:4px; color: var(--fscms-dark-gray); }
.fscms-bbs-thread-maincol .fscms-article-actions { border-top: 0; padding-top: 0; margin-top: 10px; }
.fscms-chip-active { background: rgba(26,75,96,0.08); border-color: var(--fscms-primary-color); color: var(--fscms-primary-color); }
/* 点赞/收藏交互：悬停或激活时实心主色，文字为黄色 */
.fscms-article-actions .fscms-link-chip:hover, .fscms-article-actions .fscms-link-chip.fscms-chip-active {
    background: var(--fscms-primary-color);
    color: var(--fscms-secondary-color);
    border-color: var(--fscms-primary-color);
}
.fscms-article-actions .fscms-link-chip:hover .fscms-count,
.fscms-article-actions .fscms-link-chip.fscms-chip-active .fscms-count { color: var(--fscms-secondary-color); }
.fscms-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--fscms-border-color);
    border-radius: 999px;
    text-decoration: none;
    color: var(--fscms-dark-gray);
}
.fscms-tag-chip:hover { color: var(--fscms-primary-color); border-color: var(--fscms-primary-color); }

.fscms-intro-head { display:flex; flex-direction:column; gap:8px; padding-bottom: 14px; border-bottom: 1px solid var(--fscms-border-color); }
.fscms-intro-subtitle { color: var(--fscms-gray); font-size: 14px; line-height: 1.7; }
body.fscms-page-intro .fscms-intro-head { text-align: center; }
body.fscms-page-intro .fscms-intro-subtitle { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; }
body.fscms-page-intro .fscms-intro-layout { display: flex; gap: 16px; align-items: flex-start; margin-top: 16px; }
body.fscms-page-intro .fscms-intro-years { flex: 0 0 96px; position: sticky; top: 96px; }
body.fscms-page-intro .fscms-year-list { display: flex; flex-direction: column; gap: 10px; }
body.fscms-page-intro .fscms-year-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 10px; border-radius: 999px; border: 1px solid var(--fscms-border-color); background: rgba(255,255,255,0.92); color: var(--fscms-primary-color); text-decoration: none; font-weight: 800; font-size: 13px; box-shadow: 0 6px 16px rgba(0,0,0,0.06); transition: var(--fscms-transition); }
body.fscms-page-intro .fscms-year-link:hover { background: var(--fscms-primary-color); border-color: var(--fscms-primary-color); color: var(--fscms-secondary-color); }
body.fscms-page-intro .fscms-year-link.is-active { background: var(--fscms-secondary-color); border-color: rgba(255, 215, 0, 0.65); color: var(--fscms-primary-color); }
body.fscms-page-intro .fscms-intro-timeline { flex: 1; min-width: 0; }
body.fscms-page-intro .fscms-intro-timeline .fscms-timeline { margin-top: 0; }
.fscms-timeline { position: relative; display: flex; flex-direction: column; gap: 16px; margin-top: 16px; }
.fscms-timeline::before { content: ""; position: absolute; left: 17px; top: 4px; bottom: 4px; width: 2px; background: rgba(26, 75, 96, 0.22); }
.fscms-timeline-item { position: relative; display: flex; gap: 12px; align-items: flex-start; }
.fscms-timeline-dot { position: relative; z-index: 1; width: 36px; height: 36px; border-radius: 50%; background: var(--fscms-primary-color); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(26, 75, 96, 0.22); flex: 0 0 36px; }
.fscms-timeline-dot i { font-size: 14px; }
.fscms-timeline-card { flex: 1; min-width: 0; background: #fff; border: 2px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius-lg); padding: 14px 14px; box-shadow: 0 8px 22px rgba(0,0,0,0.06); }
.fscms-timeline-date { display: inline-flex; align-items: center; gap: 8px; color: var(--fscms-gray); font-size: 13px; line-height: 1.6; }
.fscms-timeline-date i { color: var(--fscms-primary-color); }
body.fscms-page-intro .fscms-timeline-date { color: var(--fscms-primary-color); font-size: 14px; font-weight: 800; background-image: linear-gradient(transparent 62%, rgba(255, 215, 0, 0.38) 0); }
.fscms-timeline-title { margin-top: 6px; color: var(--fscms-primary-color); font-weight: 700; font-size: 16px; line-height: 1.5; }
.fscms-timeline-body { display: grid; gap: 10px; margin-top: 8px; }
.fscms-timeline-content-images { display: grid; gap: 12px; }
.fscms-timeline-content-images.is-single { grid-template-columns: minmax(0, 1fr); }
.fscms-timeline-content-images.is-multiple { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.fscms-timeline-image-item { border: 1px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius-lg); overflow: hidden; background: #fff; }
.fscms-timeline-content-images a { display: block; }
.fscms-timeline-content-images img { width: 100%; height: auto; display: block; object-fit: cover; }
.fscms-timeline-desc { margin-top: 0; color: var(--fscms-dark-gray); font-size: 14px; line-height: 1.8; }
.fscms-timeline-desc img { max-width: 100%; height: auto; border-radius: var(--fscms-border-radius-lg); }
.fscms-timeline-item.is-highlight .fscms-timeline-dot { background: var(--fscms-secondary-color); color: var(--fscms-primary-color); }
.fscms-timeline-item.is-highlight .fscms-timeline-dot i { color: var(--fscms-primary-color); }
.fscms-timeline-item.is-highlight .fscms-timeline-card { border-color: rgba(255, 215, 0, 0.75); box-shadow: 0 10px 24px rgba(255, 215, 0, 0.12); }
@media (min-width: 769px) {
    .fscms-timeline-body.has-single-image { display: flex; gap: 14px; align-items: flex-start; }
    .fscms-timeline-body.has-single-image .fscms-timeline-content-images { flex: 0 0 240px; width: 240px; }
}
@media (max-width: 768px) {
    body.fscms-page-intro .fscms-intro-layout { flex-direction: column; }
    body.fscms-page-intro .fscms-intro-years { position: static; width: 100%; flex-basis: auto; }
    body.fscms-page-intro .fscms-year-list { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
    body.fscms-page-intro .fscms-year-link { white-space: nowrap; flex: 0 0 auto; }
    .fscms-timeline::before { left: 15px; }
    .fscms-timeline-dot { width: 32px; height: 32px; flex-basis: 32px; }
    .fscms-timeline-dot i { font-size: 13px; }
    .fscms-timeline-card { padding: 12px 12px; }
}

/* 评论区域 */
.fscms-comments { margin-top: 18px; background: #f7f9fc; border: 2px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius-lg); padding: 16px; }
.fscms-comments .fscms-section-title { text-align: left; margin-top: 12px; margin-bottom: 6px; }
.fscms-comment-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--fscms-border-color);
}
.fscms-comment-item:last-child { border-bottom: none; }
.fscms-comment-item-bbs:last-child { border-bottom: 1px solid var(--fscms-border-color); }
.fscms-comment-meta { color: var(--fscms-gray); font-size: 13px; margin-bottom: 6px; display:flex; align-items:center; gap:8px; }
.fscms-comment-form { display: grid; gap: 10px; margin-top: 10px; }
.fscms-comment-form textarea { width: 100%; min-height: 100px; padding: 8px; border: 2px solid var(--fscms-border-color); border-radius: var(--fscms-border-radius); background:#fff; }
.fscms-comment-form-actions { display: grid; gap: 8px; margin-bottom: 12px; }
.fscms-comment-form-actions #fscmsCommentHint { color: var(--fscms-gray); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fscms-comment-form-buttons { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.fscms-comment-empty { padding: 18px 8px; text-align: center; color: var(--fscms-gray); font-size: 13px; }
.fscms-comment-toolbar { display:flex; align-items:center; gap:8px; padding:4px 0; }
.fscms-emoji-list { display:flex; flex-wrap:wrap; gap:6px; }
.fscms-emoji-chip { height:30px; min-width:30px; padding:0; border-radius:0; border:none; background:transparent; cursor:pointer; box-shadow:none; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.fscms-emoji-chip img { width:20px; height:20px; display:block; object-fit:contain; }
.fscms-emoji-chip:hover { transform: translateY(-1px); }
.fscms-emoji-chip.pos { border:none; background:transparent; }
.fscms-emoji-chip.pos:hover { background:transparent; }
.fscms-emoji-chip.neu { border:none; background:transparent; }
.fscms-emoji-chip.neg { border:none; background:transparent; }
.fscms-emoji-chip.neg:hover { background:transparent; }
.fscms-comment-content .fscms-emoji-inline { width:20px; height:20px; vertical-align:middle; margin:0 2px; }
.fscms-comment-reply-content .fscms-emoji-inline { width:20px; height:20px; vertical-align:middle; margin:0 2px; }
.fscms-comment-actions { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.fscms-comment-actions #fscmsCommentHint { margin-left: 4px; }
.fscms-comment-item .fscms-comment-actions { margin-top: 8px; }
.fscms-inline-actions { display: inline-flex; gap: 6px; margin-left: 8px; vertical-align: middle; }
.fscms-btn-xs { padding: 2px 8px; font-size: 12px; line-height: 1.6; border-radius: 999px; height: 28px; }
.fscms-btn { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius: var(--fscms-border-radius); text-decoration:none; cursor:pointer; border:1px solid var(--fscms-primary-color); color: var(--fscms-primary-color); background:#fff; transition: var(--fscms-transition); }
.fscms-btn:not(.fscms-btn-primary):not(.fscms-btn-secondary):hover { background: var(--fscms-light-gray); }
.fscms-btn-primary { background: var(--fscms-primary-color); color: #fff; border-color: var(--fscms-primary-color); }
.fscms-btn-primary:hover { filter: brightness(1.05); }
/* 小尺寸按钮：覆盖基础按钮尺寸 */
.fscms-btn.fscms-btn-xs { padding: 2px 8px; font-size: 12px; line-height: 1.6; border-radius: 999px; }
/* 线框按钮（用于注册） */
.fscms-btn-outline { background: transparent; border-color: var(--fscms-border-color); color: var(--fscms-dark-gray); }
.fscms-btn-outline:hover { background: var(--fscms-light-gray); color: var(--fscms-primary-color); border-color: var(--fscms-primary-color); }

/* 现代化胶囊链接样式（用于评论模块登录/注册�?*/
.fscms-link-chip { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border-radius:999px; border:1px solid var(--fscms-border-color); background:#fff; color: var(--fscms-dark-gray); text-decoration:none; box-shadow: 0 1px 2px rgba(0,0,0,0.06); transition: var(--fscms-transition); font-size:13px; cursor:pointer; }
.fscms-link-chip i { font-size:14px; }
.fscms-link-chip:hover { background: var(--fscms-light-gray); }
.fscms-link-chip.primary { border-color: var(--fscms-primary-color); color: var(--fscms-primary-color); }
.fscms-link-chip.primary:hover { background: rgba(26,75,96,0.08); }
.fscms-comment-actions #fscmsAiCommentBtn { border-width: 2px; border-color: var(--fscms-primary-color); color: var(--fscms-primary-color); background: rgba(26,75,96,0.14); box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.fscms-comment-actions #fscmsAiCommentBtn:hover { background: var(--fscms-primary-color); color: #fff; }
.fscms-comment-form-actions #fscmsAiCommentBtn { border-width: 2px; border-color: var(--fscms-primary-color); color: var(--fscms-primary-color); background: rgba(26,75,96,0.14); box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.fscms-comment-form-actions #fscmsAiCommentBtn:hover { background: var(--fscms-primary-color); color: #fff; }

/* 统一标签Chip样式 */
.fscms-tag-chip { display:inline-flex; align-items:center; gap:6px; height:auto; padding:0; border:none; background: transparent; color: var(--fscms-dark-gray); text-decoration:none; transition: var(--fscms-transition); font-size:13px; cursor:pointer; box-shadow:none; }
.fscms-tag-chip:hover { color: var(--fscms-primary-color); text-decoration: none; }
.fscms-tags-label { display:inline-flex; align-items:center; gap:6px; color: var(--fscms-primary-color); }

.fscms-top-divider {
    width: auto;
    height: 3px;
    background-color: var(--fscms-primary-color);
    margin: 0 auto;
    position: relative;
}

#fscms-divider-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--fscms-primary-color);
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
@media (max-width: 1000px) {
    #fscms-divider-arrow { display: none; }
}

/* 移动端菜单按�?*/
.fscms-mobile-menu-btn {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--fscms-spacing-xs);
}

.fscms-hamburger {
    width: 25px;
    height: 3px;
    background-color: var(--fscms-primary-color);
    margin: 3px 0;
    transition: var(--fscms-transition);
}

/* 导航菜单 */
.fscms-nav-menu {
    display: flex;
    list-style: none;
    gap: var(--fscms-spacing-lg);
    margin: 0;
    justify-content: flex-start;
    align-items: center;
}

.fscms-nav-item {
    position: relative;
    flex: 0 0 auto;
    text-align: left;
}

/* 导航分隔竖杠（桌面端�?*/
.fscms-nav-menu .fscms-nav-item + .fscms-nav-item::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 25px;
    background: rgba(26, 75, 96, 0.473);
}

.fscms-nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--fscms-spacing-xs);
    text-decoration: none;
    color: var(--fscms-primary-color);
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-xs);
    border-radius: var(--fscms-border-radius);
    transition: var(--fscms-transition);
    font-weight: 500;
    white-space: nowrap;
}

.fscms-nav-link:hover {
    color: var(--fscms-nav-hover-color);
    background-color: transparent;
    font-weight: 600;
}

.fscms-nav-link.active {
    color: var(--fscms-nav-active-color);
    background-color: transparent;
    font-weight: 600;
}

/* Hero Section */
.fscms-hero-section {
    position: relative;
    height: 240px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.fscms-hero-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(26, 75, 96, 0.356); /* Primary color overlay with opacity */
    z-index: 1;
}
.fscms-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.fscms-hero-text {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
.fscms-hero-content h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.fscms-hero-content p {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    opacity: 0.95;
    font-family: Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}
.fscms-hero-content::after {
    content: "";
    display: block;
    width: 140px;
    height: 4px;
    background: #ffd700;
    margin-top: 16px;
    border-radius: 2px;
}

/* Sub Nav Bar */
.fscms-sub-nav-bar {
    background: #fff;
    border-bottom: none;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    position: relative;
    z-index: 10;
}
.fscms-sub-nav-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
}
.fscms-sub-nav-item {
    display: block;
    padding: 16px 32px;
    color: #555;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
    border-bottom: 0;
    position: relative;
}
.fscms-sub-nav-item:hover {
    color: #1a4b60;
    background-color: #f8f9fa;
    text-decoration: none;
}
.fscms-sub-nav-item.active {
    color: #1a4b60; /* Dark blue text */
    background-color: #ffd700; /* Gold background */
    font-weight: 700;
}

.fscms-home-sections-nav {
    background: transparent;
    box-shadow: none;
    border-top: none;
    border-bottom: 2px solid var(--fscms-primary-color);
    margin-bottom: 0;
    margin-top: 18px;
}
.fscms-home-sections-nav .fscms-sub-nav-list {
    justify-content: flex-start;
    gap: 8px;
}
.fscms-home-sections-nav .fscms-sub-nav-item {
    padding: 10px 16px;
    border-radius: 0;
    background: transparent;
    color: var(--fscms-dark-gray);
    font-weight: 600;
}
.fscms-home-sections-nav .fscms-sub-nav-item:hover {
    background: rgba(26, 75, 96, 0.08);
    color: var(--fscms-primary-color);
}
.fscms-home-sections-nav .fscms-sub-nav-item.active {
    background: var(--fscms-primary-color);
    color: #fff;
    border-radius: 0;
}
/* Mobile responsive */
@media (max-width: 768px) {
    .fscms-hero-section { height: 180px; }
    .fscms-hero-content h1 { font-size: 24px; }
    .fscms-hero-content p { font-size: 16px; }
    .fscms-sub-nav-list { justify-content: flex-start; overflow-x: auto; white-space: nowrap; }
    .fscms-sub-nav-item { padding: 12px 20px; flex-shrink: 0; }
}

/* 下拉菜单 */
.fscms-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: var(--fscms-shadow);
    border-radius: var(--fscms-border-radius);
    list-style: none;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: var(--fscms-transition);
    z-index: 1000;
    padding: var(--fscms-spacing-sm) 0;
}

.fscms-dropdown:hover .fscms-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fscms-dropdown-link {
    display: block;
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
    color: var(--fscms-text-color);
    text-decoration: none;
    transition: var(--fscms-transition);
}

.fscms-dropdown-link:hover {
    color: var(--fscms-nav-hover-color);
    background-color: transparent;
}

.fscms-dropdown-icon {
    margin-left: var(--fscms-spacing-xs);
    font-size: 12px;
    transition: var(--fscms-transition);
}

.fscms-dropdown:hover .fscms-dropdown-icon {
    transform: rotate(180deg);
}

/* 更多导航菜单样式 */
.fscms-more-dropdown {
    display: none;
}

.fscms-more-dropdown .fscms-nav-link {
    color: var(--fscms-primary-color);
}

.fscms-more-dropdown .fscms-nav-link:hover {
    color: var(--fscms-nav-hover-color);
}

.fscms-more-menu {
    right: 0;
    left: auto;
    min-width: 180px;
}

.fscms-more-menu .fscms-dropdown-link {
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
    border-bottom: 1px solid var(--fscms-light-gray);
}

.fscms-more-menu .fscms-dropdown-link:last-child {
    border-bottom: none;
}

.fscms-more-menu .fscms-dropdown-link:hover {
    background-color: var(--fscms-light-gray);
    color: var(--fscms-nav-hover-color);
}

/* 搜索�?*/
.fscms-search-box {
    margin-left: auto;
    flex-shrink: 0;
}

.fscms-search-form {
    display: flex;
    border: 2px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    overflow: hidden;
    transition: var(--fscms-transition);
}

.fscms-search-form:focus-within {
    border-color: var(--fscms-secondary-color);
}

.fscms-search-input {
    border: none;
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
    outline: none;
    font-size: var(--fscms-font-size-base);
    width: 200px;
}

.fscms-search-btn {
    background-color: var(--fscms-primary-color);
    color: var(--fscms-white);
    border: none;
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
    cursor: pointer;
    transition: var(--fscms-transition);
}

.fscms-search-btn:hover {
    background-color: var(--fscms-dark-color);
}

/* 主要内容区域 */
.fscms-main-content {
    min-height: calc(100vh - 200px);
    padding: 0;
    margin: 0;
}

/* 侧边栏相关样式已移除 */
.fscms-article-nav { display: flex; justify-content: space-between; border-top: 1px solid var(--fscms-border-light); margin-top: var(--fscms-spacing-xl); padding-top: var(--fscms-spacing-md); gap: var(--fscms-spacing-md); font-size: var(--fscms-font-size-sm); color: var(--fscms-text-secondary); }
.fscms-article-nav a { color: var(--fscms-text-primary); text-decoration: none; flex: 1 1 0; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fscms-article-nav span { flex: 1 1 0; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fscms-article-nav .fscms-nav-link { color: var(--fscms-text-secondary); }
.fscms-article-nav .fscms-nav-link a,
.fscms-article-nav .fscms-nav-link a:visited,
.fscms-article-nav .fscms-nav-link a:hover { color: var(--fscms-text-primary); text-decoration: none; }

/* 首页轮播�?*/
.fscms-hero-slider {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: var(--fscms-spacing-xxl);
}

.fscms-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    transition: var(--fscms-transition);
}

.fscms-slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.fscms-slide-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.fscms-slide-content {
    text-align: center;
    color: var(--fscms-white);
    background-color: rgba(26, 75, 96, 0.8);
    padding: var(--fscms-spacing-xxl);
    border-radius: 0;
    max-width: 600px;
}

.fscms-slide-db .fscms-slide-content {
    background-color: transparent;
}

.fscms-slide-db .fscms-slide-title {
    color: #ffffff;
    text-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}

.fscms-slide-db .fscms-slide-text {
    color: var(--fscms-secondary-color);
    text-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
    display: inline-block;
    transform: translateX(16px);
    margin-bottom: 0;
}

.fscms-slide-title {
    font-size: 2.5rem;
    margin-bottom: var(--fscms-spacing-lg);
    font-weight: bold;
}

.fscms-slide-text {
    font-size: var(--fscms-font-size-lg);
    margin-bottom: var(--fscms-spacing-xl);
    line-height: 1.8;
}

.fscms-slide-btn {
    display: inline-block;
    background-color: var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
    padding: var(--fscms-spacing-md) var(--fscms-spacing-xl);
    text-decoration: none;
    border-radius: var(--fscms-border-radius);
    font-weight: bold;
    transition: var(--fscms-transition);
}

.fscms-slide-btn:hover {
    background-color: var(--fscms-accent-color);
    transform: translateY(-2px);
}

/* 轮播图控制按�?*/
.fscms-slider-nav {
    position: absolute;
    bottom: var(--fscms-spacing-lg);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: var(--fscms-spacing-sm);
    z-index: 10;
}

.fscms-slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: var(--fscms-transition);
}

.fscms-slider-dot.active {
    width: 32px;
    border-radius: 999px;
    background-color: var(--fscms-secondary-color);
}

.fscms-slider-prev,
.fscms-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(26, 75, 96, 0.8);
    color: var(--fscms-white);
    border: none;
    padding: var(--fscms-spacing-md);
    cursor: pointer;
    border-radius: var(--fscms-border-radius);
    font-size: var(--fscms-font-size-lg);
    transition: var(--fscms-transition);
    z-index: 1200;
}

.fscms-slider-prev {
    left: var(--fscms-spacing-lg);
}

.fscms-slider-next {
    right: var(--fscms-spacing-lg);
}

.fscms-slider-prev:hover,
.fscms-slider-next:hover {
    background-color: var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
}

.fscms-page-home .fscms-hero-slider .fscms-slider-prev,
.fscms-page-home .fscms-hero-slider .fscms-slider-next {
    background: transparent;
    color: var(--fscms-primary-color);
    border: none;
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 0;
    font-size: 38px;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.85), 0 12px 26px rgba(0, 0, 0, 0.35);
    transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fscms-page-home .fscms-hero-slider .fscms-slider-prev:hover,
.fscms-page-home .fscms-hero-slider .fscms-slider-next:hover {
    background: transparent;
    color: var(--fscms-secondary-color);
    transform: translateY(-50%) scale(1.06);
}

.fscms-page-home .fscms-hero-slider:hover .fscms-slider-prev,
.fscms-page-home .fscms-hero-slider:hover .fscms-slider-next,
.fscms-page-home .fscms-hero-slider:focus-within .fscms-slider-prev,
.fscms-page-home .fscms-hero-slider:focus-within .fscms-slider-next {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (hover: none) {
    .fscms-page-home .fscms-hero-slider .fscms-slider-prev,
    .fscms-page-home .fscms-hero-slider .fscms-slider-next {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.fscms-page-home .fscms-hero-slider .fscms-slider-nav.fscms-slider-nav-thumbs {
    gap: 10px;
}

.fscms-page-home .fscms-hero-slider .fscms-slider-nav.fscms-slider-nav-thumbs .fscms-slider-dot {
    width: 72px;
    height: 42px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.65);
    background-size: cover;
    background-position: center;
    border: 2px solid rgba(26, 75, 96, 0.35);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    opacity: 0.88;
}

.fscms-page-home .fscms-hero-slider .fscms-slider-nav.fscms-slider-nav-thumbs .fscms-slider-dot.active {
    width: 72px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.95);
    border-color: var(--fscms-secondary-color);
    opacity: 1;
    transform: translateY(-2px);
}

.fscms-page-home .fscms-hero-slider .fscms-slide {
    transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    transform: scale(1.02) translateY(10px);
    will-change: opacity, transform;
    backface-visibility: hidden;
}

.fscms-page-home .fscms-hero-slider .fscms-slide.active {
    transform: scale(1) translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .fscms-page-home .fscms-hero-slider .fscms-slide {
        transition: none;
        transform: none;
    }
}

.fscms-notice-ticker {
    margin-top: calc(var(--fscms-spacing-xxl) * -1 + var(--fscms-spacing-lg));
    margin-bottom: var(--fscms-spacing-xl);
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-md);
    padding: 10px 12px;
    font-size: 16px;
    background: var(--fscms-white);
    border: 1px solid rgba(26, 75, 96, 0.14);
    border-radius: 0;
    box-shadow: none;
}

.fscms-notice-ticker-label {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: var(--fscms-primary-color);
    white-space: nowrap;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}

.fscms-notice-ticker-label i {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    color: var(--fscms-primary-color);
}

.fscms-notice-ticker-viewport {
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    position: relative;
}

.fscms-notice-ticker-empty {
    color: var(--fscms-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-notice-ticker-viewport::before,
.fscms-notice-ticker-viewport::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    pointer-events: none;
    z-index: 1;
}

.fscms-notice-ticker-viewport::before {
    left: 0;
    background: transparent;
}

.fscms-notice-ticker-viewport::after {
    right: 0;
    background: transparent;
}

.fscms-notice-ticker-track {
    display: inline-flex;
    align-items: center;
    width: max-content;
    gap: 36px;
    animation: fscmsNoticeTickerScroll 26s linear infinite;
    will-change: transform;
}

.fscms-notice-ticker:hover .fscms-notice-ticker-track {
    animation-play-state: paused;
}

.fscms-notice-ticker-items {
    display: inline-flex;
    align-items: center;
    gap: 36px;
    padding-right: 36px;
}

.fscms-notice-ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--fscms-dark-gray);
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    font-size: inherit;
}

.fscms-notice-ticker-item:hover {
    color: var(--fscms-primary-color);
}

.fscms-notice-ticker-badge {
    flex: 0 0 auto;
    background: transparent;
    color: var(--fscms-primary-color);
    padding: 2px 10px;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 900;
}

.fscms-notice-ticker-date {
    flex: 0 0 auto;
    padding: 0;
    border-radius: 0;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    color: rgba(52, 58, 64, 0.72);
}

.fscms-notice-ticker-date::before {
    content: '·';
    margin: 0 6px 0 2px;
    color: rgba(52, 58, 64, 0.38);
}

.fscms-notice-ticker-text {
    display: inline-block;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.fscms-notice-ticker-more {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--fscms-primary-color);
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.fscms-notice-ticker-more:hover {
    background: transparent;
    border-color: transparent;
    color: var(--fscms-secondary-color);
}

.fscms-latest-publish {
    margin-bottom: var(--fscms-spacing-xl);
    padding: var(--fscms-spacing-md) 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fscms-latest-publish-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--fscms-spacing-md);
    margin-bottom: var(--fscms-spacing-lg);
    display: none;
}

.fscms-latest-publish-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 800;
    color: var(--fscms-primary-color);
}

.fscms-latest-publish-title i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--fscms-primary-color);
    color: var(--fscms-white);
    box-shadow: 0 10px 22px rgba(26, 75, 96, 0.16);
}

.fscms-latest-publish-desc {
    font-size: 13px;
    font-weight: 600;
    color: rgba(52, 58, 64, 0.70);
    text-align: right;
    white-space: nowrap;
    display: none;
}

.fscms-latest-publish-primary {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
    padding: var(--fscms-spacing-md) 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    transition: var(--fscms-transition);
    align-items: center;
    text-align: center;
}

.fscms-latest-publish-primary-link {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
}

.fscms-latest-headline-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.fscms-latest-headline-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border-radius: 10px;
    background: var(--fscms-primary-color);
    color: var(--fscms-white);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    flex: 0 0 auto;
}

.fscms-latest-publish-primary:hover {
    box-shadow: none;
    transform: none;
}

.fscms-latest-publish-primary-title,
.fscms-latest-publish-item-title {
    transition: var(--fscms-transition);
}

.fscms-latest-publish-primary:hover .fscms-latest-publish-primary-title,
.fscms-latest-publish-primary:focus-within .fscms-latest-publish-primary-title,
.fscms-latest-publish-primary:active .fscms-latest-publish-primary-title {
    color: var(--fscms-dark-color);
}

.fscms-latest-publish-badge {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    width: fit-content;
}

.fscms-latest-publish-primary-title {
    font-size: 34px;
    font-weight: 900;
    line-height: 1.22;
    color: var(--fscms-primary-color);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    min-width: 0;
}

.fscms-latest-publish-primary-title-short,
.fscms-latest-publish-primary-title-short2 {
    display: none;
}

.fscms-latest-publish-item-title-short,
.fscms-latest-publish-item-title-short2 {
    display: none;
}

.fscms-latest-publish-secondary {
    margin-top: var(--fscms-spacing-sm);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--fscms-spacing-sm);
}

.fscms-latest-publish-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-decoration: none;
    padding: var(--fscms-spacing-xs) var(--fscms-spacing-sm);
    border-radius: 0;
    border: 0;
    background: transparent;
    transition: var(--fscms-transition);
    align-items: center;
    text-align: center;
    width: 100%;
}

.fscms-latest-publish-item:hover {
    background: transparent;
    transform: none;
}

.fscms-latest-publish-item:hover .fscms-latest-publish-item-title,
.fscms-latest-publish-item:focus-within .fscms-latest-publish-item-title,
.fscms-latest-publish-item:active .fscms-latest-publish-item-title {
    color: var(--fscms-dark-color);
}

.fscms-latest-publish-item-badge {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(26, 75, 96, 0.10);
    color: var(--fscms-primary-color);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    width: fit-content;
}

.fscms-latest-publish-item-title {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    color: var(--fscms-primary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    min-width: 0;
}

@media (max-width: 991px) {
    .fscms-latest-publish {
        padding: var(--fscms-spacing-sm) 0;
        margin-bottom: var(--fscms-spacing-lg);
    }
    .fscms-latest-publish-primary {
        padding: var(--fscms-spacing-sm) 0;
    }
    .fscms-latest-publish-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .fscms-latest-publish-primary {
        align-items: stretch;
        text-align: left;
    }
    .fscms-latest-headline-row {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 var(--fscms-spacing-sm);
    }
    .fscms-latest-publish-primary-link {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
    }
    .fscms-latest-publish-primary-title {
        font-size: 24px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .fscms-latest-headline-badge {
        font-size: 14px;
        padding: 5px 12px;
    }
    .fscms-latest-publish-desc {
        display: none;
    }
    .fscms-latest-publish-item {
        align-items: flex-start;
        text-align: left;
    }
    .fscms-latest-publish-item-title {
        text-overflow: ellipsis;
    }
}

@media (max-width: 575px) {
    .fscms-latest-publish {
        padding: var(--fscms-spacing-xs) 0;
        margin-bottom: var(--fscms-spacing-md);
    }
    .fscms-latest-publish-secondary {
        grid-template-columns: 1fr;
        margin-top: var(--fscms-spacing-xs);
        gap: var(--fscms-spacing-xs);
        justify-items: center;
    }
    .fscms-latest-publish-primary {
        padding: var(--fscms-spacing-xs) 0;
    }
    .fscms-latest-headline-row {
        gap: 10px;
        padding: 0 12px;
    }
    .fscms-latest-headline-badge {
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 8px;
    }
    .fscms-latest-publish-primary-title {
        font-size: 20px;
    }
    .fscms-latest-publish-item {
        padding: 6px 10px;
        align-items: center;
        text-align: center;
    }
    .fscms-latest-publish-item-title {
        font-size: 16px;
        line-height: 1.45;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
}

@media (max-width: 768px) {
    .fscms-latest-publish-primary-title-full {
        display: none;
    }
    .fscms-latest-publish-primary-title-short {
        display: inline;
    }
    .fscms-latest-publish-item-title-full {
        display: none;
    }
    .fscms-latest-publish-item-title-short {
        display: inline;
    }
}

@media (max-width: 360px) {
    .fscms-latest-publish-primary-title-short {
        display: none;
    }
    .fscms-latest-publish-primary-title-short2 {
        display: inline;
    }
    .fscms-latest-publish-item-title-short {
        display: none;
    }
    .fscms-latest-publish-item-title-short2 {
        display: inline;
    }
}
.fscms-family-stats {
    margin-top: calc(var(--fscms-spacing-xl) * -1);
    margin-bottom: var(--fscms-spacing-xxl);
    padding: var(--fscms-spacing-lg);
    background: var(--fscms-white);
    border: 1px solid rgba(26, 75, 96, 0.14);
    box-shadow: 0 12px 30px rgba(26, 75, 96, 0.10);
}

.fscms-page-home .fscms-family-stats {
    margin-top: var(--fscms-spacing-md);
}

.fscms-family-stats-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--fscms-spacing-md);
    margin-bottom: var(--fscms-spacing-lg);
}

.fscms-family-stats-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 800;
    color: var(--fscms-primary-color);
}

.fscms-family-stats-title i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--fscms-primary-color);
    color: var(--fscms-white);
    box-shadow: 0 10px 22px rgba(26, 75, 96, 0.16);
}

.fscms-family-stats-sub {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    font-size: 13px;
    font-weight: 600;
    color: rgba(52, 58, 64, 0.70);
    text-align: right;
}

.fscms-family-stats-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--fscms-spacing-md);
}

.fscms-family-stats-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(26, 75, 96, 0.12);
    box-shadow: 0 10px 24px rgba(26, 75, 96, 0.08);
}

.fscms-family-stats-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    background: rgba(26, 75, 96, 0.10);
    border: 1px solid rgba(26, 75, 96, 0.10);
    color: var(--fscms-primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: transform 260ms ease;
}

.fscms-family-stats-icon.fscms-family-stats-icon-blue {
    background: var(--fscms-float-primary);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-green {
    background: var(--fscms-float-success);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-red {
    background: var(--fscms-float-danger);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-orange {
    background: var(--fscms-float-orange);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-purple {
    background: var(--fscms-float-purple);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-teal {
    background: var(--fscms-float-teal);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-white);
}

.fscms-family-stats-icon.fscms-family-stats-icon-gold {
    background: var(--fscms-secondary-color);
    border-color: rgba(0, 0, 0, 0.06);
    color: var(--fscms-primary-color);
}

.fscms-family-stats-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fscms-family-stats-label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(52, 58, 64, 0.72);
    flex-wrap: wrap;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.2;
    min-height: calc(1.2em * 2);
}

.fscms-family-stats-value {
    font-size: 20px;
    font-weight: 900;
    color: var(--fscms-primary-color);
    line-height: 1.15;
}

.fscms-family-stats-note {
    display: inline;
    font-size: 12px;
    font-weight: 600;
    color: rgba(52, 58, 64, 0.65);
    line-height: 1.2;
    flex: 0 0 auto;
    white-space: normal;
    word-break: break-word;
    flex-basis: 100%;
    width: 100%;
    margin-top: 2px;
}

@media (max-width: 1200px) {
    .fscms-family-stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .fscms-family-stats { padding: 12px; }
    .fscms-family-stats-head { align-items: flex-start; flex-direction: row; }
    .fscms-family-stats-title { font-size: 16px; min-width: 0; }
    .fscms-family-stats-title i { width: 30px; height: 30px; }
    .fscms-family-stats-sub { align-items: flex-end; text-align: right; font-size: 12px; min-width: 0; max-width: 60%; }
    .fscms-family-stats-sub > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .fscms-family-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fscms-family-stats-value { font-size: 18px; }
}

@keyframes fscmsNoticeTickerScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .fscms-notice-ticker { margin-top: calc(var(--fscms-spacing-xl) * -1 + var(--fscms-spacing-sm)); padding: 10px 10px; border-radius: 0; gap: 10px; }
    .fscms-notice-ticker-item { max-width: none; }
    .fscms-notice-ticker-text { max-width: none; }
}

@media (max-width: 480px) {
    .fscms-notice-ticker { border-radius: 0; }
    .fscms-notice-ticker-label span { display: none; }
    .fscms-notice-ticker-item { max-width: none; }
    .fscms-notice-ticker-text { max-width: none; }
    .fscms-notice-ticker-date { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .fscms-notice-ticker-track { animation: none; }
}

/* 特色服务区域 */
.fscms-features {
    margin-bottom: var(--fscms-spacing-xxl);
    padding-top: var(--fscms-spacing-xl);
}

.fscms-section-title {
    text-align: center;
    font-size: 2rem;
    color: var(--fscms-primary-color);
    margin-bottom: var(--fscms-spacing-xl);
    position: relative;
}

.fscms-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: var(--fscms-secondary-color);
}
.fscms-page-section .fscms-section-title::after { display: none; }

.fscms-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* FSCMS 网格布局系统 - 支持1-6列灵活布局 */
/* 基础网格容器 */
.fscms-grid {
    display: grid;
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
    width: 100%;
}

/* 1列布局 */
.fscms-grid-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 2列布局 */
.fscms-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 3列布局 */
.fscms-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 4列布局 */
.fscms-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 5列布局 */
.fscms-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 6列布局 */
.fscms-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

@media (max-width: 992px) {
    .fscms-grid-2 { grid-template-columns: 1fr; }
    .fscms-grid-3 { grid-template-columns: 1fr; }
    .fscms-grid-4 { grid-template-columns: 1fr; }
    .fscms-grid-5 { grid-template-columns: 1fr; }
    .fscms-grid-6 { grid-template-columns: 1fr; }
}

/* 自适应网格布局 - 根据内容自动调整列数 */
.fscms-grid-auto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 自适应网格布局 - 小卡�?*/
.fscms-grid-auto-sm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--fscms-spacing-lg);
    margin-top: var(--fscms-spacing-xxl);
}

/* 自适应网格布局 - 大卡�?*/
.fscms-grid-auto-lg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--fscms-spacing-xl);
    margin-top: var(--fscms-spacing-xxl);
}

/* 网格间距变体 */
.fscms-grid-gap-sm {
    gap: var(--fscms-spacing-md);
}

.fscms-grid-gap-md {
    gap: var(--fscms-spacing-lg);
}

.fscms-grid-gap-lg {
    gap: var(--fscms-spacing-xl);
}

.fscms-grid-gap-xl {
    gap: var(--fscms-spacing-xxl);
}

/* 网格项目样式 */
.fscms-grid-item {
    background-color: var(--fscms-white);
    padding: var(--fscms-spacing-xl);
    border-radius: var(--fscms-border-radius-lg);
    box-shadow: var(--fscms-shadow);
    transition: var(--fscms-transition);
}

.fscms-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--fscms-shadow-hover);
}

/* 网格项目内容居中 */
.fscms-grid-item-center {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 网格项目左对�?*/
.fscms-grid-item-left {
    text-align: left;
}

/* 网格项目右对�?*/
.fscms-grid-item-right {
    text-align: right;
}

/* 网格项目跨列 */
.fscms-grid-span-2 {
    grid-column: span 2;
}

.fscms-grid-span-3 {
    grid-column: span 3;
}

.fscms-grid-span-4 {
    grid-column: span 4;
}

.fscms-grid-span-5 {
    grid-column: span 5;
}

.fscms-grid-span-6 {
    grid-column: span 6;
}

/* 网格项目跨行 */
.fscms-grid-row-span-2 {
    grid-row: span 2;
}

.fscms-grid-row-span-3 {
    grid-row: span 3;
}

.fscms-feature-card {
    background-color: var(--fscms-white);
    padding: var(--fscms-spacing-xl);
    border-radius: var(--fscms-border-radius-lg);
    box-shadow: var(--fscms-shadow);
    border: 2px solid var(--fscms-border-color);
    text-align: center;
    transition: var(--fscms-transition);
}

.fscms-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--fscms-shadow-hover);
}

.fscms-feature-icon {
    font-size: 3rem;
    color: var(--fscms-primary-color);
    margin-bottom: var(--fscms-spacing-lg);
}

.fscms-feature-title {
    font-size: var(--fscms-font-size-xl);
    color: var(--fscms-primary-color);
    margin-bottom: var(--fscms-spacing-md);
    font-weight: bold;
}

.fscms-feature-text {
    color: var(--fscms-gray);
    line-height: 1.8;
}

.fscms-home-middle-banner,
.fscms-home-bottom-banner {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background: var(--fscms-white);
    border: none;
    box-shadow: none;
}

.fscms-home-middle-banner {
    margin-top: var(--fscms-spacing-lg);
}

.fscms-home-bottom-banner {
    margin-top: var(--fscms-spacing-xl);
}

.fscms-home-middle-banner-inner,
.fscms-home-bottom-banner-inner {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--fscms-shadow);
}

.fscms-home-middle-banner-img,
.fscms-home-bottom-banner-img {
    width: 100%;
    height: var(--fscms-banner-h, 90px);
    display: block;
    object-fit: cover;
}

.fscms-home-ad-banner {
    position: relative;
}

.fscms-home-ad-badge {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 36px;
    height: 20px;
    padding: 0;
    border-radius: 0;
    background: url('../images/icon/ad.png') no-repeat center center;
    background-size: contain;
    color: transparent;
    font-size: 0;
    z-index: 3;
}

.fscms-home-float-ads {
    position: fixed;
    top: 260px;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 900;
}

@media (min-width: 1400px) {
    .fscms-page-home .fscms-hero-slider .fscms-slider-prev {
        left: calc((100vw - 1400px) / 2 + var(--fscms-spacing-md));
    }
    .fscms-page-home .fscms-hero-slider .fscms-slider-next {
        right: calc((100vw - 1400px) / 2 + var(--fscms-spacing-md));
    }
}

.fscms-float-ad {
    position: absolute;
    pointer-events: auto;
    max-width: 320px;
}

.fscms-float-ad-left {
    left: 12px;
}

.fscms-float-ad-right {
    right: 12px;
}

.fscms-float-ad-inner {
    background-color: var(--fscms-white);
    border-radius: 0;
    overflow: hidden;
    box-shadow: var(--fscms-shadow);
    position: relative;
}

.fscms-float-ad-link {
    display: block;
}

.fscms-float-ad-img {
    display: block;
    width: 100%;
    height: auto;
}

.fscms-float-ad-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 12px;
    z-index: 20;
}

.fscms-float-ad-close i {
    pointer-events: none;
}

@media (max-width: 1200px) {
    .fscms-home-float-ads {
        display: none;
    }
}

.fscms-home-middle-banner + .fscms-home-triple {
    margin-top: var(--fscms-spacing-lg);
}

div.fscms-home-bottom-banner + section.fscms-home-leadership {
    margin-top: var(--fscms-spacing-lg);
}

.fscms-home-triple {
    margin-top: var(--fscms-spacing-xxl);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fscms-spacing-lg);
    align-items: stretch;
}

.fscms-home-triple-col {
    min-width: 0;
}

.fscms-home-triple-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
    text-decoration: none;
    color: inherit;
    transition: var(--fscms-transition);
}

.fscms-home-triple-feature:hover .fscms-home-triple-title {
    color: var(--fscms-primary-color);
}

.fscms-home-triple-thumb {
    width: 96px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--fscms-light-gray);
    border: 1px solid rgba(26, 75, 96, 0.12);
    flex: 0 0 auto;
}

.fscms-home-triple-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    will-change: transform;
}

.fscms-home-triple-feature:hover .fscms-home-triple-thumb img,
.fscms-home-triple-feature:focus-within .fscms-home-triple-thumb img {
    transform: scale(1.06);
}

.fscms-home-triple-meta {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fscms-home-triple-title {
    font-weight: 700;
    color: var(--fscms-dark-color);
    font-size: var(--fscms-font-size-md);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-triple-excerpt {
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fscms-home-triple-list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.fscms-home-triple-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
    text-decoration: none;
    color: inherit;
    transition: var(--fscms-transition);
}

.fscms-home-triple-list-item:last-child {
    border-bottom: none;
}

.fscms-home-triple-list-item i {
    color: var(--fscms-primary-color);
    font-size: 12px;
    flex: 0 0 auto;
}

.fscms-home-triple-list-item span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--fscms-font-size-sm);
    color: var(--fscms-dark-color);
}

.fscms-home-triple-list-item:hover span {
    color: var(--fscms-primary-color);
}

.fscms-home-dual {
    margin-top: var(--fscms-spacing-xxl);
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: var(--fscms-spacing-lg);
    align-items: stretch;
}

.fscms-home-dual > * {
    min-width: 0;
}

.fscms-home-hot-featured {
    margin-top: var(--fscms-spacing-xl);
    grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
}

.fscms-home-hot-card,
.fscms-home-featured-card {
    height: 480px;
    min-width: 0;
}

.fscms-home-hot-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fscms-home-hot-card .fscms-home-dual-header {
    padding: 0 0 var(--fscms-spacing-md);
    border-bottom: 0;
}

.fscms-home-hot-card .fscms-home-dual-body {
    padding: 0;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.fscms-home-hot-nav {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    position: relative;
    padding-bottom: 8px;
    max-width: 100%;
}
.fscms-hot-nav-item {
    padding: 8px 2px;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: var(--fscms-dark-gray);
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    position: relative;
    line-height: 1.2;
}
.fscms-hot-nav-item:hover,
.fscms-hot-nav-item:focus {
    color: var(--fscms-primary-color);
}
.fscms-hot-nav-item.active {
    color: var(--fscms-float-danger);
}

.fscms-hot-nav-underline {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: var(--fscms-float-danger);
    border-radius: 3px;
    transform: translateX(0);
    opacity: 0;
    transition: transform 240ms ease, width 240ms ease, opacity 160ms ease;
    pointer-events: none;
}

.fscms-home-hot-panels [data-hot-panel] { display: none; }
.fscms-home-hot-panels .is-active { display: block; }

.fscms-home-hot-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: none;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0;
    justify-content: flex-start;
}

.fscms-home-hot-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
    text-decoration: none;
    color: inherit;
    transition: var(--fscms-transition);
    min-width: 0;
    flex: 0 0 auto;
    min-height: 42px;
}

.fscms-home-hot-item:last-child {
    border-bottom: none;
}

.fscms-home-hot-item:hover .fscms-home-hot-title,
.fscms-home-hot-item:focus-within .fscms-home-hot-title {
    color: var(--fscms-primary-color);
}

.fscms-home-hot-rank {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 215, 0, 0.18);
    color: var(--fscms-primary-color);
    font-weight: 800;
    border-radius: 0;
}

.fscms-home-hot-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: anywhere;
    color: var(--fscms-dark-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.fscms-home-hot-title i {
    margin-right: 6px;
    color: var(--fscms-primary-color);
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.fscms-home-hot-leadicon {
    margin-right: 8px;
    color: var(--fscms-primary-color);
    font-size: 12px;
}

.fscms-home-hot-title .fscms-home-hot-playicon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 999px;
    border: 2px solid rgba(26, 75, 96, 0.25);
    background: rgba(255, 255, 255, 0.95);
    color: var(--fscms-float-danger);
    font-size: 10px;
    top: 0;
}

.fscms-home-hot-type {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--fscms-gray);
    font-size: 12px;
    white-space: nowrap;
}

.fscms-home-featured-slider {
    position: relative;
    height: 100%;
    min-height: 480px;
    overflow: hidden;
    border-radius: 0;
    background: var(--fscms-light-gray);
}

.fscms-home-featured-slider .fscms-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    transition: var(--fscms-transition);
}

.fscms-home-featured-slider .fscms-slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.fscms-home-featured-slide-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.fscms-home-featured-slide-mask {
    display: none;
}

.fscms-home-featured-slide-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 15px 240px 15px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.fscms-home-featured-slide-title {
    display: block;
    color: var(--fscms-white);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
}

.fscms-slider-controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fscms-home-featured-slider .fscms-slider-nav {
    position: static;
    transform: none;
    display: flex;
    gap: 6px;
}

.fscms-home-featured-slider .fscms-slider-prev,
.fscms-home-featured-slider .fscms-slider-next {
    position: static;
    transform: none;
    width: auto;
    height: auto;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: transform 0.3s;
    font-size: 28px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    padding: 0 5px;
}

.fscms-home-featured-slider .fscms-slider-prev:hover,
.fscms-home-featured-slider .fscms-slider-next:hover {
    background: transparent;
    transform: scale(1.1);
}

.fscms-slider-dot {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.5);
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.3s, width 0.3s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.fscms-slider-dot.active {
    background: #fff;
    width: 22px;
}

.fscms-home-featured-card {
    display: flex;
    flex-direction: column;
}

.fscms-home-featured-card .fscms-home-dual-header {
    padding: 0 0 var(--fscms-spacing-md);
    border-bottom: 0;
}

.fscms-home-featured-card .fscms-home-dual-body {
    padding: 0;
    flex: 1 1 auto;
    min-height: 0;
}

.fscms-home-dual-card {
    height: 100%;
    background-color: var(--fscms-white);
    border: 1px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    box-shadow: var(--fscms-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.fscms-home-dual-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fscms-spacing-md);
    padding: var(--fscms-spacing-lg) var(--fscms-spacing-xl);
    border-bottom: 1px solid var(--fscms-border-color);
    min-width: 0;
}

.fscms-home-dual-title {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    font-size: var(--fscms-font-size-xxl);
    color: var(--fscms-primary-color);
    margin: 0;
}
.fscms-home-dual-title span,
.fscms-family-stats-title span,
.fscms-latest-publish-title span {
    display: inline-block;
}

.fscms-home-dual-title span::after,
.fscms-family-stats-title span::after,
.fscms-latest-publish-title span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--fscms-primary-color);
    border-radius: 2px;
    margin-top: 6px;
}

.fscms-home-dual-title i {
    color: var(--fscms-primary-color);
}

.fscms-home-dual-more {
    text-decoration: none;
    color: var(--fscms-primary-color);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    transition: var(--fscms-transition);
    flex: 0 0 auto;
}

.fscms-home-dual-more:hover {
    color: #175c7a;
    text-decoration: none;
}

.fscms-home-dual-more:active,
.fscms-home-dual-more:focus,
.fscms-home-dual-more:focus-visible {
    text-decoration: none;
}

.fscms-home-dual-body {
    padding: var(--fscms-spacing-md) var(--fscms-spacing-xl) var(--fscms-spacing-lg);
    flex: 1 1 auto;
    min-height: 0;
}

.fscms-home-dual-empty {
    color: var(--fscms-gray);
    text-align: center;
    padding: 14px 0;
}

.fscms-home-celeb-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 20px;
}

.fscms-home-celeb-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
    text-decoration: none;
    color: inherit;
    transition: var(--fscms-transition);
    min-height: 112px;
}

.fscms-home-celeb-item:hover .fscms-home-celeb-title {
    color: var(--fscms-primary-color);
}

.fscms-home-celeb-item:hover .fscms-home-celeb-thumb img,
.fscms-home-celeb-item:focus-within .fscms-home-celeb-thumb img {
    transform: scale(1.06);
}

.fscms-home-celeb-thumb {
    width: 100px;
    height: 150px;
    border-radius: 6px;
    overflow: hidden;
    flex: 0 0 auto;
    background: var(--fscms-light-gray);
    border: 1px solid rgba(26, 75, 96, 0.12);
}

.fscms-home-celeb-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    will-change: transform;
}

.fscms-home-celeb-meta {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fscms-home-celeb-title {
    font-weight: 700;
    color: var(--fscms-dark-color);
    font-size: var(--fscms-font-size-xl);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-celeb-dates {
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    white-space: normal;
    line-height: 1.4;
    word-break: keep-all;
}

.fscms-home-celeb-excerpt {
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fscms-home-faq {
    display: flex;
    flex-direction: column;
}

.fscms-home-faq-item {
    padding: 15px 0;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
}

.fscms-home-faq-item:last-child {
    border-bottom: none;
}

.fscms-home-faq-q {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--fscms-primary-color);
    font-weight: 700;
    font-size: var(--fscms-font-size-sm);
}

.fscms-home-faq-q i {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
    font-size: 12px;
    flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px rgba(26, 75, 96, 0.22);
}

.fscms-home-faq-q a {
    color: inherit;
    text-decoration: none;
    min-width: 0;
}

.fscms-home-faq-q a:hover,
.fscms-home-faq-q a:active,
.fscms-home-faq-q a:focus,
.fscms-home-faq-q a:focus-visible {
    color: inherit;
    text-decoration: none;
}

.fscms-home-faq-q span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fscms-home-faq-a {
    margin-top: 6px;
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-xungen-rank {
    display: flex;
    flex-direction: column;
}

.fscms-home-xungen-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px dashed rgba(26, 75, 96, 0.50);
    text-decoration: none;
    color: inherit;
    transition: transform 0.18s ease, background-color 0.18s ease;
}

.fscms-home-xungen-item:last-child {
    border-bottom: none;
}

.fscms-home-xungen-item:hover {
    transform: translateX(2px);
}

.fscms-home-xungen-rankmark {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fscms-home-xungen-rankmark img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

.fscms-home-xungen-ranknum {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 12px;
    color: var(--fscms-primary-color);
    background: rgba(255, 215, 0, 0.35);
    box-shadow: inset 0 0 0 1px rgba(26, 75, 96, 0.22);
}

.fscms-home-xungen-main {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fscms-home-xungen-name {
    font-weight: 800;
    color: var(--fscms-dark-color);
    font-size: var(--fscms-font-size-md);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-xungen-meta {
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-xungen-reward {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.22);
    color: var(--fscms-primary-color);
    font-weight: 900;
    font-size: 12px;
    box-shadow: inset 0 0 0 1px rgba(26, 75, 96, 0.16);
}

.fscms-home-xungen-reward-img {
    width: 16px;
    height: 16px;
    display: block;
    object-fit: contain;
}

.fscms-home-xungen-reward i {
    color: var(--fscms-secondary-color);
}

@media (max-width: 1200px) {
    .fscms-home-triple {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fscms-home-dual {
        grid-template-columns: 1fr;
    }

    .fscms-home-celeb-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fscms-home-dual-header {
        padding: var(--fscms-spacing-md) var(--fscms-spacing-lg);
    }

    .fscms-home-dual-body {
        padding: var(--fscms-spacing-md) var(--fscms-spacing-lg) var(--fscms-spacing-lg);
    }
}

.fscms-home-hot-title-short {
    display: none;
}

.fscms-home-hot-title-short2 {
    display: none;
}

.fscms-home-featured-slide-title-short,
.fscms-home-featured-slide-title-short2 {
    display: none;
}

@media (max-width: 768px) {
    .fscms-home-middle-banner,
    .fscms-home-bottom-banner {
        overflow: visible;
    }

    .fscms-home-middle-banner-img,
    .fscms-home-bottom-banner-img {
        height: var(--fscms-banner-h-mobile, 135px);
        object-fit: fill;
    }

    .fscms-home-middle-banner,
    .fscms-home-bottom-banner,
    .fscms-home-triple,
    .fscms-home-dual,
    .fscms-home-hot-featured,
    .fscms-home-random-content,
    .fscms-home-links,
    .fscms-home-leadership {
        margin-top: var(--fscms-spacing-md);
    }
    .fscms-home-random-content {
        margin: var(--fscms-spacing-md) 0;
    }
    .fscms-home-middle-banner + .fscms-home-triple,
    div.fscms-home-bottom-banner + section.fscms-home-leadership {
        margin-top: var(--fscms-spacing-md);
    }
    .fscms-home-triple,
    .fscms-home-dual {
        gap: var(--fscms-spacing-md);
    }
    .fscms-home-dual-header {
        padding: var(--fscms-spacing-md);
    }
    .fscms-home-dual-body {
        padding: var(--fscms-spacing-md);
    }
    .fscms-home-triple {
        grid-template-columns: 1fr;
    }
    .fscms-home-hot-card,
    .fscms-home-featured-card {
        height: auto;
    }
    .fscms-home-hot-card .fscms-home-dual-header {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
    .fscms-home-hot-card .fscms-home-dual-title {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: 18px;
    }
    .fscms-home-hot-nav {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-end;
        max-width: 100%;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 6px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .fscms-home-hot-nav::-webkit-scrollbar { display: none; }
    .fscms-hot-nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 13px;
        padding: 6px 2px;
    }
    .fscms-home-hot-title {
        font-size: 14px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .fscms-home-hot-title-full {
        display: none;
    }
    .fscms-home-hot-title-short {
        display: inline;
    }
    .fscms-home-hot-title-short2 {
        display: none;
    }
    .fscms-home-featured-slider {
        min-height: 260px;
        border-radius: var(--fscms-border-radius);
    }
    .fscms-home-featured-slide-caption {
        padding: 12px;
    }
    .fscms-home-featured-slide-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-size: 16px;
        line-height: 1.4;
    }
    .fscms-home-featured-slide-title-full {
        display: none;
    }
    .fscms-home-featured-slide-title-short {
        display: inline;
    }
    .fscms-home-featured-slide-title-short2 {
        display: none;
    }
    .fscms-home-featured-slider .fscms-slider-nav {
        display: none;
    }
    .fscms-home-featured-slider .fscms-slider-controls {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        pointer-events: none;
    }
    .fscms-home-featured-slider .fscms-slider-prev,
    .fscms-home-featured-slider .fscms-slider-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.35);
        padding: 0;
        pointer-events: auto;
        font-size: 22px;
    }
    .fscms-home-featured-slider .fscms-slider-prev {
        left: 10px;
    }
    .fscms-home-featured-slider .fscms-slider-next {
        right: 10px;
    }
    .fscms-home-featured-slider .fscms-slider-prev:hover,
    .fscms-home-featured-slider .fscms-slider-next:hover,
    .fscms-home-featured-slider .fscms-slider-prev:active,
    .fscms-home-featured-slider .fscms-slider-next:active,
    .fscms-home-featured-slider .fscms-slider-prev:focus,
    .fscms-home-featured-slider .fscms-slider-next:focus {
        transform: translateY(-50%);
    }
}

@media (max-width: 360px) {
    .fscms-home-hot-title-short {
        display: none;
    }
    .fscms-home-hot-title-short2 {
        display: inline;
    }
    .fscms-home-featured-slide-title-short {
        display: none;
    }
    .fscms-home-featured-slide-title-short2 {
        display: inline;
    }
}

@media (max-width: 480px) {
    .fscms-home-triple {
        grid-template-columns: 1fr;
    }

    .fscms-home-celeb-list {
        grid-template-columns: 1fr;
    }

    .fscms-home-celeb-thumb {
        width: 72px;
        height: 72px;
        border-radius: 6px;
    }
}

.fscms-home-links {
    margin-top: var(--fscms-spacing-lg);
    border: 0;
    border-radius: 0;
    background: var(--fscms-white);
    box-shadow: none;
    overflow: visible;
    padding-bottom: 0;
}

.fscms-home-links-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fscms-spacing-lg);
    padding: var(--fscms-spacing-md) 0 var(--fscms-spacing-sm);
    border-bottom: 0;
}

.fscms-home-leadership {
    background-color: var(--fscms-white);
    border: 0;
    border-radius: 0;
    margin-top: var(--fscms-spacing-xxl);
    overflow: visible;
    position: relative;
}

.fscms-home-leadership-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--fscms-spacing-lg);
    padding: var(--fscms-spacing-lg) var(--fscms-spacing-xl);
    border-bottom: 0;
}

.fscms-home-leadership-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
    pointer-events: none;
}

.fscms-home-leadership-footer {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    justify-content: center;
    padding: 0;
    pointer-events: none;
}

.fscms-home-leadership-nav {
    appearance: none;
    border: 1px solid var(--fscms-border-color);
    background: var(--fscms-white);
    color: var(--fscms-primary-color);
    width: 36px;
    height: 36px;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--fscms-transition);
    pointer-events: auto;
}

.fscms-home-leadership-nav:hover {
    border-color: rgba(26, 75, 96, 0.35);
    box-shadow: 0 6px 18px rgba(26, 75, 96, 0.12);
    transform: translateY(-1px);
}

.fscms-home-leadership-nav:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.fscms-home-leadership-title {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    font-size: var(--fscms-font-size-xl);
    color: var(--fscms-primary-color);
    margin: 0;
}

.fscms-home-leadership-tip {
    font-size: 12px;
    color: var(--fscms-text-secondary);
    font-weight: 400;
    margin-left: 6px;
    white-space: nowrap;
}

.fscms-home-leadership-title span {
    display: inline-block;
}

.fscms-home-leadership-title span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--fscms-primary-color);
    border-radius: 2px;
    margin-top: 6px;
}

.fscms-home-leadership-title i {
    color: var(--fscms-primary-color);
}

.fscms-home-leadership-body {
    padding: var(--fscms-spacing-md) var(--fscms-spacing-xl) var(--fscms-spacing-lg);
}

.fscms-home-leadership-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 6px;
}

.fscms-home-leadership-viewport::-webkit-scrollbar {
    display: none;
}

.fscms-home-leadership-track {
    display: flex;
    align-items: stretch;
    gap: 12px;
    min-width: 100%;
}

.fscms-home-leader-card {
    position: relative;
    flex: 0 0 160px;
    max-width: 160px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: var(--fscms-spacing-md);
    border: none;
    border-radius: 0;
    background: transparent;
    transition: var(--fscms-transition);
}

.fscms-home-leader-card:hover {
    box-shadow: none;
    transform: none;
}

.fscms-home-leader-avatar {
    width: 120px;
    height: 180px;
    border-radius: 6px;
    overflow: hidden;
    flex: 0 0 auto;
    border: 1px solid rgba(26, 75, 96, 0.12);
    background: var(--fscms-white);
}

.fscms-home-leader-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fscms-home-leader-info {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 8px;
    justify-items: center;
}

.fscms-home-leader-name {
    font-weight: 700;
    color: var(--fscms-dark-color);
    font-size: var(--fscms-font-size-base);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.fscms-home-leader-position {
    color: var(--fscms-primary-color);
    font-size: var(--fscms-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.fscms-home-leader-meta {
    display: grid;
    gap: 6px;
    color: var(--fscms-gray);
    font-size: var(--fscms-font-size-sm);
    width: 100%;
}

.fscms-home-leader-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    justify-content: center;
}

.fscms-home-leader-meta-item i {
    width: 14px;
    text-align: center;
    color: var(--fscms-primary-color);
    flex: 0 0 auto;
}

.fscms-home-leader-meta-item span {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-leader-meta-item span.fscms-home-leader-phone {
    overflow: visible;
    text-overflow: clip;
    font-size: 12px;
}

.fscms-home-leader-phone-link,
.fscms-home-leader-phone-text {
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.fscms-home-leader-phone-link {
    color: inherit;
    text-decoration: none;
}

.fscms-home-leader-phone-link:hover {
    color: var(--fscms-primary-color);
    text-decoration: underline;
}

.fscms-dial-desktop {
    display: inline;
}

.fscms-dial-mobile {
    display: none;
}

@media (max-width: 768px) {
    .fscms-dial-desktop {
        display: none;
    }

    .fscms-dial-mobile {
        display: inline;
    }
}

.fscms-home-leadership-empty {
    color: var(--fscms-gray);
    text-align: center;
    padding: 14px 0;
}

.fscms-home-random-content {
    margin: var(--fscms-spacing-lg) 0;
}

.fscms-home-random-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--fscms-spacing-md);
}

.fscms-home-random-content-title {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    font-size: var(--fscms-font-size-xl);
    color: var(--fscms-primary-color);
    margin: 0;
}

.fscms-home-random-content-title span {
    display: inline-block;
}

.fscms-home-random-content-title span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--fscms-primary-color);
    border-radius: 2px;
    margin-top: 6px;
}

.fscms-home-random-content-title i {
    color: var(--fscms-primary-color);
}

.fscms-home-random-content-body {
    width: 100%;
}

.fscms-home-random-content-empty {
    text-align: center;
    color: var(--fscms-gray);
    padding: 18px 0;
}

.fscms-home-random-fold {
    display: flex;
    gap: 0;
    width: 100%;
}

.fscms-home-random-fold-item {
    flex: 1 1 0;
    min-width: 68px;
    height: 350px;
    border-radius: 0;
    border: 0;
    background-color: rgba(26, 75, 96, 0.06);
    background-image: var(--fscms-random-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: var(--fscms-white);
    display: flex;
    align-items: flex-end;
    transition: flex 260ms ease, box-shadow 260ms ease, transform 260ms ease, filter 260ms ease;
}

.fscms-home-random-fold-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.34) 62%, rgba(0, 0, 0, 0.56) 100%);
    opacity: 1;
    transition: opacity 260ms ease;
    pointer-events: none;
    z-index: 0;
}

.fscms-home-random-fold-item.active::before,
.fscms-home-random-fold-item:hover::before,
.fscms-home-random-fold-item:focus::before {
    opacity: 0;
}

.fscms-home-random-fold-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.96);
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.45);
    opacity: 1;
    transition: var(--fscms-transition);
    z-index: 1;
    max-height: calc(100% - 28px);
    white-space: nowrap;
    overflow: hidden;
}

.fscms-home-random-fold-content {
    position: relative;
    width: 100%;
    padding: 14px 16px;
    opacity: 0;
    transform: translateY(8px);
    transition: var(--fscms-transition);
    z-index: 1;
}

.fscms-home-random-fold-item.active::after,
.fscms-home-random-fold-item:hover::after,
.fscms-home-random-fold-item:focus::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.34) 55%, rgba(0, 0, 0, 0.42) 100%);
    pointer-events: none;
    z-index: 0;
}

.fscms-home-random-fold-title {
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.35;
    margin-bottom: 6px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fscms-home-random-fold-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.92);
}

.fscms-home-random-fold-item.active,
.fscms-home-random-fold-item:hover,
.fscms-home-random-fold-item:focus {
    flex: 5 1 0;
    box-shadow: none;
}

.fscms-home-random-fold-item.active .fscms-home-random-fold-label,
.fscms-home-random-fold-item:hover .fscms-home-random-fold-label,
.fscms-home-random-fold-item:focus .fscms-home-random-fold-label {
    opacity: 0;
}

.fscms-home-random-fold-item.active .fscms-home-random-fold-content,
.fscms-home-random-fold-item:hover .fscms-home-random-fold-content,
.fscms-home-random-fold-item:focus .fscms-home-random-fold-content {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 992px) {
    .fscms-home-random-fold-item {
        height: 240px;
    }
}

@media (max-width: 768px) {
    .fscms-home-random-fold {
        flex-direction: row;
        gap: 0;
        overflow: hidden;
    }
    .fscms-home-random-fold-item {
        min-width: 52px;
        height: 200px;
        border-radius: 0;
    }
    .fscms-home-random-fold-item:nth-child(n+5) {
        display: none;
    }
    .fscms-home-random-fold-label {
        font-size: 14px;
    }
}

.fscms-home-random-content-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--fscms-spacing-md);
}

.fscms-home-random-content-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    background: var(--fscms-white);
    border: 1px solid rgba(26, 75, 96, 0.12);
    transition: var(--fscms-transition);
    overflow: hidden;
}

.fscms-home-random-content-item:hover {
    transform: translateY(-2px);
    border-color: rgba(26, 75, 96, 0.22);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

.fscms-home-random-content-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: rgba(26, 75, 96, 0.06);
}

.fscms-home-random-content-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fscms-home-random-content-name {
    padding: 10px 12px;
    font-size: var(--fscms-font-size-sm);
    font-weight: 700;
    line-height: 1.35;
    color: var(--fscms-dark-gray);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 992px) {
    .fscms-home-random-content-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .fscms-home-random-content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.fscms-home-links-title {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    font-size: var(--fscms-font-size-xl);
    color: var(--fscms-primary-color);
    margin: 0;
}

.fscms-home-links-title span {
    display: inline-block;
}

.fscms-home-links-title span::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--fscms-primary-color);
    border-radius: 2px;
    margin-top: 6px;
}

.fscms-home-links-title i {
    color: var(--fscms-primary-color);
}

.fscms-home-links-tabs {
    display: inline-flex;
    gap: 18px;
    align-items: center;
}

.fscms-home-links-tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--fscms-dark-gray);
    padding: 8px 4px;
    border-radius: 0;
    cursor: pointer;
    font-size: var(--fscms-font-size-base);
    font-weight: 800;
    transition: var(--fscms-transition);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fscms-home-links-tab:hover {
    color: var(--fscms-primary-color);
    box-shadow: none;
    transform: none;
}

.fscms-home-links-tab.active {
    color: var(--fscms-primary-color);
}

.fscms-home-links-tab.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: var(--fscms-secondary-color);
    border-radius: 3px;
}

.fscms-home-links-body {
    padding: var(--fscms-spacing-md) 0 0;
}

.fscms-home-links-panel {
    display: none;
}

.fscms-home-links-panel.active {
    display: block;
}

.fscms-home-links-text {
    display: block;
    line-height: 1.9;
    font-size: var(--fscms-font-size-lg);
}

.fscms-home-link {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    color: var(--fscms-primary-color);
    text-decoration: none;
    transition: var(--fscms-transition);
    font-size: inherit;
}

.fscms-home-link:hover {
    color: var(--fscms-nav-hover-color);
    text-decoration: underline;
}

.fscms-home-link-separator {
    color: var(--fscms-gray);
    display: inline-block;
    margin: 0 12px;
}

.fscms-home-links-logos {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: var(--fscms-spacing-sm);
    align-items: start;
}

.fscms-home-partner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 4px;
    border: none;
    background: transparent;
    text-decoration: none;
    transition: var(--fscms-transition);
    padding: 0;
    overflow: hidden;
}

.fscms-home-partner:hover {
    box-shadow: none;
    transform: none;
}

.fscms-home-partner-logo {
    width: 100%;
    height: 100%;
    object-fit: fill;
    filter: saturate(1.05);
    transform: scale(1);
    transition: transform 0.4s ease;
    will-change: transform;
    display: block;
}

.fscms-home-partner:hover .fscms-home-partner-logo {
    transform: scale(1.08);
}

.fscms-home-links-empty {
    color: var(--fscms-gray);
    text-align: center;
    padding: 14px 0;
}

@media (max-width: 1200px) {
    .fscms-home-links-logos {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .fscms-home-links-logos {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .fscms-home-links-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: var(--fscms-spacing-md) 0 var(--fscms-spacing-sm);
    }
    .fscms-home-links-title {
        white-space: nowrap;
        flex: 0 0 auto;
    }
    .fscms-home-leadership-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fscms-spacing-md);
        padding: var(--fscms-spacing-md);
    }
    .fscms-home-links-body {
        padding: var(--fscms-spacing-md) 0 0;
    }
    .fscms-home-leadership-body {
        padding: var(--fscms-spacing-md);
    }
    .fscms-home-leadership-footer {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        padding: 0 0 var(--fscms-spacing-md);
        pointer-events: auto;
    }
    .fscms-home-leadership-actions {
        justify-content: center;
        gap: var(--fscms-spacing-sm);
        padding: 0;
        pointer-events: auto;
        width: auto;
    }
    .fscms-home-links-tabs {
        width: auto;
        flex: 0 0 auto;
        gap: 12px;
    }
    .fscms-home-links-tab {
        flex: none;
        font-size: 14px;
        padding: 6px 2px;
    }
    .fscms-home-links-logos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .fscms-home-leader-card {
        flex: 0 0 160px;
        max-width: 160px;
    }
}

/* 底部样式 */
.fscms-footer {
    background-color: var(--fscms-primary-color);
    color: var(--fscms-white);
    margin-top: var(--fscms-spacing-xxl);
}

.fscms-footer-main {
    padding: var(--fscms-spacing-xxl) 0;
}

.fscms-footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--fscms-spacing-xl);
}

.fscms-footer-section {
    margin-bottom: var(--fscms-spacing-lg);
}

.fscms-footer-title {
    font-size: var(--fscms-font-size-lg);
    margin-bottom: var(--fscms-spacing-lg);
    color: var(--fscms-secondary-color);
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
}

.fscms-footer-text {
    line-height: 1.8;
    margin-bottom: var(--fscms-spacing-lg);
}

.fscms-footer-social {
    display: flex;
    gap: var(--fscms-spacing-sm);
}

.fscms-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--fscms-dark-color);
    color: var(--fscms-white);
    text-decoration: none;
    border-radius: var(--fscms-border-radius);
    transition: var(--fscms-transition);
}

.fscms-social-btn:hover {
    background-color: var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
}

.fscms-footer-links {
    list-style: none;
}

.fscms-footer-links li {
    margin-bottom: var(--fscms-spacing-sm);
}

.fscms-footer-link {
    color: var(--fscms-white);
    text-decoration: none;
    transition: var(--fscms-transition);
}

.fscms-footer-link:hover {
    color: var(--fscms-secondary-color);
}

/* 右侧浮动�?*/
.fscms-right-float-bar {
    position: fixed;
    right: 18px;
    bottom: 96px;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.fscms-right-float-bar.hide {
    opacity: 0;
    visibility: hidden;
}

.fscms-float-bar-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    width: 132px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(26, 75, 96, 0.18);
    box-shadow: 0 18px 50px rgba(15, 42, 54, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fscms-float-bar-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    gap: 10px;
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #1a4b60;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
    box-shadow: none;
    text-decoration: none;
    font-size: 12px;
    min-width: 0;
    min-height: 46px;
    flex-shrink: 0;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
}

.fscms-float-bar-container > .fscms-float-bar-item:last-of-type {
    border-bottom: 2px solid #1a4b60;
}

.fscms-float-bar-item:hover {
    background: var(--fscms-primary-color);
    color: #ffffff;
}

.fscms-float-bar-item:hover > i,
.fscms-float-bar-item:hover > span {
    color: #ffffff;
}

/* 浮动栏按钮特定配�?*/
.fscms-float-bar-item.fscms-float-top {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-top:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item.fscms-float-service {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-service:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item.fscms-float-message {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-message:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item i {
    width: 18px;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
    font-size: 16px;
    margin: 0;
    line-height: 1;
}

.fscms-float-bar-item span {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.1;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: none;
    text-align: left;
}

.fscms-float-bar-item.fscms-float-qq {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-qq:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item.fscms-float-wx {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-wx:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item.fscms-float-mp {
    background: transparent;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-float-bar-item.fscms-float-mp:hover {
    background: var(--fscms-primary-color);
}

.fscms-float-bar-item.fscms-float-qq i,
.fscms-float-bar-item.fscms-float-message i {
    background: transparent;
}

.fscms-float-bar-item:last-child {
    border-bottom: 0;
}

.fscms-float-popover {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    width: 190px;
    transform: translateY(-50%) translateX(6px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease;
    background: #ffffff;
    border: 1px solid rgba(26, 75, 96, 0.16);
    border-radius: 10px;
    box-shadow: 0 18px 46px rgba(15, 42, 54, 0.18);
    padding: 8px 8px 10px;
    z-index: 1200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fscms-float-popover::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%) rotate(45deg);
    background: #ffffff;
    border-right: 1px solid rgba(26, 75, 96, 0.16);
    border-top: 1px solid rgba(26, 75, 96, 0.16);
}

.fscms-float-bar-item.fscms-has-pop:hover .fscms-float-popover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0);
}

.fscms-float-pop-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 900;
    color: rgba(26, 75, 96, 0.98);
    padding: 2px 4px 8px;
    border-bottom: 1px solid rgba(26, 75, 96, 0.08);
    text-align: center;
}

.fscms-float-pop-title i {
    font-size: 18px;
    margin: 0;
}

.fscms-float-pop-body {
    padding: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.fscms-float-pop-qr {
    width: 160px;
    height: 160px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(26, 75, 96, 0.12);
    align-self: center;
    background: #fff;
}

.fscms-float-pop-text {
    font-weight: 900;
    font-size: 12px;
    color: rgba(26, 75, 96, 0.96);
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.fscms-float-pop-sub {
    font-size: 11px;
    color: rgba(26, 75, 96, 0.78);
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.fscms-float-pop-empty {
    font-size: 12px;
    color: rgba(26, 75, 96, 0.8);
    line-height: 1.35;
    padding: 6px 0;
}

.fscms-float-pop-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fscms-float-pop-action {
    width: 100%;
    border: 1px solid rgba(26, 75, 96, 0.12);
    background: #fff;
    border-radius: 14px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.fscms-float-pop-action i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(26, 75, 96, 0.08);
    color: rgba(26, 75, 96, 0.98);
    font-size: 18px;
    margin: 0;
}

.fscms-float-pop-action-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fscms-float-pop-action-title {
    font-weight: 900;
    color: rgba(26, 75, 96, 0.98);
    font-size: 13px;
}

.fscms-float-pop-action-desc {
    font-size: 12px;
    color: rgba(26, 75, 96, 0.72);
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
}

.fscms-float-pop-action:hover {
    box-shadow: 0 12px 30px rgba(15, 42, 54, 0.14);
}

.fscms-float-worktime-tip {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 220px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(26, 75, 96, 0.16);
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: 0 18px 46px rgba(15, 42, 54, 0.18);
    color: rgba(26, 75, 96, 0.92);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    pointer-events: none;
    z-index: 1201;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fscms-float-worktime-tip::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 18px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: rgba(255, 255, 255, 0.96);
    border-left: 1px solid rgba(26, 75, 96, 0.16);
    border-top: 1px solid rgba(26, 75, 96, 0.16);
}

.fscms-float-worktime {
    padding-top: 8px;
    border-top: 1px solid rgba(26, 75, 96, 0.12);
    color: rgba(26, 75, 96, 0.9);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

.fscms-mobile-dock {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.92);
    border-top: 1px solid rgba(26, 75, 96, 0.16);
    box-shadow: 0 -16px 46px rgba(15, 42, 54, 0.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    gap: 2px;
}

.fscms-mobile-dock-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 0 7px;
    border: 0;
    background: transparent;
    color: rgba(26, 75, 96, 0.96);
    font-weight: 900;
    font-size: 11px;
    letter-spacing: 0.2px;
    min-width: 0;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    border-radius: 12px;
}

.fscms-mobile-dock-item i {
    font-size: 18px;
    line-height: 1;
}

.fscms-mobile-dock-item:active {
    opacity: 0.86;
}

.fscms-mobile-dock-item-main {
    background: transparent;
    color: rgba(26, 75, 96, 0.96);
    border: 0;
    box-shadow: none;
}

.fscms-mobile-dock-item-main i {
    font-size: 18px;
}

.fscms-mobile-service-sheet {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(78px + env(safe-area-inset-bottom) + 10px);
    z-index: 1205;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
}

.fscms-mobile-service-sheet.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fscms-mobile-service-sheet-head {
    display: none;
}

.fscms-mobile-service-sheet-title {
    font-weight: 900;
    color: rgba(26, 75, 96, 0.98);
    letter-spacing: 0.2px;
}

.fscms-mobile-service-sheet-close {
    border: 0;
    background: transparent;
    color: rgba(26, 75, 96, 0.72);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 10px;
}

.fscms-mobile-service-sheet-body {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.fscms-mobile-service-action {
    width: 100%;
    flex: none;
    border: 1px solid rgba(26, 75, 96, 0.12);
    background: #fff;
    border-radius: 14px;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 14px 34px rgba(15, 42, 54, 0.12);
}

.fscms-mobile-service-action i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(26, 75, 96, 0.08);
    color: rgba(26, 75, 96, 0.98);
    font-size: 18px;
    margin: 0;
}

.fscms-mobile-service-action-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fscms-mobile-service-action-title {
    font-weight: 900;
    color: rgba(26, 75, 96, 0.98);
}

.fscms-mobile-service-action-desc {
    font-size: 12px;
    color: rgba(26, 75, 96, 0.72);
    line-height: 1.35;
}

.fscms-mobile-service-empty {
    padding: 10px 6px 6px;
    color: rgba(26, 75, 96, 0.72);
    font-size: 12px;
    text-align: center;
}

/* 在线客服面板 */
.fscms-service-panel {
    position: fixed;
    right: 100px;
    bottom: 96px;
    width: 300px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .fscms-right-float-bar { display: none; }
    .fscms-mobile-dock { display: flex; }
    .fscms-auth-links { display: none !important; }
    body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
    .fscms-footer { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
    .fscms-service-panel {
        left: 12px;
        right: 12px;
        width: auto;
        bottom: calc(78px + env(safe-area-inset-bottom) + 12px);
        border-radius: 14px;
        transform: translateY(10px) !important;
    }
    .fscms-service-panel.show {
        transform: translateY(0) !important;
    }
}

/* 可点击的服务�?*/
.fscms-service-item.clickable {
    cursor: pointer;
}
.fscms-service-item.clickable:hover {
    background-color: var(--fscms-light-gray);
}

/* 客服聊天窗口 */
.fscms-chat-window {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 450px;
    background: var(--fscms-white);
    border-radius: var(--fscms-border-radius-lg);
    box-shadow: var(--fscms-shadow);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: var(--fscms-transition);
    display: none;
    height: 500px;
    max-height: none;
}
.fscms-chat-window.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: flex !important;
    flex-direction: column;
}
.fscms-chat-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* 改为顶部对齐 */
    padding: 12px 16px;
    min-height: 64px; /* 增加高度以容纳两�?*/
    background: var(--fscms-primary-color);
    color: var(--fscms-white);
    border-radius: var(--fscms-border-radius-lg) var(--fscms-border-radius-lg) 0 0;
    font-size: var(--fscms-font-size-lg);
}

.fscms-chat-title-group { 
    display: flex; 
    flex-direction: column; /* 垂直布局 */
    gap: 4px; 
    flex: 1;
}

.fscms-chat-title-main {
    font-size: var(--fscms-font-size-lg);
    font-weight: 500;
}

.fscms-chat-status-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fscms-chat-status-line {
    display: flex;
    align-items: center;
    gap: 6px;
}

.fscms-chat-status-text {
    font-size: 12px; /* 稍微减小字体 */
    color: rgba(255,255,255,0.9);
    line-height: 1.2;
}
.fscms-status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 8px;
    background: #bbb; /* 默认灰色 */
    box-shadow: 0 0 0 2px rgba(255,255,255,0.2);
}
.fscms-status-dot.online { background: #28a745; }
.fscms-status-dot.offline { background: #dc3545; }

.fscms-chat-controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fscms-sound-toggle {
    background: none;
    border: none;
    color: var(--fscms-white);
    font-size: 16px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
    opacity: 0.8;
}

.fscms-sound-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

.fscms-sound-toggle.active {
    opacity: 1;
}

.fscms-sound-toggle:not(.active) {
    opacity: 0.5;
}

.fscms-sound-toggle:not(.active):before {
    content: '🔇';
}

.fscms-sound-toggle.active:before {
    content: '🔊';
}

.fscms-chat-close {
    background: none;
    border: none;
    color: var(--fscms-white);
    font-size: 18px;
    cursor: pointer;
}
.fscms-chat-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--fscms-spacing-md);
}
.fscms-chat-input {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    padding: var(--fscms-spacing-sm) var(--fscms-spacing-md) var(--fscms-spacing-md);
    border-top: 1px solid var(--fscms-border-color);
    box-sizing: border-box;
}
.fscms-chat-input-wrap { flex: 1 1 auto; min-width: 0; position: relative; }
.fscms-chat-input input,
.fscms-chat-input textarea {
    width: 100%;
    border: 1px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    padding: var(--fscms-spacing-sm) calc(var(--fscms-spacing-md) + 32px) var(--fscms-spacing-sm) var(--fscms-spacing-md);
    outline: none;
    box-sizing: border-box;
}
.fscms-chat-input textarea {
    height: 36px;
    min-height: 36px;
    max-height: 120px;
    resize: none;
    overflow: hidden;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* 内嵌图片发送按钮（小图标样式） */
.fscms-chat-image-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--fscms-gray);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.fscms-chat-image-btn i { font-size: 16px; }
.fscms-chat-image-btn:hover { color: var(--fscms-dark-color); }

/* 聊天发送按钮与输入框等�?*/
.fscms-chat-send-btn {
    height: 36px;
    padding: 0 var(--fscms-spacing-md);
    min-width: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 禁用状态样�?*/
.fscms-chat-input input:disabled,
.fscms-chat-input textarea:disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    border-color: #ddd;
}

.fscms-btn-disabled {
    background-color: #f5f5f5 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    border-color: #ddd !important;
    opacity: 0.6 !important;
}
.fscms-chat-message {
    padding: 8px 10px;
    border-radius: var(--fscms-border-radius);
    margin-bottom: var(--fscms-spacing-sm);
    line-height: 1.6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.fscms-chat-message-user {
    background: var(--fscms-light-gray);
    color: var(--fscms-dark-gray);
    text-align: right;
}
.fscms-chat-message-agent {
    background: #e8f4f8;
    color: var(--fscms-dark-color);
    text-align: left;
}
.fscms-chat-message-system {
    background: #fffceb;
    color: #8a6d3b;
    text-align: center;
}

/* 聊天消息：头像与昵称基础样式 */
.fscms-chat-author {
    font-size: 12px;
    color: #888;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.fscms-chat-author-user {
    justify-content: flex-end;
}
.fscms-chat-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}
.fscms-chat-content {
    word-break: break-word;
    white-space: pre-wrap;
}

.fscms-chat-typing-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.fscms-chat-typing-progress {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
    color: rgba(26, 75, 96, 0.75);
}
.fscms-chat-typing-dots {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.fscms-chat-typing-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(26, 75, 96, 0.85);
    animation: fscmsChatTyping 1s infinite;
    transform: scale(.6);
    opacity: .35;
}
.fscms-chat-typing-dot:nth-child(2) { animation-delay: .15s; }
.fscms-chat-typing-dot:nth-child(3) { animation-delay: .30s; }
@keyframes fscmsChatTyping {
    0%, 80%, 100% { transform: scale(.6); opacity: .35; }
    40% { transform: scale(1); opacity: 1; }
}

.fscms-chat-md p { margin: 6px 0; }
.fscms-chat-md h1, .fscms-chat-md h2, .fscms-chat-md h3 {
    margin: 10px 0 6px;
    font-weight: 700;
    color: var(--fscms-primary-color);
    line-height: 1.4;
}
.fscms-chat-md h1 { font-size: 16px; }
.fscms-chat-md h2 { font-size: 15px; }
.fscms-chat-md h3 { font-size: 14px; }
.fscms-chat-md ul, .fscms-chat-md ol { margin: 6px 0 6px 18px; padding: 0; }
.fscms-chat-md li { margin: 4px 0; }
.fscms-chat-md a { color: var(--fscms-primary-color); text-decoration: underline; }
.fscms-chat-md code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    background: rgba(26, 75, 96, 0.08);
    border: 1px solid rgba(26, 75, 96, 0.12);
    padding: 1px 4px;
    border-radius: 4px;
}
.fscms-chat-md .fscms-md-pre {
    margin: 8px 0;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    overflow: auto;
}
.fscms-chat-md .fscms-md-pre code {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    white-space: pre;
}
.fscms-chat-md blockquote {
    margin: 8px 0;
    padding: 8px 10px;
    border-left: 3px solid rgba(26, 75, 96, 0.45);
    background: rgba(26, 75, 96, 0.05);
    border-radius: 6px;
    color: var(--fscms-text-light);
}

/* 图片消息样式 */
.fscms-chat-image-wrap {
    max-width: 240px;
}
.fscms-chat-image {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.fscms-service-panel.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.fscms-service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: var(--fscms-primary-color);
    color: white;
    border-radius: 10px 10px 0 0;
}

.fscms-service-header h4 {
    margin: 0;
    font-size: 16px;
}

.fscms-close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fscms-close-btn:hover {
    opacity: 0.8;
}

.fscms-service-content {
    padding: 20px;
}

.fscms-service-item {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-md);
    margin-bottom: 15px;
    font-size: 14px;
}

.fscms-service-item:last-child {
    margin-bottom: 0;
}

.fscms-service-item i {
    color: var(--fscms-primary-color);
    width: 18px;
    height: auto;
    border-radius: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.fscms-service-item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.fscms-service-item-title {
    font-size: var(--fscms-font-size-xl);
    color: var(--fscms-dark-gray);
    font-weight: 600;
}

.fscms-service-item-desc {
    font-size: 12px;
    color: var(--fscms-gray);
}

.fscms-contact-info {
    margin-top: var(--fscms-spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--fscms-spacing-sm);
}

.fscms-contact-item {
    display: flex;
    align-items: flex-start;
    gap: var(--fscms-spacing-sm);
    margin-bottom: 0;
}

.fscms-contact-item i {
    color: var(--fscms-secondary-color);
    width: 20px;
}

/* 底部版权 */
.fscms-footer-bottom {
    background-color: var(--fscms-dark-color);
    padding: var(--fscms-spacing-lg) 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fscms-footer-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--fscms-spacing-xs);
    text-align: center;
}

.fscms-copyright-text p {
    color: var(--fscms-light-gray);
    font-size: var(--fscms-font-size-sm);
    margin: 0;
}

.fscms-beian-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--fscms-spacing-xs) var(--fscms-spacing-md);
    margin: 0;
}

.fscms-beian-item {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-xs);
    margin: 0;
}

.fscms-beian-icon {
    width: 16px;
    height: 16px;
    opacity: 0.8;
}

.fscms-beian-item a {
    color: var(--fscms-light-gray);
    text-decoration: none;
    font-size: var(--fscms-font-size-sm);
    transition: var(--fscms-transition);
}

.fscms-beian-item a:hover {
    color: var(--fscms-white);
    text-decoration: underline;
}

/* 让“全国互联网违法和不良信息举报中心”在底部居中单独一行显�?*/
@media (max-width: 768px) {
    .fscms-footer-copyright .fscms-beian-info .fscms-beian-item:last-child {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .fscms-beian-info {
        flex-wrap: nowrap;
        gap: var(--fscms-spacing-xs) var(--fscms-spacing-sm);
    }
}

.fscms-powered-by p {
    color: var(--fscms-light-gray);
    font-size: var(--fscms-font-size-sm);
    margin: 0;
}

.fscms-powered-by strong {
    color: var(--fscms-secondary-color);
}

/* 留言模态框样式 */
.fscms-message-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.fscms-message-modal.show {
    opacity: 1;
    visibility: visible;
}

.fscms-message-modal-content {
    background: var(--fscms-white);
    border-radius: var(--fscms-border-radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    transform: scale(0.8) translateY(-20px);
    transition: all 0.3s ease;
}

.fscms-message-modal.show .fscms-message-modal-content {
    transform: scale(1) translateY(0);
}

.fscms-message-modal-header {
    background: var(--fscms-primary-color);
    color: var(--fscms-white);
    padding: var(--fscms-spacing-lg) var(--fscms-spacing-xl);
    border-radius: var(--fscms-border-radius-lg) var(--fscms-border-radius-lg) 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fscms-message-modal-header h4 {
    margin: 0;
    font-size: var(--fscms-font-size-lg);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
}

.fscms-message-modal-header h4 i {
    color: var(--fscms-secondary-color);
}

.fscms-message-modal-close {
    background: none;
    border: none;
    color: var(--fscms-white);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--fscms-border-radius);
    transition: var(--fscms-transition);
}

.fscms-message-modal-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--fscms-secondary-color);
}

.fscms-message-modal-body {
    padding: var(--fscms-spacing-xl);
}

/* 二维码模态框专用尺寸（保持居中） */
#fscmsQrModal .fscms-message-modal-content {
    width: auto;           /* 让内容按内容宽度自适应 */
    max-width: 320px;      /* 缩小整体卡片最大宽�?*/
}
#fscmsQrModal .fscms-message-modal-body {
    padding: var(--fscms-spacing-lg); /* 适当收紧内边�?*/
}
#fscmsQrModal #fscmsQrModalImg {
    width: 260px;          /* 控制二维码图片视觉宽�?*/
    max-width: 100%;
    height: auto;
}

.fscms-qr-popover {
    position: absolute;
    z-index: 3000;
    background: #fff;
    border: 2px solid #1a4b60;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    padding: 8px 8px 10px 8px;
    display: none;
    pointer-events: none;
    opacity: 0;
    transform: scale(.96);
    transition: opacity .12s ease, transform .12s ease;
}
.fscms-qr-popover.show { opacity: 1; transform: scale(1); }
.fscms-qr-popover-img { width: 220px; height: 220px; display: block; }
.fscms-qr-popover-caption { margin-top: 6px; font-size: 12px; color: var(--fscms-gray); text-align: center; }

/* 微信号复制提示与按钮样式 */
.fscms-qr-tip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: var(--fscms-gray);
}
.fscms-copy-btn {
    padding: 4px 8px;
    font-size: 12px;
    color: var(--fscms-white);
    background: var(--fscms-primary-color);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: var(--fscms-transition);
}
.fscms-copy-btn:hover { background: var(--fscms-dark-color); }

.fscms-message-form {
    display: flex;
    flex-direction: column;
    gap: var(--fscms-spacing-lg);
}

.fscms-message-form.fscms-form-grid-2,
.fscms-message-form.fscms-form-grid-3,
.fscms-message-form.fscms-form-grid-4 {
    display: grid;
    gap: var(--fscms-spacing-lg);
}

.fscms-message-form.fscms-form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fscms-message-form.fscms-form-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fscms-message-form.fscms-form-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.fscms-form-span-2 { grid-column: span 2; }
.fscms-form-span-3 { grid-column: span 3; }
.fscms-form-span-4 { grid-column: span 4; }

.fscms-form-actions.fscms-actions-left { justify-content: flex-start; }

@media (max-width: 960px) {
    .fscms-message-form.fscms-form-grid-2,
    .fscms-message-form.fscms-form-grid-3,
    .fscms-message-form.fscms-form-grid-4 {
        grid-template-columns: 1fr;
    }
    .fscms-form-span-2,
    .fscms-form-span-3,
    .fscms-form-span-4 {
        grid-column: auto;
    }
}

.fscms-form-group {
    display: flex;
    flex-direction: column;
    gap: var(--fscms-spacing-sm);
}

.fscms-form-label {
    font-weight: 600;
    color: var(--fscms-primary-color);
    font-size: var(--fscms-font-size-base);
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
}

.fscms-form-label i {
    color: var(--fscms-primary-color);
    width: 16px;
    text-align: center;
}

.fscms-required {
    color: var(--fscms-float-danger);
    font-weight: bold;
}

.fscms-form-input,
.fscms-form-textarea {
    padding: var(--fscms-spacing-md);
    border: 2px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    font-size: var(--fscms-font-size-base);
    font-family: var(--fscms-font-family);
    transition: var(--fscms-transition);
    background-color: var(--fscms-white);
}

.fscms-form-input:focus,
.fscms-form-textarea:focus {
    outline: none;
    border-color: var(--fscms-secondary-color);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1);
}

.fscms-form-input.fscms-error,
.fscms-form-textarea.fscms-error {
    border-color: var(--fscms-float-danger);
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.fscms-form-textarea {
    resize: vertical;
    min-height: 120px;
}

.fscms-message-address-row {
    display: flex;
    gap: var(--fscms-spacing-sm);
}

.fscms-message-address-row .fscms-form-input {
    flex: 1;
    min-width: 0;
}

.fscms-detail-table-wrap {
    margin: var(--fscms-spacing-lg) 0;
}

.fscms-detail-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--fscms-white);
    border: 2px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    overflow: hidden;
}

.fscms-detail-table th,
.fscms-detail-table td {
    padding: 12px 14px;
    vertical-align: top;
}

.fscms-detail-table th {
    width: 160px;
    color: var(--fscms-primary-color);
    font-weight: 800;
    white-space: nowrap;
    background: linear-gradient(90deg, rgba(26, 75, 96, 0.12), rgba(26, 75, 96, 0.04));
}

.fscms-detail-table td {
    color: var(--fscms-dark-gray);
    word-break: break-word;
    background: rgba(255, 255, 255, 0.8);
}

.fscms-detail-table tr + tr th,
.fscms-detail-table tr + tr td {
    border-top: 1px solid var(--fscms-border-color);
}

.fscms-detail-table tr:hover td {
    background: rgba(255, 215, 0, 0.06);
}

.fscms-table-actions {
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    flex-wrap: wrap;
}

.fscms-table-text {
    flex: 1;
    min-width: 0;
    word-break: break-all;
}

@media (max-width: 768px) {
    .fscms-detail-table,
    .fscms-detail-table tbody,
    .fscms-detail-table tr,
    .fscms-detail-table th,
    .fscms-detail-table td {
        display: block;
        width: 100%;
    }

    .fscms-detail-table tr + tr th,
    .fscms-detail-table tr + tr td {
        border-top: 0;
    }

    .fscms-detail-table th {
        width: auto;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--fscms-border-color);
    }

    .fscms-detail-table td {
        padding-top: 10px;
    }
}

.fscms-download-panel {
    margin: var(--fscms-spacing-lg) 0;
    padding: 14px;
    border: 2px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.14), rgba(255, 255, 255, 0.92));
    box-shadow: var(--fscms-shadow);
}

.fscms-download-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fscms-spacing-sm);
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.fscms-download-panel-title {
    font-weight: 900;
    color: var(--fscms-dark-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fscms-download-panel-chips {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fscms-download-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--fscms-border-color);
    border-radius: 999px;
    background: rgba(26, 75, 96, 0.06);
    color: var(--fscms-primary-color);
    font-size: 12px;
}

.fscms-download-panel-body {
    display: flex;
    align-items: stretch;
    gap: var(--fscms-spacing-md);
    flex-wrap: wrap;
}

.fscms-download-btn {
    min-width: 180px;
}

.fscms-download-pass {
    flex: 1 1 280px;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: var(--fscms-spacing-sm);
}

.fscms-download-note {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px dashed var(--fscms-border-color);
    background: rgba(26, 75, 96, 0.04);
    color: var(--fscms-dark-gray);
}

.fscms-download-note i {
    color: var(--fscms-primary-color);
    margin-top: 2px;
}

@media (max-width: 768px) {
    .fscms-download-panel-body {
        flex-direction: column;
    }

    .fscms-download-btn {
        width: 100%;
    }
}

.fscms-download-panel.fscms-download-panel-v2 {
    padding: 16px;
}

.fscms-download-grid.fscms-download-grid-v3 {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.fscms-download-main,
.fscms-download-code-col,
.fscms-download-verify-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.fscms-download-grid.fscms-download-grid-v4 {
    display: grid;
    grid-template-columns: minmax(200px, 240px) minmax(90px, 140px) 110px minmax(160px, 1fr) 140px;
    gap: 12px;
    align-items: start;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-btn {
    min-width: 0;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-btn:hover {
    transform: none;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-download-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-download-main-btn,
.fscms-download-grid.fscms-download-grid-v4 .fscms-download-copy-btn,
.fscms-download-grid.fscms-download-grid-v4 .fscms-download-verify-btn {
    width: 100%;
    height: 46px;
    padding: 0 16px;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-download-code-box {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
}

.fscms-download-grid.fscms-download-grid-v4 .fscms-download-code-input {
    width: 100%;
    height: 46px;
}

.fscms-download-muted.fscms-download-muted-inline {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    white-space: nowrap;
}

.fscms-download-main-btn {
    width: 100%;
    height: 46px;
    padding: 0 16px;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(26, 75, 96, 0.18);
}

.fscms-download-tip {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--fscms-gray);
}

.fscms-download-tip i {
    color: var(--fscms-primary-color);
}

.fscms-download-side-btn {
    width: 100%;
    height: 46px;
    padding: 0 16px;
}

.fscms-download-muted {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--fscms-border-radius);
    border: 1px dashed var(--fscms-border-color);
    background: rgba(255, 255, 255, 0.8);
    color: var(--fscms-gray);
}

.fscms-download-code-box {
    font-weight: 800;
    letter-spacing: 1px;
    height: 46px;
    display: flex;
    align-items: center;
}

.fscms-download-code-input {
    height: 46px;
}

.fscms-download-form {
    margin: 0;
}

@media (max-width: 768px) {
    .fscms-download-grid.fscms-download-grid-v3 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .fscms-download-grid.fscms-download-grid-v4 {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .fscms-download-cell-main,
    .fscms-download-cell-input,
    .fscms-download-cell-verify,
    .fscms-download-note {
        grid-column: 1 / -1;
    }
}

@media (max-width: 480px) {
    .fscms-download-grid.fscms-download-grid-v4 {
        grid-template-columns: 1fr;
    }
}

.fscms-form-actions {
    display: flex;
    gap: var(--fscms-spacing-md);
    justify-content: flex-end;
    margin-top: var(--fscms-spacing-lg);
}

.fscms-btn {
    padding: var(--fscms-spacing-md) var(--fscms-spacing-xl);
    border: none;
    border-radius: var(--fscms-border-radius);
    font-size: var(--fscms-font-size-base);
    font-weight: 600;
    cursor: pointer;
    transition: var(--fscms-transition);
    display: flex;
    align-items: center;
    gap: var(--fscms-spacing-sm);
    text-decoration: none;
    justify-content: center;
    min-width: 120px;
}

.fscms-btn-primary {
    background-color: var(--fscms-primary-color);
    color: var(--fscms-white);
}

.fscms-btn-primary:hover {
    background-color: var(--fscms-dark-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 75, 96, 0.3);
}

.fscms-btn-secondary {
    background-color: var(--fscms-gray);
    color: var(--fscms-white);
}

.fscms-btn-secondary:hover {
    background-color: var(--fscms-dark-gray);
    color: var(--fscms-white);
}

/* 留言模态框响应式样�?*/
@media (max-width: 768px) {
    .fscms-message-modal-content {
        width: 95%;
        margin: var(--fscms-spacing-md);
    }
    
    .fscms-message-modal-header {
        padding: var(--fscms-spacing-md) var(--fscms-spacing-lg);
    }
    
    .fscms-message-modal-header h4 {
        font-size: var(--fscms-font-size-base);
    }
    
    .fscms-message-modal-body {
        padding: var(--fscms-spacing-lg);
    }
    
    .fscms-form-actions {
        flex-direction: column;
        gap: var(--fscms-spacing-sm);
    }
    
    .fscms-btn {
        width: 100%;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .fscms-message-modal-content {
        width: 98%;
        margin: var(--fscms-spacing-sm);
        max-height: 95vh;
    }
    
    .fscms-message-modal-header {
        padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
    }
    
    .fscms-message-modal-body {
        padding: var(--fscms-spacing-md);
    }
    
    .fscms-form-group {
        gap: var(--fscms-spacing-xs);
    }
    
    .fscms-form-input,
    .fscms-form-textarea {
        padding: var(--fscms-spacing-sm);
        font-size: 14px;
    }
    
    .fscms-form-textarea {
        min-height: 100px;
    }
}



/* 1200px以下响应式设�?*/
@media (max-width: 1200px) {
    .fscms-container {
        max-width: 100%;
        padding: 0 var(--fscms-spacing-lg);
    }
    
    .fscms-slide-content {
        padding: var(--fscms-spacing-lg);
    }
    
    .fscms-features-grid {
        grid-template-columns: 1fr;
        gap: var(--fscms-spacing-lg);
    }
    
    /* 底部布局优化 */
    .fscms-footer-content {
        grid-template-columns: 1fr;
        gap: var(--fscms-spacing-lg);
        text-align: left;
    }
    
    .fscms-footer-section {
        margin-bottom: var(--fscms-spacing-xl);
    }
    
    .fscms-footer-title {
        font-size: var(--fscms-font-size-md);
        margin-bottom: var(--fscms-spacing-md);
    }
    
    .fscms-footer-text {
        font-size: var(--fscms-font-size-sm);
        line-height: 1.6;
    }
    
    .fscms-footer-links li {
        margin-bottom: var(--fscms-spacing-xs);
    }
    
    .fscms-footer-link {
        font-size: var(--fscms-font-size-sm);
    }
    
    /* 快速链接和产品服务按钮式布局 */
    .fscms-footer-section:nth-child(2) .fscms-footer-links,
    .fscms-footer-section:nth-child(3) .fscms-footer-links {
        display: flex;
        flex-wrap: wrap;
        gap: var(--fscms-spacing-xs);
        margin-top: var(--fscms-spacing-sm);
    }
    
    .fscms-footer-section:nth-child(2) .fscms-footer-links li,
    .fscms-footer-section:nth-child(3) .fscms-footer-links li {
        margin-bottom: 0;
        flex: 0 0 auto;
    }
    
    .fscms-footer-section:nth-child(2) .fscms-footer-link,
    .fscms-footer-section:nth-child(3) .fscms-footer-link {
        display: inline-block;
        background: rgba(255, 255, 255, 0.1);
        padding: var(--fscms-spacing-xs) var(--fscms-spacing-sm);
        border-radius: var(--fscms-border-radius);
        font-size: 12px;
        transition: var(--fscms-transition);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .fscms-footer-section:nth-child(2) .fscms-footer-link:hover,
    .fscms-footer-section:nth-child(3) .fscms-footer-link:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: var(--fscms-secondary-color);
        color: var(--fscms-secondary-color);
        transform: translateY(-1px);
    }
    
    .fscms-contact-info {
        gap: var(--fscms-spacing-xs);
    }
    
    .fscms-contact-item {
        font-size: var(--fscms-font-size-sm);
        margin-bottom: var(--fscms-spacing-xs);
    }
    
    .fscms-footer-social {
        gap: var(--fscms-spacing-xs);
        margin-top: var(--fscms-spacing-md);
    }
    
    .fscms-social-btn {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    /* 底部版权区域 */
    .fscms-footer-copyright {
        flex-direction: column;
        gap: var(--fscms-spacing-sm);
    }
    
    .fscms-beian-info {
        flex-direction: column;
        gap: var(--fscms-spacing-xs);
        align-items: center;
    }
    
    .fscms-beian-item {
        font-size: var(--fscms-font-size-xs);
    }
    
    /* 移动端底部浮动栏调整 */
    .fscms-bottom-float-bar {
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .fscms-float-bar-item {
        min-width: 70px;
    }
    
    .fscms-float-bar-item i {
        font-size: 18px;
    }
    
    .fscms-float-bar-item span {
        font-size: 11px;
    }
    
    .fscms-service-panel {
        width: 280px;
        bottom: 70px;
    }
}

/* 中等屏幕搜索表单优化 (750px - 999px) */
@media (min-width: 750px) and (max-width: 999px) {
    .fscms-main-nav .fscms-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--fscms-spacing-sm);
    }
    
    .fscms-nav-brand {
        flex-shrink: 0;
    }
    
    .fscms-search-box {
        flex: 0 1 auto;
        margin-left: auto;
        margin-right: 0;
        max-width: 200px;
    }
    
    .fscms-search-input {
        width: 100%;
        min-width: 150px;
    }
    
    .fscms-nav-menu {
        display: flex;
        gap: var(--fscms-spacing-sm);
    }
    
    .fscms-mobile-menu-btn {
        display: none;
    }
}

/* 响应式设�?*/
@media (max-width: 1000px) {
    .fscms-container {
        padding: 0 var(--fscms-spacing-sm);
    }
    
    .fscms-top-bar {
        flex-direction: column;
        gap: var(--fscms-spacing-sm);
        text-align: center;
    }
    
    .fscms-contact-info {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--fscms-spacing-sm);
        justify-content: center;
    }
    .fscms-contact-item {
        align-items: center;
    }
    
    .fscms-beian-info {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--fscms-spacing-xs);
        justify-content: center;
    }
    
    .fscms-beian-item {
        justify-content: center;
        white-space: nowrap;
    }
    
    /* 移动端导航布局：左侧logo、中间搜索、右侧汉堡按�?*/
    .fscms-main-nav .fscms-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--fscms-spacing-md);
    }
    
    .fscms-nav-brand {
        order: 1;
        flex-shrink: 0;
    }
    
    .fscms-search-box {
        order: 2;
        flex: 1;
        margin-left: 0;
        margin-right: var(--fscms-spacing-md);
    }
    
    .fscms-search-input {
        width: 100%;
    }
    
    .fscms-mobile-menu-btn {
        display: flex;
        order: 3;
        flex-shrink: 0;
    }
    
    .fscms-nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        flex-direction: column;
        width: auto;
        min-width: 200px;
        max-width: 280px;
        background-color: var(--fscms-white);
        box-shadow: var(--fscms-shadow);
        border-radius: var(--fscms-border-radius);
        padding: var(--fscms-spacing-sm);
        margin-top: var(--fscms-spacing-sm);
        margin-right: var(--fscms-spacing-sm);
        z-index: 1000;
    }
    
    .fscms-nav-menu.show {
        display: flex;
    }
    
    .fscms-nav-item {
        width: 100%;
    }
    
    .fscms-nav-link {
        justify-content: space-between;
        padding: var(--fscms-spacing-sm) var(--fscms-spacing-md);
        border-bottom: 1px solid var(--fscms-light-gray);
        white-space: nowrap;
        text-align: left;
    }
    
    .fscms-nav-link .fscms-dropdown-icon {
        padding: 2px 10px;
        margin-left: 10px;
        font-size: 14px;
        border-left: 1px solid rgba(0,0,0,0.05);
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .fscms-nav-item:last-child .fscms-nav-link {
        border-bottom: none;
    }
    
    /* 隐藏桌面端的更多菜单 */
    .fscms-more-dropdown {
        display: none !important;
    }
    
    .fscms-hero-slider {
        height: 300px;
    }
    
    .fscms-slide-title {
        font-size: 1.8rem;
    }
    
    .fscms-slide-content {
        padding: var(--fscms-spacing-lg);
    }
    
    .fscms-features-grid {
        grid-template-columns: 1fr;
    }
    
    .fscms-footer-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .fscms-footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }
    
    /* 移动端底部浮动栏调整 */
    .fscms-bottom-float-bar {
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .fscms-float-bar-item {
        min-width: 70px;
    }
    
    .fscms-float-bar-item i {
        font-size: 18px;
    }
    
    .fscms-float-bar-item span {
        font-size: 11px;
    }
    
    .fscms-service-panel {
        width: 280px;
        bottom: 70px;
    }

    /* 移动端去除导航分隔竖�?*/
    .fscms-nav-menu .fscms-nav-item::before {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .fscms-hero-title {
        font-size: 2rem;
    }
    
    .fscms-hero-subtitle {
        font-size: 1rem;
    }
    
    .fscms-feature-grid {
        grid-template-columns: 1fr;
        gap: var(--fscms-spacing-lg);
    }
    
    /* 底部布局优化 - 768px以下单列布局 */
    .fscms-footer-main {
        padding: var(--fscms-spacing-xl) 0;
    }
    
    .fscms-footer-content {
        grid-template-columns: 1fr;
        gap: var(--fscms-spacing-lg);
        text-align: center;
    }
    
    .fscms-footer-section {
        margin-bottom: var(--fscms-spacing-lg);
        padding: 0 var(--fscms-spacing-md);
    }
    
    .fscms-footer-title {
        font-size: var(--fscms-font-size-md);
        margin-bottom: var(--fscms-spacing-md);
        justify-content: center;
    }
    
    .fscms-footer-text {
        font-size: var(--fscms-font-size-sm);
        line-height: 1.6;
        margin-bottom: var(--fscms-spacing-md);
    }
    
    .fscms-footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--fscms-spacing-sm);
        margin: 0;
        padding: 0;
    }
    
    .fscms-footer-links li {
        margin-bottom: 0;
        list-style: none;
    }
    
    .fscms-footer-link {
        font-size: var(--fscms-font-size-sm);
        padding: var(--fscms-spacing-xs) var(--fscms-spacing-sm);
        background: rgba(255, 255, 255, 0.1);
        border-radius: var(--fscms-border-radius);
        display: inline-block;
        transition: var(--fscms-transition);
    }
    
    .fscms-footer-link:hover {
        background: var(--fscms-secondary-color);
        color: var(--fscms-primary-color);
    }
    
    .fscms-contact-info {
        gap: var(--fscms-spacing-sm);
        align-items: center;
    }
    
    .fscms-contact-item {
        font-size: var(--fscms-font-size-sm);
        justify-content: center;
        text-align: center;
        margin-bottom: var(--fscms-spacing-sm);
    }
    
    .fscms-contact-item i {
        margin-right: var(--fscms-spacing-sm);
    }
    
    .fscms-footer-social {
        justify-content: center;
        gap: var(--fscms-spacing-sm);
        margin-top: var(--fscms-spacing-md);
    }
    
    .fscms-social-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    /* 底部版权区域优化 */
    .fscms-footer-bottom {
        padding: var(--fscms-spacing-md) 0;
    }
    
    .fscms-footer-copyright {
        flex-direction: column;
        gap: var(--fscms-spacing-sm);
        text-align: center;
    }
    
    .fscms-beian-info {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--fscms-spacing-xs);
        align-items: center;
        justify-content: center;
    }
    
    .fscms-beian-item {
        font-size: var(--fscms-font-size-xs);
        justify-content: center;
        white-space: normal;
    }
    
    .fscms-beian-item a {
        color: var(--fscms-light-gray);
        text-decoration: none;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-break: break-word;
        line-height: 1.45;
    }
    
    .fscms-beian-item a:hover {
        color: var(--fscms-secondary-color);
    }
    
    /* 右侧浮动栏调�?*/
    .fscms-right-float-bar {
        right: 15px;
        bottom: 60px;
    }
    
    .fscms-float-bar-item {
        width: 50px;
        height: 50px;
        font-size: 10px;
        min-width: 50px;
        min-height: 50px;
        padding: 0;
    }
    
    .fscms-float-bar-item i {
        font-size: 16px;
        margin-bottom: 1px;
    }
    
    .fscms-float-bar-item span {
        font-size: 9px;
        max-width: 40px;
        margin-top: 1px;
    }
    
    .fscms-service-panel {
        right: 60px;
        bottom: 40px;
        width: 260px;
    }
}

@media (max-width: 480px) {
    .fscms-slide-title {
        font-size: 1.5rem;
    }
    
    .fscms-slide-text {
        font-size: var(--fscms-font-size-base);
    }
    
    .fscms-feature-card {
        padding: var(--fscms-spacing-lg);
    }
    
    /* 小屏幕底部布局优化 */
    .fscms-footer-main {
        padding: var(--fscms-spacing-lg) 0;
    }
    
    .fscms-footer-content {
        grid-template-columns: 1fr;
        gap: var(--fscms-spacing-md);
        text-align: center;
    }
    
    .fscms-footer-section {
        margin-bottom: var(--fscms-spacing-md);
        padding: 0 var(--fscms-spacing-sm);
    }
    
    .fscms-footer-title {
        font-size: var(--fscms-font-size-base);
        margin-bottom: var(--fscms-spacing-sm);
        justify-content: center;
    }
    
    .fscms-footer-title i {
        font-size: 16px;
    }
    
    .fscms-footer-text {
        font-size: var(--fscms-font-size-xs);
        line-height: 1.5;
        margin-bottom: var(--fscms-spacing-sm);
    }
    
    .fscms-footer-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--fscms-spacing-xs);
        margin: 0;
        padding: 0;
    }
    
    .fscms-footer-links li {
        margin-bottom: 0;
        list-style: none;
    }
    
    .fscms-footer-link {
        font-size: var(--fscms-font-size-xs);
        padding: var(--fscms-spacing-xs);
        background: rgba(255, 255, 255, 0.1);
        border-radius: var(--fscms-border-radius);
        display: block;
        text-align: center;
        transition: var(--fscms-transition);
    }
    
    .fscms-footer-link:hover {
        background: var(--fscms-secondary-color);
        color: var(--fscms-primary-color);
    }
    
    .fscms-contact-info {
        gap: var(--fscms-spacing-xs);
        align-items: center;
    }
    
    .fscms-contact-item {
        font-size: var(--fscms-font-size-xs);
        justify-content: center;
        text-align: center;
        margin-bottom: var(--fscms-spacing-xs);
        flex-direction: row;
        gap: var(--fscms-spacing-xs);
        align-items: center;
    }
    
    .fscms-contact-item i {
        margin-right: 0;
        margin-bottom: var(--fscms-spacing-xs);
        font-size: 14px;
        color: var(--fscms-secondary-color);
    }
    
    .fscms-footer-social {
        justify-content: center;
        gap: var(--fscms-spacing-sm);
        margin-top: var(--fscms-spacing-sm);
    }
    
    .fscms-social-btn {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    /* 小屏幕底部版权区域优�?*/
    .fscms-footer-bottom {
        padding: var(--fscms-spacing-sm) 0;
    }
    
    .fscms-footer-copyright {
        flex-direction: column;
        gap: var(--fscms-spacing-xs);
        text-align: center;
        padding: 0 var(--fscms-spacing-sm);
    }
    
    .fscms-copyright-text p {
        font-size: var(--fscms-font-size-xs);
        margin: 0;
    }
    
    .fscms-powered-by p {
        font-size: var(--fscms-font-size-xs);
        margin: 0;
    }
    
    .fscms-beian-info {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--fscms-spacing-xs);
        align-items: center;
        justify-content: center;
    }
    
    .fscms-beian-item {
        font-size: 10px;
        justify-content: center;
        flex-direction: row;
        text-align: center;
        gap: var(--fscms-spacing-xs);
        align-items: center;
        white-space: nowrap;
    }
    
    .fscms-beian-item a {
        color: var(--fscms-light-gray);
        text-decoration: none;
        line-height: 1.4;
    }
    
    .fscms-beian-item a:hover {
        color: var(--fscms-secondary-color);
    }
    
    .fscms-beian-icon {
        width: 12px;
        height: 12px;
    }
    
    /* 小屏幕右侧浮动栏调整 */
    .fscms-right-float-bar {
        right: 10px;
        bottom: 40px;
    }
    
    .fscms-float-bar-item {
        width: 45px;
        height: 45px;
        font-size: 9px;
        min-width: 45px;
        min-height: 45px;
        padding: 0;
    }
    
    .fscms-float-bar-item i {
        font-size: 14px;
        margin-bottom: 1px;
    }
    
    .fscms-float-bar-item span {
        font-size: 8px;
        max-width: 35px;
        margin-top: 1px;
    }
    
    .fscms-service-panel {
        right: 60px;
        bottom: 40px;
        width: 260px;
    }
}

/* 移动端适配：窗口宽度随屏幕缩放 */
@media (max-width: 768px) {
  .fscms-chat-window {
    right: 4vw;
    bottom: 4vw;
    width: 92vw;
    max-height: 70vh;
  }
  .fscms-chat-body {
    max-height: 48vh;
  }
  .fscms-chat-input {
    padding: var(--fscms-spacing-sm);
    gap: 8px;
  }
  .fscms-chat-input input {
    height: 40px;
  }
  .fscms-chat-send-btn {
    width: auto !important;
    min-width: 52px !important;
    max-width: 86px !important;
    height: 40px !important;
    padding: 0 14px !important;
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* 侧边栏移动端适配已移�?*/

/* 浮动栏气泡提示样�?/
.fscms-inline-tooltip {
    position: fixed;
    z-index: 9999;
    background: #2b3a4a;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    padding: 8px 12px;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(20, 20, 20, 0.25);
    max-width: 260px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
}
.fscms-inline-tooltip.show {
    opacity: 1;
}
.fscms-inline-tooltip::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #2b3a4a;
}
.fscms-section-title { white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
.fscms-breadcrumb .active { display: inline-block; max-width: 50vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fscms-share-group { display:flex; flex-wrap:wrap; flex:0 0 100%; width:100%; align-items:center; justify-content:flex-start; gap:6px; margin-left:0; vertical-align:middle; white-space: normal; }
.fscms-share-label { color: var(--fscms-gray); font-size: 12px; }
.fscms-share-chip { height:20px; padding:0 10px; border-radius:999px; border:1px solid var(--fscms-border-color); background:#fff; color: var(--fscms-dark-gray); font-size:13px; cursor:pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.06); display:inline-flex; align-items:center; gap:6px; }
.fscms-share-chip:hover { background: var(--fscms-light-gray); }
.fscms-share-chip.share-wechat { border-color:#1aad19; color:#1aad19; background: rgba(26,173,25,0.06); }
.fscms-share-chip.share-moments { border-color:#0aa1ed; color:#0aa1ed; background: rgba(10,161,237,0.06); }
.fscms-share-chip.share-qzone { border-color:#fbbc05; color:#b88700; background: rgba(251,188,5,0.12); }
.fscms-share-chip.share-weibo { border-color:#e6162d; color:#e6162d; background: rgba(230,22,45,0.08); }
.fscms-share-chip.share-qq { border-color:#12b7f5; color:#0aa1ed; background: rgba(18,183,245,0.08); }

@media (max-width: 768px) {
  .fscms-share-group { gap:4px; }
  .fscms-share-label { display:none; }
  .fscms-share-chip { width:28px; height:28px; padding:0; justify-content:center; font-size:0; border-radius:50%; gap:0; }
  .fscms-share-chip i { font-size:14px; margin:0; }
}

.fscms-article-body img { max-width: 100% !important; height: auto !important; display: inline-block; }

/* Recommended Galleries Widget */
.fscms-rec-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.fscms-rec-item {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s;
}
.fscms-rec-item:hover {
    transform: translateY(-2px);
    color: #1a4b60;
}
.fscms-rec-img {
    width: 100%;
    height: 140px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
    background: #f0f0f0;
    position: relative;
}
.fscms-rec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.fscms-rec-item:hover .fscms-rec-img img {
    transform: scale(1.05);
}
.fscms-rec-title {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fscms-rec-item:hover .fscms-rec-title {
    color: #1a4b60;
}

@media (max-width: 768px) {
    .fscms-rec-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .fscms-rec-img {
        height: 96px;
        margin-bottom: 6px;
    }
    .fscms-rec-title {
        font-size: 13px;
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    .fscms-rec-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
    .fscms-rec-img {
        height: 110px;
    }
}


/* ��Ƶģ����ʽ */
.fscms-video-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: background 0.3s;
}
.fscms-list-thumb:hover .fscms-video-play-overlay {
    background: rgba(0,0,0,0.4);
}
.fscms-video-play-overlay i {
    font-size: 48px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    transition: transform 0.3s;
}
.fscms-list-thumb:hover .fscms-video-play-overlay i {
    transform: scale(1.1);
}
.fscms-rec-item:hover .fscms-video-play-overlay {
    background: rgba(0,0,0,0.4);
}
.fscms-rec-item:hover .fscms-video-play-overlay i {
    transform: scale(1.1);
}

/* ��Ƶ����ҳ���� */
.fscms-video-layout {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.fscms-video-main {
    flex: 1;
    min-width: 0;
}
.fscms-video-sidebar {
    width: 320px;
    flex-shrink: 0;
}

.fscms-video-info-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.fscms-video-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.fscms-video-meta {
    color: #999;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.fscms-video-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

/* �������Ƶ�б�?*/
.fscms-video-sidebar-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 4px solid var(--fscms-secondary-color);
    color: var(--fscms-primary-color);
}
.fscms-video-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.fscms-video-sidebar-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.fscms-video-sidebar-thumb {
    width: 120px;
    height: 68px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}
.fscms-video-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fscms-video-sidebar-info {
    flex: 1;
    min-width: 0;
}
.fscms-video-sidebar-title-link {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 5px;
}
.fscms-video-sidebar-title-link:hover {
    color: var(--fscms-secondary-color);
}
.fscms-video-sidebar-mini-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: rgba(255,255,255,0.8);
    pointer-events: none;
}

@media (max-width: 992px) {
    .fscms-video-layout {
        flex-direction: column;
    }
    .fscms-video-sidebar {
        width: 100%;
    }
    .fscms-video-sidebar-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 15px;
    }
}


/* Video Detail Page Layout */
.fscms-video-container {
    max-width: 1400px;
    margin: 20px auto;
    padding: 0 15px;
}

.fscms-video-top-section {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.fscms-video-player-wrapper {
    flex: 1;
    min-width: 0;
    background: #000;
    border-radius: var(--fscms-border-radius);
    overflow: hidden;
    position: relative;
}

.fscms-video-player-container {
    width: 100%;
    padding-bottom: 56.25%; 
    position: relative;
    height: 0;
    background: #000;
    margin-bottom: 20px;
    border-radius: var(--fscms-border-radius);
    overflow: hidden;
}

.fscms-video-player-container iframe,
.fscms-video-player-container video,
.fscms-video-player-container img,
.fscms-video-player-container .fscms-video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: none;
}

.fscms-video-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    background: #000;
}

.fscms-video-player-container .fscms-video-watermark {
    position: absolute;
    top: 5%;
    left: 3%;
    z-index: 20;
    width: 10%;
    min-width: 60px;
    max-width: 150px;
    height: auto;
    pointer-events: none;
    opacity: 0.8;
    object-fit: contain;
}

.fscms-video-hot-list {
    width: 320px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    display: flex;
    flex-direction: column;
    order: -1; 
    height: 100%; 
    max-height: 500px; 
    overflow-y: auto;
}

.fscms-video-list-header {
    padding: 12px 15px;
    background: #f8f9fa;
    border-bottom: 1px solid var(--fscms-border-color);
    font-weight: bold;
    color: var(--fscms-primary-color);
    font-size: 16px;
}

.fscms-video-list-body {
    padding: 0;
    overflow-y: auto;
}

.fscms-video-list-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fscms-video-list-body li {
    border-bottom: 1px solid #f0f0f0;
}

.fscms-video-list-body li a {
    display: flex;
    gap: 10px;
    padding: 10px;
    text-decoration: none;
    color: var(--fscms-dark-gray);
    transition: background 0.2s;
}

.fscms-video-list-body li a:hover {
    background: #f0f2f5;
}

.fscms-v-list-img {
    width: 100px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    background: #000;
}

.fscms-v-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.fscms-video-list-body li a:hover .fscms-v-list-img img,
.fscms-video-list-body li a:focus-within .fscms-v-list-img img { transform: scale(1.06); }

.fscms-v-list-info {
    flex: 1;
    min-width: 0;
}

.fscms-v-list-title {
    font-size: 13px;
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fscms-video-locked-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 10;
}

.fscms-lock-icon {
    font-size: 48px;
    margin-bottom: 15px;
    color: var(--fscms-secondary-color);
}

.fscms-lock-text {
    font-size: 18px;
    margin-bottom: 20px;
}

.fscms-video-bottom-lists {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.fscms-v-bottom-col {
    flex: 1;
    min-width: 0;
}

.fscms-v-section-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 4px solid var(--fscms-primary-color);
    line-height: 1.2;
}

.fscms-v-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}

.fscms-home-hot-comments { margin-top: 16px; }
.fscms-home-hot-comments-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1200px) { .fscms-home-hot-comments-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 768px) {
    .fscms-home-hot-comments-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fscms-home-hot-comments-grid .fscms-v-card:nth-child(n+7) { display: none; }
}

.fscms-home-job-download { margin-top: 16px; }
.fscms-home-job-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.fscms-home-job-download-grid.is-single { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 768px) { .fscms-home-job-download-grid { grid-template-columns: minmax(0, 1fr); } }

.fscms-v-card-grid .fscms-feature-card {
    grid-column: 1 / -1;
}

.fscms-v-card {
    display: block;
    text-decoration: none;
    color: var(--fscms-dark-gray);
    transition: transform 0.2s;
}

.fscms-v-card:hover {
    transform: translateY(-3px);
    color: var(--fscms-primary-color);
}

.fscms-v-card-img {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
    background: #eee;
}

.fscms-v-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.fscms-v-card:hover .fscms-v-card-img img,
.fscms-v-card:focus-within .fscms-v-card-img img { transform: scale(1.06); }

.fscms-thumb-corner {
    position: absolute;
    bottom: 6px;
    z-index: 2;
    height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(2px);
    pointer-events: none;
}
.fscms-thumb-corner i { font-size: 12px; }
.fscms-thumb-corner-left { left: 6px; }
.fscms-thumb-corner-right { right: 6px; font-weight: 600; }

.fscms-v-card-title {
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fscms-v-card-title .fscms-v-card-title-icon {
    margin-right: 0;
    color: #ff6b35;
}
.fscms-v-card-title .fscms-v-card-title-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fscms-v-card-grid-rec .fscms-v-card-title {
    align-items: flex-start;
    white-space: normal;
}

.fscms-v-card-grid-rec .fscms-v-card-title .fscms-v-card-title-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    text-overflow: initial;
}

.fscms-video-home {
    width: 100%;
}

.fscms-content-home {
    width: 100%;
}

body.fscms-body.fscms-page-content-home .fscms-page-section {
    margin-top: 0;
}
body.fscms-page-content-home .fscms-page-section { margin-top: 0; }

body.fscms-body.fscms-page-video-home .fscms-page-section {
    margin-top: 0;
}
body.fscms-page-video-home .fscms-page-section { margin-top: 0; }

body.fscms-body.fscms-page-phot-home .fscms-page-section {
    margin-top: 0;
}
body.fscms-page-phot-home .fscms-page-section { margin-top: 0; }

@media (max-width: 768px) {
    body.fscms-page-content-home .fscms-main-content > .fscms-container,
    body.fscms-page-video-home .fscms-main-content > .fscms-container,
    body.fscms-page-phot-home .fscms-main-content > .fscms-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body.fscms-page-content-home .fscms-main-content > .fscms-container > .fscms-page-section,
    body.fscms-page-video-home .fscms-main-content > .fscms-container > .fscms-page-section,
    body.fscms-page-phot-home .fscms-main-content > .fscms-container > .fscms-page-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

.fscms-content-home-hero {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 0;
    align-items: stretch;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: var(--fscms-spacing-lg);
    background: #000;
}

.fscms-content-home-hero-main { min-width: 0; }

.fscms-content-home-slider {
    height: 420px;
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden;
}

.fscms-content-home-slider .fscms-slide {
    text-decoration: none;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0;
    overflow: hidden;
    border: none;
}

.fscms-content-home-slider .fscms-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    filter: blur(18px);
    transform: scale(1.18);
    z-index: 0;
}

.fscms-content-home-hero-slide-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    z-index: 1;
    transition: none;
}

.fscms-content-home-hero-slide-overlay {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 12px 14px;
    background: transparent;
}

.fscms-content-home-hero-slide-overlay-title {
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

.fscms-content-home-slider .fscms-slider-nav { display: none; }

.fscms-content-home-slider .fscms-slider-prev,
.fscms-content-home-slider .fscms-slider-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    display: none;
    z-index: 6;
}

.fscms-content-home-slider .fscms-slider-prev:hover,
.fscms-content-home-slider .fscms-slider-next:hover {
    background-color: rgba(26, 75, 96, 0.65);
    border-color: rgba(255, 255, 255, 0.22);
}

.fscms-content-home-hero-side {
    position: relative;
    overflow: hidden;
    background: #000;
}

.fscms-content-home-hero-side-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.2);
    filter: blur(16px);
    z-index: 0;
}

.fscms-content-home-hero-side-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.40) 55%, rgba(0, 0, 0, 0.55) 100%);
    z-index: 1;
}

.fscms-content-home-hero-side-list {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 18px 16px;
    box-sizing: border-box;
}

.fscms-content-home-hero-side-item {
    position: relative;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 12px 14px;
    border-radius: 0;
    text-decoration: none;
    color: var(--fscms-white);
    background: transparent;
    border: none;
    overflow: hidden;
    transition: var(--fscms-transition);
}

.fscms-content-home-hero-side-item + .fscms-content-home-hero-side-item {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.fscms-content-home-hero-side-item:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.04);
}

.fscms-content-home-hero-side-item.is-active {
    background: linear-gradient(90deg, rgba(235, 1, 1, 0.973) 0%, rgba(235, 1, 1, 0.096) 100%);
}

.fscms-content-home-hero-side-item.is-active::before {
    content: none;
}

.fscms-content-home-hero-side-title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: anywhere;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.35;
    color: var(--fscms-white);
}

.fscms-content-home-hero-side-item.is-active .fscms-content-home-hero-side-title span {
    color: #fff;
    font-weight: 700;
}

.fscms-content-home-hero-side-summary {
    display: none;
    color: rgba(255, 255, 255, 0.90);
    font-size: 12px;
    line-height: 1.7;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.fscms-content-home-hero-side-item.is-active .fscms-content-home-hero-side-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.fscms-content-home-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
}

.fscms-content-home-slide-img {
    flex: 1 1 68%;
    background: #000;
    overflow: hidden;
}

.fscms-content-home-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease;
}

.fscms-content-home-slider .fscms-slide:hover .fscms-content-home-slide-img img,
.fscms-content-home-slider .fscms-slide:focus-within .fscms-content-home-slide-img img {
    transform: scale(1.06);
}

.fscms-content-home-slide-info {
    flex: 0 0 32%;
    max-width: 460px;
    padding: 18px 54px 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    background: rgba(26, 75, 96, 0.92);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.fscms-content-home-slide-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.25;
    color: var(--fscms-white);
}

.fscms-content-home-slide-title i {
    color: var(--fscms-secondary-color);
    flex-shrink: 0;
}

.fscms-content-home-slide-title span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
}

.fscms-content-home-slide-summary {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.fscms-content-home-slider .fscms-slider-prev,
.fscms-content-home-slider .fscms-slider-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.fscms-content-subcols {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: var(--fscms-spacing-lg);
}

.fscms-content-subcols.fscms-subcols-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fscms-content-subcols.fscms-subcols-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fscms-content-subcols.fscms-subcols-count-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fscms-content-subcols.fscms-subcols-count-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fscms-content-subcols.fscms-subcols-count-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.fscms-content-subcols.fscms-subcols-count-5 .fscms-content-subcol { grid-column: span 2; }
.fscms-content-subcols.fscms-subcols-count-5 .fscms-content-subcol:nth-child(4),
.fscms-content-subcols.fscms-subcols-count-5 .fscms-content-subcol:nth-child(5) { grid-column: span 3; }

.fscms-content-subcol {
    background: var(--fscms-white);
    border: 1px solid var(--fscms-border-light);
    border-radius: var(--fscms-border-radius);
    overflow: hidden;
}

.fscms-content-subcol-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(26, 75, 96, 0.123);
    border-radius: var(--fscms-border-radius) var(--fscms-border-radius) 0 0;
    border-bottom: 1px solid var(--fscms-border-light);
}

.fscms-content-subcol-title {
    margin: 0;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--fscms-primary-color);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fscms-content-subcol-more {
    flex-shrink: 0;
    text-decoration: none;
    font-size: 13px;
    color: var(--fscms-primary-color);
    padding: 4px 10px;
    border: 1px solid rgba(26, 75, 96, 0.25);
    border-radius: 6px;
    transition: var(--fscms-transition);
}

.fscms-content-subcol-more:hover {
    background: rgba(26, 75, 96, 0.08);
}

.fscms-content-subcol-body {
    padding: 12px 14px 14px;
}

.fscms-content-subcol-feature {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    margin-bottom: 10px;
}

.fscms-content-subcol-feature-thumb {
    width: 120px;
    height: 76px;
    flex: 0 0 auto;
    overflow: hidden;
    background: #e9eef2;
}

.fscms-content-subcol-feature-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fscms-content-subcol-feature-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.5;
    color: var(--fscms-primary-color);
    min-width: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.fscms-content-subcol-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.fscms-content-subcol-list li {
    min-width: 0;
}

.fscms-content-subcol-list a {
    position: relative;
    display: block;
    padding-left: 0;
    text-decoration: none;
    color: var(--fscms-text-primary);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fscms-content-subcol-list a::before {
    display: none;
}

.fscms-content-subcol-list a:hover {
    color: var(--fscms-primary-color);
    text-decoration: underline;
}

.fscms-content-subcol-empty {
    color: var(--fscms-text-secondary);
    font-size: 14px;
    padding: 10px 0;
}

.fscms-content-home-brief-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    min-width: 0;
}

.fscms-content-home-brief-toolbar {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid var(--fscms-border-color);
    background: #fff;
}

.fscms-content-home-brief-panel { display: none; }
.fscms-content-home-brief-panel.is-active { display: block; }

.fscms-content-home-mid [data-fscms-content-brief="1"] .fscms-list-rows {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.fscms-content-home-mid [data-fscms-content-brief="1"] .fscms-list-rows .fscms-list-item + .fscms-list-item {
    margin-top: 0;
}

.fscms-content-home-brief-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fscms-content-home-brief-more .fscms-btn {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 12px 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--fscms-dark-color);
    font-weight: 700;
}

.fscms-content-home-brief-more .fscms-btn:hover {
    background: transparent;
    color: var(--fscms-primary-color);
}

.fscms-video-home-hero {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 0;
    align-items: stretch;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    border: none;
}

.fscms-video-home-slider {
    height: 360px;
    margin-bottom: 0;
    border-radius: 0;
}

.fscms-video-home-slider .fscms-slide {
    text-decoration: none;
    border-radius: 0;
    overflow: hidden;
    background: #000;
}

.fscms-video-home-slider .fscms-slide .fscms-hero-slide-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 0;
}

.fscms-video-home-slide-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}

.fscms-video-home-slide-play {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(26, 75, 96, 0.90);
    color: var(--fscms-secondary-color);
    flex-shrink: 0;
}

.fscms-video-home-slide-title {
    color: var(--fscms-white);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.fscms-video-home-slider .fscms-slider-prev,
.fscms-video-home-slider .fscms-slider-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    display: none;
    z-index: 6;
}

.fscms-video-home-slider .fscms-slider-prev:hover,
.fscms-video-home-slider .fscms-slider-next:hover {
    background-color: rgba(26, 75, 96, 0.65);
    border-color: rgba(255, 255, 255, 0.22);
}

.fscms-video-home-hero-side {
    background: rgba(0, 0, 0, 0.65);
    border: none;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.fscms-video-home-hero-side-head {
    background: var(--fscms-primary-color);
    color: var(--fscms-secondary-color);
    padding: 12px 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fscms-video-home-hero-side-list {
    display: flex;
    flex-direction: column;
    --fscms-side-list-h: 360px;
    --fscms-side-list-pad: 10px;
    --fscms-side-list-gap: 8px;
    height: var(--fscms-side-list-h);
    flex: 1 1 auto;
    gap: var(--fscms-side-list-gap);
    padding: var(--fscms-side-list-pad);
    overflow: visible;
    box-sizing: border-box;
}

.fscms-video-home-hero-side-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 10px;
    overflow: visible;
    background: #000;
    cursor: pointer;
    transition: var(--fscms-transition);
}

.fscms-video-home-hero-side-list .fscms-video-home-hero-side-item {
    flex: 1 1 0;
    min-height: 0;
}

.fscms-video-home-hero-side-item:first-child {
    border-top: none;
}

.fscms-video-home-hero-side-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

.fscms-video-home-hero-side-thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: #000;
}

.fscms-video-home-hero-side-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px; 
}

.fscms-video-home-hero-side-item.fscms-video-home-hero-side-item-placeholder {
    background: rgba(255, 255, 255, 0.08);
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    transform: none;
}
.fscms-video-home-hero-side-item.fscms-video-home-hero-side-item-placeholder:hover { transform: none; box-shadow: none; }
.fscms-video-home-hero-side-item.fscms-video-home-hero-side-item-placeholder .fscms-video-home-hero-side-thumb { background: rgba(255, 255, 255, 0.06); }

.fscms-video-home-hero-side-play {
    display: none;
}

.fscms-video-home-hero-side-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.fscms-video-home-hero-side-item.is-active {
    position: relative;
    z-index: 5;
}

.fscms-video-home-hero-side-item.is-active::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid var(--fscms-secondary-color);
    border-radius: 12px;
    z-index: 10;
    pointer-events: none;
}

.fscms-video-home-hero-side-item.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid var(--fscms-secondary-color);
    z-index: 11;
}

.fscms-video-home-hero-side-empty {
    padding: 22px 14px;
    color: var(--fscms-text-secondary);
    text-align: center;
}

.fscms-video-home-mid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
    gap: 18px;
    margin-top: 22px;
    align-items: start;
}

.fscms-video-home-mid > * { min-width: 0; }

.fscms-video-home-mid .fscms-video-home-latest .fscms-v-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: var(--fscms-latest-grid-h);
    overflow: hidden;
}

body.fscms-body.fscms-page-content-home .fscms-video-home-mid .fscms-video-home-latest .fscms-v-card-grid {
    height: auto;
    overflow: visible;
}

.fscms-video-home-mid .fscms-video-home-latest .fscms-v-card-img {
    height: var(--fscms-latest-thumb-h);
}

.fscms-v-card-img > i {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: rgba(0,0,0,0.45);
    z-index: 2;
    pointer-events: none;
}

.fscms-home-subcards {
    margin: 16px 0 22px;
}
.fscms-home-subcards-panel { display: none; }
.fscms-home-subcards-panel.is-active { display: block; }
.fscms-home-subcards .fscms-list-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
body .fscms-home-subcards .fscms-list-cards .fscms-thumb-title {
    opacity: 1;
    transform: none;
    padding: 12px 12px 10px;
    color: #fff;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    text-shadow: 0 2px 4px rgba(0,0,0,0.55);
    font-weight: 700;
}
.fscms-home-subcards .fscms-thumb-title { display: block !important; }
.fscms-home-subcards .fscms-subcard-meta { padding: 10px 12px 12px; }
.fscms-home-subcards .fscms-subcard-title {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: var(--fscms-dark-color);
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fscms-home-subcards .fscms-subcard-title:hover { color: var(--fscms-primary-color); }
.fscms-home-subcards .fscms-subcard-title i { color: #ff6b35; flex-shrink: 0; }
.fscms-home-subcards .fscms-subcard-title span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fscms-home-subcards .fscms-subcard-title span { display: inline-block; }
.fscms-home-subcards .fscms-subcard-title span::after { content:""; display:block; width:100%; height:3px; background: var(--fscms-primary-color); border-radius:2px; margin-top:6px; }
.fscms-home-subcards .fscms-video-play-overlay {
    opacity: 0;
    background: transparent;
    transition: opacity 0.2s ease;
}
.fscms-home-subcards .fscms-video-play-overlay i {
    transform: scale(0.98);
    transition: transform 0.2s ease;
}
.fscms-home-subcards .fscms-list-item:hover .fscms-video-play-overlay,
.fscms-home-subcards .fscms-list-item:focus-within .fscms-video-play-overlay {
    opacity: 1;
    background: transparent;
}
.fscms-home-subcards .fscms-list-item:hover .fscms-video-play-overlay i,
.fscms-home-subcards .fscms-list-item:focus-within .fscms-video-play-overlay i {
    transform: scale(1.08);
}
@media (max-width: 1200px) {
    .fscms-home-subcards .fscms-list-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .fscms-home-subcards .fscms-list-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fscms-latest-panel { display: none; }
.fscms-latest-panel.is-active { display: block; }
.fscms-latest-sub-nav-bar {
    margin-top: 12px;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
}
.fscms-latest-sub-nav-bar .fscms-container { max-width: 100%; padding: 0; }
.fscms-latest-sub-nav-bar .fscms-sub-nav-list { justify-content: flex-start; flex-wrap: wrap; gap: 10px; }
.fscms-latest-sub-nav-bar .fscms-sub-nav-item {
    padding: 8px 14px;
    border-radius: 999px;
    background: #f0f2f5;
    border: 1px solid var(--fscms-border-color);
    color: var(--fscms-dark-gray);
    font-size: 14px;
    font-weight: 600;
}
.fscms-latest-sub-nav-bar .fscms-sub-nav-item:hover { color: var(--fscms-primary-color); background: #fff; }
.fscms-latest-sub-nav-bar .fscms-sub-nav-item.active { background: var(--fscms-secondary-color); color: var(--fscms-primary-color); }

.fscms-video-home-block-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    padding-left: 10px;
    border-left: 4px solid var(--fscms-primary-color);
    line-height: 1.2;
    color: var(--fscms-primary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fscms-video-home-rank {
    background: var(--fscms-white);
    border: 1px solid var(--fscms-border-color);
    border-radius: var(--fscms-border-radius);
    padding: 14px 14px 10px;
}

.fscms-video-home-rank-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fscms-video-home-rank-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    min-width: 0;
}

.fscms-video-home-rank-item:last-child {
    border-bottom: none;
}

.fscms-video-home-rank .fscms-rank-badge {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #f1f3f5;
    color: #6c757d;
    border: 1px solid var(--fscms-border-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.fscms-video-home-rank-item:nth-child(1) .fscms-rank-badge {
    background: #e53935;
    border-color: #e53935;
    color: #fff;
}

.fscms-video-home-rank-item:nth-child(2) .fscms-rank-badge {
    background: #fb8c00;
    border-color: #fb8c00;
    color: #fff;
}

.fscms-video-home-rank-item:nth-child(3) .fscms-rank-badge {
    background: #fdd835;
    border-color: #fdd835;
    color: #5a4500;
}

.fscms-video-home-rank-link {
    flex: 1;
    min-width: 0;
    text-decoration: none;
    color: var(--fscms-dark-gray);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fscms-video-home-rank-link i {
    color: #ff6b35;
    flex-shrink: 0;
}
.fscms-video-home-rank-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fscms-video-home-rank-link:hover {
    color: var(--fscms-primary-color);
}

.fscms-video-home-rank-empty {
    color: var(--fscms-text-secondary);
    padding: 10px 0 6px;
    text-align: center;
}

.fscms-video-home-sections {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.fscms-video-home-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding: 12px 14px;
    background: rgba(26, 75, 96, 0.12);
    border-radius: var(--fscms-border-radius);
}

.fscms-video-home-section-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding-left: 10px;
    border-left: 4px solid var(--fscms-primary-color);
    line-height: 1.2;
    color: var(--fscms-primary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fscms-video-home-section-more {
    text-decoration: none;
    color: var(--fscms-primary-color);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fscms-video-home-section-more:hover {
    color: #175c7a;
}

@media (max-width: 992px) {
    .fscms-video-home-hero,
    .fscms-video-home-mid {
        grid-template-columns: 1fr;
    }
    .fscms-video-home-hero-side { display: none; }
    .fscms-content-home-mid [data-fscms-content-brief="1"] .fscms-list-rows {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .fscms-video-home-mid .fscms-video-home-latest .fscms-v-card-grid {
        height: auto;
        overflow: visible;
    }
    .fscms-video-home-mid .fscms-video-home-latest .fscms-v-card-img {
        height: auto;
        aspect-ratio: 16/9;
    }
    .fscms-video-home-slider {
        height: 300px;
    }
    .fscms-video-home-slider .fscms-slider-prev,
    .fscms-video-home-slider .fscms-slider-next { display: inline-flex; }
    .fscms-video-home-slide-overlay { background: transparent; backdrop-filter: none; }
    .fscms-video-home-slide-play { display: none; }
    .fscms-video-home-hero-side-list { --fscms-side-list-h: 300px; }
    .fscms-video-home-hero-side {
        border-left: none;
        border-top: none;
    }
}

@media (max-width: 768px) {
    .fscms-content-home-brief-head { flex-wrap: wrap; }
    .fscms-content-home-brief-toolbar { flex: 0 0 auto; }
    .fscms-content-home-brief-more .fscms-btn { width: auto; max-width: none; }
    .fscms-video-home-rank-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .fscms-content-home-mid [data-fscms-content-brief="1"] .fscms-list-rows {
        grid-template-columns: 1fr;
    }
    .fscms-video-home-slider {
        height: 240px;
    }
    .fscms-video-home-hero-side { display: none; }
    .fscms-video-home-slider .fscms-slider-prev,
    .fscms-video-home-slider .fscms-slider-next { display: inline-flex; }
    .fscms-video-home-slide-overlay { background: transparent; backdrop-filter: none; }
    .fscms-video-home-slide-play { display: none; }
    .fscms-video-home-slide-title { font-weight: 800; font-size: 16px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65); }
    .fscms-video-home-hero-side-list { --fscms-side-list-h: 240px; }
    .fscms-video-home-slide-title {
        font-size: 16px;
    }

    .fscms-content-home-hero {
        grid-template-columns: 1fr;
    }
    .fscms-content-home-slider {
        height: 320px;
    }
    .fscms-content-home-slider .fscms-slide::before {
        filter: blur(10px);
        transform: scale(1.10);
    }
    .fscms-content-home-hero-slide-img {
        object-fit: cover;
        object-position: center;
    }
    .fscms-content-home-hero-side { display: none; }
    .fscms-content-home-hero-slide-overlay { display: block; }
    .fscms-content-home-slider .fscms-slider-prev,
    .fscms-content-home-slider .fscms-slider-next { display: inline-flex; }

    .fscms-content-subcols {
        grid-template-columns: 1fr;
    }

    .fscms-content-subcols .fscms-content-subcol {
        grid-column: auto;
    }

    .fscms-content-subcol-feature-thumb {
        width: 112px;
        height: 70px;
    }
}

@media (max-width: 992px) {
    .fscms-video-top-section {
        flex-direction: column;
    }
    
    .fscms-video-hot-list {
        width: 100%;
        max-height: 300px;
        order: 1; 
    }
    
    .fscms-video-bottom-lists {
        flex-direction: column;
    }

    .fscms-content-home-hero {
        grid-template-columns: 1fr;
    }
    .fscms-content-home-hero { background: transparent; }
    .fscms-content-home-slider {
        height: 260px;
    }
    .fscms-content-home-slider .fscms-slide { background-color: transparent; }
    .fscms-content-home-hero-slide-img { object-fit: cover; object-position: center; }
    .fscms-content-home-hero-side { display: none; }
    .fscms-content-home-hero-slide-overlay { display: block; }
    .fscms-content-home-slider .fscms-slider-prev,
    .fscms-content-home-slider .fscms-slider-next { display: inline-flex; }
    .fscms-content-home-hero-side-list {
        height: auto;
    }
    .fscms-content-home-hero-side-item {
        flex: 0 0 auto;
    }

    .fscms-content-subcols {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fscms-content-subcols .fscms-content-subcol {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .fscms-content-subcol-body {
        padding: 10px 12px 12px;
    }

    .fscms-content-subcol-feature {
        gap: 10px;
    }

    .fscms-content-subcol-feature-thumb {
        width: 84px;
        height: 56px;
    }

    .fscms-content-subcol-feature-title {
        font-size: 14px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}


.fscms-video-bottom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; }

/* 视频列表缩略图标签样式覆�?- 移动到缩略图上方 */
.fscms-list-thumb .fscms-badges {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 5;
    margin-top: 0;
    gap: 4px;
}

.fscms-list-thumb .fscms-badge {
    height: 20px;
    padding: 0 6px;
    font-size: 11px;
    border: none;
    color: #fff;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(2px);
}

.fscms-list-thumb .badge-top { background: #1a4b60; color: #fff; }
.fscms-list-thumb .badge-featured { background: #6f42c1; color: #fff; }
.fscms-list-thumb .badge-hot { background: #e5533f; color: #fff; }
.fscms-list-thumb .badge-paid { background: #d63384; color: #fff; }
.fscms-list-thumb .badge-member { background: #198754; color: #fff; }
.fscms-list-thumb .badge-vip { background: #ffd700; color: #5a4500; }

.fscms-video-detail-layout {
    display: flex;
    gap: 0;
    align-items: stretch;
}

.fscms-video-detail-player {
    flex: 1;
    min-width: 0;
    position: relative;
}

.fscms-video-detail-player .fscms-video-player-container {
    margin-bottom: 0;
}

.fscms-video-detail-layout:not(.fscms-video-side-collapsed) .fscms-video-detail-player .fscms-video-player-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fscms-video-detail-layout.fscms-video-side-collapsed .fscms-video-detail-player .fscms-video-player-container {
    border-radius: var(--fscms-border-radius);
}

.fscms-video-detail-sidebar-wrap {
    width: 360px;
    flex-shrink: 0;
    position: relative;
    border-left: none;
}

.fscms-video-detail-sidebar-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 64px;
    border-radius: 6px 0 0 6px;
    border: none;
    background: var(--fscms-primary-color);
    color: var(--fscms-secondary-color);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
}

.fscms-video-detail-sidebar-toggle:active {
    transform: translateY(-50%) scale(0.98);
}

.fscms-video-detail-sidebar {
    background: var(--fscms-dark-color);
    border-radius: 0;
    overflow: hidden;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fscms-video-detail-layout:not(.fscms-video-side-collapsed) .fscms-video-detail-sidebar {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--fscms-border-radius);
    border-bottom-right-radius: var(--fscms-border-radius);
}

.fscms-video-detail-sidebar-header {
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.18);
    color: var(--fscms-secondary-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.fscms-video-detail-sidebar-title i {
    color: var(--fscms-accent-color);
}

.fscms-video-detail-sidebar-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
    overflow: auto;
}

.fscms-video-detail-side-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    color: var(--fscms-white);
    padding: 12px;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    transition: var(--fscms-transition);
}

.fscms-video-detail-side-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

.fscms-video-detail-side-item.is-active {
    background: rgba(255, 215, 0, 0.10);
}

.fscms-video-detail-side-thumb {
    width: 112px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    background: #000;
}

.fscms-video-detail-side-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fscms-video-detail-side-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fscms-secondary-color);
    background: rgba(0, 0, 0, 0.28);
    opacity: 0.95;
}

.fscms-video-detail-side-info {
    flex: 1;
    min-width: 0;
}

.fscms-video-detail-side-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    color: var(--fscms-white);
}

.fscms-video-detail-side-date {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.75);
}

.fscms-video-detail-side-empty {
    color: rgba(255, 255, 255, 0.75);
    padding: 22px 12px;
    text-align: center;
}

.fscms-video-detail-layout.fscms-video-side-collapsed .fscms-video-detail-sidebar-wrap {
    width: 0;
}

.fscms-video-detail-layout.fscms-video-side-collapsed .fscms-video-detail-sidebar-toggle {
    border-radius: 6px;
}

.fscms-video-detail-layout.fscms-video-side-collapsed .fscms-video-detail-sidebar {
    display: none;
}

@media (max-width: 992px) {
    .fscms-video-detail-layout {
        flex-direction: column;
    }
    .fscms-video-detail-sidebar-wrap {
        width: 100%;
    }
    .fscms-video-detail-sidebar-toggle {
        display: none;
    }
}

@media (max-width: 1000px) {
    .fscms-video-detail-sidebar-wrap {
        display: none;
    }
    .fscms-video-detail-layout:not(.fscms-video-side-collapsed) .fscms-video-detail-player .fscms-video-player-container {
        border-radius: var(--fscms-border-radius);
    }
}

.fscms-faq-hero {
    background-image: url('../images/index-top.jpg');
    background-size: cover;
    background-position: center top;
}

.fscms-page-faq .fscms-hero-content::after { background: #175c7a; }

.fscms-faq-page {
    padding: 14px 0 0;
}

.fscms-faq-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 18px;
    gap: 12px;
    flex-wrap: wrap;
}

.fscms-faq-search {
    display: flex;
    gap: 10px;
    align-items: center;
    width: min(720px, 100%);
}

.fscms-faq-search-input {
    flex: 1;
    min-width: 220px;
    position: relative;
}

.fscms-faq-search-input i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(26, 75, 96, 0.55);
}

.fscms-faq-search-input input {
    width: 100%;
    padding: 12px 14px 12px 40px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.18);
    background: #fff;
    color: var(--fscms-text-color);
    outline: none;
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}

.fscms-faq-search-input input:focus {
    border-color: rgba(23, 92, 122, 0.65);
    box-shadow: 0 0 0 4px rgba(23, 92, 122, 0.16);
}

.fscms-faq-search-btn {
    padding: 11px 18px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.22);
    background: linear-gradient(135deg, #1a4b60 0%, #175c7a 100%);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.18s ease;
}

.fscms-faq-search-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(26, 75, 96, 0.18);
}

.fscms-faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.fscms-faq-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(26, 75, 96, 0.12);
    border-left: 6px solid rgba(23, 92, 122, 0.55);
    padding: 16px 16px 14px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
    transition: transform 0.12s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.fscms-faq-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.10);
    border-color: rgba(26, 75, 96, 0.22);
    border-left-color: #175c7a;
}

.fscms-faq-card-q {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.fscms-faq-badge {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(23, 92, 122, 0.12);
    color: #1a4b60;
    flex: 0 0 auto;
    border: 1px solid rgba(23, 92, 122, 0.22);
    box-shadow: none;
}

.fscms-faq-card-q-text {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    color: #1a4b60;
}

.fscms-faq-card-a {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.65;
    color: rgba(26, 75, 96, 0.78);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.fscms-faq-card-meta {
    margin-top: 12px;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: rgba(26, 75, 96, 0.70);
    font-size: 13px;
}

.fscms-faq-card-more {
    color: #175c7a;
    font-weight: 700;
}

.fscms-faq-empty {
    border-radius: 14px;
    border: 1px dashed rgba(23, 92, 122, 0.24);
    background: rgba(23, 92, 122, 0.06);
    color: rgba(26, 75, 96, 0.78);
    padding: 44px 18px;
    text-align: center;
}

.fscms-faq-empty i {
    display: inline-block;
    font-size: 30px;
    color: rgba(26, 75, 96, 0.55);
    margin-bottom: 10px;
}

.fscms-faq-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.fscms-faq-pagebtn {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.14);
    background: #fff;
    color: rgba(26, 75, 96, 0.88);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    transition: transform 0.12s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.fscms-faq-pagebtn:hover {
    transform: translateY(-1px);
    border-color: rgba(23, 92, 122, 0.55);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}

@media (max-width: 900px) {
    .fscms-faq-list { grid-template-columns: 1fr; }
}

.fscms-faq-pagebtn.active {
    background: #1a4b60;
    border-color: #1a4b60;
    color: #fff;
}

.fscms-faq-detail-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(26, 75, 96, 0.12);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.fscms-faq-detail-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    margin-bottom: 12px;
}

.fscms-faq-detail-head {
    padding: 18px 18px 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(135deg, rgba(26, 75, 96, 0.10) 0%, rgba(23, 92, 122, 0.06) 100%);
    border-bottom: 1px solid rgba(26, 75, 96, 0.10);
}

.fscms-faq-detail-q {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.fscms-faq-detail-q h1 {
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    color: #1a4b60;
    font-weight: 900;
}

.fscms-faq-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(26, 75, 96, 0.16);
    background: #fff;
    color: #1a4b60;
    text-decoration: none;
    font-weight: 700;
    transition: transform 0.12s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.fscms-faq-back:hover {
    transform: translateY(-1px);
    border-color: rgba(23, 92, 122, 0.55);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}

.fscms-faq-detail-body {
    padding: 18px;
    font-size: 15px;
    line-height: 1.9;
    color: rgba(26, 75, 96, 0.88);
}

.fscms-faq-detail-empty {
    padding: 46px 18px;
    text-align: center;
    color: rgba(26, 75, 96, 0.78);
}

.fscms-faq-detail-empty i {
    display: inline-block;
    font-size: 32px;
    color: rgba(26, 75, 96, 0.55);
    margin-bottom: 10px;
}

@media (max-width: 880px) {
    .fscms-faq-list {
        grid-template-columns: 1fr;
    }
    .fscms-faq-search {
        width: 100%;
    }
}

/* ===== Ѱ������ģ�������ʽ ===== */
/* ===== 寻根首页通栏图片及统计样式 ===== */
body.fscms-page-xungen .fscms-xungen-banner {
    width: 100%;
    height: 280px;
    background: url('../images/web/bg/herded.png') no-repeat center top;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 28px;
    margin-bottom: 0;
}
body.fscms-page-xungen .fscms-xungen-banner-stats {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}
body.fscms-page-xungen .fscms-xungen-banner-text {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    margin-bottom: 8px;
}
body.fscms-page-xungen .fscms-xungen-banner-numbers {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}
body.fscms-page-xungen .fscms-xungen-banner-digit {
    display: inline-block;
    background: linear-gradient(to bottom, #e8e8e8, #c0c0c0);
    color: #c90000;
    font-size: 32px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 4px;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.8);
}
body.fscms-page-xungen .fscms-xungen-banner-comma {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 0 2px;
    margin-bottom: 6px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

@media (max-width: 768px) {
    body.fscms-page-xungen .fscms-xungen-banner {
        height: 170px;
        padding-bottom: 14px;
    }
    body.fscms-page-xungen .fscms-xungen-banner-digit {
        font-size: 24px;
        padding: 4px 8px;
    }
    body.fscms-page-xungen .fscms-xungen-banner-text {
        font-size: 14px;
        margin-bottom: 4px;
    }
    body.fscms-page-xungen .fscms-xungen-banner-comma {
        font-size: 18px;
        margin-bottom: 4px;
    }
}

body.fscms-page-xungen .fscms-xungen-features-wrap {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

body.fscms-page-xungen .fscms-xungen-broadcast-wrap {
    background: rgba(255, 255, 255, 0.92);
}

body.fscms-page-xungen .fscms-xungen-broadcast {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    margin: 12px 0 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.fscms-page-xungen .fscms-xungen-broadcast-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

body.fscms-page-xungen .fscms-xungen-broadcast-icon {
    width: 18px;
    height: 18px;
    display: block;
}

body.fscms-page-xungen .fscms-xungen-broadcast-label {
    color: #d32f2f;
    font-weight: 900;
    font-size: 14px;
    white-space: nowrap;
}

body.fscms-page-xungen .fscms-xungen-broadcast-viewport {
    flex: 1;
    min-width: 0;
    height: 34px;
    overflow: hidden;
}

body.fscms-page-xungen .fscms-xungen-broadcast-list {
    list-style: none;
    padding: 0;
    margin: 0;
    transform: translateY(0px);
}

body.fscms-page-xungen .fscms-xungen-broadcast-item {
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.fscms-page-xungen .fscms-xungen-broadcast-item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

body.fscms-page-xungen .fscms-xungen-broadcast-item a::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid #d32f2f;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    flex: 0 0 auto;
}

body.fscms-page-xungen .fscms-xungen-broadcast-item a:hover {
    color: var(--fscms-primary-color);
}

body.fscms-page-xungen .fscms-xungen-filterbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 18px;
    padding: 0 10px;
    border-bottom: 2px solid rgba(26, 75, 96, 0.25);
    background: rgba(255, 255, 255, 0.96);
}

body.fscms-page-xungen .fscms-xungen-filtertabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
}

body.fscms-page-xungen .fscms-xungen-filtertab {
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 18px;
    margin: 8px 0 0;
    text-decoration: none;
    border: 1px solid rgba(26, 75, 96, 0.28);
    border-bottom: 0;
    background: #fff;
    color: #1a4b60;
    font-weight: 900;
    font-size: 13px;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.fscms-page-xungen .fscms-xungen-filtertab:hover {
    border-color: rgba(26, 75, 96, 0.45);
}

body.fscms-page-xungen .fscms-xungen-filtertab.is-active {
    border-color: #1a4b60;
    background: #1a4b60;
    color: #fff;
}
body.fscms-page-xungen .fscms-xungen-filtertab + .fscms-xungen-filtertab {
    border-left: 0;
}

body.fscms-page-xungen .fscms-xungen-filterclear {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    margin: 0 0 8px;
    border: 1px solid rgba(26, 75, 96, 0.28);
    background: #fff;
    color: #1a4b60;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.fscms-page-xungen .fscms-xungen-filterclear:hover {
    color: #fff;
    border-color: #1a4b60;
    background: #1a4b60;
}
body.fscms-page-xungen .fscms-xungen-feature-item {
    flex: 1;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(26, 75, 96, 0.08);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}
body.fscms-page-xungen .fscms-xungen-feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(26, 75, 96, 0.15);
}
body.fscms-page-xungen .fscms-xungen-feature-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #1a4b60;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 16px;
    flex-shrink: 0;
}
body.fscms-page-xungen .fscms-xungen-feature-text {
    flex: 1;
}
body.fscms-page-xungen .fscms-xungen-feature-title {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    padding-bottom: 6px;
}
body.fscms-page-xungen .fscms-xungen-feature-line {
    display: none;
}
body.fscms-page-xungen .fscms-xungen-feature-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #1a4b60;
}
body.fscms-page-xungen .fscms-xungen-feature-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}
@media (max-width: 768px) {
    body.fscms-page-xungen .fscms-xungen-features-wrap {
        flex-direction: column;
    }

    body.fscms-page-xungen .fscms-xungen-broadcast {
        gap: 10px;
        padding: 10px 12px;
    }

    body.fscms-page-xungen .fscms-xungen-filtertabs {
        gap: 6px;
    }
}

body.fscms-page-xungen #fscms-xungen-search-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.fscms-page-xungen #fscms-xungen-search-modal.fscms-hidden {
    display: none;
}
body.fscms-page-xungen #fscms-xungen-search-modal .fscms-modal-content {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
body.fscms-page-xungen #fscms-xungen-search-modal .fscms-modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body.fscms-page-xungen #fscms-xungen-search-modal .fscms-modal-header h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
}
body.fscms-page-xungen #fscms-xungen-search-modal .fscms-modal-close {
    font-size: 24px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}
body.fscms-page-xungen #fscms-xungen-search-modal .fscms-modal-body {
    padding: 20px;
}