/* ============================================================
   ITSWE Git theme for Gitea 1.27  (theme-itswe.css)
   设计来源 = itswe.com swe 皮肤 --ocs-* 令牌 (2026-09 实测值)
   - 主色 #0F62FE (Carbon 蓝), hover 加深 #0043CE, 浅阶 #4C8DFF
   - 签名渐变 120deg #0F62FE→#063A9C (主按钮 / 正文链接 hover 下划线)
   - 页面底 #F6F8FB / 卡面 #FFF / 边线 #E3E9F1 / 墨字 #0E1B2C / 钢灰 #5B6B7F
   - 深色套 = itswe ocs-dark: #0B1220 底 / #101B2E 卡 / #223450 线 / #4C8DFF 主
   - 圆角: 卡 14px / 控件 10px; 字体栈与 itswe 一致
   结构镜像 gitea-auto: prefers-color-scheme 双段 :root 变量 + 组件层
   ============================================================ */

/* ---------- LIGHT ---------- */
@media (prefers-color-scheme: light) {
  gitea-theme-meta-info { --theme-display-name: "ITSWE Light"; --theme-color-scheme: "light"; }
  :root {
    --is-dark-theme: false;
    /* primary ramp: #0F62FE → 深处 #063A9C 系 */
    --color-primary: #0F62FE;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #0043CE;
    --color-primary-dark-2: #0236A6;
    --color-primary-dark-3: #022C86;
    --color-primary-dark-4: #02246B;
    --color-primary-dark-5: #021C54;
    --color-primary-dark-6: #011641;
    --color-primary-dark-7: #010F2C;
    --color-primary-light-1: #4C8DFF;
    --color-primary-light-2: #6EA2FF;
    --color-primary-light-3: #90B7FF;
    --color-primary-light-4: #B3CBFF;
    --color-primary-light-5: #C9DAFF;
    --color-primary-light-6: #E0EAFF;
    --color-primary-light-7: #F1F6FF;
    --color-primary-alpha-10: #0F62FE19;
    --color-primary-alpha-20: #0F62FE33;
    --color-primary-alpha-30: #0F62FE4b;
    --color-primary-alpha-40: #0F62FE66;
    --color-primary-alpha-50: #0F62FE80;
    --color-primary-alpha-60: #0F62FE99;
    --color-primary-alpha-70: #0F62FEb3;
    --color-primary-alpha-80: #0F62FEcc;
    --color-primary-alpha-90: #0F62FEe1;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
    /* secondary ramp: 钢蓝灰 #E3E9F1 → 墨 #0E1B2C */
    --color-secondary: #E3E9F1;
    --color-secondary-dark-1: #C9D3E0;
    --color-secondary-dark-2: #B4C2D3;
    --color-secondary-dark-3: #93A6BD;
    --color-secondary-dark-4: #5B6B7F;
    --color-secondary-dark-5: #4F6177;
    --color-secondary-dark-6: #425266;
    --color-secondary-dark-7: #354354;
    --color-secondary-dark-8: #2A3644;
    --color-secondary-dark-9: #202A36;
    --color-secondary-dark-10: #182029;
    --color-secondary-dark-11: #111820;
    --color-secondary-dark-12: #0C1218;
    --color-secondary-dark-13: #070C11;
    --color-secondary-light-1: #EBF0F7;
    --color-secondary-light-2: #EFF3F8;
    --color-secondary-light-3: #F3F6FA;
    --color-secondary-light-4: #F8FAFC;
    --color-secondary-alpha-10: #94A6BD19;
    --color-secondary-alpha-20: #94A6BD33;
    --color-secondary-alpha-30: #94A6BD4b;
    --color-secondary-alpha-40: #94A6BD66;
    --color-secondary-alpha-50: #94A6BD80;
    --color-secondary-alpha-60: #94A6BD99;
    --color-secondary-alpha-70: #94A6BDb3;
    --color-secondary-alpha-80: #94A6BDcc;
    --color-secondary-alpha-90: #94A6BDe1;
    --color-secondary-button: var(--color-secondary-dark-4);
    --color-secondary-hover: var(--color-secondary-dark-5);
    --color-secondary-active: var(--color-secondary-dark-6);
    /* console / code chrome */
    --color-console-fg: #0E1B2C;
    --color-console-fg-subtle: #5B6B7F;
    --color-console-bg: #ffffff;
    --color-console-border: #E3E9F1;
    --color-console-hover-bg: #E8EEF6;
    --color-console-active-bg: #EFF3F8;
    --color-console-menu-bg: #ffffff;
    --color-console-menu-border: #E3E9F1;
    --color-console-link: #0F62FE;
    /* 语义色对齐 itswe: ok/err/alert/teal */
    --color-red: #C92A2A;
    --color-orange: #B7791F;
    --color-yellow: #F59E0B;
    --color-olive: #6B8E23;
    --color-green: #0B7A54;
    --color-teal: #007A6F;
    --color-blue: #0F62FE;
    --color-violet: #5A4FCF;
    --color-purple: #8A4FBE;
    --color-pink: #C2477F;
    --color-brown: #8A6742;
    --color-black: #0E1B2C;
    --color-red-light: #E06060;
    --color-orange-light: #D69A4C;
    --color-yellow-light: #F7C15C;
    --color-olive-light: #A3C05C;
    --color-green-light: #3FAE85;
    --color-teal-light: #3AA9A0;
    --color-blue-light: #4C8DFF;
    --color-violet-light: #8579DB;
    --color-purple-light: #AC77D2;
    --color-pink-light: #D375A0;
    --color-brown-light: #AD8F6F;
    --color-black-light: #45566C;
    /* diff（itswe ok/err 色系） */
    --color-diff-added-fg: #0B7A54;
    --color-diff-added-linenum-bg: #D3F4E2;
    --color-diff-added-row-bg: #EFFBF4;
    --color-diff-added-row-border: #D3F4E2;
    --color-diff-added-word-bg: #B8F0CD;
    --color-diff-moved-row-bg: #EFF6F1;
    --color-diff-moved-row-border: #C4E3D2;
    --color-diff-removed-fg: #C92A2A;
    --color-diff-removed-linenum-bg: #FFDBDB;
    --color-diff-removed-row-bg: #FFF3F3;
    --color-diff-removed-row-border: #FFDBDB;
    --color-diff-removed-word-bg: #FFC9C9;
    --color-diff-inactive: #EFF3F8;
    /* 语义面板 */
    --color-error-border: #C92A2A66;
    --color-error-bg: #FDECEC;
    --color-error-bg-active: #FFDBDB;
    --color-error-bg-hover: #FCE0E0;
    --color-error-text: #C92A2A;
    --color-success-border: #0B7A5466;
    --color-success-bg: #E8F7F0;
    --color-success-text: #0B7A54;
    --color-warning-border: #F59E0B66;
    --color-warning-bg: #FFF7E6;
    --color-warning-text: #8A5A00;
    --color-info-border: #0F62FE66;
    --color-info-bg: #E8F1FF;
    --color-info-text: #0043CE;
    --color-priority-border: #5A4FCF66;
    --color-priority-bg: #EEEBFC;
    --color-priority-text: #4A3FB0;
    /* badge */
    --color-red-badge: #C92A2A;
    --color-red-badge-bg: #C92A2A1a;
    --color-red-badge-hover-bg: #C92A2A4d;
    --color-green-badge: #0B7A54;
    --color-green-badge-bg: #0B7A541a;
    --color-green-badge-hover-bg: #0B7A544d;
    --color-yellow-badge: #F59E0B;
    --color-yellow-badge-bg: #F59E0B1a;
    --color-yellow-badge-hover-bg: #F59E0B4d;
    --color-orange-badge: #B7791F;
    --color-orange-badge-bg: #B7791F1a;
    --color-orange-badge-hover-bg: #B7791F4d;
    --color-git: #F05133;
    --color-logo: #0F62FE;
    /* 表面: 页底冷钢灰, 卡纯白, 头条 subtle */
    --color-body: #F6F8FB;
    --color-box-header: #EFF3F8;
    --color-box-body: #ffffff;
    --color-box-body-highlight: #F0F6FF;
    /* 文字: 墨 + 钢灰阶 */
    --color-text-dark: #0A1420;
    --color-text: #0E1B2C;
    --color-text-light: #2A3B52;
    --color-text-light-1: #3D5270;
    --color-text-light-2: #5B6B7F;
    --color-text-light-3: #7A8AA0;
    --color-footer: var(--color-nav-bg);
    --color-timeline: #D8E2EE;
    --color-input-text: var(--color-text-dark);
    --color-input-background: #ffffff;
    --color-input-toggle-background: #C9D3E0;
    --color-input-border: var(--color-secondary-dark-1);
    --color-light: #0E1B2C06;
    --color-light-border: #0E1B2C1d;
    --color-hover: #0E1B2C08;
    --color-hover-opaque: #E8EEF6;
    --color-active: #0E1B2C14;
    --color-menu: #ffffff;
    --color-card: #ffffff;
    --color-markup-table-row: #0F62FE0a;
    --color-markup-code-block: #0E1B2C0d;
    --color-markup-code-inline: #0F62FE14;
    --color-button: #ffffff;
    --color-code-bg: #FAFCFF;
    --color-shadow: #0E1B2C1a;
    --color-shadow-opaque: #C9D4E2;
    --color-secondary-bg: #EFF3F8;
    --color-expand-button: #DCE7F5;
    --color-placeholder-text: var(--color-text-light-3);
    --color-editor-line-highlight: var(--color-secondary-alpha-30);
    --color-editor-selection: var(--color-primary-alpha-30);
    --color-project-column-bg: var(--color-secondary-light-2);
    --color-caret: var(--color-text-dark);
    --color-reaction-bg: #0E1B2C0a;
    --color-reaction-hover-bg: var(--color-primary-light-5);
    --color-reaction-active-bg: var(--color-primary-light-6);
    --color-tooltip-text: #F4F7FC;
    --color-tooltip-bg: #0A1420f0;
    /* 导航: 白底墨字 */
    --color-nav-bg: #ffffff;
    --color-nav-hover-bg: #E8EEF6;
    --color-nav-text: var(--color-text);
    --color-secondary-nav-bg: #FBFCFE;
    --color-label-text: var(--color-text);
    --color-label-bg: #5B6B7F1f;
    --color-label-hover-bg: #5B6B7F38;
    --color-label-active-bg: #5B6B7F52;
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-6);
    --color-highlight-fg: #8A5A00;
    --color-highlight-bg: #FFF3C4;
    --color-overlay-backdrop: #0A1420c0;
    --color-danger: var(--color-red);
    --color-transparency-grid-light: #fafafa;
    --color-transparency-grid-dark: #e2e2e2;
    --color-workflow-edge-hover: #93A6BD;
    --border-radius: 10px;
    accent-color: var(--color-accent);
    color-scheme: light;
  }
}

