/*
Theme Name: 数牵资讯 ShuQian News
Theme URI: https://www.shuqiantech.com
Author: 数牵科技
Author URI: https://www.shuqiantech.com
Description: 数牵资讯站定制主题 —— 复用官网 site.css 基底（深海军蓝 + 金、Sora 字体、固定毛玻璃页眉、深色页脚、卡片聚光），叠加资讯内容版式（控制塔笔记 / 产品体验 / 公司动态）。
Version: 1.1
License: GPL-2.0-or-later
Text Domain: shuqian-news
*/

/* 令牌、字体、页眉、页脚、按钮、动效均来自 assets/site.css；此处仅叠加资讯内容版式 */

:root{ --read:760px; }

/* ===== 顶部 banner（深色，承接固定透明页眉；每页都有，保证白 logo 可见）===== */
.page-hero{position:relative;isolation:isolate;
  background:radial-gradient(900px 440px at 80% -12%,rgba(35,201,189,.14),transparent 60%),
    linear-gradient(135deg,#0a1428 0%,#0d1a36 58%,#10204a 100%);
  color:#fff;padding:128px 0 72px;overflow:hidden}
.page-hero .hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:1;
  width:min(1180px,calc(100% - 48px));height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,163,92,.55),transparent)}
.page-hero h1{font-family:'Sora',"PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;
  font-size:clamp(28px,3.8vw,44px);letter-spacing:-.5px;line-height:1.2;margin:16px 0 12px;color:#fff}
.page-hero .lead{color:rgba(255,255,255,.74);font-size:17px;max-width:680px;line-height:1.75}

/* 文章 banner 内的分类 / 元信息 */
.hero-cat{font-family:'Sora',sans-serif;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold-2);font-weight:700}
.hero-meta{display:flex;gap:18px;align-items:center;margin-top:14px;font-size:14px;color:rgba(255,255,255,.6)}
.hero-meta::before{content:"";width:30px;height:2px;background:var(--grad-gold);border-radius:2px}

/* ===== 主体 ===== */
.site-main{padding:66px 0 20px;min-height:46vh}

/* 列表卡片（复用官网聚光手感）===== */
.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.post-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}
.post-card::before{content:"";position:absolute;inset:0;z-index:0;opacity:0;transition:var(--t);
  background:radial-gradient(440px circle at var(--mx,50%) var(--my,0%),rgba(205,163,92,.10),transparent 42%)}
.post-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(12,20,38,.12);border-color:rgba(205,163,92,.42)}
.post-card:hover::before{opacity:1}
.post-card>*{position:relative;z-index:1}
.post-card .thumb{display:block;aspect-ratio:16/9;background:var(--paper-soft);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--t)}
.post-card:hover .thumb img{transform:scale(1.04)}
.post-card .pc-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:11px;flex:1}
.post-card .pc-cat{font-family:'Sora',sans-serif;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700}
.post-card h2{font-family:'Sora',"PingFang SC","Microsoft YaHei",sans-serif;font-size:21px;font-weight:700;line-height:1.42;color:var(--ink);letter-spacing:-.2px}
.post-card h2 a:hover{color:var(--gold)}
.post-card .pc-ex{color:var(--ink-2);font-size:15px;line-height:1.72;flex:1}
.post-card .pc-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:13px;color:#9aa3b5}
.post-card .pc-more{font-weight:700;color:var(--gold)}

/* ===== 单篇文章 ===== */
.article{max-width:var(--read);margin:0 auto}
.article-feat{margin:0 auto 34px;max-width:var(--read);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.article-body{font-size:17px;line-height:1.95;color:#1c2740}
.article-body p{margin:0 0 20px}
.article-body h2{font-family:'Sora',"PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;font-size:25px;color:var(--ink);
  line-height:1.35;letter-spacing:-.3px;margin:50px 0 16px;padding-top:26px;position:relative}
.article-body h2::before{content:"";position:absolute;top:0;left:0;width:min(440px,60%);height:1px;background:linear-gradient(90deg,rgba(205,163,92,.55),transparent)}
.article-body h3{font-family:'Sora',"PingFang SC","Microsoft YaHei",sans-serif;font-weight:700;font-size:19.5px;color:var(--ink);line-height:1.4;margin:34px 0 12px;padding-left:14px;border-left:3px solid var(--gold)}
.article-body ul,.article-body ol{margin:0 0 20px;padding-left:1.4em}
.article-body li{margin:0 0 8px}
.article-body blockquote{margin:24px 0;padding:14px 22px;background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;color:#3a3320;font-size:16px}
.article-body strong{color:var(--ink);font-weight:700}
.article-body a{color:#1f5fd0;border-bottom:1px solid rgba(31,95,208,.3)}
.article-body a:hover{color:var(--gold);border-color:var(--gold)}
.article-body img{border-radius:12px;margin:8px 0 22px}
.article-body hr{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(205,163,92,.4),transparent);margin:40px 0}

/* 文末 CTA */
.post-cta{max-width:var(--read);margin:48px auto 0;background:linear-gradient(135deg,#0a1428,#10204a);color:#fff;
  border-radius:var(--radius);padding:34px 34px 32px;position:relative;overflow:hidden}
.post-cta::after{content:"";position:absolute;top:-30px;right:-30px;width:280px;height:210px;pointer-events:none;
  background:radial-gradient(210px 150px at 80% 0,rgba(205,163,92,.2),transparent 64%)}
.post-cta h3{font-family:'Sora',sans-serif;font-weight:800;font-size:21px;margin-bottom:10px}
.post-cta p{color:rgba(255,255,255,.76);font-size:15px;margin-bottom:18px;max-width:560px;line-height:1.7}
.post-cta .btns{display:flex;gap:14px;flex-wrap:wrap}
.post-cta .btn{padding:11px 22px;border-radius:30px;font-weight:700;font-size:14.5px;transition:var(--t)}
.post-cta .btn-gold{background:var(--grad-gold);color:#1a1205}
.post-cta .btn-ghost{border:1px solid rgba(255,255,255,.28);color:#fff}
.post-cta .btn:hover{transform:translateY(-1px)}
.back-link{max-width:var(--read);margin:32px auto 0;font-size:14px}
.back-link a{color:var(--ink-2)}
.back-link a:hover{color:var(--gold)}

/* 分页 */
.pagination{display:flex;justify-content:center;gap:10px;margin:50px 0 10px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink-2);font-family:'Sora',sans-serif}
.pagination .current,.pagination a:hover{background:var(--grad-gold);color:#1a1205;border-color:transparent}

@media(max-width:880px){ .post-list{grid-template-columns:1fr} }
@media(max-width:680px){
  .page-hero{padding:104px 0 56px}
  .article-body{font-size:16px}
}