html {
    font-size: 100%;
}
body {
    font-size: 1rem;
    line-height: 1.6;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
}
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
.row {
    margin-left: -1rem;
    margin-right: -1rem;
    display: flex;
    flex-wrap: wrap;
}
.col {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}



/* 小屏（≥576px） */
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/* 中屏（≥768px） */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* 大屏（≥992px） */
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/* 超大屏（≥1200px） */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* 超超大屏（≥1400px） */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

/*****************************************************
               字体大小
*****************************************************/

.fz-12 { font-size: 0.75rem;}
.fz-14 { font-size: 0.875rem;}
.fz { font-size: 1rem;}
.fz-20 { font-size: 1.25rem;}
.fz-24 { font-size: 1.5rem;}
.fz-28 { font-size: 1.75rem;}
.fz-32 { font-size: 2rem;}
.fz-40 { font-size: 2.5rem;}

/*****************************************************
               间距
*****************************************************/

:root {
    --spacing-sm: 0.75rem;   /* 12px */
    --spacing-md: 1rem;      /* 16px */
    --spacing-lg: 1.5rem;    /* 24px */
    --spacing-xl: 2rem;      /* 32px */
}
/* 平板设备（中等屏幕） */
@media (min-width: 768px) {
    :root {
        --spacing-sm: 1rem;      /* 16px */
        --spacing-md: 1.25rem;   /* 20px */
        --spacing-lg: 2rem;      /* 32px */
        --spacing-xl: 2.5rem;    /* 40px */
    }
}
/* 桌面设备（大屏及以上） */
@media (min-width: 992px) {
    :root {
        --spacing-sm: 1rem;      /* 保持 */
        --spacing-md: 1.5rem;    /* 24px */
        --spacing-lg: 2rem;      /* 保持 */
        --spacing-xl: 3rem;      /* 48px，恢复大间距 */
    }
}
/* === Margin Top（外边距-顶部） === */
.mt-sm { margin-top: var(--spacing-sm); }
.mt-md { margin-top: var(--spacing-md); }
.mt-lg { margin-top: var(--spacing-lg); }
.mt-xl { margin-top: var(--spacing-xl); }

/* === Margin Bottom（外边距-底部） === */
.mb-sm { margin-bottom: var(--spacing-sm); }
.mb-md { margin-bottom: var(--spacing-md); }
.mb-lg { margin-bottom: var(--spacing-lg); }
.mb-xl { margin-bottom: var(--spacing-xl); }

/* === Padding Top（内边距-顶部） === */
.pt-sm { padding-top: var(--spacing-sm); }
.pt-md { padding-top: var(--spacing-md); }
.pt-lg { padding-top: var(--spacing-lg); }
.pt-xl { padding-top: var(--spacing-xl); }

/* === Padding Bottom（内边距-底部） === */
.pb-sm { padding-bottom: var(--spacing-sm); }
.pb-md { padding-bottom: var(--spacing-md); }
.pb-lg { padding-bottom: var(--spacing-lg); }
.pb-xl { padding-bottom: var(--spacing-xl); }

.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom: 0; }


/*****************************************************
               特殊样式
*****************************************************/
.line {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.line2 {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.line3 {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.line4 {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.line5 {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:5;-webkit-box-orient:vertical;}



/*****************************************************
               文章正文样式
*****************************************************/
*, *::before, *::after {
    box-sizing: border-box;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
a,a:active,a:focus,a:hover{ text-decoration: none }

::placeholder {color:#bbb;}
::-moz-placeholder {color:#bbb;opacity:1;}
:-ms-input-placeholder {color:#bbb;}
::-ms-input-placeholder {color:#bbb;}






.lut-post h1 {font-size:2.5rem;/* 40px */    line-height:1.2;/* 视觉紧凑 */    margin-top:1.5rem;margin-bottom:0.5rem;font-weight:700;color:#1a1a1a;}
.lut-post h2 {font-size:2rem;/* 32px */    line-height:1.25;margin-top:1.4rem;margin-bottom:0.5rem;font-weight:600;color:#222;}
.lut-post h3 {font-size:1.75rem;/* 28px */    line-height:1.3;margin-top:1.3rem;margin-bottom:0.5rem;font-weight:600;color:#333;}
.lut-post h4 {font-size:1.5rem;/* 24px */    line-height:1.35;margin-top:1.2rem;margin-bottom:0.5rem;font-weight:600;color:#444;}
.lut-post h5 {font-size:1.25rem;/* 20px */    line-height:1.4;margin-top:1.1rem;margin-bottom:0.5rem;font-weight:500;color:#555;}
.lut-post h6 {font-size:1rem;/* 16px */    line-height:1.5;margin-top:1rem;margin-bottom:0.5rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:#666;}
.lut-post p {margin-top:0;margin-bottom:1rem;line-height:1.6;}

@media (max-width: 768px) {

    .lut-post h1 { font-size: 2rem; margin-top: 1.2rem; }
    .lut-post h2 { font-size: 1.75rem; }
    .lut-post h3 { font-size: 1.5rem; }
    .lut-post h4 { font-size: 1.25rem; }

    /* 缩小段落间距 */
    .lut-post p, .lut-post h1, .lut-post h2, .lut-post h3 {
        margin-bottom: 0.8rem;
    }
}