/* NSPR-analyse-V1.9
   在 V1.7 方案A基础上继续细调
   本轮仅处理 5 条：标题条样式、主列表符号、主列表标题字重、日期显示、filter 父层底纹 */

:root{
    --page-min-width:1180px;
    --page-max-width:1560px;

    --header-height:76px;
    --nav-height:50px;

    --gap-1:8px;
    --gap-2:12px;
    --gap-3:16px;
    --gap-4:20px;
    --gap-5:24px;
    --gap-6:32px;

    --border:#d7dce2;
    --border-soft:#e8ecf0;
    --bg:#f4f6f8;
    --panel:#ffffff;
    --panel-soft:#fafbfc;
    --text-1:#1f2833;
    --text-2:#596576;
    --text-3:#8a96a3;

    --accent:#de0422;
    --accent-soft:#fff3f5;
    --link:#154fa3;
    --strip-fade-stop:66%;
}

*,
*::before,
*::after{box-sizing:border-box;}

html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
    min-width:var(--page-min-width);
    background:var(--bg);
    color:var(--text-1);
    font:14px/1.7 "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
    overflow-x:auto;
}

img{display:block;max-width:100%;border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--accent);text-decoration:none;}
button,input,select,textarea{font:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4{margin:0;}

.wrap{
    width:92%;
    max-width:var(--page-max-width);
    margin:0 auto;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.site-wrap{
    width:100%;
    min-width:var(--page-min-width);
}

.sticky-shell{
    position:sticky;
    top:0;
    z-index:1000;
    min-width:var(--page-min-width);
    background:#fff;
}

/* header */
.site-header{
    position:relative;
    z-index:auto;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(6px);
    border-bottom:0;
}

.site-header__inner{
    min-height:var(--header-height);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:nowrap;
}

.site-header__left{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:nowrap;
    overflow:hidden;
}

.site-brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
}

.site-brand__link{
    display:inline-flex;
    align-items:center;
    min-height:var(--header-height);
}

.site-brand__logo{
    display:block;
    max-height:38px;
    width:auto;
}

.site-header__meta{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.site-clock{
    display:block;
    max-width:100%;
    min-height:34px;
    line-height:34px;
    padding:0 12px;
    border-left:3px solid var(--accent);
    background:linear-gradient(90deg,var(--accent-soft) 0, rgba(255,255,255,0) var(--strip-fade-stop));
    color:var(--text-2);
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.site-search{
    flex:0 0 308px;
    width:308px;
    display:grid;
    grid-template-columns:160px 88px 44px;
    gap:8px;
    align-items:center;
    justify-self:end;
}

.site-search__input,
.site-search__select,
.site-search__submit{
    height:34px;
    border:1px solid var(--border);
    background:var(--panel);
    outline:none;
}

.site-search__input{
    width:160px;
    min-width:160px;
    max-width:160px;
    padding:0 10px;
}

.site-search__input:focus,
.site-search__select:focus{
    border-color:#c7ccd4;
}

.site-search__select{
    width:88px;
    min-width:88px;
    max-width:88px;
    padding:0 18px 0 8px;
    white-space:nowrap;
}

.site-search__submit{
    width:44px;
    min-width:44px;
    max-width:44px;
    cursor:pointer;
    background:var(--panel);
    color:var(--text-1);
    font-weight:600;
}

.site-search__submit:hover{
    border-color:var(--accent);
    color:var(--accent);
}

/* channel nav */
.channel-nav{
    position:relative;
    top:auto;
    z-index:auto;
    background:#fff;
    border-top:6px solid #FF3300;
    border-bottom:0;
}

.channel-nav__list{
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
}

.channel-nav__item{
    display:flex;
}

.channel-nav__item>a{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:var(--nav-height);
    padding:0 26px;
    color:var(--text-2);
    font-size:15px;
    font-weight:600;
}

.channel-nav__item>a::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:0;
    height:2px;
    background:transparent;
}

.channel-nav__item.is-active>a{
    color:var(--accent);
}

.channel-nav__item.is-active>a::after{
    background:var(--accent);
}

/* filter */
.section-filter{
    padding:18px 0 20px;
    background:
        linear-gradient(270deg, rgba(255, 51, 0, 0.078) 0%, rgba(255, 51, 0, 0.046) 24%, rgba(255, 51, 0, 0.020) 52%, rgba(255, 51, 0, 0.006) 74%, rgba(255, 51, 0, 0) 100%),
        url("/images/news/news2026-hero-tech.gif") right center / auto 100% no-repeat;
}

.filter-block{
    background:#fff;
    border:0;
    padding:14px 18px 16px;
}

.filter-block__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}

.filter-block__title{
    position:relative;
    padding-left:12px;
    font-size:15px;
    font-weight:700;
    line-height:1.45;
}

.filter-block__title::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:14px;
    margin-top:-7px;
    background:var(--accent);
}

