/* ============ 主题变量（亮 / 暗） ============ */
:root{
  --nav-bg:#1565c0;
  --bg:#f4f6f8;
  --card:#ffffff;
  --text:#1b1f24;
  --muted:#5f6b76;
  --border:#e4e8ed;
  --accent:#1565c0;
  --drawer-bg:#2b323b;
  --drawer-text:#e8ecf1;
  --shadow:0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.10);
  --hover:rgba(255,255,255,.14);
  --field:#ffffff;
  --tile-bg:#e9edf2;          /* 图片未填满时的底色（contain 模式），想要黑边就改成 #000 */
}
body.dark{
  --nav-bg:#0f1c2e;
  --bg:#0f1216;
  --card:#181e26;
  --text:#e6eaef;
  --muted:#98a4b1;
  --border:#272f3a;
  --accent:#5aa2ff;
  --drawer-bg:#141a21;
  --drawer-text:#e6eaef;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.45);
  --hover:rgba(255,255,255,.10);
  --field:#0b0f14;
  --tile-bg:#1d242e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);color:var(--text);
  font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  transition:background-color .35s ease,color .35s ease;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ============ 顶部导航（logo + 栏目 + 图标 同一行） ============ */
.header{position:sticky;top:0;z-index:60}
.header .topbar{
  background:var(--nav-bg);height:58px;display:flex;align-items:center;gap:6px;
  padding:0 12px;transition:background-color .35s ease;
}

.header .topbar .logo{
  font-size:33px;font-weight:800;letter-spacing:-.6px;color:#fff;
  display:flex;align-items:center;user-select:none;flex:0 0 auto;margin-right:6px;
}
.header .topbar .logo i,.drawer .logo i{font-style:normal;color:#bcdcff}
body.dark .logo i{color:#7fb6ff}

/* 栏目区 */
.header .topbar .nav{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:1px;height:58px;
  overflow-x:auto;scrollbar-width:none;
}
.header .topbar .nav::-webkit-scrollbar{display:none}
.header .topbar .nav-item{position:relative;flex:0 0 auto}
.header .topbar .nav-item > a,.nav-item > button{
  display:inline-flex;align-items:center;gap:5px;height:58px;padding:0 11px;
  color:#eaf2ff;font-size:14px;font-weight:600;white-space:nowrap;
  transition:color .2s ease,background-color .2s ease;
}
.header .topbar.nav-item > a:hover,.nav-item > button:hover,
.header .topbar .nav-item.open > button{color:#fff;background:rgba(255,255,255,.12)}
.header .topbar .nav-item .caret{width:9px;height:9px;fill:currentColor;opacity:.85;transition:transform .2s ease}
.header .topbar .nav-item.open .caret{transform:rotate(180deg)}

/* 下拉面板（JS 会把它提升为 fixed 定位，避免被横向滚动的 nav 裁掉） */
.header .topbar .dropdown{
  position:absolute;top:100%;left:0;min-width:240px;padding:8px;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
  z-index:80;
}
.header .topbar .nav-item:hover .dropdown,
.header .topbar .nav-item:focus-within .dropdown,
.header .topbar .nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.header .topbar .dropdown a{
  display:block;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--text);
  transition:background-color .18s ease,color .18s ease;
}
.header .topbar .dropdown a:hover{background:var(--bg);color:var(--accent)}
/* 页面滚动时先收起（因为面板已提升为 fixed，不跟随滚动） */
body.scrolled .dropdown{visibility:hidden !important;opacity:0 !important}

/* 右侧工具区 */
.header .topbar .tools{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:6px}
.header .topbar .icon-btn{
  width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;transition:background-color .2s ease,transform .15s ease;flex:0 0 auto;
}
.header .topbar .icon-btn:hover{background:var(--hover)}
.header .topbar .icon-btn:active{transform:scale(.92)}
.header .topbar .icon-btn svg,.drawer .icon-btn svg{width:20px;height:20px;fill:currentColor}

.header .topbar .ico-sun{display:none}
body.dark .header .topbar .ico-moon{display:none}
body.dark .header .topbar .ico-sun{display:block}

/* 汉堡按钮（仅移动端） */
.header .topbar .menu-btn{display:none}

/* ============ 电脑端：点击搜索图标，向左展开小搜索框 ============ */
.header .topbar .search-slot{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0;
  width:0;opacity:0;overflow:hidden;margin-right:0;
  transition:width .28s ease,opacity .22s ease,margin-right .28s ease;
}
.header .topbar .search-slot.open{width:270px;opacity:1;margin-right:6px}
.header .topbar .search-slot input{
  flex:1 1 auto;min-width:0;height:36px;border:0;outline:none;border-radius:18px;padding:0 16px;
  background:var(--field);color:var(--text);font-size:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
  transition:background-color .35s ease,color .35s ease;
}
.header .topbar .search-slot input::placeholder{color:var(--muted)}

/* 搜索框内的提交按钮 */
.header .topbar .search-submit{
  flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;color:var(--accent);
  transition:background-color .2s ease,transform .15s ease;
}
.header .topbar .search-submit:hover{background:#e9f2ff}
.header .topbar .search-submit:active{transform:scale(.9)}
.header .topbar .search-submit svg{width:18px;height:18px;fill:currentColor}
body.dark .header .topbar .search-submit{background:#22303f;color:#9cc7ff}
body.dark .header .topbar .search-submit:hover{background:#2c3d50}






/* 展开时搜索图标变成关闭按钮 */
#searchBtn .ico-close{display:none}
.search-on .ico-search{display:none}
.search-on #searchBtn .ico-close{display:block}

/* ============ 移动端侧边抽屉 ============ */
.overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;
  transition:opacity .25s ease,visibility .25s;z-index:90;backdrop-filter:blur(2px);
}
.overlay.show{opacity:1;visibility:visible}
.drawer{
  position:fixed;top:0;left:0;bottom:0;width:290px;max-width:84vw;
  background:var(--drawer-bg);color:var(--drawer-text);z-index:100;
  transform:translateX(-100%);transition:transform .28s ease,background-color .35s ease;
  display:flex;flex-direction:column;overflow-y:auto;
}
.drawer.show{transform:translateX(0)}
.drawer .drawer-head{
  background:var(--nav-bg);height:58px;display:flex;align-items:center;gap:10px;
  padding:0 12px;flex:0 0 auto;transition:background-color .35s ease;
}
.drawer .drawer-head .logo{font-size:21px;margin:0}







/*.drawer .drawer-search{padding:12px;border-bottom:1px solid rgba(255,255,255,.10);flex:0 0 auto}*/
/*.drawer .drawer-search input{*/
/*  width:100%;height:40px;border:0;outline:none;border-radius:20px;padding:0 16px;*/
/*  background:rgba(255,255,255,.12);color:#fff;font-size:15px;*/
/*}*/
/*.drawer .drawer-search input::placeholder{color:rgba(255,255,255,.65)}*/




.drawer .drawer-search{padding:12px;border-bottom:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.drawer .drawer-search form{display:flex;align-items:center;gap:8px}
.drawer .drawer-search input{
  flex:1 1 auto;min-width:0;height:40px;border:0;outline:none;border-radius:20px;padding:0 16px;
  background:rgba(255,255,255,.12);color:#fff;font-size:15px;
}
.drawer .drawer-search input::placeholder{color:rgba(255,255,255,.65)}
/* 移动端搜索提交按钮 */
.drawer .drawer-search .search-submit{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);color:#fff;
  transition:background-color .2s ease,transform .15s ease;
}
.drawer .drawer-search .search-submit:hover{background:rgba(255,255,255,.28)}
.drawer .drawer-search .search-submit:active{transform:scale(.9)}
.drawer .drawer-search .search-submit svg{width:19px;height:19px;fill:currentColor}




.drawer .drawer-list{padding:8px 0;flex:1 1 auto}
.drawer .drawer-list a,.drawer .drawer-sub button{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:13px 18px;font-size:15px;font-weight:600;color:var(--drawer-text);text-align:left;
  transition:background-color .18s ease;
}
.drawer .drawer-list a:hover,.drawer .drawer-sub button:hover{background:rgba(255,255,255,.08)}
.drawer .drawer-sub .plus{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
.drawer .drawer-sub .plus svg{width:13px;height:13px;fill:currentColor;transition:transform .25s ease}
.drawer .drawer-sub.open .plus svg{transform:rotate(45deg)}
.drawer .drawer-sub ul{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .28s ease}
.drawer .drawer-sub.open ul{max-height:400px}
.drawer .drawer-sub li a{padding:10px 18px 10px 34px;font-weight:400;font-size:14px;color:rgba(232,236,241,.78)}
.drawer .drawer-foot{padding:16px 18px 24px;border-top:1px solid rgba(255,255,255,.10)}
.tecnocast{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#12b3a8,#0e8f9c);color:#fff;font-weight:800;
  border-radius:10px;padding:10px 18px;letter-spacing:.3px;margin-bottom:14px;
}
.socials{display:flex;gap:10px}
.socials a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);
  display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}
.socials a:hover{background:rgba(255,255,255,.24)}
.socials svg{width:17px;height:17px;fill:#fff}





/* ============ 响应式 ============ */
@media(max-width:1200px){
  .header .topbar .nav-item > a,.nav-item > button{padding:0 8px;font-size:13px}
  .header .topbar .logo{font-size:21px}
}
@media(max-width:860px){
  .header .topbar .nav{display:none}
  .header .topbar .menu-btn{display:inline-flex}
  .header .topbar .search-slot{display:none}
  .header .topbar .icon-btn.hide-sm{display:none}
  .header .topbar .logo{font-size:21px;margin-right:auto}
}
@media(min-width:861px){
  .drawer,.overlay{display:none}
}




/* ==========================================================================
   全屏宽图片列表 tb-gallery —— float 版（无缝 · 直角）
   列宽用百分比、高度直接写死，所见即所得。
   全部 class 带 tb-gallery 前缀 + !important 兜底，不被宿主 CSS 带跑。
   ========================================================================== */
.tb-gallery{
  /* ---------- ★★★ 改这里就够了 ★★★ ---------- */
  --tb-h:400px;      /* 电脑端：整块高度（左/中/右三列都是这个高度） */
  --tb-h-md:240px;   /* 平板端（≤1100px）：每行高度，整块约 2 倍 */
  --tb-h-sm:auto;    /* 手机端（≤860px）：单张高度。auto = 按图片原始比例 */

  /* 列宽（百分比）。无缝版保持 40 + 30 + 30 = 100% */
  --tb-w-lead:45%;   /* 左图宽 */
  --tb-w-mid:31%;    /* 中图宽 */
  --tb-w-col:24%;    /* 右侧那组宽 */
  --tb-w-gap:0%;     /* 列间隙（想要缝隙就填 1%~2%，并相应调小上面三项） */
  /* ------------------------------------------- */
  --tb-gap:0px;      /* 上下间隙（已归零，想留缝就填 10px） */
  --tb-bg:#e9edf2;   /* 图片未填满时的底色 */
  --tb-accent:#1565c0;
  --tb-radius:0;     /* 圆角（已归零） */

  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  text-align:left !important;
  border-bottom: 4px solid #004AB0;
}
/* 内部整体 reset，防宿主页面的 img{} / a{} / span{} 渗透 */
.tb-gallery *,.tb-gallery *::before,.tb-gallery *::after{
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  list-style:none !important;
  text-decoration:none !important;
  background-image:none !important;
  border-radius:0 !important;   /* 直角 */
}

/* 行容器：用伪元素清浮动（float 布局必须，别删） */
.tb-gallery .tb-gallery-grid{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;         /* 左右留白已归零，撑满整屏 */
  zoom:1;
}
.tb-gallery .tb-gallery-grid::after{
  content:"" !important;
  display:block !important;
  clear:both !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  float:none !important;
  visibility:hidden !important;
}

/* ---- 电脑端：三列并排，高度都等于 --tb-h ---- */
.tb-gallery .tb-gallery-lead{
  float:left !important;
  display:block !important;
  width:var(--tb-w-lead) !important;
  height:var(--tb-h) !important;
  min-height:var(--tb-h) !important;
  max-height:var(--tb-h) !important;
  margin:0 !important;
}
.tb-gallery .tb-gallery-mid{
  float:left !important;
  display:block !important;
  width:var(--tb-w-mid) !important;
  height:var(--tb-h) !important;
  min-height:var(--tb-h) !important;
  max-height:var(--tb-h) !important;
  margin-left:var(--tb-w-gap) !important;
}
.tb-gallery .tb-gallery-col{
  float:left !important;
  display:block !important;
  width:var(--tb-w-col) !important;
  height:var(--tb-h) !important;
  min-height:var(--tb-h) !important;
  max-height:var(--tb-h) !important;
  margin-left:var(--tb-w-gap) !important;
}
/* 右侧上下两图：各占 (总高 - 间隙) 的一半 */
.tb-gallery .tb-gallery-col .tb-gallery-tile{
  display:block !important;
  width:100% !important;
  height:calc((var(--tb-h) - var(--tb-gap)) / 2) !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
}
.tb-gallery .tb-gallery-col .tb-gallery-tile:first-child{margin-bottom:var(--tb-gap) !important}

/* ---- 图片块通用外观 ---- */
.tb-gallery .tb-gallery-tile{
  position:relative !important;
  overflow:hidden !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  border-radius:0 !important;
  background-color:var(--tb-bg) !important;
  line-height:1.35 !important;
  color:inherit !important;
}
.tb-gallery .tb-gallery-tile img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;      /* 挡掉宿主页面的 img{max-width:100%} */
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transition:transform .45s cubic-bezier(.22,.61,.36,1) !important;
}
.tb-gallery .tb-gallery-tile:hover img{transform:scale(1.06) !important}

/* 某张图不想被裁切 → 给它的 a 标签加 class="tb-gallery-tile tb-gallery-contain" */
.tb-gallery .tb-gallery-contain img{object-fit:contain !important}
.tb-gallery .tb-gallery-contain:hover img{transform:scale(1.03) !important}

/* ---- 图片底部文字 ---- */
.tb-gallery .tb-gallery-cap{
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;
  padding:34px 18px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:linear-gradient(transparent,rgba(0,0,0,.78)) !important;
}
.tb-gallery .tb-gallery-tag{
  align-self:flex-start !important;
  display:inline-block !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.6px !important;
  text-transform:uppercase !important;
  line-height:1.4 !important;
  color:#fff !important;
  background-color:var(--tb-accent) !important;
  border-radius:0 !important;
  padding:3px 8px !important;
}
.tb-gallery .tb-gallery-title{
  display:block !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-shadow:0 1px 6px rgba(0,0,0,.5) !important;
}
.tb-gallery .tb-gallery-lead .tb-gallery-title{font-size:26px !important}

/* ================= 平板（≤1100px）：大图一行，中图 + 右侧组并排 ================= */
@media(max-width:1100px){
  .tb-gallery .tb-gallery-lead{
    float:none !important;
    width:100% !important;
    height:var(--tb-h-md) !important;
    min-height:var(--tb-h-md) !important;
    max-height:var(--tb-h-md) !important;
    margin:0 0 var(--tb-gap) !important;
  }
  .tb-gallery .tb-gallery-mid{
    float:left !important;
    width:60% !important;
    height:var(--tb-h-md) !important;
    min-height:var(--tb-h-md) !important;
    max-height:var(--tb-h-md) !important;
    margin:0 !important;
  }
  .tb-gallery .tb-gallery-col{
    float:left !important;
    width:40% !important;
    height:var(--tb-h-md) !important;
    min-height:var(--tb-h-md) !important;
    max-height:var(--tb-h-md) !important;
    margin-left:0 !important;
  }
  .tb-gallery .tb-gallery-col .tb-gallery-tile{
    height:calc((var(--tb-h-md) - var(--tb-gap)) / 2) !important;
  }
}

/* ================= 手机（≤860px）：全部竖排 ================= */
@media(max-width:860px){
  .tb-gallery .tb-gallery-lead,
  .tb-gallery .tb-gallery-mid,
  .tb-gallery .tb-gallery-col{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  /* 每张图高度 = --tb-h-sm（auto 则按图片原始比例，不裁切） */
  .tb-gallery .tb-gallery-lead,
  .tb-gallery .tb-gallery-mid{
    height:var(--tb-h-sm) !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .tb-gallery .tb-gallery-col{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .tb-gallery .tb-gallery-col .tb-gallery-tile{
    height:var(--tb-h-sm) !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 var(--tb-gap) !important;
  }
  .tb-gallery .tb-gallery-col .tb-gallery-tile:first-child{margin-bottom:var(--tb-gap) !important}
  .tb-gallery .tb-gallery-tile img{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .tb-gallery .tb-gallery-contain img{object-fit:contain !important}
  .tb-gallery .tb-gallery-lead .tb-gallery-title{font-size:20px !important}
}








/***关灯下的状态***/
body.dark  .text-digg-gray-darkest,body.dark .text-digg-gray-darker{
    color: #fff;
}



/*******新侧边栏******/
.layout__side {
  position: sticky;
  top: 24px;
}
.popular {
  background: #f8f8f8;
  padding: 16px 18px 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", system-ui, sans-serif;
}

.dark .popular{background: unset;}
.dark .popular .popular__head{color: #fff;}

.popular__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: #0b91d6;
    margin-bottom: 20px !important;
}

.popular__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.popular__item + .popular__item {
  margin-top: 22px;
}

.popular__link {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  column-gap: 10px;
  align-items: baseline;  
  text-decoration: none;
}

.popular__num {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #abc12e;
}
.popular__item:nth-child(1) .popular__num { color: #cd5060; }  /* 红 */
.popular__item:nth-child(2) .popular__num { color: #d16a2e; }  /* 橙 */
.popular__item:nth-child(3) .popular__num { color: #e5a027; }  /* 黄 */
.popular__item:nth-child(4) .popular__num { color: #eec40d; }  /* 金黄 */
.popular__item:nth-child(5) .popular__num { color: #abc12e; }  /* 黄绿 */

.popular__head {
  margin: 0;
  font-size: 15px;
  font-weight: 400;       /* 图中为常规字重 */
  line-height: 1.45;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* 固定两行，超出省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.popular__link:hover .popular__head {
  color: #0b91d6;         /* 悬浮跟随标题蓝 */
}

/* ---------- 窄屏：侧边栏落到正文下方 ---------- */
@media (max-width: 900px) {
  .layout {
    grid-template-columns: 1fr;
  }
  .layout__side {
    position: static;
  }
}


/******首页更多内容*******/
.more-stories {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.more-stories::before,
.more-stories::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: #1a1a1a;
  
}

.more-stories__title {
  flex: 0 0 auto;
  margin: 0;
  font: 700 16px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.02em;
  color: #1a1a1a;
  text-transform: none;
  font-size: 26px !important;
}

body.dark .more-stories__title{
color: #fff;
}

body.dark .more-stories::before,
body.dark .more-stories::after {background-color: #e3e3e3;}


/* ==========================================================================
   【可选】主题按钮：自动 / 日间 / 夜间 三态提示
   不加也能正常工作 —— 图标（月亮/太阳）本来就是靠 body.dark 切换的。
   下面只是给"自动"态加一个小圆点，让用户一眼看出当前是跟随时间自动的。
   ========================================================================== */
#themeBtn{position:relative}
#themeBtn[data-mode="auto"]::after{
  content:"";
  position:absolute;right:5px;bottom:5px;
  width:8px;height:8px;border-radius:50%;
  background:#8ad4ff;
  box-shadow:0 0 0 2px var(--nav-bg);   /* 描边跟着导航栏底色走，亮/暗都看得清 */
  pointer-events:none;
}
/* 首帧不要过渡：避免自动夜间模式下，页面一打开出现一次"由亮变暗"的滑动 */
body.no-theme-anim,body.no-theme-anim *{transition:none !important}