/* ---------- DARK (= itswe ocs-dark) ---------- */
@media (prefers-color-scheme: dark) {
  gitea-theme-meta-info { --theme-display-name: "ITSWE Dark"; --theme-color-scheme: "dark"; }
  :root {
    --is-dark-theme: true;
    /* primary ramp: #4C8DFF, dark 方向=变亮, light 方向=变深(保持 gitea 约定) */
    --color-primary: #4C8DFF;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #5E9AFF;
    --color-primary-dark-2: #70A6FF;
    --color-primary-dark-3: #82B2FF;
    --color-primary-dark-4: #A5C6FF;
    --color-primary-dark-5: #C8DAFF;
    --color-primary-dark-6: #E4EEFF;
    --color-primary-dark-7: #F4F8FF;
    --color-primary-light-1: #3B79E8;
    --color-primary-light-2: #2C67CC;
    --color-primary-light-3: #1F55AC;
    --color-primary-light-4: #16468C;
    --color-primary-light-5: #0F376C;
    --color-primary-light-6: #0A2850;
    --color-primary-light-7: #061A34;
    --color-primary-alpha-10: #4C8DFF19;
    --color-primary-alpha-20: #4C8DFF33;
    --color-primary-alpha-30: #4C8DFF4b;
    --color-primary-alpha-40: #4C8DFF66;
    --color-primary-alpha-50: #4C8DFF80;
    --color-primary-alpha-60: #4C8DFF99;
    --color-primary-alpha-70: #4C8DFFb3;
    --color-primary-alpha-80: #4C8DFFcc;
    --color-primary-alpha-90: #4C8DFFe1;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
    /* secondary ramp: 线 #223450 → 亮钢 #B9C8DC */
    --color-secondary: #223450;
    --color-secondary-dark-1: #2A4060;
    --color-secondary-dark-2: #334C70;
    --color-secondary-dark-3: #405B80;
    --color-secondary-dark-4: #516C90;
    --color-secondary-dark-5: #637CA0;
    --color-secondary-dark-6: #758CB0;
    --color-secondary-dark-7: #879CC0;
    --color-secondary-dark-8: #99ACCF;
    --color-secondary-dark-9: #A9BADA;
    --color-secondary-dark-10: #B7C6E1;
    --color-secondary-dark-11: #C4D0E6;
    --color-secondary-dark-12: #CFD8EA;
    --color-secondary-dark-13: #D8DFED;
    --color-secondary-light-1: #1C2C44;
    --color-secondary-light-2: #16243A;
    --color-secondary-light-3: #101C30;
    --color-secondary-light-4: #0C1626;
    --color-secondary-alpha-10: #7C90AA19;
    --color-secondary-alpha-20: #7C90AA33;
    --color-secondary-alpha-30: #7C90AA4b;
    --color-secondary-alpha-40: #7C90AA66;
    --color-secondary-alpha-50: #7C90AA80;
    --color-secondary-alpha-60: #7C90AA99;
    --color-secondary-alpha-70: #7C90AAb3;
    --color-secondary-alpha-80: #7C90AAcc;
    --color-secondary-alpha-90: #7C90AAe1;
    --color-secondary-button: var(--color-secondary-dark-4);
    --color-secondary-hover: var(--color-secondary-dark-3);
    --color-secondary-active: var(--color-secondary-dark-2);
    --color-console-fg: #E8EEF7;
    --color-console-fg-subtle: #93A4BC;
    --color-console-bg: #0E1930;
    --color-console-border: #223450;
    --color-console-hover-bg: #16233B;
    --color-console-active-bg: #1A2A45;
    --color-console-menu-bg: #0F1A2E;
    --color-console-menu-border: #223450;
    --color-console-link: #4C8DFF;
    --color-red: #FF7078;
    --color-orange: #F0A35C;
    --color-yellow: #F5C15C;
    --color-olive: #A3C05C;
    --color-green: #30C48D;
    --color-teal: #00B8A9;
    --color-blue: #4C8DFF;
    --color-violet: #8B7FF0;
    --color-purple: #B07FD8;
    --color-pink: #E080AE;
    --color-brown: #B08F6F;
    --color-black: #16233B;
    --color-red-light: #FF8F94;
    --color-orange-light: #F4B87F;
    --color-yellow-light: #F7CE80;
    --color-olive-light: #B5CE7A;
    --color-green-light: #5CD3A8;
    --color-teal-light: #3ACCBF;
    --color-blue-light: #70A6FF;
    --color-violet-light: #A49AF4;
    --color-purple-light: #C29CE4;
    --color-pink-light: #E89CC2;
    --color-brown-light: #C2A68C;
    --color-black-light: #3A4C68;
    --color-diff-added-fg: #30C48D;
    --color-diff-added-linenum-bg: #12301F;
    --color-diff-added-row-bg: #0F2A1E;
    --color-diff-added-row-border: #17452E;
    --color-diff-added-word-bg: #1B4A33;
    --color-diff-moved-row-bg: #16283A;
    --color-diff-moved-row-border: #2A4660;
    --color-diff-removed-fg: #FF7078;
    --color-diff-removed-linenum-bg: #3A1A22;
    --color-diff-removed-row-bg: #2E161C;
    --color-diff-removed-row-border: #4A242E;
    --color-diff-removed-word-bg: #4A222B;
    --color-diff-inactive: #16233B;
    --color-error-border: #FF707866;
    --color-error-bg: #2A1A22;
    --color-error-bg-active: #3A222C;
    --color-error-bg-hover: #331F28;
    --color-error-text: #FF7078;
    --color-success-border: #30C48D66;
    --color-success-bg: #10261F;
    --color-success-text: #30C48D;
    --color-warning-border: #F59E0B66;
    --color-warning-bg: #26200F;
    --color-warning-text: #F5C15C;
    --color-info-border: #4C8DFF66;
    --color-info-bg: #10203A;
    --color-info-text: #7AB0FF;
    --color-priority-border: #8B7FF066;
    --color-priority-bg: #1E1A38;
    --color-priority-text: #A9A0F5;
    --color-red-badge: #FF7078;
    --color-red-badge-bg: #FF70781a;
    --color-red-badge-hover-bg: #FF70784d;
    --color-green-badge: #30C48D;
    --color-green-badge-bg: #30C48D1a;
    --color-green-badge-hover-bg: #30C48D4d;
    --color-yellow-badge: #F5C15C;
    --color-yellow-badge-bg: #F5C15C1a;
    --color-yellow-badge-hover-bg: #F5C15C4d;
    --color-orange-badge: #F0A35C;
    --color-orange-badge-bg: #F0A35C1a;
    --color-orange-badge-hover-bg: #F0A35C4d;
    --color-git: #F05133;
    --color-logo: #4C8DFF;
    /* 表面: ocs-dark 深海军蓝 */
    --color-body: #0B1220;
    --color-box-header: #0D1730;
    --color-box-body: #101B2E;
    --color-box-body-highlight: #14213A;
    --color-text-dark: #F4F7FC;
    --color-text: #E8EEF7;
    --color-text-light: #C7D3E4;
    --color-text-light-1: #93A4BC;
    --color-text-light-2: #7C90AA;
    --color-text-light-3: #5F7492;
    --color-footer: var(--color-nav-bg);
    --color-timeline: #223450;
    --color-input-text: var(--color-text-dark);
    --color-input-background: #0D1830;
    --color-input-toggle-background: #223450;
    --color-input-border: var(--color-secondary-dark-1);
    --color-light: #E8EEF728;
    --color-light-border: #E8EEF728;
    --color-hover: #2234504d;
    --color-hover-opaque: #16233B;
    --color-active: #22345066;
    --color-menu: #0F1A2E;
    --color-card: #101B2E;
    --color-markup-table-row: #E8EEF70f;
    --color-markup-code-block: #E8EEF412;
    --color-markup-code-inline: #4C8DFF2e;
    --color-button: #101B2E;
    --color-code-bg: #0D1830;
    --color-shadow: #060C1858;
    --color-shadow-opaque: #060C18;
    --color-secondary-bg: #16233B;
    --color-expand-button: #1A2A45;
    --color-placeholder-text: var(--color-text-light-3);
    --color-editor-line-highlight: var(--color-secondary-alpha-40);
    --color-editor-selection: var(--color-primary-alpha-50);
    --color-project-column-bg: var(--color-secondary-light-2);
    --color-caret: var(--color-text);
    --color-reaction-bg: #E8EEF412;
    --color-reaction-hover-bg: var(--color-primary-light-4);
    --color-reaction-active-bg: var(--color-primary-light-5);
    --color-tooltip-text: #F4F7FC;
    --color-tooltip-bg: #060C18f0;
    --color-nav-bg: #0C1526;
    --color-nav-hover-bg: #16233B;
    --color-nav-text: var(--color-text);
    --color-secondary-nav-bg: #0E1830;
    --color-label-text: var(--color-text);
    --color-label-bg: #7C90AA2e;
    --color-label-hover-bg: #7C90AA52;
    --color-label-active-bg: #7C90AA80;
    --color-accent: var(--color-primary-dark-1);
    --color-small-accent: var(--color-primary-light-5);
    --color-highlight-fg: #F5C15C;
    --color-highlight-bg: #33290F;
    --color-overlay-backdrop: #060C18c0;
    --color-danger: var(--color-red);
    --color-transparency-grid-light: #1A2A45;
    --color-transparency-grid-dark: #0C1526;
    --color-workflow-edge-hover: #5F7492;
    --border-radius: 10px;
    accent-color: var(--color-accent);
    color-scheme: dark;
  }
}

