:root{
    --bg:#f7f8fb;
    --panel:#ffffff;
    --text:#0f172a;
    --muted:#64748b;
    --soft:#94a3b8;
    --line:#e9eef5;
    --flash:#6d28d9;
    --flash-dark:#5b21b6;
    --flash-soft:#f6f1ff;
    --shadow:0 12px 36px rgba(15,23,42,.05);
}

body.news-single-flash-page{
    background:
        radial-gradient(circle at top left, rgba(109,40,217,.04), transparent 28%),
        radial-gradient(circle at top right, rgba(15,23,42,.03), transparent 28%),
        var(--bg);
    color:var(--text);
}

.flash-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;
}

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

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

.flash-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);
}

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

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

.flash-kicker{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 11px;
    border-radius:999px;
    background:var(--flash-soft);
    color:var(--flash);
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:14px;
}

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

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

.flash-summary-box{
    max-width:100%;
    margin:0 0 24px;
    padding:18px 20px;
    border-radius:18px;
    background:linear-gradient(135deg,#fcfaff 0%,#f6f1ff 100%);
    border:1px solid #ebdefe;
}

.summary-head{
    margin-bottom:10px;
}

.summary-label{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    background:var(--flash);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
}

.flash-summary-box p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    color:#475569;
}

.flash-article-body{
    max-width:100%;
    font-size:17px;
    line-height:1.9;
    color:#1e293b;
}

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

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

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

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

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

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

.flash-article-body a:hover{
    color:var(--flash-dark);
    border-bottom-color:rgba(109,40,217,.42);
}

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

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

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

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

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

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

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

.flash-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(--flash);
    border-color:#ddcafd;
    background:#fbf8ff;
    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(--flash);
}

.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 #e7dcfb;
    color:var(--flash);
    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(--flash);
}

.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(--flash);
}

.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;
    }

    .flash-title{
        font-size:40px;
    }
}

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

    .news-sidebar{
        width:100%;
    }

    .flash-title{
        font-size:32px;
    }

    .flash-summary-box,
    .flash-article-body{
        max-width:none;
    }
}

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

    .flash-title{
        font-size:27px;
        line-height:1.16;
    }

    .flash-summary-box p{
        font-size:14px;
    }

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

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

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

    .flash-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;
}
/* ===== 修复 Flash 文章页 UEditor / Markdown 列表符号不显示 ===== */
.content ul,
.news-content ul,
.flash-article-body ul,
.content .qk-md-ul,
.news-content .qk-md-ul,
.flash-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,
.flash-article-body ol,
.content .qk-md-ol,
.news-content .qk-md-ol,
.flash-article-body .qk-md-ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    padding-left: 1em !important;
    margin: 1em 0 !important;
    overflow: visible !important;
}

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

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

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

.content ul ul ul,
.news-content ul ul ul,
.flash-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,
.flash-article-body .qk-md-ul .qk-md-ul .qk-md-ul {
    list-style-type: square !important;
}

/* 二级三级有序列表 */
.content ol ol,
.news-content ol ol,
.flash-article-body ol ol,
.content .qk-md-ol .qk-md-ol,
.news-content .qk-md-ol .qk-md-ol,
.flash-article-body .qk-md-ol .qk-md-ol {
    list-style-type: lower-alpha !important;
}

.content ol ol ol,
.news-content ol ol ol,
.flash-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,
.flash-article-body .qk-md-ol .qk-md-ol .qk-md-ol {
    list-style-type: lower-roman !important;
}

.content li::marker,
.news-content li::marker,
.flash-article-body li::marker {
    color: #64748b !important;
    font-weight: 700;
}