:root{
    --bg:#f7f8fb;
    --panel:#ffffff;
    --text:#0f172a;
    --muted:#64748b;
    --soft:#94a3b8;
    --line:#e9eef5;
    --primary:#1d4ed8;
    --primary-dark:#163ba7;
    --shadow:0 12px 36px rgba(15,23,42,.05);
}

body.news-single-normal-page{
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.035), transparent 30%),
        radial-gradient(circle at top right, rgba(15,23,42,.03), transparent 28%),
        var(--bg);
    color:var(--text);
}

.news-article-section{
    padding:30px 0 44px;
}

.main-body-with-sidebar{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.main-content{
    flex:1;
    min-width:0;
}

.news-sidebar{
    width:320px;
    flex-shrink:0;
}

.news-article-single{
    padding-right:6px;
}

.article-header{
    margin-bottom:28px;
    padding-bottom:22px;
    border-bottom:1px solid var(--line);
}

.article-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--soft);
}

.article-breadcrumb a{
    color:#5b6b80;
    text-decoration:none;
    font-weight:700;
}

.article-breadcrumb a:hover{
    color:var(--primary);
}

.article-kicker{
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f0f7ff;
    color: #1c84fc;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.article-title{
    margin:0;
    max-width:980px;
    font-size:50px;
    line-height:1.06;
    letter-spacing:-.05em;
    font-weight:950;
    color:var(--text);
}

.article-dek{
    margin-top:16px;
    max-width:820px;
    font-size:18px;
    line-height:1.75;
    color:#475569;
}

.article-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:18px;
    font-size:13px;
    color:var(--muted);
}

.article-body{
    max-width:100%;
    font-size:18px;
    line-height:1.95;
    color:#172554;
    color:#1e293b;
}

.article-body p{
    margin:0 0 1.25em;
}

.article-body h2,
.article-body h3,
.article-body h4{
    color:#0f172a;
    margin:1.65em 0 .7em;
    line-height:1.3;
    font-weight:900;
    letter-spacing:-.02em;
}

.article-body h2{
    font-size:32px;
}

.article-body h3{
    font-size:26px;
}

.article-body h4{
    font-size:21px;
}

.article-body a{
    /* color:var(--primary); */
    text-decoration:none;
    /* border-bottom:1px solid rgba(29,78,216,.22);*/
}

.article-body a:hover{
    color:var(--primary-dark);
    border-bottom-color:rgba(29,78,216,.45);
}

.article-body img{
    display:block;
    max-width:100%;
    height:auto;
    margin:20px 0;
    border-radius:16px;
}

.article-body blockquote{
    margin:0em 0 !important;
    padding:18px 20px !important;
    background:#f8fbff !important;
    border-left:4px solid var(--primary) !important;
    border-radius:12px !important;
    color:#334155 !important;
}

.article-body ul,
.article-body ol{
    padding-left:24px;
    margin:1em 0 1.3em;
}

.article-body li{
    margin:.35em 0;
}

.article-body table{
    width:100%;
    border-collapse:collapse;
    margin:1.6em 0;
    font-size:15px;
}

.article-body table th,
.article-body table td{
    border:1px solid var(--line);
    padding:11px 12px;
}

.article-body table th{
    background:#f8fafc;
    font-weight:800;
}

.article-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
    padding-top:22px;
    border-top:1px solid var(--line);
}

.tag-link{
    display:inline-flex;
    align-items:center;
    height:34px;
    padding:0 14px;
    border-radius:999px;
    text-decoration:none;
    background:#fff;
    border:1px solid var(--line);
    color:#475569;
    font-size:13px;
    font-weight:700;
    transition:.2s ease;
}

.tag-link:hover{
    color:var(--primary);
    border-color:#cfe0ff;
    background:#f8fbff;
    text-decoration: none;
}

/* Sidebar */
.sidebar-widget{
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(233,238,245,.95);
    border-radius:20px;
    box-shadow:var(--shadow);
    overflow:hidden;
    margin-bottom:18px;
}

.widget-title{
    margin:0;
    padding:18px 18px 12px;
    font-size:15px;
    font-weight:800;
    color:var(--text);
}

.widget-content{
    padding:0 18px 18px;
}

.news-sidebar-list,
.sticky-sidebar-list,
.apps-compact-list{
    list-style:none;
    margin:0;
    padding:0;
}

.news-sidebar-item,
.sticky-sidebar-item,
.apps-compact-item{
    border-bottom:1px solid var(--line);
}

.news-sidebar-item:last-child,
.sticky-sidebar-item:last-child,
.apps-compact-item:last-child{
    border-bottom:none;
}

.news-sidebar-link{
    display:block;
    padding:12px 0;
    text-decoration:none;
}

.news-sidebar-title{
    display:block;
    font-size:14px;
    line-height:1.55;
    color:var(--text);
    font-weight:700;
    margin-bottom:6px;
}

.news-sidebar-link:hover .news-sidebar-title{
    color:var(--primary);
}

.news-sidebar-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    font-size:12px;
    color:var(--soft);
}

.sticky-sidebar-link{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 0;
    text-decoration:none;
}

.sticky-index{
    width:28px;
    height:28px;
    border-radius:50%;
    border:1px solid #dbe5f2;
    color:#1e3a8a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
    flex-shrink:0;
    background:#fff;
}

