@charset "utf-8";
/* ==========================================================================
   资讯站公共样式 style.css
   依赖：spectre.min.css（reset/栅格兜底）、remixicon.css（图标字体）
   目录：1 变量 2 基础 3 通用组件 4 头部 5 侧栏 6 页脚
        7 首页 8 列表页 9 详情页 10 分页 11 响应式
   ========================================================================== */

/* ==========================================================================
   1. 变量
   ========================================================================== */
:root{
  /* 主色 */
  --brand:#e60012;
  --brand-dark:#c10010;
  --brand-soft:#fff1f3;
  --brand-line:#ffd8dd;

  /* 中性色 */
  --ink:#17181a;
  --ink-2:#454a4f;
  --ink-3:#878e96;
  --ink-4:#b6bcc3;

  /* 线 & 底 */
  --line:#e9ebee;
  --line-2:#f2f4f6;
  --bg:#fff;
  --bg-soft:#f7f8fa;
  --bg-dim:#eef0f3;

  /* 功能色 */
  --blue:#1a6fd6;
  --blue-soft:#eef5fe;
  --orange:#c8790a;
  --orange-soft:#fff8ea;

  /* 尺寸 */
  --radius:8px;
  --radius-sm:5px;
  --radius-lg:12px;
  --wrap:1200px;
  --gap:24px;
  --header-h:72px;

  /* 文字刻度 —— 全站唯一字号来源，改这里即可整体调节 */
  --fs-h1:      36px;  /* 文章主标题 / 列表页大标题 */
  --fs-h1-lh:   1.34;
  --fs-lead:    18px;  /* 导语 / 摘要 */
  --fs-h2:      24px;  /* 正文小节 */
  --fs-item:    20px;  /* 列表条目标题（首页资讯流 / 报告列表） */
  --fs-body:    17px;  /* 正文 */
  --body-lh:    1.85;
  --fs-card:    16px;  /* 卡片标题 */
  --fs-side:    18px;  /* 侧栏 / 区块面板标题 */
  --fs-sub:     15px;  /* 侧栏条目标题 */
  --fs-text-s:  14.5px;/* 描述、摘要 */
  --fs-label:   14px;  /* 栏目名、筛选、按钮 */
  --fs-mini:    13px;  /* 时间、来源、面包屑 */

  /* 阴影 */
  --sd-1:0 1px 2px rgba(16,24,40,.05);
  --sd-2:0 4px 14px rgba(16,24,40,.07);
  --sd-3:0 12px 32px rgba(16,24,40,.11);
}

