/* 自定义字体引用 */
@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Light_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_ExtraLight_ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Normal_Normal.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Medium_Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SYHT';
    src: url('../fonts/SYHT/Source_Han_Sans_SC_Heavy_Heavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

html,body{
    overflow-x: hidden;
}
/* 应用字体到整个页面 */
body {
    font-family: 'SYHT', 'Source Han Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.pages a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}

/* 品牌色定义 */
:root {
    --brand-primary: #004a99;
    --brand-secondary: #002d5e;
    --brand-accent: #f59e0b;
    --brand-bg: #f8fafc;
}

/* Tailwind CSS 品牌色类 */
.bg-brand-primary {
    background-color: var(--brand-primary) !important;
}

.text-brand-primary {
    color: var(--brand-primary) !important;
}

.border-brand-primary {
    border-color: var(--brand-primary) !important;
}

.bg-brand-secondary {
    background-color: var(--brand-secondary) !important;
}

.text-brand-secondary {
    color: var(--brand-secondary) !important;
}

.border-brand-secondary {
    border-color: var(--brand-secondary) !important;
}

.bg-brand-accent {
    background-color: var(--brand-accent) !important;
}

.text-brand-accent {
    color: var(--brand-accent) !important;
}

.border-brand-accent {
    border-color: var(--brand-accent) !important;
}

.bg-brand-bg {
    background-color: var(--brand-bg) !important;
}

/* 品牌色悬停效果 */
.hover\:bg-brand-primary:hover {
    background-color: var(--brand-primary) !important;
}

.hover\:text-brand-primary:hover {
    color: var(--brand-primary) !important;
}

.hover\:bg-brand-secondary:hover {
    background-color: var(--brand-secondary) !important;
}

.hover\:border-brand-primary:hover {
    border-color: var(--brand-primary) !important;
}

.hover\:text-white:hover {
    color: #ffffff !important;
}

/* 品牌色焦点效果 */
.focus\:border-brand-primary:focus {
    border-color: var(--brand-primary) !important;
}

/* 品牌色选择效果 */
.selection\:bg-brand-primary::selection {
    background-color: var(--brand-primary) !important;
}

/* 品牌色阴影效果 */
.shadow-brand-primary {
    box-shadow: 0 4px 14px 0 rgba(0, 74, 153, 0.39) !important;
}

/* 品牌色透明度背景 */
.bg-brand-primary\/10 {
    background-color: rgba(0, 74, 153, 0.1) !important;
}

.bg-brand-primary\/20 {
    background-color: rgba(0, 74, 153, 0.2) !important;
}

.border-brand-primary\/20 {
    border-color: rgba(0, 74, 153, 0.2) !important;
}

/* 文本截断 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* group-hover 品牌色效果 */
.group:hover .group-hover\:text-brand-primary {
    color: var(--brand-primary) !important;
}

.group:hover .group-hover\:bg-brand-primary {
    background-color: var(--brand-primary) !important;
}

.group:hover .group-hover\:border-brand-primary {
    border-color: var(--brand-primary) !important;
}

.group:hover .group-hover\:text-white {
    color: #ffffff !important;
}

/* group-hover/btn 品牌色效果 */
.group\/btn:hover .group-hover\/btn\:bg-brand-primary {
    background-color: var(--brand-primary) !important;
}

.group\/btn:hover .group-hover\/btn\:text-white {
    color: #ffffff !important;
}