.sticky-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.sticky-title{
    font-size:14px;
    line-height:1.56;
    color:var(--text);
    font-weight:700;
}

.sticky-sidebar-link:hover .sticky-title{
    color:var(--primary);
}

.sticky-views{
    font-size:12px;
    color:var(--soft);
}

.apps-compact-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 0;
    text-decoration:none;
}

.apps-compact-icon{
    width:40px;
    height:40px;
    flex-shrink:0;
}

.apps-compact-icon img{
    display:block;
    width:40px;
    height:40px;
    border-radius:12px;
    object-fit:cover;
}

.apps-compact-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.apps-compact-title{
    display:block;
    color:var(--text);
    font-size:14px;
    line-height:1.4;
    font-weight:800;
}

.apps-compact-link:hover .apps-compact-title{
    color:var(--primary);
}

.apps-compact-meta{
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.45;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media (max-width: 1100px){
    .main-body-with-sidebar{
        gap:28px;
    }

    .news-sidebar{
        width:300px;
    }

    .article-title{
        font-size:42px;
    }

    .article-body{
        font-size:17px;
    }
}

@media (max-width: 860px){
    .main-body-with-sidebar{
        flex-direction:column;
    }

    .news-sidebar{
        width:100%;
    }

    .article-title{
        font-size:34px;
    }

    .article-dek{
        font-size:16px;
    }

    .article-body{
        max-width:none;
    }
}

@media (max-width: 640px){
    .news-article-section{
        padding:18px 0 30px;
    }

    .article-title{
        font-size:28px;
        line-height:1.16;
    }

    .article-dek{
        font-size:15px;
        line-height:1.7;
    }

    .article-body{
        font-size:15px;
        line-height:1.88;
    }

    .article-body h2{
        font-size:24px;
    }

    .article-body h3{
        font-size:21px;
    }

    .article-body h4{
        font-size:18px;
    }
}
/* ===== Header dropdown overlap fix ===== */
header,
.header,
.nav,
.header-actions,
.language-switcher {
    overflow: visible !important;
}

header {
    z-index: 10020;
}

.header {
    z-index: 10021;
}

.nav {
    z-index: 10022;
}

.nav ul,
.nav li {
    overflow: visible !important;
}

.nav ul li {
    position: relative;
}

.nav ul li ul {
    position: absolute;
    z-index: 10100 !important;
}

.header-actions {
    z-index: 10023;
}

.language-switcher {
    z-index: 10024;
}

.language-dropdown {
    position: absolute;
    z-index: 10110 !important;
}

.news-article-section,
.flash-article-section,
.main-body-with-sidebar,
.main-content,
.news-sidebar,
.news-article-single,
.flash-article-single,
.article-header,
.flash-header,
.flash-summary-box,
.sidebar-widget {
    position: relative;
    z-index: 1;
}
/* ===== 强制修复文章页正文列表符号显示 ===== */
.content ul,
.news-content ul,
.article-body ul,
.content .qk-md-ul,
.news-content .qk-md-ul,
.article-body .qk-md-ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left: 1em !important;
    margin: 1em 0 !important;
    overflow: visible !important;
}

.content ol,
.news-content ol,
.article-body ol,
.content .qk-md-ol,
.news-content .qk-md-ol,
.article-body .qk-md-ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    padding-left: 0.1em !important;
    margin: 1em 0 !important;
    overflow: visible !important;
}

.content li,
.news-content li,
.article-body li,
.content .qk-md-ul li,
.news-content .qk-md-ul li,
.article-body .qk-md-ul li,
.content .qk-md-ol li,
.news-content .qk-md-ol li,
.article-body .qk-md-ol li {
    display: list-item !important;
    list-style: inherit !important;
    overflow: visible !important;
    margin: 0.35em 0 !important;
}

.content li p,
.news-content li p,
.article-body li p {
    margin: 0 !important;
}

/* 二级三级列表 */
.content ul ul,
.news-content ul ul,
.article-body ul ul,
.content .qk-md-ul .qk-md-ul,
.news-content .qk-md-ul .qk-md-ul,
.article-body .qk-md-ul .qk-md-ul {
    list-style-type: circle !important;
}

.content ul ul ul,
.news-content ul ul ul,
.article-body ul ul ul,
.content .qk-md-ul .qk-md-ul .qk-md-ul,
.news-content .qk-md-ul .qk-md-ul .qk-md-ul,
.article-body .qk-md-ul .qk-md-ul .qk-md-ul {
    list-style-type: square !important;
}

.content ol ol,
.news-content ol ol,
.article-body ol ol,
.content .qk-md-ol .qk-md-ol,
.news-content .qk-md-ol .qk-md-ol,
.article-body .qk-md-ol .qk-md-ol {
    list-style-type: lower-alpha !important;
}

.content ol ol ol,
.news-content ol ol ol,
.article-body ol ol ol,
.content .qk-md-ol .qk-md-ol .qk-md-ol,
.news-content .qk-md-ol .qk-md-ol .qk-md-ol,
.article-body .qk-md-ol .qk-md-ol .qk-md-ol {
    list-style-type: lower-roman !important;
}

/* marker颜色 */
.content li::marker,
.news-content li::marker,
.article-body li::marker {
    color: #475569 !important;
    font-weight: 700;
}