/* ==========================================================================
   2. 基础
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a,a:visited{color:var(--ink);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--brand)}
img{max-width:100%;display:block;border:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.4}
p{margin:0 0 1em}
button,input{font-family:inherit;font-size:inherit}
::selection{background:var(--brand);color:#fff}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 10px;width:100%}
.wrap-wide{max-width:1360px}
.clearfix::after{content:"";display:table;clear:both}

/* 视觉隐藏 */
.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}
/* --- 弹窗 --- */
.layer{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.layer.open{display:flex}
.layer-mask{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.layer-box{position:relative;width:100%;max-width:540px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--sd-3);animation:layerIn .25s ease}
.layer-close{
  position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;background:transparent;
  display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--ink-3);cursor:pointer;border-radius:50%;
}
.layer-close:hover{background:var(--bg-soft);color:var(--brand)}
.layer-body{padding:34px}
.layer-body h3{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:24px}
.layer-body h3 i{color:var(--brand);font-size:22px}
@keyframes layerIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.search-form{display:flex;gap:10px;margin-bottom:18px}
.search-form input{
  flex:1;height:46px;padding:0 18px;border:1px solid var(--line);border-radius:23px;font-size:16px;
  outline:none;background:var(--bg-soft);transition:border-color .2s ease;
}
.search-form input:focus{border-color:var(--brand);background:#fff}
.search-form .btn{height:46px;border-radius:23px;padding:0 24px}
.search-hot{font-size:13.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.search-hot a{font-size:13px;color:var(--ink-2);padding:5px 12px;background:var(--bg-soft);border-radius:14px}
.search-hot a:hover{background:var(--brand-soft);color:var(--brand)}

.qr-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.qr-item{text-align:center}
.qr-item .ph{width:100%;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:var(--bg-dim);margin-bottom:10px}
.qr-item .ph img{width:100%;height:100%;object-fit:cover}
.qr-item p{font-size:14px;color:var(--ink-2);margin:0}

/* 站内搜索页：搜索框 / 空状态 / 关键词高亮 */
.page-search{display:flex;gap:10px;max-width:560px;margin-top:18px}
.page-search input{
  flex:1;height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:23px;font-size:16px;
  outline:none;background:var(--bg-soft);transition:border-color .2s ease;
}
.page-search input:focus{border-color:var(--brand);background:#fff}
.page-search .btn{height:46px;border-radius:23px;padding:0 28px;font-size:15px}
.empty{text-align:center;padding:72px 20px;color:var(--ink-3)}
.empty i{font-size:52px;color:var(--line-2);display:block;margin-bottom:14px}
.empty p{font-size:14px;line-height:1.8;margin:0}
.ai-tx mark{background:#fff3bf;color:inherit;padding:0 2px;border-radius:3px}
@media (max-width:760px){
  .page-search{flex-direction:column}
  .page-search .btn{width:100%}
}

/* 文章分享二维码弹窗（单列居中） */
.share-qr{text-align:center}
.share-qr-box{display:inline-block;background:#fff;padding:12px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;line-height:0}
.share-qr-box img,.share-qr-box canvas{display:block;width:200px;height:200px}
.share-qr > p{font-size:14px;color:var(--ink-2);margin:0}
.share-qr .share-url{font-size:12px;color:var(--ink-3);word-break:break-all;max-width:340px;margin:10px auto 0;padding:8px 10px;background:var(--bg-soft);border-radius:8px;line-height:1.5}

@media (max-width:760px){
  .layer{padding:15px}
  .layer-body{padding:24px 20px}
  .layer-body h3{font-size:18px;margin-bottom:18px}
  .search-form{flex-direction:column}
  .search-form input{padding: 10px 20px;}
  .search-form .btn{width:100%}
  .qr-wrap{gap:14px}
}

/* ==========================================================================
   3. 通用组件
   ========================================================================== */

/* --- 区块标题 --- */
.sec{margin-bottom:44px}
.sec-hd{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--line);
  position:relative;
}
.sec-hd::after{content:"";position:absolute;left:0;bottom:-1px;width:52px;height:3px;background:var(--brand);border-radius:2px}
.sec-tt{font-size:calc(var(--fs-h2) - 2px);font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}
.sec-tt .ico{color:var(--brand);font-size:20px}
.sec-sub{font-size:var(--fs-mini);color:var(--ink-3);font-weight:400;margin-left:2px}
.sec-more{font-size:var(--fs-label);color:var(--ink-3);display:flex;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0}
.sec-more:hover{color:var(--brand)}
.sec-hd-sm{padding-bottom:0;margin-bottom:14px;border-bottom:0}
.sec-hd-sm::after{display:none}
.sec-hd-sm .sec-tt{font-size:var(--fs-side)}
.sec-hd-sm .sec-tt::before{content:"";width:4px;height:16px;background:var(--brand);border-radius:2px}

/* --- 按钮 --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:38px;padding:0 20px;border-radius:20px;font-size:var(--fs-label);font-weight:500;
  border:1px solid var(--line);background:#fff;color:var(--ink-2);
  cursor:pointer;transition:all .2s ease;white-space:nowrap;
}
.btn:hover{border-color:var(--brand);color:var(--brand)}
.btn-pri{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-pri:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;box-shadow:0 4px 12px rgba(230,0,18,.25)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.12)}
.btn-sm{height:30px;padding:0 14px;font-size:var(--fs-mini);border-radius:15px}
.btn-block{width:100%}

/* --- 角标 --- */
.lab{
  display:inline-flex;align-items:center;gap:3px;
  font-size:12px;line-height:1;font-weight:500;
  padding:4px 8px;border-radius:3px;flex-shrink:0;
}
.lab-ori{background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-line)}
.lab-vid{background:var(--blue-soft);color:var(--blue);border:1px solid #d7e7fb}
.lab-top{background:var(--orange-soft);color:var(--orange);border:1px solid #f7e2b6}
.lab-gray{background:var(--bg-dim);color:var(--ink-2);border:1px solid var(--line)}
.lab-none{background:rgba(0,0,0,.55);color:#fff}

/* --- 元信息 --- */
.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-mini);color:var(--ink-3)}
.meta .dot{color:var(--ink-4);font-size:10px}
.meta .tg{color:var(--ink-2)}
.meta .tg:hover{color:var(--brand)}
.meta i{font-size:13px;vertical-align:-1px}

/* --- 空/占位图 --- */
.ph{background:var(--bg-dim);position:relative;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}

/* --- 标签胶囊 --- */
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{
  font-size:var(--fs-text-s);line-height:1;padding:8px 14px;border-radius:15px;
  background:var(--bg-soft);color:var(--ink-2);border:1px solid transparent;
  transition:all .2s ease;
}
.tags a:hover{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-line)}

/* --- 排行榜 --- */
.rank li{
  display:flex;gap:11px;align-items:flex-start;
  padding:11px 8px;margin:0 -8px;border-radius:var(--radius-sm);
  border-bottom:1px dashed var(--line);
  font-size:var(--fs-sub);line-height:1.6;
  transition:background .18s ease;
}
.rank li:hover{background:var(--bg-soft)}
.rank li:last-child{border-bottom:0;padding-bottom:0}
.rank li:first-child{padding-top:0}
.rank .no{
  width:21px;height:21px;flex-shrink:0;border-radius:4px;
  background:var(--bg-dim);color:var(--ink-3);
  font-size:12px;font-weight:700;font-style:normal;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.rank li:nth-child(1) .no{background:var(--brand);color:#fff}
.rank li:nth-child(2) .no{background:#ff7a45;color:#fff}
.rank li:nth-child(3) .no{background:#ffb020;color:#fff}
.rank .tx{flex:1;min-width:0}
.rank .tx a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rank .tx a:hover{color:var(--brand)}
.rank .num{font-size:var(--fs-mini);color:var(--ink-4);margin-top:3px}

/* --- 面包屑 --- */
.crumb{font-size:var(--fs-mini);color:var(--ink-3);padding:18px 0;display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.crumb a{color:var(--ink-3)}
.crumb a:hover{color:var(--brand)}
.crumb .sep{color:var(--ink-4);margin:0 7px;font-size:var(--fs-mini)}
.crumb .cur{color:var(--ink-2)}

/* ==========================================================================
   4. 头部
   ========================================================================== */
.topbar{background:var(--bg-soft);border-bottom:1px solid var(--line-2);font-size:var(--fs-mini);color:var(--ink-3);height:38px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.topbar-l{display:flex;align-items:center;gap:20px}
.topbar-l a:hover{color:var(--brand)}
.topbar-r{display:flex;align-items:center;gap:10px}
.topbar-r a:hover{color:var(--brand)}
.topbar-r .sp{color:var(--ink-4)}

.header{background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:200}
.header-in{display:flex;align-items:center;gap:34px;height:var(--header-h)}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo img{height:36px;width:auto;display:block}

.htools{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}
.hsearch{
  display:flex;align-items:center;gap:7px;height:34px;padding:0 15px;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;
  font-size:var(--fs-label);color:var(--ink-3);cursor:pointer;transition:all .2s ease;
}
.hsearch:hover{border-color:var(--brand);color:var(--brand);background:#fff}

/* ==========================================================================
   5. 侧栏
   ========================================================================== */
.layout{display:flex;gap:var(--gap);align-items:flex-start;padding:20px 0 40px}
.layout .main{flex:1;min-width:0}
.layout .side{width:308px;flex-shrink:0}

.widget{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:15px}
.widget-flat{background:var(--bg-soft);border-color:transparent}
.widget-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.widget-tt{font-size:var(--fs-side);font-weight:800;display:flex;align-items:center;gap:9px;letter-spacing:-.2px}
.widget-tt::before{content:"";width:3.5px;height:17px;background:var(--brand);border-radius:2px}
.widget-tt .ico{color:var(--brand);font-size:17px}
.widget-more{font-size:var(--fs-mini);color:var(--ink-3)}
.widget-more:hover{color:var(--brand)}

/* ==========================================================================
   6. 页脚
   ========================================================================== */
.footer{background:#1b1e23;color:rgba(255,255,255,.62);padding:52px 0 28px;font-size:var(--fs-text-s);margin-top:8px}
.f-top{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.09)}
.f-brand .logo{margin-bottom:14px;font-size:20px}
.f-brand p{font-size:var(--fs-mini);line-height:1.85;color:rgba(255,255,255,.5);margin:0 0 16px;max-width:280px}
.f-social{display:flex;gap:10px}
.f-social a{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;font-size:17px;color:rgba(255,255,255,.75);
}
.f-social a:hover{background:var(--brand);color:#fff}
.f-col > ul{width: 100%; display: flex; flex-wrap: wrap;}
.f-col h5{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px}
.f-col > ul > li{margin-bottom:5px; width: 50%;}
.f-col a{color:rgba(255,255,255,.6);font-size:var(--fs-label)}
.f-col a:hover{color:#fff}
.f-bot{
  padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  font-size:var(--fs-mini);color:rgba(255,255,255,.4);line-height:2;
}
.f-bot .links{display:flex;gap:12px;flex-wrap:wrap}
.f-bot a{color:rgba(255,255,255,.4)}
.f-bot a:hover{color:#fff}

/* 回到顶部 */
.gotop{
  position:fixed;right:26px;bottom:34px;width:44px;height:44px;border-radius:50%;
  background:#fff;border:1px solid var(--line);box-shadow:var(--sd-2);
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-2);
  cursor:pointer;z-index:150;opacity:0;visibility:hidden;transition:all .25s ease;
}
.gotop.show{opacity:1;visibility:visible}
.gotop:hover{background:var(--brand);border-color:var(--brand);color:#fff}

/* ==========================================================================
   7. 首页 —— 资讯频道（左菜单 / 中文章流 / 右侧栏 三栏）
   ========================================================================== */

/* 首页轮播横幅 */
.home-banner{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:20px 0;}
.home-banner .wrap{max-width:var(--wrap)}
.slider{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);box-shadow:var(--sd-2);touch-action:pan-y}
/* 固定高度：不同宽高比的轮播图切换时容器不跳动，图片用 object-fit:cover 填充 */
.slider .slides{position:relative;height:500px}
.slide{
  position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;
  transition:opacity .5s ease,visibility .5s ease;color:#fff;
}
.slide.on{opacity:1;visibility:visible;z-index:2}
/*
.slide::after{
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.2) 45%,transparent 70%);z-index:1;
}
*/
.slide .ph{position:absolute;inset:0;z-index:0}
.slide .ph img{width:100%;height:100%;object-fit:cover}
.slide .tx{
  position:relative;z-index:3;padding:0 34px 34px;max-width:620px;
}
.slide h3{font-size:30px;line-height:1.35;font-weight:800;margin-bottom:10px;letter-spacing:-.4px}
.slide p{font-size:var(--fs-lead);line-height:1.7;color:rgba(255,255,255,.82);margin:0}
.slider .arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;
  border:0;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);
  color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .2s ease;opacity:0;
}
.slider:hover .arrow{opacity:1}
.slider .arrow:hover{background:rgba(255,255,255,.3)}
.slider .arrow.prev{left:16px}
.slider .arrow.next{right:16px}
.dots{
  position:absolute;left:0;right:0;bottom:16px;z-index:4;display:flex;justify-content:center;gap:8px;
}
.dots button{width:10px;height:10px;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:all .2s ease}
.dots button.on{width:26px;border-radius:5px;background:#fff}

@media (max-width:1000px){
  .home-banner{padding:16px 0 22px}
  .slider .slides{height:300px}
  .slide h3{font-size:24px}
  .slide p{font-size:var(--fs-text-s)}
}
@media (max-width:760px){
  .home-banner{padding:12px 0 18px}
  .home-banner .wrap{padding:0 15px}
  .slider .slides{height:220px}
  .slide .tx{padding:0 18px 20px}
  .slide h3{font-size:18px;margin-bottom:7px}
  .slide p{font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .slider .arrow{width:32px;height:32px;font-size:18px;opacity:1;background:rgba(255,255,255,.22)}
  .slider .arrow.prev{left:8px}
  .slider .arrow.next{right:8px}
  .dots{bottom:10px}
  .dots button{width:8px;height:8px}
  .dots button.on{width:20px}
}

/* 7.1 频道导航（左栏） */
.ch-nav{width:158px;flex-shrink:0}
.ch-nav .nav-tt{font-size:var(--fs-side);font-weight:800;letter-spacing:-.2px;padding:0 14px 12px;margin-bottom:6px;border-bottom:1px solid var(--line);display:block}
.ch-nav a{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--fs-label);color:var(--ink-2);transition:all .18s ease}
.ch-nav a i{font-size:18px;color:var(--ink-3);flex-shrink:0;transition:color .18s ease}
.ch-nav a:hover{background:var(--bg-soft);color:var(--ink)}
.ch-nav a:hover i{color:var(--brand)}
.ch-nav a.on{background:var(--brand-soft);color:var(--brand);font-weight:700}
.ch-nav a.on i{color:var(--brand)}
.ch-nav-div{height:1px;background:var(--line);margin:10px 14px}

/* 7.2 三栏骨架 */
.ch-layout{display:flex;gap:var(--gap);align-items:flex-start;padding:22px 0 52px}
.ch-main{flex:1;min-width:0}
.ch-side{width:300px;flex-shrink:0}

/* 7.4 中间文章流 */
.ai{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.ai:first-child{padding-top:0}
.ai-pic{width:208px;height:134px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-dim)}
.ai-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ai:hover .ai-pic img{transform:scale(1.05)}
.ai-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ai-tx h2{font-size:var(--fs-item);line-height:1.5;letter-spacing:-.3px;font-weight:700;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ai-tx h2 a:hover{color:var(--brand)}
.ai-desc{font-size:var(--fs-text-s);line-height:1.75;color:var(--ink-3);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ai-info{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:10px}
.ai-info .time{font-size:var(--fs-mini);color:var(--ink-3);margin-left:auto;white-space:nowrap;flex-shrink:0}
.ai-nopic{padding:16px 0}
.ai-nopic .ai-tx h2{-webkit-line-clamp:2}

/* 头条大图卡（资讯流第一条） */
.ai-feat{
  display:block;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:0;margin-bottom:26px;overflow:hidden;background:var(--bg);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ai-feat:hover{transform:translateY(-2px);box-shadow:var(--sd-2);border-color:var(--brand-line)}
.ai-feat .ai-pic{display:block;width:100%;height:320px;border-radius:0}
.ai-feat .ai-tx{padding:16px 22px 18px}
.ai-feat .ai-tx h2{font-size:var(--fs-h2)}
.ai-feat .ai-desc{-webkit-line-clamp:1}

/* 7.5 侧栏推荐阅读（图 + 标题，置于 .widget 内） */
.rec{display:flex;gap:11px;padding:11px 8px;margin:0 -8px;border-radius:var(--radius-sm);border-bottom:1px solid var(--line-2);align-items:flex-start;transition:background .18s ease}
.rec:hover{background:var(--bg-soft)}
.rec:last-child{border-bottom:0;padding-bottom:0}
.rec:first-child{padding-top:0}
.rec .ph{width:88px;height:58px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}
.rec .ph img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.rec:hover .ph img{transform:scale(1.06)}
.rec .rt{flex:1;font-size:var(--fs-sub);line-height:1.6;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rec:hover .rt{color:var(--brand)}

/* 7.6 分页（上一页 / 下一页） */
.pager{display:flex;justify-content:center;align-items:center;gap:10px;padding:34px 0 6px;flex-wrap:wrap}
.pager a,.pager span{
  min-width:40px;height:40px;padding:0 18px;border:1px solid var(--line);border-radius:20px;
  display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-label);color:var(--ink-2);
  background:#fff;transition:all .18s ease;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.pager a:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pager i{font-size:18px}
.pager .disabled{color:var(--ink-4);pointer-events:none;background:var(--bg-soft);border-color:var(--line-2)}

/* ==========================================================================
   8. 列表页 —— 研究报告库
   ========================================================================== */

/* 8.1 页面头部（Hero 卡片） */
.topic{
  position:relative;overflow:hidden;width:100%;
  background:linear-gradient(120deg,var(--bg) 55%,var(--brand-soft));
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px 32px 26px;margin:8px 0 24px;
}
.topic h1{font-size:calc(var(--fs-h1) - 4px);font-weight:800;letter-spacing:-.5px;margin-bottom:10px}
.topic p{font-size:var(--fs-text-s);line-height:1.8;color:var(--ink-3);margin:0;}
.topic-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:16px;font-size:var(--fs-mini);color:var(--ink-3)}
.topic-meta b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.topic-meta i{font-size:14px;color:var(--brand);margin-right:5px;vertical-align:-1px}
.topic-ico{
  position:absolute;right:10px;bottom:-26px;font-size:122px;line-height:1;font-style:normal;
  color:var(--brand);opacity:.07;pointer-events:none;user-select:none;
}

/* 8.2 筛选条（仅子分类，单行默认收起） */
.report-filter{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:4px 20px;margin-bottom:22px}
.report-filter .line{display:flex;align-items:flex-start;gap:16px;padding:14px 0}
.report-filter .label{font-size:var(--fs-label);color:var(--ink-3);flex-shrink:0;line-height:30px; border-radius:5px; padding: 0 10px;}
.report-filter .value{flex:1;display:flex;flex-wrap:wrap;gap:6px 4px;min-width:0}
.report-filter .value a{font-size:var(--fs-label);line-height:1;padding:8px 14px;border-radius:5px;color:var(--ink-2);white-space:nowrap;transition:all .18s ease}
.report-filter .value a:hover{background:var(--brand-soft);color:var(--brand)}
.report-filter .value a.active{background:var(--brand);color:#fff;font-weight:500;box-shadow:0 3px 8px rgba(230,0,18,.22)}
.report-filter .value.fold{max-height:30px;overflow:hidden;transition:max-height .35s ease}
.report-filter .value.fold.open{max-height:400px}
.fold-btn{flex-shrink:0;align-self:flex-start;line-height:30px;display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-label);color:var(--ink-3);white-space:nowrap}
.fold-btn:hover{color:var(--brand)}
.fold-btn i{font-size:16px;transition:transform .25s ease}
.fold-btn.up i{transform:rotate(180deg)}

/* 8.3 报告列表 —— 直接复用首页 .ai 资讯流样式 */
.rp-main{flex:1;min-width:0}

/* 内页侧栏广告轮播（position:relative 是圆点定位锚点，缺失会导致圆点跑到页面尾部） */
.ad-slider{position:relative;padding:0;overflow:hidden;touch-action:pan-y; margin-bottom: 15px; border-radius: var(--radius-sm);}
/* min-height:0 抵消 .slider .slides 体系外的潜在继承；此处独立固定高度 */
.ad-slider .slides{position:relative;height:200px;min-height:0}
.ad-slider .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.ad-slider .slide.on{opacity:1;visibility:visible;z-index:2}
.ad-slider .slide img{width:100%;height:100%;object-fit:cover;display:block}
.ad-slider .dots{
  position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:6px;
}
.ad-slider .dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .2s ease}
.ad-slider .dots button.on{width:18px;border-radius:4px;background:#fff}
@media (max-width:1000px){
  .ad-slider .slides{height:auto;min-height:0;aspect-ratio:16/9}
}
/* ==========================================================================
   9. 详情页 —— 阅读排版（以舒适阅读为目标）
   ========================================================================== */
.layout{max-width:calc(var(--wrap) - 20px)}
.art{background:#fff}
.art-hd{padding-top:6px}
.art-hd h1{font-size:var(--fs-h1);line-height:var(--fs-h1-lh);letter-spacing:-.6px;margin-bottom:18px;font-weight:800}
.art-sub{font-size:var(--fs-lead);line-height:1.8;color:var(--ink-2);padding:18px 22px;background:var(--bg-soft);border-radius:var(--radius);margin-bottom:24px;border-left:3px solid var(--brand)}

/* 正文：段落间距、小节留白按阅读节奏设定 */
.art-body{padding:20px 0 5px 0;font-size:var(--fs-body);line-height:var(--body-lh);color:#26282b;letter-spacing:.05em}
.art-body p{margin:0 0 0.5em 0;}
.art-body p > img{border-radius:var(--radius);max-width:100%;height:auto}
.art-body a{color:var(--blue);border-bottom:1px solid rgba(26,111,214,.3)}
.art-body a:hover{color:var(--brand);border-color:var(--brand-line)}
.art-body strong{font-weight:700;color:var(--ink)}
.art-body h2{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.3px;margin:1em 0.5em;padding-left:14px;border-left:4px solid var(--brand);line-height:1.45}
.art-body h3{font-size:calc(var(--fs-h2) - 2px);font-weight:700;margin:1.8em 0 .6em;line-height:1.5}
.art-body ul,.art-body ol{margin:0 0 1.6em;padding-left:4px}
.art-body ul li,.art-body ol li{position:relative;padding-left:22px;margin-bottom:.7em}
.art-body ul li::before{content:"";position:absolute;left:4px;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.75}
.art-body ol{counter-reset:n}
.art-body ol li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:.12em;color:var(--brand);font-weight:700;font-size:1em}
.art-body figure{margin:1.8em 0}
.art-body figure img{border-radius:var(--radius);max-width:100%;height:auto}
.art-body figcaption{font-size:var(--fs-mini);color:var(--ink-3);text-align:center;margin-top:12px;line-height:1.7}
.art-body blockquote{
  margin:1.8em 0;padding:16px 22px;background:var(--bg-soft);
  border-left:3px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;
  font-size:calc(var(--fs-body) - .5px);line-height:1.9;color:var(--ink-2);
}
.art-body blockquote p:last-child{margin-bottom:0}
.art-body hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}

/* 文末标签 */
.art-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:28px 0 0;margin-top:24px;border-top:1px solid var(--line)}
.art-tags .lb{font-size:var(--fs-label);color:var(--ink-3);margin-right:2px}
.art-tags a{
  font-size:var(--fs-label);padding:7px 16px;border-radius:16px;background:var(--bg-soft);
  color:var(--ink-2);transition:all .2s ease;
}
.art-tags a:hover{background:var(--brand-soft);color:var(--brand)}

/* 点赞分享区 */
.art-share{
  margin:30px 0 8px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;gap:18px;
}
.share-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.share-row .lb{font-size:var(--fs-label);color:var(--ink-3);margin-right:4px}
.share-btn{
  display:flex;align-items:center;gap:6px;height:38px;padding:0 20px;border-radius:19px;
  border:1px solid var(--line);background:#fff;font-size:var(--fs-label);color:var(--ink-2);cursor:pointer;
  transition:all .2s ease;
}
.share-btn:hover{border-color:var(--brand);color:var(--brand)}
.share-btn.wx:hover{border-color:#09bb07;color:#09bb07}
.share-btn.wb:hover{border-color:#e6162d;color:#e6162d}

/* 文末声明 */
.art-note{
  font-size:var(--fs-mini);color:var(--ink-3);line-height:1.9;padding:18px 20px;
  background:var(--bg-soft);border-radius:var(--radius);margin-bottom:34px;
}
.art-note b{color:var(--ink-2);font-weight:600}

/* 上下篇 */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}
.pn a{
  padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);
  font-size:var(--fs-text-s);line-height:1.6;color:var(--ink-2);transition:all .2s ease;
}
.pn a:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pn a .k{display:block;font-size:var(--fs-mini);color:var(--ink-3);margin-bottom:6px}
.pn a:hover .k{color:var(--brand)}
.pn .nx{text-align:right}

/* 相关推荐 */
.relate .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);
  border-radius:var(--radius);background:#fff;transition:all .2s ease;
}
.card:hover{border-color:var(--brand);box-shadow:var(--sd-2)}
.card .ph{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-dim);aspect-ratio:16/10}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .bd{display:flex;flex-direction:column;gap:10px}
.card h3{font-size:var(--fs-card);line-height:1.55;font-weight:700;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card:hover h3{color:var(--brand)}
.card .desc{font-size:var(--fs-text-s);line-height:1.65;color:var(--ink-3);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .ft{display:flex;align-items:center;gap:8px;font-size:var(--fs-mini);color:var(--ink-3);margin-top:auto}
.card .ft .src{display:flex;align-items:center;min-width:0}
@media (max-width:760px){
  .relate .grid{grid-template-columns:1fr}
  .card{flex-direction:row;gap:12px}
  .card .ph{width:120px;height:78px;flex-shrink:0;aspect-ratio:auto}
  .card .bd{gap:7px}
}

/* ==========================================================================
   10. 分页样式并入 7.6（全站统一使用 .pager）
   ========================================================================== */

/* ==========================================================================
   11. 响应式
   ========================================================================== */

/* --- 中等屏：收窄左栏与列表图 --- */
@media (max-width:1180px){
  .ch-nav{width:140px}
  .ai-pic{width:176px;height:114px}
}

/* --- 小屏 PC / 平板横屏 --- */
@media (max-width:1000px){
  :root{--gap:20px}
  .layout{flex-direction:column;max-width:none}
  .layout .side{width:100%}
  .ch-layout{flex-direction:column;padding:18px 0 40px}
  .ch-side{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}
  .ch-side>.widget{margin-bottom:0}
  .ch-nav{
    width:100%;display:flex;flex-wrap:wrap;gap:6px;
    padding-bottom:14px;border-bottom:1px solid var(--line);
  }
  .ch-nav .nav-tt{display:none}
  .ch-nav a{padding:8px 13px;background:var(--bg-soft)}
  .ch-nav a i{font-size:16px}
  .ch-nav-div{display:none}
}

/* --- 移动端 --- */
@media (max-width:760px){
  /* 字号刻度整体降档，阅读相关字号仍保证舒适 */
  :root{
    --gap:16px;--header-h:56px;--wrap:100%;
    --fs-h1:25px;
    --fs-h1-lh:1.42;
    --fs-lead:15px;
    --fs-h2:19px;
    --fs-item:17.5px;
    --fs-body:17px;
    --body-lh:1.8;
    --fs-card:16px;
    --fs-sub:15.5px;
    --fs-text-s:14px;
    --fs-label:14px;
    --fs-side:17px;
    --fs-mini:12.5px;
  }
  body{font-size:15px}
  .wrap{padding:0 15px}
  .topbar{display:none}

  /* 头部 */
  .header-in{height:56px;gap:12px}
  .gotop{right:14px;bottom:76px;width:40px;height:40px}

  /* 通用 */
  .sec{margin-bottom:32px}
  .sec-hd{padding-bottom:11px;margin-bottom:16px}
  .crumb{padding:13px 0}

  /* 首页三栏 -> 单列 */
  .ch-layout{padding:0 0 32px}
  .ch-nav{
    display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;
    margin:0 -15px 14px;padding:12px 15px;border-bottom:1px solid var(--line);
    -ms-overflow-style:none;scrollbar-width:none;
  }
  .ch-nav::-webkit-scrollbar{display:none}
  .ch-nav a{flex-shrink:0;padding:7px 14px;border-radius:15px;background:var(--bg-soft)}
  .ch-nav a.on{background:var(--brand);color:#fff}
  .ch-nav a.on i{color:#fff}

  /* 文章条目：左图右文 */
  .ai{gap:12px;padding:15px 0}
  .ai-pic{width:124px;height:84px}
  .ai-info{padding-top:8px;gap:8px}

  /* 侧栏 */
  .ch-side{grid-template-columns:1fr;gap:16px}
  .widget{padding:15px;margin-bottom:0}

  /* 报告页 */
  .topic{padding:20px 18px 18px;margin:0 0 16px;border-radius:var(--radius)}
  .topic h1{font-size:calc(var(--fs-h1) - 4px);margin-bottom:8px}
  .topic-meta{gap:14px;margin-top:12px}
  .topic-ico{font-size:86px;right:-6px;bottom:-16px}
  /* 分类筛选：收起单行 + 底部渐隐提示 + 底部居中展开按钮 */
  .report-filter{padding:0;margin-bottom:16px;overflow:hidden}
  .report-filter .line{display:block;padding:0;gap:0}
  .report-filter .label{display:none}
  .report-filter .value{gap:6px;padding:13px 14px 0;flex-wrap:wrap}
  .report-filter .value a{padding:7px 12px;font-size:14px}
  .report-filter .value.fold{
    max-height:55px;
    -webkit-mask:linear-gradient(180deg,#000 41px,transparent 55px);
            mask:linear-gradient(180deg,#000 41px,transparent 55px);
  }
  .report-filter .value.fold.open{
    max-height:none;
    -webkit-mask:none;
            mask:none;
    padding-bottom:8px;
  }
  .fold-btn{
    position:static;display:flex;width:100%;height:40px;
    border-top:1px solid var(--line);border-radius:0;
    background:var(--bg-soft);justify-content:center;align-items:center;
    color:var(--ink-2);font-size:13px;line-height:1;
  }
  .fold-btn:hover{color:var(--brand);background:var(--brand-soft)}

  /* 详情页 */
  .layout{padding:8px 0 28px}
  .art-hd h1{margin-bottom:14px}
  .art-sub{padding:14px 16px;margin-bottom:16px}
  .art-body{padding-top:14px}
  .art-body h2{margin:1.7em 0 .65em;padding-left:11px}
  .art-tags{padding:20px 0 0}
  .art-share{padding:22px 0;gap:15px}
  .share-btn{height:35px;padding:0 15px}
  .pn{grid-template-columns:1fr;gap:10px}
  .pn .nx{text-align:left}

  /* 页脚 */
  .footer{padding:34px 0 22px}
  .f-top{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:26px}
  .f-brand{grid-column:1/-1}
  .f-brand p{max-width:none}
  .f-col li{margin-bottom:8px}
  .f-bot{flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px}

  /* 分页 */
  .pager{gap:8px;padding:26px 0 8px}
  .pager a,.pager span{height:38px;padding:0 16px}
}

/* --- 超小屏 --- */
@media (max-width:400px){
  .logo{font-size:17.5px}
  .ai-pic{width:104px;height:72px}
}

/* ==========================================================================
   12. 细节打磨
   ========================================================================== */

/* 页脚公安备案图标恢复内联（全局 img 为块级） */
.f-bot .links img{display:inline-block;vertical-align:-2px;margin-right:3px;border-radius:2px}

/* 键盘焦点可见 */
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

/* 正文配图轻阴影 */
.art-body figure img{box-shadow:var(--sd-1)}

/* 卡片悬停轻微上浮 */
.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-2px)}

/* 轮播占位底色（图片未加载时不露白） */
.slider,.ad-slider{background:#EFEFEF;}

/* 桌面端滚动条 */
@media (pointer:fine){
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:5px;border:2px solid var(--bg)}
  ::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}
  ::-webkit-scrollbar-track{background:transparent}
}

/* 无动画偏好 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ==========================================================================
   13. 暗色模式（跟随系统）
   ========================================================================== */
@media (prefers-color-scheme:dark){
  :root{
    --bg:#191b1e;--bg-soft:#202226;--bg-dim:#26282c;
    --line:#2c2f34;--line-2:#232529;
    --ink:#e9ebee;--ink-2:#c3c8ce;--ink-3:#98a0a8;--ink-4:#5d646c;
    --brand-soft:#381215;--brand-line:#5e1d22;
    --sd-1:0 1px 2px rgba(0,0,0,.4);
    --sd-2:0 4px 14px rgba(0,0,0,.5);
    --sd-3:0 12px 32px rgba(0,0,0,.6);
  }
  .header{background:rgba(25,27,30,.92)}
  .widget,.art,.card,.layer-box,.btn,.share-btn,.report-filter,.gotop,.pager a,.pager span{background:var(--bg)}
  .hsearch,.search-form input{background:var(--bg-soft)}
  .hsearch:hover{background:var(--bg-dim)}
  .search-form input:focus{background:var(--bg-dim)}
  .art-body{color:var(--ink-2)}
  .art-body strong{color:var(--ink)}
  .lab-vid{background:#122a44;color:#6aa9f0;border-color:#1d3c5e}
  .lab-top{background:#33260a;color:#f0b429;border-color:#4d3a12}
  .pager .disabled{background:var(--bg-soft);border-color:var(--line-2)}
  .gotop{border-color:var(--line);color:var(--ink-2)}
}
/* ==========================================================================
   14. 移动端视觉再打磨（详情/关于页卡片化）
   ========================================================================== */
@media (max-width:760px){
  /* 页面底色加深一档，让白色卡片浮出 */
  .page-detail,.page-about{background:var(--bg-soft)}

  /* 文章主体卡片化：左右留白 + 圆角边界 */
  .page-detail .art,.page-about .art{
    background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);
    padding:20px 15px 12px;margin-bottom:16px;min-width:0;
  }
  .page-detail .layout,.page-about .layout{padding:10px 0 30px}

  /* 侧栏挂件在灰底上恢复间距与圆角 */
  .layout .side .widget{border-radius:var(--radius-lg);margin-bottom:16px}
  .layout .side .widget:last-child{margin-bottom:0}

  /* 阅读细节（字号由 :root 刻度统一控制） */
  .art-hd h1{letter-spacing:-.2px}
  .art-body p{margin-bottom:0.5em}
  .art-body figure{margin:10px 0}
  .art-tags{margin-top:16px;padding-top:18px}
  .art-share{margin:22px 0 6px;padding:20px 0}
  .art-note{margin-bottom:22px}
  .pn{margin-bottom:22px}
  .relate{margin-bottom:6px}
  .relate .grid{gap:14px}

  /* 头部与基准动效微调 */
  .header{box-shadow:0 2px 10px rgba(0,0,0,.04)}
}

/* ==========================================================================
   15. 微交互打磨（头像卡 / 骨架屏 / 滚动反馈 / 浮现动效 / 安全区）
   ========================================================================== */

/* 页头滚动投影 */
.header{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}
.header.scrolled{box-shadow:0 4px 16px rgba(16,24,40,.09);border-color:transparent}

/* 移动端安全区（iPhone 底部横条） */
.footer{padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px))}

/* 图片骨架屏 shimmer：图未载入前灰底微光扫过，载入完成由 JS 停止 */
@keyframes shimmer{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.ai-pic{position:relative}
.ph::before,.ai-pic::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);
  transform:translateX(-120%);animation:shimmer 1.4s ease-in-out infinite;
}
.img-ok::before{animation:none;opacity:0;transition:opacity .3s ease}

/* 滚动浮现（JS 加 .reveal，初始不可见由 JS 保证——无 JS 时不影响） */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.in{opacity:1;transform:none}

/* 移动端适配 */
@media (max-width:760px){
  .ai-feat{margin-bottom:16px;border-radius:var(--radius)}
  .ai-feat .ai-pic{height:190px}
  .ai-feat .ai-tx{padding:12px 14px 6px}
  .ai-feat .ai-tx h2{font-size:calc(var(--fs-item) + 1.5px)}
  .gotop{bottom:calc(76px + env(safe-area-inset-bottom, 0px))}
  .footer{padding:34px 0 calc(22px + env(safe-area-inset-bottom, 0px))}
}

/* 暗色模式对应 */
@media (prefers-color-scheme:dark){
  .header.scrolled{box-shadow:0 4px 16px rgba(0,0,0,.5)}
  .ph::before,.ai-pic::before{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%)}
}