/* WXSSC V68.6-I2 flash-news density polish
   Visual only: no API/SSE/data logic changes.
*/

:root{
  --wx-i2-page:1300px;
  --wx-i2-left:960px;
  --wx-i2-side:322px;
  --wx-i2-gap:18px;
  --wx-i2-blue:#2563eb;
  --wx-i2-red:#e11d48;
  --wx-i2-line:#e8eef7;
  --wx-i2-muted:#64748b;
  --wx-i2-bg:#f8fbff;
}

/* 统一主容器宽度，延续 I1 对齐 */
html body .wx55-wrap.wx55-important,
html body .wx55-wrap.wx55-layout{
  width:min(var(--wx-i2-page), calc(100vw - 36px)) !important;
  max-width:var(--wx-i2-page) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

html body .wx55-wrap.wx55-layout{
  grid-template-columns:minmax(0,var(--wx-i2-left)) var(--wx-i2-side) !important;
  gap:var(--wx-i2-gap) !important;
  align-items:start !important;
}

html body .wx55-side{
  width:var(--wx-i2-side) !important;
  min-width:var(--wx-i2-side) !important;
  max-width:var(--wx-i2-side) !important;
}

/* 1. 重要事件：由厚卡片压成轻量事件区 */
html body .wx55-wrap.wx55-important,
html body .wx55-wrap.wx55-important.wx-v6568d-important{
  display:grid !important;
  grid-template-columns:minmax(0,var(--wx-i2-left)) var(--wx-i2-side) !important;
  gap:var(--wx-i2-gap) !important;
  align-items:stretch !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body .wx55-important.wx-v6568d-important .wx-v6568d-important-main,
html body .wx55-important-left{
  min-width:0 !important;
  width:100% !important;
  min-height:76px !important;
  padding:13px 16px 12px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  box-sizing:border-box !important;
}

html body .wx-v6568d-important-head{
  margin-bottom:8px !important;
}

html body .wx-v6568d-important-title{
  gap:7px !important;
}

html body .wx-v6568d-important-dot{
  width:8px !important;
  height:8px !important;
}

html body .wx-v6568d-important-title b{
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  color:#0f172a !important;
}

html body .wx-v6568d-important-title span,
html body .wx-v6568d-important-meta{
  font-size:12px !important;
  font-weight:760 !important;
  color:#64748b !important;
}

html body .wx-v6568d-important-meta{
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#f8fafc !important;
  border:1px solid rgba(148,163,184,.16) !important;
}

html body .wx-v6568d-important-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px 10px !important;
}

html body .wx-v6568d-event{
  min-height:36px !important;
  padding:7px 8px !important;
  border-radius:10px !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:8px !important;
  background:#fbfdff !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

html body .wx-v6568d-event-num{
  width:28px !important;
  height:28px !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:950 !important;
}

html body .wx-v6568d-event-text b{
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  color:#0f172a !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html body .wx-v6568d-event-text span{
  font-size:11.5px !important;
  line-height:1.2 !important;
  color:#64748b !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 2. 右上实时情报卡：去广告感，变轻量热点/会员提醒 */
html body .wx55-important.wx-v6568d-important .wx-v6568d-important-vip,
html body .wx55-promo{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  min-height:76px !important;
  padding:14px 16px !important;
  border-radius:13px !important;
  border:1px solid rgba(37,99,235,.14) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(37,99,235,.09),transparent 36%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:7px !important;
}

html body .wx-v6568d-important-vip span{
  font-size:11px !important;
  color:#2563eb !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
}

html body .wx-v6568d-important-vip b{
  font-size:18px !important;
  line-height:1.15 !important;
  letter-spacing:-.035em !important;
  color:#0f172a !important;
  font-weight:1000 !important;
}

html body .wx-v6568d-important-vip a{
  align-self:flex-start !important;
  height:28px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:#0f172a !important;
  color:#fff !important;
  font-size:12px !important;
  box-shadow:none !important;
}

/* 3. SSE 新消息提示：弱化为浅蓝提示，不再横向抢眼 */
html body .wx55-newbar{
  min-height:28px !important;
  height:28px !important;
  line-height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(14,165,233,.06)) !important;
  border-top:1px solid rgba(37,99,235,.10) !important;
  border-bottom:1px solid rgba(37,99,235,.10) !important;
  color:#2563eb !important;
  font-size:12px !important;
  font-weight:850 !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* 4. 工具栏与列表密度：不动逻辑，只压高度 */
html body .wx55-main .wx55-tabs[data-wx55-tabs]{
  min-height:48px !important;
  padding:5px 14px !important;
  gap:8px !important;
  border-bottom:1px solid var(--wx-i2-line) !important;
}

html body .wx55-main .wx55-tab,
html body .wx55-main .wx55-chip{
  height:31px !important;
  min-height:31px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
}

html body .wx55-tools{
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-bottom:1px solid var(--wx-i2-line) !important;
}

html body .wx55-search{
  height:28px !important;
  width:250px !important;
  font-size:12px !important;
}

html body .wx55-btn{
  height:28px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
}

html body .wx55-feed{
  min-height:640px !important;
}

html body .wx55-item{
  min-height:62px !important;
  grid-template-columns:70px minmax(0,1fr) 22px !important;
  gap:12px !important;
  padding:9px 15px !important;
  border-bottom:1px solid rgba(148,163,184,.13) !important;
}

html body .wx55-time{
  font-size:15px !important;
  line-height:1.1 !important;
}

html body .wx55-title{
  font-size:14px !important;
  line-height:1.36 !important;
  font-weight:950 !important;
  color:#0f172a !important;
}

html body .wx55-title .tag,
html body .wx-v6568h-cat-tag{
  height:19px !important;
  line-height:19px !important;
  padding:0 7px !important;
  font-size:11px !important;
  margin-right:7px !important;
}

html body .wx55-summary{
  margin-top:4px !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
  color:#475569 !important;
  max-height:36px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

html body .wx55-meta{
  margin-top:3px !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  color:#94a3b8 !important;
}

html body .wx55-item.wx-v6568h-vip,
html body .wx55-item.wx-v6568g-vip{
  background:linear-gradient(90deg,rgba(245,158,11,.10),rgba(255,255,255,.98)) !important;
}

html body .wx-v6568h-vip-action,
html body .wx-v6568g-vip-action{
  height:30px !important;
  padding:0 12px !important;
  font-size:12px !important;
  border-radius:999px !important;
  box-shadow:0 8px 16px rgba(245,158,11,.12) !important;
}

/* 5. 右栏卡片标题统一 + 产品化 */
html body .wx55-side{
  gap:12px !important;
}

html body .wx55-side .wx55-card,
html body .wx55-side .wx-v6569a-side-card{
  width:100% !important;
  border-radius:13px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  overflow:hidden !important;
}

html body .wx55-side .wx55-card-head,
html body .wx55-side .wx-v6569a-card-head{
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-bottom:1px solid rgba(148,163,184,.13) !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

html body .wx55-side .wx55-card-head b,
html body .wx55-side .wx-v6569a-card-head b{
  font-size:15px !important;
  color:#0f172a !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
}

html body .wx55-side .wx55-card-head span,
html body .wx55-side .wx55-card-head a,
html body .wx55-side .wx-v6569a-card-head span,
html body .wx55-side .wx-v6569a-card-head a{
  font-size:11.5px !important;
  color:#64748b !important;
  font-weight:850 !important;
}

html body .wx-v6569a-products{
  padding:8px !important;
  gap:7px !important;
}

html body .wx-v6569a-product{
  height:40px !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

html body .wx-v6569a-product i{
  width:26px !important;
  height:26px !important;
  font-size:12px !important;
}

html body .wx-v6569a-product b{
  font-size:13px !important;
  line-height:1.1 !important;
}

html body .wx-v6569a-product span{
  font-size:11px !important;
  line-height:1.1 !important;
}

/* 行情参考卡密度 */
html body .wx-v6569a-market{
  padding:8px 10px 9px !important;
}

html body .wx-v6569a-market-top{
  gap:5px !important;
}

html body .wx-v6569a-market-chip{
  padding:6px 6px !important;
  border-radius:10px !important;
}

html body .wx-v6569a-market-row{
  min-height:32px !important;
  padding:5px 0 !important;
}

html body .wx-v6569a-hot-row{
  min-height:40px !important;
  padding:7px 9px !important;
}

html body .wx-v6569a-calendar{
  padding:10px !important;
}

/* 移动端恢复一列 */
@media(max-width:900px){
  html body .wx55-wrap.wx55-important,
  html body .wx55-wrap.wx55-important.wx-v6568d-important,
  html body .wx55-wrap.wx55-layout{
    width:min(760px, calc(100vw - 20px)) !important;
    max-width:min(760px, calc(100vw - 20px)) !important;
    grid-template-columns:1fr !important;
  }

  html body .wx55-side{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  html body .wx55-item{
    grid-template-columns:56px minmax(0,1fr) 22px !important;
    padding:10px 12px !important;
  }

  html body .wx55-search{
    width:190px !important;
  }
}