@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root{
  --ink:#1f1d1a;
  --ink-soft:#6b6760;
  --ink-faint:#9c978f;
  --paper:#f3f1e9;        /* Claude 暖纸底（略深，衬托白卡片）*/
  --paper-2:#ebe7dc;      /* 更深的暖纸色 */
  --card:#ffffff;
  --line:#e4ddcf;
  --line-soft:#ece6da;
  --accent:#c4623d;       /* Claude 陶土橙 */
  --accent-ink:#a64d2c;
  --accent-soft:#f2e6dd;  /* 暖橙色淡底 */
  --accent-tint:#f7efe8;
  --shadow:0 1px 2px rgba(31,29,26,.04);
  --shadow-lift:0 1px 3px rgba(31,29,26,.05),0 12px 30px rgba(31,29,26,.08);
  --radius:14px;
  --radius-lg:18px;
  --maxw:1120px;
  --serif:"Source Serif 4","Noto Serif SC","Songti SC",Georgia,serif;
  --sans:"PingFang SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);line-height:1.72;font-size:16px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:12px;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;z-index:50}

/* ---- 顶栏 ---- */
.topbar{position:sticky;top:0;z-index:30;background:rgba(243,241,233,.82);
  backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid var(--line)}
.topbar .wrap{max-width:1240px}
.topbar-inner{display:flex;align-items:center;gap:18px;height:68px}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:17px;letter-spacing:.005em;flex:0 0 auto}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;
  background:var(--accent);color:#fff;font-family:var(--serif);font-size:17px;font-weight:600;
  box-shadow:0 1px 2px rgba(166,77,44,.35)}
.brand-text{font-family:var(--serif);font-weight:600;white-space:nowrap}
.brand-text em{font-style:normal;color:var(--ink-faint);font-weight:400;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;margin-left:7px;font-family:var(--sans)}

/* ---- 导航 ---- */
.nav{margin-left:auto;display:flex;align-items:center;gap:1px;flex-wrap:nowrap}
.nav a{padding:8px 11px;border-radius:9px;color:var(--ink-soft);font-size:14.5px;white-space:nowrap;
  transition:background .15s,color .15s}
.nav a:hover{background:var(--accent-tint);color:var(--accent-ink)}
.nav a.is-active{color:var(--ink);font-weight:600}
.nav-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--card);
  padding:8px 12px;border-radius:9px;font-size:14px;cursor:pointer;color:var(--ink-soft)}

/* ---- Hero（首页顶部介绍）---- */
.hero{padding:96px 0 72px}
.hero-inner{max-width:780px}
.hero-eyebrow{margin:0 0 24px;font-size:12.5px;letter-spacing:.2em;color:var(--accent);
  text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:9px}
.hero-eyebrow::before{content:"";width:24px;height:1.5px;background:var(--accent);display:inline-block}
.hero-title{margin:0 0 26px;font-family:var(--serif);font-weight:600;
  font-size:clamp(38px,5.6vw,60px);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}
.hero-lead{max-width:620px;margin:0 0 34px;font-size:19px;color:var(--ink-soft);line-height:1.72}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;gap:7px;padding:12px 22px;border-radius:9px;
  background:var(--accent);color:#fff;font-weight:600;font-size:15px;
  transition:background .15s,transform .12s,box-shadow .15s;box-shadow:var(--shadow)}