.filter-block__toggle{
    min-width:64px;
    height:30px;
    padding:0 12px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    cursor:pointer;
}

.filter-block__toggle:hover{
    border-color:var(--accent);
    color:var(--accent);
}

.filter-group{
    display:flex;
    flex-wrap:wrap;
    gap:10px 12px;
    max-height:38px;
    overflow:hidden;
}

.filter-block.is-expanded .filter-group,
.filter-block.is-single-line .filter-group{
    max-height:none;
}

.filter-chip{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    line-height:1;
    transition:all .15s ease;
    white-space:nowrap;
}

.filter-chip:hover{
    border-color:#cfd5dc;
    background:#fff;
}

.filter-chip.is-active{
    border-color:var(--accent);
    background:var(--accent-soft);
    color:var(--accent);
    font-weight:700;
}

/* main */
.section-main{
    padding-bottom:22px;
}

.section-main__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:20px;
    align-items:start;
}

/* list */
.content-list{min-width:0;}

.list-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
    padding:14px 18px 14px 14px;
    border:0;
    border-left:3px solid var(--accent);
    background:
        linear-gradient(90deg, var(--accent-soft) 0, rgba(255,255,255,0) var(--strip-fade-stop)),
        #fff;
}

.list-toolbar__left,
.list-toolbar__right{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.list-toolbar__path{
    font-weight:700;
}

.list-toolbar__sep,
.list-toolbar__state,
.list-toolbar__count{
    color:var(--text-2);
    font-size:13px;
}

.list-font-switcher{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:8px;
}

.list-font-switcher__label{
    color:var(--text-2);
    font-size:13px;
}

.list-font-switcher__btn{
    min-width:30px;
    height:28px;
    padding:0 8px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    cursor:pointer;
}

.list-font-switcher__btn.is-active{
    border-color:var(--accent);
    background:var(--accent-soft);
    color:var(--accent);
    font-weight:700;
}

.news-list{
    display:grid;
    gap:0;
}

.analyse-include-list{
    border:0;
    background:#fff;
    padding:10px 18px 10px;
    color:var(--text-1);
}

.analyse-include-list.raw-hidden{
    visibility:hidden;
}

.analyse-include-list .s9,
.analyse-include-list .s105,
.analyse-include-list font,
.analyse-include-list a{
    font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif !important;
}

.include-items{
    display:grid;
    gap:0;
}

.include-item{
    display:grid;
    grid-template-columns:16px minmax(0,1fr) auto;
    align-items:center;
    column-gap:12px;
    padding:10px 0;
    border-bottom:1px dashed var(--border-soft);
    letter-spacing:.01em;
}

.include-item:last-child{
    border-bottom:0;
}

.include-item.is-gap-before{
    margin-top:10px;
}

.include-mark{
    position:relative;
    width:14px;
    height:14px;
    display:inline-block;
}

.include-mark::before{
    content:"";
    position:absolute;
    left:2px;
    top:2px;
    width:8px;
    height:8px;
    border-radius:50%;
    border:1px solid var(--accent);
    background:rgba(222,4,34,.08);
}

.include-title{
    min-width:0;
    color:#151b22;
    font-weight:700;
}

.include-title a{
    color:#151b22 !important;
    text-decoration:none !important;
    font-weight:700 !important;
}

.include-title a:hover{
    color:var(--accent) !important;
}

.include-time{
    min-width:96px;
    color:#9aa5b1;
    white-space:nowrap;
    text-align:right;
    font-size:12px;
}

.analyse-include-list.size-small .include-item{
    font-size:15px;
    line-height:1.82;
    padding:8px 0;
}

.analyse-include-list.size-medium .include-item{
    font-size:16px;
    line-height:1.95;
    padding:10px 0;
}

.analyse-include-list.size-large .include-item{
    font-size:18px;
    line-height:2.06;
    padding:12px 0;
}

/* side */
.content-side{
    display:grid;
    gap:12px;
}

.side-module{
    border:0;
    background:#fff;
}

.side-module__head{
    padding:12px 16px 12px 14px;
    border-bottom:0;
    border-left:3px solid var(--accent);
    background:
        linear-gradient(90deg, var(--accent-soft) 0, rgba(255,255,255,0) var(--strip-fade-stop)),
        #fff;
}

.side-module__title{
    position:relative;
    padding-left:0;
    font-size:15px;
    line-height:1.45;
    font-weight:700;
}

.side-module__title::before{
    display:none;
}

.side-module__body{
    padding:16px;
}

.hot-include-list{
    color:var(--text-2);
    font-size:14px;
    line-height:1.8;
}

.hot-include-list .s9,
.hot-include-list font,
.hot-include-list a{
    font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif !important;
}

.hot-items{
    display:grid;
    gap:0;
}

.hot-item{
    display:grid;
    grid-template-columns:14px minmax(0,1fr);
    column-gap:10px;
    align-items:center;
    padding:8px 0;
    border-bottom:1px dashed var(--border-soft);
    font-size:14px;
    line-height:1.75;
    font-weight:400 !important;
}

.hot-item:last-child{
    border-bottom:0;
}

.hot-item .include-mark{
    width:12px;
    height:12px;
}

.hot-item .include-mark::before{
    left:2px;
    top:2px;
    width:6px;
    height:6px;
}

.hot-item a{
    color:var(--text-2) !important;
    font-weight:400 !important;
}

.hot-item a:hover{
    color:var(--accent) !important;
}

.subscribe-card,
.contact-card{
    display:grid;
    gap:12px;
}

.subscribe-card__text{
    color:var(--text-2);
    font-size:14px;
}

.subscribe-card__action,
.contact-card__item{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    font-weight:600;
}

.subscribe-card__action:hover,
.contact-card__item:hover{
    border-color:var(--accent);
    color:var(--accent);
}

.subscribe-card__qrcode{
    min-height:138px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed var(--border);
    background:var(--panel-soft);
    color:var(--text-3);
    font-size:13px;
}

.category-map{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
}

.category-map__item{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 10px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    font-size:13px;
    white-space:nowrap;
}

.category-map__item:hover{
    border-color:var(--accent);
    color:var(--accent);
}

/* pagination */
.section-pagination{
    padding-top:12px;
}

.pagination{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    padding:16px 18px;
    border:0;
    background:#fff;
}

.pagination__prev,
.pagination__next{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:96px;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--border);
    background:var(--panel-soft);
    color:var(--text-2);
    font-size:14px;
}