gitea-theme-meta-info { --theme-display-name: "ITSWE"; --theme-color-scheme: "auto"; }

/* ============================================================
   组件层（签名元素, 克制使用）
   1. 字体栈与 itswe 完全一致
   2. 主按钮 = itswe 招牌 120deg 渐变
   3. 正文链接 hover = 渐变下划线 (itswe 词条页交互)
   4. 卡片 14px 圆角 + 白面细边 (itswe 卡片语言)
   ============================================================ */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ITSWE 主按钮: 渐变仅落在 primary 实心按钮上 */
.ui.primary.button,
.ui.primary.buttons .button,
.ui.primary.button:focus,
#git-graph .ui.button.primary {
  background: linear-gradient(120deg, var(--color-primary), #063A9C);
  border: none;
  color: #fff;
  font-weight: 500;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: linear-gradient(120deg, var(--color-primary-dark-1), #04275F);
  box-shadow: 0 2px 8px var(--color-primary-alpha-40);
}
.ui.primary.button:active,
.ui.primary.buttons .button:active {
  background: linear-gradient(120deg, var(--color-primary-dark-2), #02246B);
}
/* dark 下渐变终点过深, 提一档 */
@media (prefers-color-scheme: dark) {
  .ui.primary.button,
  .ui.primary.buttons .button { background: linear-gradient(120deg, var(--color-primary), #1E4FB8); }
  .ui.primary.button:hover,
  .ui.primary.buttons .button:hover { background: linear-gradient(120deg, var(--color-primary-dark-1), #2B62D9); }
  .ui.primary.button:active,
  .ui.primary.buttons .button:active { background: linear-gradient(120deg, var(--color-primary-dark-2), #3B79E8); }
}

/* 正文(markdown/README)链接: hover 渐变下划线 */
.markup a {
  color: var(--color-primary);
  text-decoration: none;
}
.markup a:hover {
  background-image: linear-gradient(120deg, var(--color-primary), #063A9C);
  background-size: 100% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 1px;
}

/* 卡片语言: 14px 圆角 + 细边, hover 边线加深（itswe 卡 hover 模式） */
.ui.card,
.ui.cards > .card,
.ui.segment:not(.basic):not(.tabular):not(.attached) {
  border-radius: 14px;
}
.ui.card > .content,
.ui.cards > .card > .content { border-radius: 14px 14px 0 0; }
.repo-list-item,
.flex-list-item {
  border-radius: 10px;
}
.ui.card:hover,
.ui.cards > .card:hover {
  border-color: var(--color-primary-alpha-30);
}

/* 导航: 底部细线 + 当前项主色 */
#navbar {
  border-bottom: 1px solid var(--color-secondary);
}
#navbar .item.active,
#navbar .item:hover {
  color: var(--color-primary);
}

/* 键盘可达: 焦点环主色 */
a:focus-visible,
button:focus-visible,
.ui.button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}

/* 尊重减动效 */
@media (prefers-reduced-motion: reduce) {
  .ui.primary.button,
  .ui.primary.buttons .button,
  .markup a,
  .ui.card,
  .ui.cards > .card {
    transition: none !important;
  }
}

/* 去品牌化: 隐藏 Gitea 文档外链（导航"帮助"） */
a[href*="docs.gitea.com"] { display: none !important; }

/* ============================================================
   ITSWE 首页（custom/templates/home.tmpl 专用）
   结构 = itswe.com 首页语言: 渐变 Hero + 入口卡 + 数据带
   ============================================================ */
.itswe-home { padding: 0 !important; }

/* --- Hero --- */
.itswe-home .itswe-hero {
  position: relative;
  background: linear-gradient(120deg, #0F62FE, #063A9C);
  color: #fff;
  text-align: center;
  padding: 76px 24px 120px;
  overflow: hidden;
}
@media (prefers-color-scheme: dark) {
  .itswe-home .itswe-hero { background: linear-gradient(120deg, #1E4FB8, #071E44); }
}
.itswe-home .itswe-eyebrow {
  margin: 0 0 14px;
  font-size: 13px;
  letter-spacing: .22em;
  color: rgba(255,255,255,.75);
}
.itswe-home .itswe-hero h1 {
  margin: 0 0 18px;
  font-size: 40px;
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
  letter-spacing: .01em;
}
.itswe-home .itswe-sub {
  max-width: 560px;
  margin: 0 auto 30px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,.86);
}
.itswe-home .itswe-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.itswe-home .itswe-cta .ui.primary.button {
  background: #fff;
  color: #0F62FE;
  font-weight: 600;
  padding: 12px 30px;
}
.itswe-home .itswe-cta .ui.primary.button:hover {
  background: #EAF1FF;
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
}
.itswe-home .itswe-cta .itswe-ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.55);
  padding: 12px 30px;
}
.itswe-home .itswe-cta .itswe-ghost:hover {
  border-color: #fff;
  background: rgba(255,255,255,.1);
}
.itswe-home .itswe-catenary {
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  width: 100%;
  height: 120px;
  display: block;
  pointer-events: none;
}

/* --- 功能卡 --- */
.itswe-home .itswe-cards {
  max-width: 1080px;
  margin: -52px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  z-index: 1;
}
.itswe-home .itswe-card {
  background: var(--color-box-body);
  border: 1px solid var(--color-secondary);
  border-radius: 14px;
  padding: 26px 24px 24px;
  box-shadow: 0 6px 18px var(--color-shadow);
}
.itswe-home .itswe-card h3 {
  margin: 14px 0 8px;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 600;
}
.itswe-home .itswe-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--color-text-light-2);
}
.itswe-home .itswe-ic {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(120deg, var(--color-primary), #063A9C);
  align-items: center;
  justify-content: center;
}
.itswe-home .itswe-ic svg { width: 22px; height: 22px; }
@media (prefers-color-scheme: dark) {
  .itswe-home .itswe-ic { background: linear-gradient(120deg, var(--color-primary), #1E4FB8); }
}

/* --- 数据带 --- */
.itswe-home .itswe-stats {
  max-width: 1080px;
  margin: 0 auto;
  padding: 34px 24px 72px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.itswe-home .itswe-stat {
  text-align: center;
  padding: 18px 8px;
  border-left: 1px solid var(--color-secondary);
}
.itswe-home .itswe-stat:first-child { border-left: none; }
.itswe-home .itswe-stat strong {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
}
.itswe-home .itswe-stat span {
  font-size: 13px;
  color: var(--color-text-light-2);
}

/* --- 响应式 --- */
@media (max-width: 860px) {
  .itswe-home .itswe-hero { padding: 56px 20px 100px; }
  .itswe-home .itswe-hero h1 { font-size: 30px; }
  .itswe-home .itswe-cards { grid-template-columns: 1fr; margin-top: -40px; }
  .itswe-home .itswe-stats { grid-template-columns: repeat(2, 1fr); row-gap: 8px; }
  .itswe-home .itswe-stat { border-left: none; padding: 12px 6px; }
}