.btn:hover{background:var(--accent-ink);transform:translateY(-1px);box-shadow:var(--shadow-lift)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn-ghost:hover{background:var(--card);border-color:var(--ink-faint);transform:translateY(-1px)}

/* ---- 卡片（通用横版）---- */
.card{display:grid;grid-template-columns:200px 1fr;gap:20px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  margin-bottom:22px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:#d8cfbd}
.card-thumb{display:grid;place-items:center;min-height:148px;color:#fff;font-weight:600;
  font-family:var(--serif);font-size:16px;letter-spacing:.04em;background:var(--accent)}
.card-body{padding:18px 20px 18px 0}
.card-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;color:var(--ink-soft)}
.tag{background:var(--accent-soft);color:var(--accent-ink);padding:3px 11px;border-radius:20px;font-weight:600;font-size:12.5px}
.card h3{margin:0 0 8px;font-family:var(--serif);font-size:20px;line-height:1.35}
.card h3 a:hover{color:var(--accent-ink)}
.card p{margin:0;color:var(--ink-soft);font-size:15px}

/* ---- 翻页 ---- */
.pager{display:flex;align-items:center;gap:8px;margin-top:40px}
.pager a,.pager-cur{min-width:40px;height:40px;display:grid;place-items:center;
  border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:15px;
  color:var(--ink-soft);transition:border-color .15s,color .15s,background .15s}
.pager-cur{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}
.pager a:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-tint)}
.pager-next{padding:0 16px;width:auto}

/* ---- 页脚 ---- */
.footer{border-top:1px solid var(--line);background:var(--paper-2);margin-top:64px}
.footer-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:30px 26px;font-size:13px;color:var(--ink-faint)}

/* ---- 文章页 ---- */
.article{max-width:720px;margin:0 auto;padding:56px 26px 30px}
.article-head{margin-bottom:36px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.article-head .card-meta{margin-bottom:16px}
.article-title{font-family:var(--serif);font-size:clamp(30px,4.8vw,44px);font-weight:600;
  line-height:1.2;letter-spacing:-.01em;margin:0}
.article-body{font-size:17.5px;color:#2a2823;line-height:1.85}
.article-body h2{font-family:var(--serif);font-size:25px;font-weight:600;margin:42px 0 14px;letter-spacing:-.005em}
.article-body h3{font-size:20px;margin:30px 0 10px}
.article-body p{margin:0 0 20px}
.article-body blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);
  color:var(--ink-soft);font-style:italic;font-family:var(--serif);font-size:19px}
.article-body ul{padding-left:22px}
.article-body li{margin-bottom:9px}
.article-body code{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;
  padding:1px 6px;font-size:.88em;color:var(--accent-ink)}
.article-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 28px;
  color:var(--ink-soft);font-weight:500;font-size:14.5px;transition:color .15s}
.article-back:hover{color:var(--accent-ink)}
.article-nav{max-width:720px;margin:0 auto;padding:0 26px 70px;
  display:flex;justify-content:space-between;gap:14px}
.article-nav a{color:var(--ink-soft);font-weight:500;transition:color .15s}
.article-nav a:hover{color:var(--accent-ink)}

/* ---- 关于页 ---- */
.about-page{max-width:720px;margin:0 auto;padding:64px 26px 70px}
.about-page h1{font-family:var(--serif);font-size:clamp(32px,5vw,46px);font-weight:600;
  letter-spacing:-.01em;margin:0 0 14px}
.about-page .lead{font-size:19px;color:var(--ink-soft);margin:0 0 36px;line-height:1.7}
.about-page h2{font-family:var(--serif);font-size:23px;font-weight:600;margin:40px 0 14px}
.about-page p{font-size:17.5px;color:#2a2823;margin:0 0 18px;line-height:1.8}
.about-page ul{font-size:17.5px;color:#2a2823;padding-left:22px;line-height:1.8}
.about-page li{margin-bottom:9px}

/* ---- 响应式 ---- */
@media(max-width:860px){
  .nav{position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;
    background:var(--card);border-bottom:1px solid var(--line);padding:8px 26px;
    display:none;box-shadow:var(--shadow-lift)}
  .nav.open{display:flex}
  .nav a{padding:12px 6px;border-bottom:1px solid var(--line-soft)}
  .nav-toggle{display:block}
}
@media(max-width:520px){
  .card{grid-template-columns:1fr}
  .card-thumb{min-height:120px}
  .card-body{padding:0 18px 18px}
  .footer-inner{flex-direction:column;gap:6px}
  .hero{padding:54px 0 44px}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto}
}

/* ====== 网格首页（横向导航 + 三列卡片）====== */
.search-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;
  border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;
  flex:0 0 auto;transition:color .15s,border-color .15s,background .15s}