.pagination__next:hover{
    border-color:var(--accent);
    color:var(--accent);
}

.pagination__prev.is-disabled{
    opacity:.5;
    pointer-events:none;
}

/* footer */
.site-footer{
    padding:22px 0 26px;
    border-top:0;
    background:#fff;
    margin-top:24px;
}

.site-footer__links,
.site-footer__meta{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 18px;
    text-align:center;
}

.site-footer__links{
    margin-bottom:10px;
}

.site-footer__links a,
.site-footer__meta,
.site-footer__meta a{
    color:var(--text-2);
    font-size:13px;
}

/* back top */
.util-backtop{
    position:fixed;
    right:26px;
    bottom:28px;
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border:2px solid var(--accent);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:var(--accent);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0, 8px, 0);
    transition:opacity .22s ease, visibility .22s ease, transform .22s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.util-backtop.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0, 0, 0);
}

.util-backtop:hover{
    background:#fff3ea;
    border-color:var(--accent);
    color:var(--accent);
}

.util-backtop__icon{
    display:inline-block;
    width:0;
    height:0;
    margin-top:-2px;
    border-right:8px solid transparent;
    border-bottom:12px solid currentColor;
    border-left:8px solid transparent;
}

@media (max-width: 1440px){
    .section-main__inner{
        grid-template-columns:minmax(0,1fr) 320px;
    }
}

@media (max-width: 1320px){
    .site-header__inner{
        grid-template-columns:220px minmax(0,1fr);
        gap:16px;
        padding:14px 0;
    }

    .site-search{
        grid-column:2 / 3;
        width:100%;
        max-width:none;
    }

    .site-header__meta{
        grid-column:1 / -1;
        order:3;
    }
}

@media print{
    .site-search,
    .filter-block__toggle,
    .list-font-switcher,
    .section-pagination,
    .util-backtop{
        display:none !important;
    }

    .site-header,
    .channel-nav,
    .filter-block,
    .analyse-include-list,
    .side-module,
    .site-footer{
        border:1px solid #ddd !important;
    }
}

/* NSPR-analyse-V2.3
   外链版：/CSS/channel.css
   保持 V2 版式不扩改，只修正分页链接 & 与外链结构。 */