/* ============================================================
   设计系统（基础变量，蓝=默认）
   ============================================================ */
:root{
  --bg:#f6f7fb;
  --panel:#ffffff;
  --panel-2:#fbfbfe;
  --line:#e7e8ec;
  --line-strong:#dadce2;
  --ink:#1f2430;
  --ink-600:#454b57;
  --ink-400:#8a909c;
  --accent:#4F6EF7;
  --accent-2:#3a56d4;
  --accent-soft:#eef0ff;
  --accent-ink:#ffffff;     /* 主色上的文字 */
  --ok:#0f9d58;
  --radius:12px;
  --radius-lg:18px;
  --wrap:min(1600px, 100% - 32px);
  --s1:8px; --s2:12px; --s3:16px; --s4:24px; --s5:32px; --s6:48px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
  --mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --shadow:0 10px 30px rgba(20,24,40,.08);
  --shadow-hi:0 18px 44px rgba(20,24,40,.14);
}

/* ---- 配色主题（body.dsd-theme-* 覆盖） ---- */
body.dsd-theme-purple{--accent:#7048e8;--accent-2:#d6336c;--accent-soft:#f3eeff;--bg:#fbfaff;}
body.dsd-theme-blue  {--accent:#4F6EF7;--accent-2:#3a56d4;--accent-soft:#eef0ff;}
body.dsd-theme-teal  {--accent:#0d9488;--accent-2:#0891b2;--accent-soft:#e6f7f5;--bg:#f4fafb;}
body.dsd-theme-red   {--accent:#e23b5a;--accent-2:#ff7a8a;--accent-soft:#fff0f3;--bg:#f5f6f8;} /* 影音：浅灰底+红 */
body.dsd-theme-cyan  {--accent:#06b6d4;--accent-2:#2563eb;--accent-soft:#e6fbfe;--bg:#f2fbfd;}
body.dsd-theme-green {--accent:#16a34a;--accent-2:#0f9d58;--accent-soft:#e9f8ef;--bg:#f4faf4;}
body.dsd-theme-amber {--accent:#f59e0b;--accent-2:#f97316;--accent-soft:#fff6e8;--bg:#fffaf3;}
body.dsd-theme-gray  {--accent:#5b6472;--accent-2:#7a8290;--accent-soft:#eef0f3;--bg:#f5f6f8;}
body.dsd-theme-mono  {--accent:#7c9cff;--accent-2:#9b7bff;--accent-soft:#1a1f2b;--bg:#0f1115;--panel:#171b23;--panel-2:#1d222c;--line:#272d39;--line-strong:#323a48;--ink:#e8eaed;--ink-600:#b9bfca;--ink-400:#7e8694;}
/* 全局暗色模式（顶栏🌙切换），黑色背景不再作为分类固定配色 */
body.dsd-dark{--accent:#7c9cff;--accent-2:#9b7bff;--accent-soft:#1a1f2b;--bg:#0f1115;--panel:#171b23;--panel-2:#1d222c;--line:#272d39;--line-strong:#323a48;--ink:#e8eaed;--ink-600:#b9bfca;--ink-400:#7e8694}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s3)}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-400);font-weight:600}
.mono{font-family:var(--mono)}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:1100px){.fe-grid,.feat-row{grid-template-columns:repeat(3,1fr)}.ai-grid{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(5,1fr)}}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}.hero-shots{display:none}}
@media(max-width:880px){.layout{grid-template-columns:1fr}.side{position:static;display:none}.feat-row{grid-template-columns:repeat(2,1fr)}.ai-grid{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.hero h1{font-size:30px}.grid2{grid-template-columns:1fr}.app-list{grid-template-columns:1fr}}
@media(max-width:560px){.fe-grid{grid-template-columns:repeat(2,1fr)}.app-row{grid-template-columns:46px 1fr}.app-act{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;margin-top:8px}.tiles{grid-template-columns:repeat(3,1fr)}.ai-grid{grid-template-columns:repeat(2,1fr)}}

/* 大屏：内容区随屏幕宽度自适应扩展，最大 1600px */
@media(min-width:1400px){:root{--wrap:min(1400px,100% - 40px)}}
@media(min-width:1680px){:root{--wrap:min(1600px,100% - 48px)}}
/* 文章详情页双栏：大屏给侧栏更多空间 */
@media(min-width:1400px){.article-wrap{grid-template-columns:minmax(0,1fr) 340px}}
@media(min-width:1680px){.article-wrap{grid-template-columns:minmax(0,1fr) 380px}}

/* —— 顶栏 Logo：白天 / 暗黑双图切换 —— */
.sh-brand{display:inline-flex;align-items:center}
.sh-brand img{height:48px;width:auto;display:block}
.sh-brand .logo-dark{display:none}
body.dsd-dark .sh-brand .logo-light{display:none}
body.dsd-dark .sh-brand .logo-dark{display:inline-block}

/* —— 首页 Banner 背景图片模式：叠加暗色遮罩保证文字可读 —— */
.home-hero.has-img::after{content:"";position:absolute;inset:0;background:rgba(8,12,40,.5);z-index:1;pointer-events:none}
.home-hero.has-img .orb{opacity:.35}
/* Banner 背景图片可点击链接 */
.home-hero-link{position:absolute;inset:0;z-index:3;cursor:pointer}