/* AI 洪流 · 全站主题样式（首页 / 栏目页 / 内容页 共用） */
  :root{
    --bg:#0A0E1A; --bg2:#0E1322;
    --card:rgba(255,255,255,.035); --card2:rgba(255,255,255,.05);
    --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.14);
    --cyan:#22D3EE; --purple:#A855F7; --pink:#F472B6; --blue:#3B82F6; --orange:#F59E0B; --green:#34D399;
    --text:#E7EAF3; --dim:#9AA3B8; --dim2:#6B7388;
    --radius:14px;
    --maxw:1200px;
  }
  /* 阿里普惠体（本地 woff2） */
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-Regular.woff2") format("woff2");font-weight:400;font-display:swap;}
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-Regular.woff2") format("woff2");font-weight:500;font-display:swap;}
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap;}
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-Heavy.woff2") format("woff2");font-weight:700;font-display:swap;}
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-Heavy.woff2") format("woff2");font-weight:800;font-display:swap;}
  @font-face{font-family:"AlibabaPuHuiTi";src:url("fonts/AlibabaPuHuiTi-Heavy.woff2") format("woff2");font-weight:900;font-display:swap;}
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:"AlibabaPuHuiTi","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    background:var(--bg); color:var(--text); line-height:1.65;
  }
  /* 静止、克制的品牌背景（无动画，不再持续重绘） */
  body::before{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
    background:radial-gradient(1100px 560px at 50% -12%, rgba(34,211,238,.06), transparent 60%),
               radial-gradient(820px 460px at 100% 0%, rgba(168,85,247,.05), transparent 55%);}

  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  .grad-text{background:linear-gradient(120deg,var(--cyan),var(--purple) 50%,var(--pink)); -webkit-background-clip:text; background-clip:text; color:transparent;}
  /* 实色半透明卡片，去掉毛玻璃模糊（性能友好、视觉更安静） */
  .glass{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); transition:border-color .25s, transform .25s, box-shadow .25s;}
  .glass:hover{border-color:var(--border2);}

  /* 分类色标签（全站统一色系，zibll 式） */
  .tag{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.5px; padding:4px 11px; border-radius:999px; border:1px solid var(--border2); color:var(--cyan); background:rgba(34,211,238,.08);}
  .tag.p{color:var(--purple); background:rgba(168,85,247,.1);}
  .tag.k{color:var(--pink); background:rgba(244,114,182,.1);}
  .tag.o{color:var(--orange); background:rgba(245,158,11,.1);}
  .tag.b{color:var(--blue); background:rgba(59,130,246,.1);}
  .tag.g{color:var(--green); background:rgba(52,211,153,.1);}
  .tag.pin{color:#fff; background:linear-gradient(120deg,#ef4444,#f472b6); border-color:transparent; letter-spacing:1px;}

  /* 按钮 */
  .btn{display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:11px; font-weight:700; cursor:pointer; text-decoration:none; border:0; transition:.2s; font-size:15px;}
  .btn-primary{color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); box-shadow:0 6px 18px rgba(34,211,238,.22);}
  .btn-primary:hover{transform:translateY(-1px); box-shadow:0 8px 22px rgba(34,211,238,.3);}

  /* 炫酷「查看全部」按钮（悬停才动，默认静止） */
  .view-all{display:inline-flex; align-items:center; gap:8px; padding:9px 18px; border-radius:999px; font-size:14px; font-weight:700; text-decoration:none; color:var(--text); border:1px solid var(--border2); background:rgba(255,255,255,.03); position:relative; overflow:hidden; transition:.25s;}
  .view-all::before{content:""; position:absolute; inset:0; background:linear-gradient(120deg,var(--cyan),var(--purple)); opacity:0; transition:.25s; z-index:-1;}
  .view-all:hover{color:#06121b; border-color:transparent; transform:translateY(-1px);}
  .view-all:hover::before{opacity:1;}
  .view-all .arw{transition:transform .25s;}
  .view-all:hover .arw{transform:translateX(4px);}

  .sec-head{
    display:flex; align-items:center; justify-content:space-between;
    gap:16px; flex-wrap:wrap; margin:10px 0; padding:14px 20px;
    border-radius:14px;
    background:linear-gradient(90deg, rgba(34,211,238,.22) 0%, rgba(99,102,241,.14) 45%, rgba(168,85,247,.08) 100%);
  }
  .sec-head h2{font-size:26px; font-weight:900; line-height:1.25; display:flex; align-items:center; gap:10px;}

  /* 真实图片覆盖层（替代渐变占位） */
  .cover-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
  .cover-scrim{position:absolute; inset:0; z-index:1; background:linear-gradient(to top, rgba(10,14,26,.94) 4%, rgba(10,14,26,.55) 36%, rgba(10,14,26,.12) 68%, rgba(10,14,26,.28) 100%);}
  .thumb-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}

  /* 顶栏 */
  header{position:sticky; top:0; z-index:50; background:rgba(10,14,26,.82); border-bottom:1px solid var(--border);}
  .nav{display:flex; align-items:center; gap:32px; height:66px;}
  .logo{display:flex; align-items:center; gap:10px; font-weight:900; font-size:20px; font-family:"AlibabaPuHuiTi","Orbitron",sans-serif; letter-spacing:1px;}
  .logo .star{width:28px;height:28px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(120deg,var(--cyan),var(--purple)); box-shadow:0 0 12px rgba(34,211,238,.35);}
  .nav .links{display:flex; gap:26px; flex:1;}
  .nav .links a{color:var(--dim); text-decoration:none; font-size:15px; font-weight:500; transition:.2s; position:relative;}
  .nav .links a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:linear-gradient(90deg,var(--cyan),var(--purple)); transition:width .25s;}
  .nav .links a:hover{color:var(--text);} .nav .links a:hover::after{width:100%;}
  .nav .right{display:flex; align-items:center; gap:14px;}
  .search{display:flex; align-items:center; gap:8px; padding:8px 14px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--border); color:var(--dim); font-size:13px; transition:.2s;}
  .search:hover{border-color:var(--border2);}
  .search svg{flex-shrink:0;}
  .nav-sub{color:var(--dim); text-decoration:none; font-size:14px; font-weight:600; padding:8px 15px; border-radius:10px; border:1px solid var(--border); background:rgba(255,255,255,.04); transition:.2s;}
  .nav-sub:hover{color:var(--text); border-color:var(--border2); background:rgba(255,255,255,.08);}
  /* 移动端汉堡开关（默认隐藏，窄屏才显示） */
  .nav-toggle-cb{position:absolute; opacity:0; width:0; height:0; pointer-events:none;}
  .nav-burger{display:none; align-items:center; justify-content:center; width:40px; height:40px; margin-left:auto; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--border); color:var(--text); cursor:pointer; transition:.2s;}
  .nav-burger:hover{border-color:var(--border2); box-shadow:0 0 16px rgba(168,85,247,.3);}

  /* 栏目条：每条不同渐变底色 */
  .sec-head.c1{background:linear-gradient(90deg, rgba(34,211,238,.22) 0%, rgba(59,130,246,.14) 48%, rgba(34,211,238,.07) 100%);}
  .sec-head.c2{background:linear-gradient(90deg, rgba(168,85,247,.22) 0%, rgba(244,114,182,.14) 48%, rgba(168,85,247,.07) 100%);}
  .sec-head.c3{background:linear-gradient(90deg, rgba(52,211,153,.22) 0%, rgba(34,211,238,.14) 48%, rgba(52,211,153,.07) 100%);}
  .sec-head.c4{background:linear-gradient(90deg, rgba(245,158,11,.22) 0%, rgba(244,114,182,.14) 48%, rgba(245,158,11,.07) 100%);}
  .sec-head.c5{background:linear-gradient(90deg, rgba(59,130,246,.22) 0%, rgba(168,85,247,.14) 48%, rgba(59,130,246,.07) 100%);}

  /* 顶栏炫光效果（默认静止，仅顶光流动 + 悬停微光，性能友好） */
  @keyframes navSheen{0%{background-position:0% 0}100%{background-position:200% 0}}
  @keyframes starPulse{0%,100%{box-shadow:0 0 10px rgba(34,211,238,.35)}50%{box-shadow:0 0 20px rgba(34,211,238,.6)}}
  header::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),var(--pink),transparent); background-size:200% 100%; animation:navSheen 5s linear infinite;}
  .logo .star{animation:starPulse 3s ease-in-out infinite;}
  .nav .links a:hover{color:var(--cyan); text-shadow:0 0 14px rgba(34,211,238,.5);}
  .search:hover{box-shadow:0 0 16px rgba(34,211,238,.22);}

  /* 区块统一间距（留白更舒展，呼吸感更强） */
  section{padding:88px 0;}

  /* Hero */
  .hero{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; padding-top:60px;}
  .hero h1{font-size:50px; line-height:1.22; font-weight:900; letter-spacing:-1px;}
  .hero p{color:var(--dim); font-size:17px; margin:22px 0 30px; max-width:460px; line-height:1.7;}
  .hero .cta{display:flex; gap:14px;}
  .hero-card{position:relative; border-radius:18px; overflow:hidden; min-height:340px; padding:26px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--border2); background:var(--card);}
  .hero-card h3{position:relative; z-index:2; font-size:23px; font-weight:800; line-height:1.4;}
  .hero-card .meta{position:relative; z-index:2; color:rgba(255,255,255,.8); font-size:13px; margin-top:12px;}

  /* 数据栏 */
  .stats{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .stat{padding:24px; display:flex; align-items:center; gap:16px;}
  .stat .ic{width:48px;height:48px; border-radius:13px; display:grid; place-items:center; flex-shrink:0;}
  .stat .num{font-family:"Orbitron",sans-serif; font-size:34px; font-weight:800; line-height:1;}
  .stat .t{color:var(--dim); font-size:14px; margin-top:8px;}

  /* 焦点 */
  .focus{display:grid; grid-template-columns:1.4fr 1fr; gap:20px;}
  .fcard{position:relative; border-radius:16px; overflow:hidden; padding:24px; min-height:300px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--border); background:var(--card);}
  .fcard .tag{position:relative; z-index:2; align-self:flex-start;}
  .fcard-bot{position:relative; z-index:2; display:flex; flex-direction:column; gap:12px;}
  .fcard h3{font-size:21px; font-weight:800; line-height:1.4;}
  .fcard p{color:rgba(255,255,255,.78); font-size:13px; margin-top:0; line-height:1.6;}
  .fside{display:flex; flex-direction:column; gap:20px;}
  .fmini{display:flex; gap:16px; padding:16px; align-items:center;}
  .fmini .thumb{width:84px;height:84px; border-radius:12px; flex-shrink:0; background:linear-gradient(135deg,var(--purple),var(--pink)); position:relative; overflow:hidden;}
  .fmini:nth-child(2) .thumb{background:linear-gradient(135deg,var(--blue),var(--cyan));}
  .fmini h4{font-size:15px; font-weight:700; line-height:1.45;}
  .fmini .m{color:var(--dim2); font-size:12px; margin-top:8px;}

  /* 最新资讯 —— 卡片网格（zibll 现代门户风） */
  .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .ncard{overflow:hidden; display:flex; flex-direction:column; transition:transform .25s, border-color .25s, box-shadow .25s;}
  .ncard:hover{transform:translateY(-3px); border-color:var(--border2); box-shadow:0 10px 28px rgba(0,0,0,.35);}
  .ncard .nthumb{position:relative; height:168px; overflow:hidden;}
  .ncard .nthumb .tag{position:absolute; top:12px; left:12px; z-index:2;}
  .ncard .nbody{padding:17px 18px 18px; display:flex; flex-direction:column; gap:10px; flex:1; min-width:0;}
  .ncard h4{font-size:17px; font-weight:800; line-height:1.45; transition:color .2s;}
  .ncard:hover h4{color:var(--cyan);}
  .ncard p{color:var(--dim); font-size:13px; line-height:1.6; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .ncard .nmeta{display:flex; align-items:center; gap:14px; flex-wrap:wrap; color:var(--dim2); font-size:12.5px; margin-top:auto; padding-top:8px;}
  .cat{font-weight:700; padding:2px 10px; border-radius:6px; font-size:12px;}
  .cat.c-cyan{color:var(--cyan); background:rgba(34,211,238,.1);}
  .cat.c-purple{color:var(--purple); background:rgba(168,85,247,.12);}
  .cat.c-pink{color:var(--pink); background:rgba(244,114,182,.12);}
  .cat.c-blue{color:var(--blue); background:rgba(59,130,246,.12);}
  .cat.c-green{color:var(--green); background:rgba(52,211,153,.12);}
  .cat.c-orange{color:var(--orange); background:rgba(245,158,11,.12);}
  .views,.cmt{display:inline-flex; align-items:center; gap:4px;}
  .ncard .nmeta svg{vertical-align:-2px;}

  /* 热门标签云（轻量 zibll 元素，ECMS 原生标签） */
  .tagstrip{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:36px;}
  .tcloud{display:inline-block; text-decoration:none; padding:6px 13px; border-radius:999px; border:1px solid var(--border2); color:var(--dim); font-size:13px; transition:.2s;}
  .tcloud:hover{color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); border-color:transparent; transform:translateY(-1px);}
  .tcloud.big{font-size:16px; font-weight:700; color:var(--text);}
  .tcloud.sm{font-size:12px; opacity:.8;}
  .tcloud.hot{color:var(--orange); border-color:rgba(245,158,11,.4);}

  /* 栏目导航 */
  .grid6{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .grid6.cols .col{display:flex; align-items:center; gap:16px; padding:22px;}
  .col .ci{width:52px;height:52px; border-radius:14px; display:grid; place-items:center; flex-shrink:0;}
  .col h4{font-size:17px; font-weight:800; line-height:1.4;}
  .col p{color:var(--dim); font-size:12px; margin-top:8px; line-height:1.5;}

  /* 热榜 */
  .rank{display:grid; grid-template-columns:1.1fr 1fr; gap:22px;}
  .top1{position:relative; border-radius:16px; overflow:hidden; padding:28px; min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--border2); background:var(--card);}
  .top1 .no{position:relative; z-index:2; font-family:"Orbitron"; font-size:60px; font-weight:800; color:var(--orange); line-height:1;}
  .top1 h3{position:relative; z-index:2; font-size:23px; font-weight:800; margin-top:14px; line-height:1.4;}
  .top1 .m{position:relative; z-index:2; color:rgba(255,255,255,.8); font-size:13px; margin-top:12px;}
  .rlist{display:flex; flex-direction:column; gap:12px;}
  .ritem{display:flex; align-items:center; gap:16px; padding:16px 18px;}
  .ritem .no{font-family:"Orbitron"; font-size:23px; font-weight:800; color:var(--dim2); width:38px;}
  .ritem:nth-child(1) .no{color:var(--cyan);}
  .ritem:nth-child(2) .no{color:var(--purple);}
  .ritem:nth-child(3) .no{color:var(--pink);}
  .ritem:nth-child(4) .no{color:var(--orange);}
  .ritem .tt{flex:1; font-size:15px; font-weight:600; line-height:1.4;}
  .ritem .heat{font-size:13px; color:var(--pink); font-weight:700;}

  /* 工具箱 */
  .grid6.tools .tool{padding:24px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; transition:transform .2s, border-color .2s;}
  .tool:hover{transform:translateY(-3px); border-color:var(--border2);}
  .tool .logo2{width:50px;height:50px; border-radius:13px; display:grid; place-items:center; font-family:"Orbitron"; font-weight:800; font-size:20px; color:#06121b;}
  .tool .l1{background:linear-gradient(135deg,#10a37f,#1fc8a9);}
  .tool .l2{background:linear-gradient(135deg,#111,#555); color:#fff;}
  .tool .l3{background:linear-gradient(135deg,#4d6bfe,#22d3ee);}
  .tool .l4{background:linear-gradient(135deg,#7a1f5a,#f472b6);}
  .tool .l5{background:linear-gradient(135deg,#0052d9,#22d3ee);}
  .tool .l6{background:linear-gradient(135deg,#d97757,#f59e0b);}
  .tool h4{font-size:16px; font-weight:800;}
  .tool p{color:var(--dim); font-size:12px; margin-top:0;}

  /* 页脚 */
  footer{background:var(--bg2); border-top:1px solid var(--border); padding:54px 0 28px; margin-top:32px;}
  .foot{display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:40px;}
  .foot .brand p{color:var(--dim); font-size:13px; margin-top:16px; max-width:260px; line-height:1.7;}
  .foot h5{font-size:14px; font-weight:800; margin-bottom:16px; color:var(--text);}
  .foot a{display:block; color:var(--dim); text-decoration:none; font-size:13px; margin-bottom:12px; transition:.2s;}
  .foot a:hover{color:var(--cyan);}

  /* ============================================================
     栏目页 / 内容页（新增，沿用首页同一套设计变量）
     ============================================================ */
  /* 面包屑（栏目页、内容页共用） */
  .crumb{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; color:var(--dim2); padding:26px 0 0;}
  .crumb a{color:var(--dim); text-decoration:none; transition:.2s;}
  .crumb a:hover{color:var(--cyan);}
  .crumb .sep{opacity:.45;}

  /* ----- 栏目页：头部 ----- */
  .cat-hero{margin-top:24px; padding:34px 32px; border-radius:18px; border:1px solid var(--border); background:linear-gradient(120deg, rgba(168,85,247,.16), rgba(34,211,238,.05) 55%, transparent);}
  .cat-hero h1{font-size:38px; font-weight:900; line-height:1.25; display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
  .cat-hero .desc{color:var(--dim); font-size:15px; margin-top:14px; max-width:680px; line-height:1.8;}
  .cat-meta{display:flex; gap:30px; margin-top:24px; flex-wrap:wrap;}
  .cat-meta .m{display:flex; align-items:baseline; gap:8px; font-size:13px; color:var(--dim2);}
  .cat-meta .m b{font-family:"Orbitron",sans-serif; font-size:21px; font-weight:800; color:var(--text); line-height:1;}

  /* ----- 栏目页：筛选 / 排序条 ----- */
  .filters{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:28px 0 22px;}
  .ftabs{display:flex; gap:9px; flex-wrap:wrap;}
  .ftab{padding:8px 17px; border-radius:999px; font-size:14px; font-weight:700; color:var(--dim); text-decoration:none; border:1px solid var(--border); background:rgba(255,255,255,.03); transition:.2s;}
  .ftab:hover{color:var(--text); border-color:var(--border2);}
  .ftab.on{color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); border-color:transparent;}
  .fsort{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--dim2);}
  .fsort select{background:rgba(255,255,255,.05); color:var(--dim); border:1px solid var(--border); border-radius:9px; padding:7px 12px; font-size:13px; font-family:inherit; cursor:pointer;}
  .fsort select:hover{border-color:var(--border2);}

  /* ----- 栏目页：主列表 + 侧栏 ----- */
  .cat-layout{display:grid; grid-template-columns:1fr 320px; gap:32px; align-items:start;}
  .list{display:flex; flex-direction:column; gap:18px;}
  .litem{display:flex; gap:20px; padding:18px; color:inherit; text-decoration:none;}
  .litem:hover{border-color:var(--border2); box-shadow:0 10px 28px rgba(0,0,0,.3); transform:translateY(-2px);}
  .litem .lthumb{position:relative; width:220px; height:150px; border-radius:12px; flex-shrink:0; overflow:hidden; background:linear-gradient(135deg,var(--purple),var(--cyan));}
  .litem .lthumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
  .litem .lthumb .tag{position:absolute; top:10px; left:10px; z-index:2;}
  .litem .lbody{flex:1; min-width:0; display:flex; flex-direction:column; gap:10px;}
  .litem h3{font-size:19px; font-weight:800; line-height:1.45; transition:color .2s;}
  .litem:hover h3{color:var(--cyan);}
  .litem .lhead{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
  .litem p{color:var(--dim); font-size:13.5px; line-height:1.75; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .litem .lmeta{display:flex; align-items:center; gap:14px; flex-wrap:wrap; color:var(--dim2); font-size:12.5px; margin-top:auto;}

  /* 侧栏 */
  .side{display:flex; flex-direction:column; gap:20px; position:sticky; top:86px;}
  .scard{padding:20px 22px;}
  .scard h4{font-size:15px; font-weight:800; margin-bottom:16px; display:flex; align-items:center; gap:9px;}
  .srank{display:flex; flex-direction:column; gap:15px;}
  .srank .si{display:flex; gap:13px; align-items:flex-start;}
  .srank .sn{font-family:"Orbitron",sans-serif; font-size:16px; font-weight:800; color:var(--dim2); width:22px; flex-shrink:0; line-height:1.5;}
  .srank .si:nth-child(1) .sn{color:var(--cyan);}
  .srank .si:nth-child(2) .sn{color:var(--purple);}
  .srank .si:nth-child(3) .sn{color:var(--pink);}
  .srank .st{font-size:14px; font-weight:600; line-height:1.55; text-decoration:none; color:var(--text); transition:.2s;}
  .srank .st:hover{color:var(--cyan);}
  .stag{display:flex; flex-wrap:wrap; gap:9px;}

  /* ----- 分页 ----- */
  .pager{display:flex; justify-content:center; align-items:center; gap:8px; margin-top:40px; flex-wrap:wrap;}
  .pg{min-width:38px; height:38px; padding:0 12px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:var(--dim); text-decoration:none; border:1px solid var(--border); background:rgba(255,255,255,.03); transition:.2s;}
  .pg:hover{color:var(--text); border-color:var(--border2);}
  .pg.on{color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); border-color:transparent;}
  .pg.dots{border:0; background:none; color:var(--dim2); min-width:auto; padding:0 4px;}

  /* ----- 内容页 ----- */
  .art-wrap{max-width:820px; margin:0 auto; padding:26px 24px 0;}
  .art-wrap h1{font-size:40px; font-weight:900; line-height:1.32; margin-top:18px; letter-spacing:-.5px;}
  .art-meta{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:24px; padding-bottom:24px; border-bottom:1px solid var(--border); color:var(--dim2); font-size:13.5px;}
  .art-meta .author{display:flex; align-items:center; gap:10px; color:var(--text); font-weight:700; font-size:14px;}
  .art-meta .avatar{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:800; color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); font-size:14px;}
  .art-meta .dot{opacity:.4;}
  .art-cover{margin-top:28px; border-radius:16px; overflow:hidden; border:1px solid var(--border); position:relative; height:380px;}
  .art-cap{text-align:center; color:var(--dim2); font-size:12.5px; margin-top:11px;}

  /* 正文排版 */
  .art-body{margin-top:32px; font-size:16.5px; line-height:1.95; color:#D5DAE7;}
  .art-body p{margin:0 0 22px;}
  .art-body h2{font-size:25px; font-weight:900; margin:40px 0 18px; line-height:1.45; display:flex; align-items:center; gap:12px;}
  .art-body h2::before{content:""; width:4px; height:22px; border-radius:2px; background:linear-gradient(180deg,var(--cyan),var(--purple)); flex-shrink:0;}
  .art-body h3{font-size:20px; font-weight:800; margin:32px 0 14px; line-height:1.5;}
  .art-body ul,.art-body ol{margin:0 0 24px; padding-left:24px;}
  .art-body li{margin-bottom:12px;}
  .art-body li::marker{color:var(--cyan);}
  .art-body a{color:var(--cyan); text-decoration:none; border-bottom:1px solid rgba(34,211,238,.35);}
  .art-body a:hover{border-bottom-color:var(--cyan);}
  .art-body blockquote{margin:0 0 24px; padding:18px 22px; border-radius:12px; background:rgba(34,211,238,.05); border-left:3px solid var(--cyan); color:var(--dim); font-size:15.5px; line-height:1.85;}
  .art-body blockquote strong{color:var(--text);}
  .art-body code{padding:3px 7px; border-radius:6px; background:rgba(255,255,255,.07); font-size:14.5px; color:var(--cyan);}
  .art-body pre{margin:0 0 24px; padding:18px 20px; border-radius:12px; background:#0B1020; border:1px solid var(--border); overflow-x:auto;}
  .art-body pre code{background:none; padding:0; color:#C6D0E6; font-size:14px; line-height:1.75;}
  .art-body img{width:100%; border-radius:12px; margin:8px 0 24px; border:1px solid var(--border);}
  .art-body .lead{font-size:17.5px; color:var(--text); line-height:1.9;}
  .art-body hr{border:0; border-top:1px solid var(--border); margin:34px 0;}

  /* 标签 / 互动 / 作者 / 上下篇 */
  .art-tags{display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; padding-top:26px; border-top:1px solid var(--border);}
  .atag{text-decoration:none; font-size:13px; font-weight:600; color:var(--dim); padding:6px 14px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.03); transition:.2s;}
  .atag:hover{color:var(--cyan); border-color:rgba(34,211,238,.4); background:rgba(34,211,238,.07);}
  .art-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:24px;}
  .act{display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:11px; font-size:14px; font-weight:700; color:var(--text); text-decoration:none; border:1px solid var(--border); background:rgba(255,255,255,.035); cursor:pointer; transition:.2s; font-family:inherit;}
  .act:hover{border-color:var(--border2); transform:translateY(-1px);}
  .act.like.on{color:var(--pink); border-color:rgba(244,114,182,.45); background:rgba(244,114,182,.1);}
  .act.share{border-color:rgba(34,211,238,.3); color:var(--cyan);}
  .act.share:hover{background:rgba(34,211,238,.08);}
  .author-card{display:flex; gap:18px; padding:22px; margin-top:32px; align-items:flex-start;}
  .author-card .avatar{width:58px; height:58px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; font-size:20px; font-weight:800; color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple));}
  .author-card h4{font-size:17px; font-weight:800;}
  .author-card .role{color:var(--cyan); font-size:12.5px; font-weight:700; margin-top:4px;}
  .author-card p{color:var(--dim); font-size:13.5px; line-height:1.8; margin-top:10px;}
  .art-nav{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:24px;}
  .anav{padding:18px 20px; text-decoration:none; transition:.2s;}
  .anav:hover{border-color:var(--border2); transform:translateY(-2px);}
  .anav .lb{font-size:12px; color:var(--dim2); font-weight:700;}
  .anav .tt{font-size:15px; font-weight:700; line-height:1.5; margin-top:8px; color:var(--text); transition:.2s;}
  .anav:hover .tt{color:var(--cyan);}
  .anav.next{text-align:right;}

  @media(max-width:980px){.grid3{grid-template-columns:1fr 1fr;}}
  @media(max-width:900px){
    .hero{grid-template-columns:1fr;} .hero h1{font-size:38px;}
    .stats,.grid6,.rank{grid-template-columns:1fr 1fr;}
    .focus{grid-template-columns:1fr;}
    .foot{grid-template-columns:1fr 1fr;}
    /* 移动端导航：汉堡菜单 + 搜索收起为图标，避免窄屏变形 */
    .nav{position:relative; gap:14px;}
    .nav-burger{display:inline-flex;}
    .nav .nav-toggle-cb:checked ~ .links{display:flex;}
    .nav .links{
      display:none; position:absolute; top:calc(100% + 1px); left:0; right:0;
      flex-direction:column; gap:0; padding:8px 24px 16px;
      background:linear-gradient(180deg, rgba(34,211,238,.08), rgba(10,14,26,.98) 26%);
      border-bottom:1px solid var(--border);
      box-shadow:0 14px 34px rgba(0,0,0,.55);
      max-height:80vh; overflow-y:auto;
    }
    .nav .links a{padding:13px 4px; border-bottom:1px solid rgba(255,255,255,.06); font-size:15px; border-radius:8px; transition:.2s;}
    .nav .links a:hover{color:#06121b; background:linear-gradient(120deg,var(--cyan),var(--purple)); border-color:transparent; padding-left:12px;}
    .nav .links a::after{display:none;}
    .nav .nav-toggle-cb:checked ~ .nav-burger{box-shadow:0 0 16px rgba(34,211,238,.4); border-color:var(--cyan);}
  }
  @media(max-width:600px){
    .search-txt{display:none;}
    .search{padding:8px 10px;}
    .logo{font-size:17px;}
    .nav{gap:10px;}
    .hero h1{font-size:32px;}
  }
  @media(max-width:560px){.stats,.grid6,.rank,.grid3{grid-template-columns:1fr;}}

  /* 卡片作为链接时的复位（首页 .ncard 是 div，这里只作用于 a 标签，不影响首页） */
  a.ncard{color:inherit; text-decoration:none;}
  .art-body .art-cap{margin:-14px 0 26px;}

  /* 栏目页 / 内容页 响应式 */
  @media(max-width:1000px){ .cat-layout{grid-template-columns:1fr;} .side{position:static;} }
  @media(max-width:760px){
    .litem{flex-direction:column; gap:14px;}
    .litem .lthumb{width:100%; height:190px;}
    .cat-hero{padding:26px 22px;}
    .cat-hero h1{font-size:28px;}
    .cat-meta{gap:20px;}
    .art-wrap h1{font-size:28px;}
    .art-cover{height:220px;}
    .art-body{font-size:16px;}
    .art-body h2{font-size:21px; margin:32px 0 14px;}
    .art-body h3{font-size:18px;}
    .art-nav{grid-template-columns:1fr;}
    .anav.next{text-align:left;}
    .author-card{flex-direction:column; gap:14px;}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none !important;}}