/* Per-stock 新闻 (news-{code}.html, flash-news-{code}.html, announcement-{code}.html).
   Clarity follows Longbridge quote/news: 36px segment pills (8px radius, 8px 16px)
   in a bar sticky 20px under the panel head; list rows split by 1px #dbdde1 with
   12px above and below, each row a hover card bleeding 12px left and right;
   title 18/500/26 clamped to two lines, meta row 22px below (16 gap + 6) at 12/400 muted,
   sub-category chip 24px high on #f0f2f4. */

.nw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nw-main{max-width:1400px;margin:0 auto;padding:40px var(--cl-panel-inline,40px) 24px;box-sizing:border-box}
.nw-seg-bar{position:sticky;top:calc(var(--cl-masthead-h,0px) + var(--nw-head-h,0px));z-index:30;padding-bottom:8px;margin-bottom:8px;background:var(--c-bg)}
body.clarity.light .nw-main{padding-top:20px}
body.clarity.light .nw-seg-bar{top:calc(var(--cl-masthead-h,0px) + var(--nw-head-h,0px) + 20px);background:#fff}
body.clarity.light .nw-seg-bar::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px;background:inherit}
.nw-seg{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.nw-seg::-webkit-scrollbar{display:none}
.nw-seg-btn{flex:none;height:36px;padding:8px 16px;box-sizing:border-box;border-radius:8px;background:rgba(var(--c-text-rgb),.06);color:var(--c-sub);font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;text-decoration:none}
.nw-seg-btn.is-active{background:var(--c-text);color:var(--c-bg)}
.nw-seg-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}

.nw-list{list-style:none;margin:0;padding:0}
.nw-list>li{padding:12px 0;border-bottom:1px solid rgba(var(--c-text-rgb),.12)}
.nw-list>li:first-child{padding-top:0}
.nw-list>li:last-child{border-bottom:0}
.nw-item{position:relative;margin:0 -12px;padding:6px 12px;border-radius:8px;transition:background-color .15s ease-out}
.nw-item:hover{background:rgba(var(--c-text-rgb),.024)}
.nw-item:active{background:rgba(var(--c-text-rgb),.036)}
.nw-main .nw-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:18px;font-weight:500;line-height:26px;letter-spacing:0;color:var(--c-text);transition:color .15s}
.nw-title a{color:inherit;text-decoration:none}
.nw-title a::after{content:"";position:absolute;inset:0}
.nw-item:hover .nw-title{color:var(--c-accent)}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-height:24px;margin-top:22px}
.nw-source{display:inline-flex;gap:4px;font-size:12px;line-height:16px;color:var(--c-sub);font-variant-numeric:tabular-nums}
.nw-tag{display:inline-flex;align-items:center;height:24px;padding:4px 8px;box-sizing:border-box;border-radius:9999px;background:rgba(var(--c-text-rgb),.06);font-size:12px;line-height:16px;color:var(--c-sub);white-space:nowrap}
.nw-empty{margin:24px 0;font-size:14px;color:var(--c-sub)}

.nw-routine{margin-top:24px;border-top:1px solid rgba(var(--c-text-rgb),.12)}
.nw-routine>summary{display:flex;align-items:center;gap:8px;padding:16px 0;list-style:none;cursor:pointer;font-size:16px;font-weight:600;line-height:24px;color:var(--c-text)}
.nw-routine>summary::-webkit-details-marker{display:none}
.nw-routine>summary svg{width:16px;height:16px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.nw-routine[open]>summary svg{transform:rotate(180deg)}
.nw-count{font-size:12px;font-weight:400;color:var(--c-sub)}

body.clarity.light .nw-seg-btn{background:#f0f2f4;color:#696e77}
body.clarity.light .nw-seg-btn.is-active{background:#070a13;color:#fff}
body.clarity.light .nw-list>li,body.clarity.light .nw-routine{border-color:#dbdde1}
body.clarity.light .nw-main .nw-title,body.clarity.light .nw-routine>summary{color:#070a13}
body.clarity.light .nw-item:hover .nw-title{color:#624dbb}
body.clarity.light .nw-item:hover{background:rgba(240,242,244,.4)}
body.clarity.light .nw-item:active{background:rgba(240,242,244,.6)}
body.clarity.light .nw-source{color:#a8aaad}
body.clarity.light .nw-tag{background:#f0f2f4;color:#696e77}
body.clarity.light .nw-count,body.clarity.light .nw-empty{color:#696e77}
body.eva:not(.light) .nw-seg-btn,body.eva:not(.light) .nw-item,body.eva:not(.light) .nw-tag{border-radius:0}

/* The clarity type system sets h3 16/600 and floors [class*=tag] at 1em; this page follows Longbridge. */
html body.clarity.light .cl-page-panel .nw-main .nw-title{font-size:18px;font-weight:500;line-height:26px}
html body.clarity.light .cl-page-panel .nw-main .nw-tag{font-size:12px}

@media(max-width:767px){
  .nw-main{padding-inline:var(--cl-panel-inline,16px)}
}