@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════
   chinatrust.cn 首页改版 + 全站边栏统一
   2026-10-11  主题：justnews   文件：themes/justnews/ct/ct-home.css
   ─ 首页：品牌条 + 菜单栏 + 幻灯片 + 瀑布流
   ─ 全站边栏：广告轮播 + 研究组卡 + 快讯播报 + 随机/热门/最新
   命名一律 ct- 前缀，避免与主题类名冲突
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --ct-deep:#083B5E;   /* 深蓝统一 */
  --ct-brand:#0E7DC2;  /* 品牌档（装饰） */
  --ct-work:#0B6FB0;   /* 工作档（正文级文字/链接/按钮底） */
  --ct-green:#00A651;
  --ct-ink:#1F2A37;
  --ct-ink2:#42526B;
  --ct-ink3:#5B7185;   /* 说明文字（白底 5.05） */
  --ct-line:#E4E9F0;
  --ct-bg:#F5F7FA;
}

/* 首页整体灰底 */
body.home{background:var(--ct-bg);}

/* 主题 #wrap 的 64px padding-top 是给老固定页头留位的（body.header-fixed #wrap），新页头为 sticky 不需要 */
#wrap,body.header-fixed #wrap{padding-top:0;}

/* ═══ 第一行：深蓝品牌条 ═══ */
.ct-brand{background:var(--ct-deep);}
.ct-brand .in{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;box-sizing:border-box;}
.ct-brand .logo{display:flex;align-items:center;justify-self:start;margin:0;font-size:inherit;font-weight:inherit;}
.ct-brand .logo a{display:block;line-height:0;}
.ct-brand .logo img{height:44px;width:auto;display:block;}
.ct-brand .tagline{grid-column:2;text-align:center;color:#C9DAEB;font-size:14px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ct-brand .site{justify-self:end;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap;}
.ct-brand .site .en{font-weight:700;}
.ct-brand .site .sep{opacity:.55;margin:0 7px;font-weight:400;}

/* ═══ 第二行：菜单栏 ═══ */
.ct-menu{background:#fff;border-bottom:1px solid var(--ct-line);position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(8,59,94,.05);}
.ct-menu .in{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:2px;box-sizing:border-box;}
.ct-menu a.chip{flex:0 0 auto;font-size:14px;color:var(--ct-ink2);padding:7px 11px;border-radius:6px;white-space:nowrap;transition:.15s;text-decoration:none;}
.ct-menu a.chip:hover{color:var(--ct-work);background:#EEF4FA;}
.ct-menu a.chip.on{background:var(--ct-work);color:#fff;font-weight:600;}
.ct-menu a.chip.on:hover{background:#0A5F98;color:#fff;}
.ct-menu a.chip.hot{color:var(--ct-work);font-weight:600;}
.ct-menu a.chip.hot:hover{background:#EAF3FA;color:var(--ct-work);}
/* 当前页 + 强调项同时命中时，以「当前页」蓝底白字为准（否则红字压蓝底对比度不足） */
.ct-menu a.chip.on.hot{background:var(--ct-work);color:#fff;}
.ct-menu a.chip.on.hot:hover{background:#0A5F98;color:#fff;}
.ct-menu .sp{flex:1 1 auto;min-width:8px;}
.ct-menu a.login{flex:0 0 auto;background:var(--ct-work);color:#fff;font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:6px;white-space:nowrap;text-decoration:none;}
.ct-menu a.login:hover{background:#0A5F98;color:#fff;}

/* ═══ 首页内容区（宽度对齐老主题容器 1200px；侧栏 300px 同主题 --theme-sidebar-width） ═══ */
.ct-wrap{max-width:1200px;margin:0 auto;padding:12px 24px 0;box-sizing:border-box;}
.ct-cols{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;}
.ct-cols>.sidebar{float:none;width:auto;margin:0;padding:0;box-sizing:border-box;}

/* ── 幻灯片 ── */
.ct-slider{position:relative;border-radius:12px;overflow:hidden;background:#0B1622;}
.ct-slider .ph{display:block;position:relative;height:320px;}
.ct-slider .ph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease;}
.ct-slider .ph img.on{opacity:1;}
.ct-slider .cap{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 52px;background:linear-gradient(0deg,rgba(4,18,30,.97) 0%,rgba(4,18,30,.93) 46%,rgba(4,18,30,.62) 74%,rgba(4,18,30,0) 100%);}
.ct-slider .cap .cat{display:inline-block;background:var(--ct-work);color:#fff;font-size:12px;font-weight:600;padding:3px 9px;border-radius:4px;margin-bottom:10px;}
.ct-slider .cap h2{font-size:23px;line-height:1.5;color:#fff;font-weight:700;margin:0;}
.ct-slider .cap h2 a{color:#fff;text-decoration:none;}
.ct-slider .thumbs{position:absolute;right:16px;bottom:16px;display:flex;gap:7px;}
.ct-slider .thumbs i{display:block;width:62px;height:40px;border-radius:5px;overflow:hidden;border:2px solid rgba(255,255,255,.45);opacity:.72;cursor:pointer;}
.ct-slider .thumbs i img{width:100%;height:100%;object-fit:cover;display:block;}
.ct-slider .thumbs i.on{border-color:#fff;opacity:1;}
.ct-slider .dots{position:absolute;left:24px;bottom:22px;display:flex;gap:6px;}
.ct-slider .dots s{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);display:block;text-decoration:none;}
.ct-slider .dots s.on{background:#fff;width:18px;border-radius:4px;}

/* ── 瀑布流（标题+摘要+分类+时间，无配图） ── */
.ct-plist{margin-top:20px;}
.ct-wfall{display:block;}
.ct-wfall.split{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-items:start;}
.ct-wcol{display:flex;flex-direction:column;gap:16px;min-width:0;}
.ct-wfall.split .ct-wcard{margin:0;}
.ct-wcard{background:#fff;border:1px solid var(--ct-line);border-radius:10px;padding:15px 16px 12px;margin:0 0 16px;display:block;box-sizing:border-box;}
.ct-wcard h3{font-size:15.5px;line-height:1.6;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:3.2em;}
.ct-wcard h3 a{color:var(--ct-ink);text-decoration:none;}
.ct-wcard h3 a:hover{color:var(--ct-work);}
.ct-wcard .ex{font-size:12.5px;color:var(--ct-ink2);line-height:1.8;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ct-wcard .ft{padding-top:10px;display:flex;align-items:center;gap:8px;}
.ct-wcard .cat{font-size:11.5px;font-weight:600;color:var(--ct-work);background:#F0F7FC;border:1px solid rgba(14,125,194,.32);padding:2px 9px;border-radius:4px;}
.ct-wcard .tm{font-size:12px;color:var(--ct-ink3);}
.ct-plist .more{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 0 0;width:100%;border:0;background:none;cursor:pointer;font-family:inherit;font-size:14px;color:var(--ct-work);font-weight:600;text-decoration:none;}
.ct-plist .more::before,.ct-plist .more::after{content:"";flex:1 1 auto;height:1px;background:var(--ct-line);}
.ct-plist .more:hover{color:#0A5F98;}
.ct-plist .more.loading,.ct-plist .more.done{color:var(--ct-ink3);pointer-events:none;}
.ct-plist .more.loading::before,.ct-plist .more.loading::after{background:transparent;}

/* ═══════════════════════════════════════════════════════════════════
   全站边栏：广告轮播（承载在「广告代码」小工具里）
   ═══════════════════════════════════════════════════════════════════ */
.sidebar .widget_html_myimg{padding:0;background:none;border:0;border-radius:0;overflow:visible;}
.ct-adbox{position:relative;border-radius:12px;overflow:hidden;height:320px;box-shadow:0 6px 20px rgba(8,59,94,.14);}
.ct-adbox .ad{position:absolute;inset:0;padding:20px 20px 18px;color:#fff;display:none;flex-direction:column;box-sizing:border-box;}
.ct-adbox .ad.on{display:flex;}
.ct-adbox .ad.a1{background:linear-gradient(135deg,#083B5E 0%,#0B5C93 55%,#0E7DC2 100%);}
.ct-adbox .ad.a2{background:linear-gradient(150deg,#04263E 0%,#083B5E 62%,#0B5280 100%);}
.ct-adbox .kicker{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.06em;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px;margin-bottom:10px;}
.ct-adbox .ad.a2 .kicker{background:rgba(0,166,81,.24);color:#B7EED2;}
.ct-adbox h3{font-size:20px;line-height:1.45;font-weight:700;letter-spacing:.01em;margin:0;color:#fff;}
.ct-adbox .ad p{font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.9);margin:9px 0 0;}
.ct-adbox .ad .pts{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.ct-adbox .ad .pts li{position:relative;margin:0;padding:0 0 0 16px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.94);}
.ct-adbox .ad .pts li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.75);}
.ct-adbox .ad.a2 .pts li::before{background:var(--ct-green);}
.ct-adbox .ad .cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ct-adbox .ad .cta .btn{background:#fff;font-size:13px;font-weight:700;padding:9px 17px;border-radius:6px;text-decoration:none;}
.ct-adbox .ad.a1 .cta .btn{color:var(--ct-work);}
.ct-adbox .ad.a1 .cta .note{background:rgba(4,18,30,.42);padding:3px 10px;border-radius:999px;}
.ct-adbox .ad.a2 .cta .btn{color:var(--ct-deep);}
.ct-adbox .ad.a2 .cta .note{display:inline-flex;align-items:center;gap:6px;}
.ct-adbox .ad.a2 .cta .note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ct-green);}
.ct-adbox .ad .cta .note{font-size:12px;color:#fff;letter-spacing:.02em;}
.ct-adbox .ad .deco{position:absolute;right:-34px;top:-34px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.07);}
.ct-adbox .ad .deco2{position:absolute;right:26px;bottom:-46px;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.05);}
.ct-adbox .nav{position:absolute;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,0));z-index:4;}
.ct-adbox .nav s{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;display:block;transition:.2s;}
.ct-adbox .nav s.on{background:#fff;width:16px;border-radius:3px;}
.ct-adbox .tag{position:absolute;right:10px;top:10px;z-index:3;font-size:10.5px;color:#fff;background:rgba(4,18,30,.62);padding:2px 9px;border-radius:999px;letter-spacing:.08em;}

/* ── 蔚莱研究组卡 ── */
.ct-res{position:relative;display:flex;flex-direction:column;height:194px;margin-top:0;padding:15px 18px 14px;box-sizing:border-box;
  border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;
  background:linear-gradient(112deg,#06304E 0%,#0A5382 56%,#0E7DC2 100%);box-shadow:0 6px 20px rgba(8,59,94,.14);}
.ct-res::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);
  background-size:34px 34px,34px 34px;}
.ct-res>*{position:relative;z-index:1;}
.ct-res .ct-res-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;text-decoration:none;color:#fff;}
.ct-res .kick{font-size:10px;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.8);}
.ct-res .ttl{font-size:16.5px;font-weight:700;letter-spacing:.02em;margin-top:7px;}
.ct-res .ds{font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.88);margin-top:7px;}
.ct-res .lk{margin-top:auto;align-self:flex-start;font-size:12px;color:#C9E3F5;padding-bottom:1px;border-bottom:1px solid rgba(201,227,245,.55);text-decoration:none;cursor:pointer;}
.ct-res:hover .lk{color:#fff;border-bottom-color:#fff;}

/* ═══ 全站边栏：快讯播报（widget_kuaixun） ═══ */
.sidebar .widget_kuaixun{padding:0;background:#fff;border:1px solid var(--ct-line);border-radius:12px;margin-bottom:20px;overflow:hidden;}
.sidebar .widget_kuaixun .widget-title{display:flex;align-items:center;gap:7px;padding:15px 16px 11px;border-bottom:1px solid var(--ct-line);margin:0;font-size:15.5px;font-weight:700;line-height:1.4;color:var(--ct-ink);background:none;}
.sidebar .widget_kuaixun .widget-title::before{content:"";flex:0 0 auto;width:3px;height:15px;border-radius:2px;background:var(--ct-work);}
.sidebar .widget_kuaixun .widget-title span{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ct-ink);}
.sidebar .widget_kuaixun .widget-title-more{font-size:12.5px;font-weight:400;color:var(--ct-ink3);text-decoration:none;display:inline-flex;align-items:center;gap:2px;}
.sidebar .widget_kuaixun .widget-title-more:hover{color:var(--ct-work);}
.sidebar .widget_kuaixun .widget-kx-list{border-left:0;margin:0!important;padding:6px 16px 12px;list-style:none;}
.sidebar .widget_kuaixun .kx-item{border-left:0;margin:0;padding:11px 0 11px 14px;border-bottom:1px dashed #EDF1F6;position:relative;line-height:1.6;}
.sidebar .widget_kuaixun .kx-item:last-child{border-bottom:0;}
.sidebar .widget_kuaixun .kx-item::before{content:"";position:absolute;left:2px;top:17px;width:5px;height:5px;border-radius:50%;background:var(--ct-brand);}
.sidebar .widget_kuaixun a.kx-title{display:block;font-size:13.5px;line-height:1.6;color:var(--ct-ink);font-weight:500;text-decoration:none;}
.sidebar .widget_kuaixun .kx-item:hover a.kx-title{color:var(--ct-work);}
.sidebar .widget_kuaixun .kx-meta{margin:5px 0 0;text-align:left;font-size:0;}
.sidebar .widget_kuaixun .kx-time{display:block;font-size:11.5px;font-weight:400;line-height:1.5;color:var(--ct-ink3);margin:0;position:static;}
.sidebar .widget_kuaixun .kx-share{display:none;}
.sidebar .widget_kuaixun .kx-content{font-size:12.5px;color:var(--ct-ink2);line-height:1.75;margin:8px 0 0;overflow:hidden;}
.sidebar .widget_kuaixun .kx-content p{margin:0;}

/* ═══ 全站边栏：随机 / 热门 / 最新（widget_post_tabs） ═══ */
.sidebar .widget_post_tabs{padding:0;background:#fff;border:1px solid var(--ct-line);border-radius:12px;margin-bottom:20px;overflow:hidden;}
.sidebar .widget_post_tabs .post-tabs-hd{display:flex;border-bottom:1px solid var(--ct-line);margin:0;justify-content:flex-start;}
.sidebar .widget_post_tabs .post-tabs-hd-inner{display:flex;width:100%;justify-content:space-around;}
.sidebar .widget_post_tabs .post-tabs-hd-inner::before{display:none;content:none;}
.sidebar .widget_post_tabs .post-tabs-hd .post-tabs-item{flex:1 1 0;text-align:center;padding:13px 0 12px;font-size:13.5px;line-height:1.4;color:var(--ct-ink3);position:relative;cursor:pointer;}
.sidebar .widget_post_tabs .post-tabs-hd .post-tabs-item.active{color:var(--ct-work);font-weight:700;}
.sidebar .widget_post_tabs .post-tabs-hd .post-tabs-item.active::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:34px;height:2px;border-radius:2px;background:var(--ct-work);}
.sidebar .widget_post_tabs .post-tabs-hd .post-tabs-item:hover{color:var(--ct-work);}
.sidebar .widget_post_tabs .post-tabs-list{display:none;padding:8px 14px 10px;margin:0;list-style:none;}
.sidebar .widget_post_tabs .post-tabs-list.active{display:block;}
.sidebar .widget_post_tabs .post-tabs-list .item{display:flex;gap:11px;align-items:center;padding:9px 0;border-bottom:1px dashed #EDF1F6;}
.sidebar .widget_post_tabs .post-tabs-list .item:last-child{border-bottom:0;}
.sidebar .widget_post_tabs .item-img{flex:0 0 auto;width:84px;overflow:hidden;border-radius:6px;order:0;}
.sidebar .widget_post_tabs .item-img a{display:block;line-height:0;}
.sidebar .widget_post_tabs .item-img img{width:84px;height:56px;object-fit:cover;border-radius:6px;background:#EEF2F7;display:block;}
.sidebar .widget_post_tabs .item-content{flex:1 1 auto;min-width:0;padding:0;}
.sidebar .widget_post_tabs .item-title{font-size:13px;line-height:1.55;color:var(--ct-ink);margin:0;padding:0;font-weight:400;}
.sidebar .widget_post_tabs .item-title a{color:var(--ct-ink);text-decoration:none;}
.sidebar .widget_post_tabs .item:hover .item-title a{color:var(--ct-work);}
.sidebar .widget_post_tabs .item-date{display:none;}

/* ═══ 响应式 ═══ */
@media(max-width:1000px){
  .ct-cols{grid-template-columns:1fr;}
  .ct-brand .tagline{display:none;}
  .ct-brand .in{padding:0 16px;gap:14px;}
  .ct-brand .logo img{height:38px;}
  .ct-slider .ph{height:300px;}
  .ct-menu .in{overflow-x:auto;}
  /* 窄屏边栏沿用主题响应式（小屏隐藏），此处不改 */
}
@media(max-width:900px){
  .ct-brand .in{display:flex;flex-wrap:wrap;height:auto;padding:10px 16px;row-gap:4px;}
  .ct-brand .tagline{order:3;flex-basis:100%;white-space:normal;text-align:center;font-size:12.5px;}
}
@media(max-width:640px){
  .ct-slider .thumbs{display:none;}
  .ct-slider .ph{height:250px;}
}
@media(max-width:420px){
  .ct-brand .in{padding:10px 14px;gap:10px;}
  .ct-brand .logo img{height:28px;}
  .ct-brand .site{font-size:12px;}
  .ct-burger{right:14px;}
}

/* 2026-10-11 深夜：列表缩略图缩小 15%（主题 .item-img 30%→25.5%），行高随 16:10 自动收窄；仅桌面端，窄屏堆叠布局不动 */
@media(min-width:1000px){
  .post-loop-default .item-img{width:25.5%;}
}

/* ═══ 移动/平板导航折叠（2026-10-12 用户定案：手机或 PAD 只显示第一行品牌条，
   第二行菜单隐藏，右上角汉堡按钮开合；桌面端 >1024 不受影响）
   ★10-12 真机修正：汉堡改绝对定位钉死右上角——流式布局在真机（宽度/字号膨胀）
   会把按钮挤到第二行左侧（用户截图实锤），绝对定位任何宽度都不掉行 ═══ */
.ct-burger{display:none;}
@media(max-width:1024px){
  .ct-brand{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  .ct-brand .in{position:relative;}
  .ct-burger{display:inline-flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:40px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;cursor:pointer;}
  .ct-brand .site{display:none;}/* 10-12 用户定案：移动/平板不显示「chinatrust.cn|信托之家」副行 */
  .ct-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s;}
  .ct-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .ct-burger.open span:nth-child(2){opacity:0;}
  .ct-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .ct-menu{display:none;}
  .ct-menu.open{display:block;position:static;box-shadow:0 10px 22px rgba(8,59,94,.14);}
  .ct-menu.open .in{height:auto;flex-wrap:wrap;padding:10px 16px;gap:6px;}
  .ct-menu.open a.chip{font-size:15px;padding:10px 14px;}
  .ct-menu.open .sp{display:none;}
  .ct-menu.open a.login{margin-top:4px;}
}