.search-btn:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-tint)}
.topbar-inner .nav{margin-left:20px;margin-right:auto;font-size:14px}
.topbar-inner .nav a{padding:8px 9px}
.topbar-inner .nav .nav-item>a{font-size:14px}

.grid-feed{padding:8px 0 10px}
.feed-bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.feed-bar h2{margin:0;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.005em}
.feed-bar .feed-sub{font-size:13.5px;color:var(--ink-faint);letter-spacing:.02em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 18px 16px;box-shadow:var(--shadow);
  transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:#d8cfbd}
.gcard > a{display:flex;flex-direction:column}
.gcard-img{order:-1;display:grid;place-items:end start;height:160px;border-radius:11px;overflow:hidden;
  color:#fff;font-family:var(--serif);font-weight:600;font-size:15px;padding:15px;margin-bottom:17px;
  box-shadow:inset 0 -54px 70px rgba(31,18,8,.16)}
.gcard-img em{font-style:normal;background:rgba(0,0,0,.16);backdrop-filter:blur(2px);
  padding:4px 12px;border-radius:20px;font-size:12.5px;letter-spacing:.04em;white-space:nowrap}
/* Claude 风格抽象封面（暖色底 + 几何图案）*/
.g1{background:#c98a5e url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%23c98a5e%27%2F%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C.32)%27%20stroke-width%3D%272.5%27%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%2770%27%20r%3D%2796%27%2F%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%2770%27%20r%3D%2764%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%2770%27%20r%3D%2734%27%20fill%3D%27rgba(255%2C255%2C255%2C.22)%27%2F%3E%3Ccircle%20cx%3D%27396%27%20cy%3D%2770%27%20r%3D%279%27%20fill%3D%27rgba(255%2C255%2C255%2C.85)%27%2F%3E%3Ccircle%20cx%3D%27300%27%20cy%3D%276%27%20r%3D%276%27%20fill%3D%27rgba(255%2C255%2C255%2C.55)%27%2F%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%27200%27%20r%3D%2740%27%20fill%3D%27rgba(40%2C22%2C10%2C.07)%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 陶土 */
.g2{background:#b78a5a url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%23b78a5a%27%2F%3E%3Ccircle%20cx%3D%2746%27%20cy%3D%2770%27%20r%3D%278.0%27%20fill%3D%27rgba(255%2C255%2C255%2C0.37)%27%2F%3E%3Ccircle%20cx%3D%27108%27%20cy%3D%2770%27%20r%3D%279.2%27%20fill%3D%27rgba(255%2C255%2C255%2C0.64)%27%2F%3E%3Ccircle%20cx%3D%27170%27%20cy%3D%2770%27%20r%3D%2710.9%27%20fill%3D%27rgba(255%2C255%2C255%2C0.34)%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%2770%27%20r%3D%275.3%27%20fill%3D%27rgba(255%2C255%2C255%2C0.44)%27%2F%3E%3Ccircle%20cx%3D%27294%27%20cy%3D%2770%27%20r%3D%2710.9%27%20fill%3D%27rgba(255%2C255%2C255%2C0.64)%27%2F%3E%3Ccircle%20cx%3D%27356%27%20cy%3D%2770%27%20r%3D%275.3%27%20fill%3D%27rgba(255%2C255%2C255%2C0.63)%27%2F%3E%3Ccircle%20cx%3D%2746%27%20cy%3D%27125%27%20r%3D%275.3%27%20fill%3D%27rgba(255%2C255%2C255%2C0.38)%27%2F%3E%3Ccircle%20cx%3D%27108%27%20cy%3D%27125%27%20r%3D%279.3%27%20fill%3D%27rgba(255%2C255%2C255%2C0.38)%27%2F%3E%3Ccircle%20cx%3D%27170%27%20cy%3D%27125%27%20r%3D%2710.9%27%20fill%3D%27rgba(255%2C255%2C255%2C0.27)%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%27125%27%20r%3D%277.0%27%20fill%3D%27rgba(255%2C255%2C255%2C0.30)%27%2F%3E%3Ccircle%20cx%3D%27294%27%20cy%3D%27125%27%20r%3D%278.5%27%20fill%3D%27rgba(255%2C255%2C255%2C0.22)%27%2F%3E%3Ccircle%20cx%3D%27356%27%20cy%3D%27125%27%20r%3D%276.1%27%20fill%3D%27rgba(255%2C255%2C255%2C0.47)%27%2F%3E%3Ccircle%20cx%3D%2746%27%20cy%3D%27180%27%20r%3D%278.7%27%20fill%3D%27rgba(255%2C255%2C255%2C0.69)%27%2F%3E%3Ccircle%20cx%3D%27108%27%20cy%3D%27180%27%20r%3D%277.9%27%20fill%3D%27rgba(255%2C255%2C255%2C0.40)%27%2F%3E%3Ccircle%20cx%3D%27170%27%20cy%3D%27180%27%20r%3D%2710.8%27%20fill%3D%27rgba(255%2C255%2C255%2C0.34)%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%27180%27%20r%3D%277.8%27%20fill%3D%27rgba(255%2C255%2C255%2C0.67)%27%2F%3E%3Ccircle%20cx%3D%27294%27%20cy%3D%27180%27%20r%3D%277.0%27%20fill%3D%27rgba(255%2C255%2C255%2C0.26)%27%2F%3E%3Ccircle%20cx%3D%27356%27%20cy%3D%27180%27%20r%3D%278.3%27%20fill%3D%27rgba(255%2C255%2C255%2C0.55)%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 暖棕 */
.g3{background:#7e93ab url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%237e93ab%27%2F%3E%3Cpath%20d%3D%27M130%20250%20A70%2070%200%200%201%20270%20250%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.34)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M96%20250%20A104%20104%200%200%201%20304%20250%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.29)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M62%20250%20A138%20138%200%200%201%20338%20250%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.24)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M28%20250%20A172%20172%200%200%201%20372%20250%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.19)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M-6%20250%20A206%20206%200%200%201%20406%20250%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.14)%27%20stroke-width%3D%272.5%27%2F%3E%3Ccircle%20cx%3D%27200%27%20cy%3D%27250%27%20r%3D%2714%27%20fill%3D%27rgba(255%2C255%2C255%2C.5)%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 灰蓝 */
.g4{background:#9a7c93 url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%239a7c93%27%2F%3E%3Ccircle%20cx%3D%27220%27%20cy%3D%27120%27%20r%3D%2786%27%20fill%3D%27rgba(255%2C255%2C255%2C.26)%27%2F%3E%3Ccircle%20cx%3D%27258%27%20cy%3D%27104%27%20r%3D%2776%27%20fill%3D%27%239a7c93%27%2F%3E%3Ccircle%20cx%3D%27110%27%20cy%3D%2770%27%20r%3D%275%27%20fill%3D%27rgba(255%2C255%2C255%2C.7)%27%2F%3E%3Ccircle%20cx%3D%2790%27%20cy%3D%27120%27%20r%3D%273.5%27%20fill%3D%27rgba(255%2C255%2C255%2C.55)%27%2F%3E%3Ccircle%20cx%3D%27140%27%20cy%3D%27180%27%20r%3D%274%27%20fill%3D%27rgba(255%2C255%2C255%2C.5)%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 黛紫 */
.g5{background:#c07658 url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%23c07658%27%2F%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C.4)%27%20stroke-width%3D%272.5%27%3E%3Ccircle%20cx%3D%27160%27%20cy%3D%27120%27%20r%3D%2772%27%2F%3E%3Ccircle%20cx%3D%27250%27%20cy%3D%27120%27%20r%3D%2772%27%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%27M205%2064%20a72%2072%200%200%201%200%20112%20a72%2072%200%200%201%200%20-112%27%20fill%3D%27rgba(255%2C255%2C255%2C.18)%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 赭红 */
.g6{background:#789285 url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%20240%27%20preserveAspectRatio%3D%27xMidYMid%20slice%27%3E%3Crect%20width%3D%27400%27%20height%3D%27240%27%20fill%3D%27%23789285%27%2F%3E%3Cpath%20d%3D%27M-10%2070%20q60%20-26%20120%200%20t120%200%20t120%200%20t120%200%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.40)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M-10%20106%20q60%20-26%20120%200%20t120%200%20t120%200%20t120%200%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.33)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M-10%20142%20q60%20-26%20120%200%20t120%200%20t120%200%20t120%200%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.26)%27%20stroke-width%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M-10%20178%20q60%20-26%20120%200%20t120%200%20t120%200%20t120%200%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.19)%27%20stroke-width%3D%272.5%27%2F%3E%3C%2Fsvg%3E") center/cover no-repeat}  /* 灰绿 */
.gcard-cat{margin:0 0 8px;font-size:11.5px;letter-spacing:.12em;color:var(--accent);
  text-transform:uppercase;font-weight:600}
.gcard-title{margin:0 0 2px;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.4;color:var(--ink)}
.gcard:hover .gcard-title{color:var(--accent-ink)}
.gcard-excerpt{margin:12px 0 14px;font-size:14px;color:var(--ink-soft);line-height:1.7;flex:1}
.gcard-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-faint);
  padding-top:13px;border-top:1px solid var(--line-soft)}
.gcard-foot .dot{opacity:.5}

@media(max-width:980px){ .grid{grid-template-columns:repeat(2,1fr)} }
/* \u4e2d\u7b49\u5bbd\u5ea6\uff1a\u9690\u85cf\u54c1\u724c\u526f\u6807 + \u6536\u7d27\u5bfc\u822a\uff0c\u907f\u514d\u672b\u9879\u88ab\u88c1\u5207 */
@media(max-width:1080px){
  .brand-text em{display:none}
  .topbar-inner .nav{margin-left:14px;gap:0}
  .topbar-inner .nav a{padding:8px 7.5px}
  .topbar-inner .nav .nav-item>a{font-size:13.6px}
}
@media(max-width:860px){ .topbar-inner .nav{margin-left:0} }
@media(max-width:600px){ .grid{grid-template-columns:1fr} }

/* ====== 分类二级页面 ====== */
.cat-page{padding:48px 0 10px}
.cat-head{margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.cat-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.18em;color:var(--accent);
  text-transform:uppercase;font-weight:600}
.cat-title{margin:0 0 8px;font-family:var(--serif);font-size:clamp(30px,4.6vw,42px);
  font-weight:600;line-height:1.16;letter-spacing:-.01em}
.cat-count{margin:0;font-size:14px;color:var(--ink-faint)}
.cat-empty{padding:40px 0;color:var(--ink-soft);font-size:16px}

/* ====== 研究项目页 ====== */
.research-page{padding:48px 0 20px}
.research-page .cat-count{max-width:680px;line-height:1.7;font-size:15px;color:var(--ink-soft)}
.rtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.rtab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  background:var(--card);color:var(--ink-soft);font-size:14.5px;font-family:var(--sans);
  padding:9px 16px;border-radius:999px;cursor:pointer;
  transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.rtab:hover{border-color:#d8cfbd;color:var(--ink)}
.rtab.is-active{background:var(--accent);border-color:var(--accent);color:#fff;
  box-shadow:0 1px 2px rgba(166,77,44,.3)}
.rtab-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;font-size:11.5px;font-weight:600;
  background:var(--accent-soft);color:var(--accent-ink)}
.rtab.is-active .rtab-n{background:rgba(255,255,255,.25);color:#fff}

.rsummary{margin:0 0 26px;padding:14px 18px;background:var(--accent-tint);
  border:1px solid var(--line-soft);border-left:3px solid var(--accent);border-radius:10px;
  font-size:14.5px;color:var(--ink-soft);line-height:1.65}

.rlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ritem{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 4px;
  border-top:1px solid var(--line-soft)}
.ritem:first-child{border-top:none}
.ritem-no{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--accent);
  line-height:1.2;opacity:.85}
.ritem-main{min-width:0}
.ritem-title{margin:0 0 12px;font-family:var(--serif);font-size:18px;font-weight:600;
  line-height:1.5;color:var(--ink)}
.rt-tag{display:inline-block;vertical-align:middle;margin-right:9px;padding:2px 9px;
  border-radius:6px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.02em;
  background:var(--paper-2);color:var(--ink-soft);transform:translateY(-1px)}
.rt-tag--会议{background:#e8efe9;color:#4a6b58}
.rt-tag--报纸{background:#efe7da;color:#8a6d44}
.ritem-meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 10px}
.rmeta{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:4px 11px}
.rmeta b{font-weight:600;font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}
.ritem-source{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.rjournal{color:var(--ink);font-weight:500}

.rempty{padding:56px 24px;text-align:center;background:var(--card);
  border:1px dashed var(--line);border-radius:var(--radius)}
.rempty-title{margin:0 0 8px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}
.rempty-sub{margin:0;font-size:14px;color:var(--ink-faint);line-height:1.6}

@media(max-width:560px){
  .ritem{grid-template-columns:38px 1fr;gap:12px}
  .ritem-no{font-size:18px}
}

.cat-list{display:flex;flex-direction:column;gap:20px}
.row{display:grid;grid-template-columns:230px 1fr;gap:24px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.row:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:#d8cfbd}
.row-thumb{display:grid;place-items:end start;min-height:160px;color:#fff;padding:14px;
  font-family:var(--serif);font-weight:600;font-size:15px}
.row-thumb span{background:rgba(0,0,0,.16);backdrop-filter:blur(2px);padding:4px 12px;
  border-radius:20px;font-size:12.5px;letter-spacing:.04em;white-space:nowrap}
.row-body{padding:20px 24px 18px 0}
.row-title{margin:6px 0 10px;font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.32}
.row-title a:hover{color:var(--accent-ink)}
.row-excerpt{margin:0 0 14px;font-size:15px;color:var(--ink-soft);line-height:1.7}

@media(max-width:560px){
  .row{grid-template-columns:1fr}
  .row-thumb{min-height:130px}
  .row-body{padding:0 18px 18px}
}

/* ====== 导航下拉子菜单 ====== */
.nav{align-items:center}
.nav-item{position:relative}
.nav-item > a{display:flex;align-items:center;gap:4px}
.caret{font-size:9px;opacity:.55;transition:transform .15s}
.has-sub:hover .caret{transform:rotate(180deg)}
.submenu{position:absolute;top:100%;left:0;min-width:178px;
  background:var(--card);border:1px solid var(--line);border-radius:11px;
  box-shadow:0 10px 30px rgba(31,29,26,.13);padding:7px;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .15s,transform .15s,visibility .15s;z-index:40}
.has-sub:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu a{display:block;padding:9px 12px;border-radius:7px;font-size:14px;
  color:var(--ink-soft);white-space:nowrap}
.submenu a:hover{background:var(--accent-tint);color:var(--accent-ink)}

@media(max-width:860px){
  .nav-item{width:100%}
  .nav-item > a{justify-content:space-between;padding:12px 6px;
    border-bottom:1px solid var(--line-soft)}
  .submenu{position:static;border:0;box-shadow:none;padding:0 0 0 16px;
    opacity:1;visibility:visible;transform:none;display:none;min-width:0;background:transparent}
  .nav-item.open .submenu{display:block}
  .nav-item.open .caret{transform:rotate(180deg)}
}