/*
Theme Name:  サイトカルテ（Arkhe 子テーマ）
Template:    arkhe
Description: sitekarute.jp 用の Arkhe 子テーマ。サイト全体のスタイルはこのファイルにまとめています。
Version:     1.0.0
*/

/* =========================================================
   サイトカルテ 全局样式  sk-style.css
   放置位置：Arkhe 子主题（arkhe-child）的 style.css（保留文件开头原有的注释，贴在它下面）

   三条规则：
   1. 所有 class 都以 sk- 开头，避免和 主题自带样式冲突
   2. 改颜色、字体只改「1. 设计变量」，全站一起生效
   3. 页面里的 HTML 不写 <style>，样式全部集中在这个文件
   ※ 组件选择器统一写成「.sk-sec .sk-xxx」，是为了压过 主题对正文里
     标题、列表、链接的默认装饰，不要删掉前面的 .sk-sec
   ========================================================= */


/* ---------- 1. 设计变量（改颜色/字体只改这里） ---------- */
:root{
  --sk-ink:#0a2540;          /* 正文文字：深海军蓝 */
  --sk-ink-2:#425466;        /* 次要文字 */
  --sk-muted:#8898aa;        /* 注释、小字 */
  --sk-main:#635bff;         /* 主色：蓝紫（科技感） */
  --sk-main-dark:#4a42e0;
  --sk-main-soft:#efeefe;    /* 主色浅底 */
  --sk-accent:#635bff;       /* 按钮、CTA */
  --sk-accent-dark:#0a2540;  /* 按钮悬停：变深蓝 */
  --sk-cyan:#00d4ff;         /* 点缀色：青 */
  --sk-dark:#0a2540;         /* 深色区块背景 */
  --sk-paper:#f6f9fc;        /* 页面底色：冷调浅灰 */
  --sk-paper-2:#eef3f9;
  --sk-white:#fff;
  --sk-line:#e3e8ee;         /* 分割线、边框 */
  --sk-good:#12a37a;         /* 状态：良好／受付中 */
  --sk-warn:#c98a00;         /* 状态：要改善 */
  --sk-bad:#e5484d;          /* 状态：要対応 */
  --sk-grad:linear-gradient(125deg,#a960ee 0%,#ff5f8f 28%,#ffcb57 48%,#90e0ff 70%,#635bff 100%);  /* 首屏渐变 */
  --sk-radius:14px;
  --sk-shadow:0 12px 32px rgba(10,37,64,.08);
  --sk-font:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --sk-font-en:"DM Sans","Helvetica Neue",Arial,sans-serif;
}


/* ---------- 2. 区块基础 ---------- */
.sk-sec{
  padding:104px 0;
  background:var(--sk-paper);
  color:var(--sk-ink);
  font-family:var(--sk-font);
  font-size:16px;
  line-height:1.9;
  letter-spacing:.02em;
  word-break:auto-phrase;   /* 日文按词组换行（Chrome），其他浏览器自动忽略 */
  text-wrap:pretty;         /* 避免最后一行只剩一两个字 */
}
.sk-sec *,.sk-sec *::before,.sk-sec *::after{box-sizing:border-box}
.sk-sec.is-white{background:var(--sk-white)}
.sk-sec.is-soft{background:var(--sk-main-soft)}
.sk-sec.is-main{background:var(--sk-dark);color:#fff}
.sk-sec .sk-inner{max-width:1080px;margin:0 auto;padding:0 24px}
.sk-sec .sk-inner.is-narrow{max-width:780px}


/* ---------- 3. 覆盖 主题的默认装饰（标题色带、列表圆点、链接下划线） ---------- */
.sk-sec p{margin:0}
.sk-sec a{text-decoration:none}
.sk-sec .sk-title,
.sk-sec .sk-h3,
.sk-sec .sk-hero__title{margin:0;padding:0;background:none;border:0;color:inherit;font-family:inherit;line-height:1.5;letter-spacing:.04em}
.sk-sec .sk-title::before,.sk-sec .sk-title::after,
.sk-sec .sk-h3::before,.sk-sec .sk-h3::after,
.sk-sec .sk-hero__title::before,.sk-sec .sk-hero__title::after{content:none;display:none}
.sk-sec .sk-list{margin:0;padding:0;list-style:none}
.sk-sec .sk-list>li{margin:0;padding:0}
.sk-sec .sk-list>li::before{content:none;display:none}
.sk-sec .sk-em{font-style:normal;color:var(--sk-main)}
.sk-sec .sk-nowrap{white-space:nowrap}   /* 不希望被拆开的短语 */


/* ---------- 4. 区块标题 ---------- */
.sk-sec .sk-head{text-align:center;margin-bottom:56px}
.sk-sec .sk-head__en{margin-bottom:10px;font-family:var(--sk-font-en);font-size:13px;font-weight:700;letter-spacing:.24em;color:var(--sk-main)}
.sk-sec.is-main .sk-head__en{color:var(--sk-cyan)}
.sk-sec .sk-title{font-size:clamp(24px,3.2vw,34px);font-weight:700}
.sk-sec .sk-head__lead{margin-top:16px;color:var(--sk-ink-2)}


/* ---------- 5. 按钮 ---------- */
.sk-sec .sk-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.sk-sec .sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.4;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.sk-sec .sk-btn--primary{background:var(--sk-accent);color:#fff;box-shadow:0 8px 20px rgba(99,91,255,.32)}
.sk-sec .sk-btn--primary:hover{background:var(--sk-accent-dark);color:#fff;transform:translateY(-2px)}
.sk-sec .sk-btn--ghost{background:transparent;color:var(--sk-ink);border:1.5px solid var(--sk-ink)}
.sk-sec .sk-btn--ghost:hover{background:var(--sk-ink);color:#fff}
.sk-sec .sk-arrow{font-family:var(--sk-font-en);transition:transform .2s}
.sk-sec .sk-btn:hover .sk-arrow{transform:translateX(3px)}


/* ---------- 6. 首屏 HERO ---------- */
.sk-sec.sk-hero{position:relative;isolation:isolate;padding:104px 0 120px;overflow:hidden;background-color:var(--sk-white);background-image:linear-gradient(to right,rgba(10,37,64,.05) 1px,transparent 1px);background-size:calc(100% / 6) 100%}
/* 右上方的流动渐变带（Stripe 风格）；想要静止就删掉 animation */
.sk-sec.sk-hero::before{content:"";position:absolute;z-index:-1;top:-30%;right:-10%;width:75%;height:130%;background:var(--sk-grad);background-size:220% 220%;border-radius:0 0 0 48px;transform:skewY(-10deg);transform-origin:top right;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%);mask-image:linear-gradient(to right,transparent 0%,#000 38%);animation:sk-grad 18s ease-in-out infinite alternate}
@keyframes sk-grad{0%{background-position:0% 30%}100%{background-position:100% 70%}}
@media (prefers-reduced-motion:reduce){.sk-sec.sk-hero::before,.sk-sec .sk-profile__status i{animation:none}}
.sk-sec .sk-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.sk-sec .sk-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;border:1px solid var(--sk-line);border-radius:999px;background:var(--sk-white);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--sk-main)}
.sk-sec .sk-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sk-accent)}
.sk-sec .sk-hero__title{font-size:clamp(28px,4.2vw,46px);font-weight:700;line-height:1.42}
.sk-sec .sk-hero__title .sk-em{background:linear-gradient(90deg,var(--sk-main),var(--sk-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sk-sec .sk-hero__lead{margin-top:28px;max-width:32em;color:var(--sk-ink-2)}


/* ---------- 7. 首屏右侧：カルテ卡片（品牌的标志性元素） ---------- */
.sk-sec .sk-karte{position:relative;padding:36px 30px 24px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:var(--sk-radius);box-shadow:var(--sk-shadow);transform:rotate(1.2deg)}
.sk-sec .sk-karte::before{content:"";position:absolute;top:-12px;left:50%;width:92px;height:24px;margin-left:-46px;background:var(--sk-main);border-radius:6px 6px 10px 10px;box-shadow:0 3px 0 var(--sk-main-dark)}
.sk-sec .sk-karte__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:2px solid var(--sk-ink)}
.sk-sec .sk-karte__label{font-family:var(--sk-font-en);font-size:14px;font-weight:700;letter-spacing:.2em}
.sk-sec .sk-karte__no{font-family:var(--sk-font-en);font-size:13px;color:var(--sk-muted)}
.sk-sec .sk-karte__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:12px 0 4px;font-size:13px;color:var(--sk-ink-2)}
.sk-sec .sk-karte__meta b{margin-right:6px;font-size:12px;font-weight:700;color:var(--sk-muted)}
.sk-sec .sk-karte__rows>li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--sk-line);font-size:14.5px}
.sk-sec .sk-mark{flex:none;min-width:68px;padding:2px 10px;border:1.5px solid;border-radius:999px;font-size:12px;font-weight:700;text-align:center}
.sk-sec .sk-mark.is-good{color:var(--sk-good);border-color:var(--sk-good)}
.sk-sec .sk-mark.is-warn{color:var(--sk-warn);border-color:var(--sk-warn)}
.sk-sec .sk-mark.is-bad{color:#fff;background:var(--sk-bad);border-color:var(--sk-bad)}
.sk-sec .sk-karte__note{margin-top:18px;padding:14px 16px;background:var(--sk-paper);border-left:3px solid var(--sk-accent);border-radius:0 8px 8px 0;font-size:14px;line-height:1.8}
.sk-sec .sk-karte__note-label{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--sk-accent)}
.sk-sec .sk-karte__caption{margin-top:14px;font-size:11.5px;color:var(--sk-muted);text-align:right}


/* ---------- 7b. 首屏右侧：自我介绍卡片 ---------- */
.sk-sec .sk-profile{position:relative;padding:28px 30px 26px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 30px 60px -20px rgba(10,37,64,.35),0 18px 36px -18px rgba(10,37,64,.25)}
.sk-sec .sk-profile__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--sk-line)}
.sk-sec .sk-profile__label{font-family:var(--sk-font-en);font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--sk-muted)}
.sk-sec .sk-profile__status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--sk-good)}
.sk-sec .sk-profile__status i{width:8px;height:8px;border-radius:50%;background:var(--sk-good);animation:sk-pulse 2s infinite}
.sk-sec .sk-profile__top{display:flex;align-items:center;gap:18px}
.sk-sec .sk-profile__photo{flex:none;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--sk-main),var(--sk-cyan));border:3px solid #fff;box-shadow:0 6px 16px rgba(10,37,64,.18);font-family:var(--sk-font-en);font-size:11px;letter-spacing:.1em;color:#fff}
.sk-sec .sk-profile__role{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--sk-main)}
.sk-sec .sk-profile__name{margin-top:2px;font-size:22px;font-weight:700;letter-spacing:.06em;line-height:1.4}
.sk-sec .sk-profile__name-en{font-family:var(--sk-font-en);font-size:12px;letter-spacing:.14em;color:var(--sk-muted)}
.sk-sec .sk-profile__text{margin-top:18px;font-size:14.5px;line-height:1.9;color:var(--sk-ink-2)}
.sk-sec .sk-profile__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.sk-sec .sk-profile__stats>li{padding:12px 8px;border-radius:12px;background:var(--sk-paper);text-align:center}
.sk-sec .sk-stat__num{display:block;font-family:var(--sk-font-en);font-size:21px;font-weight:700;line-height:1.3;color:var(--sk-ink);white-space:nowrap}
.sk-sec .sk-stat__label{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--sk-muted)}
.sk-sec .sk-profile__skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.sk-sec .sk-profile__skills>li{padding:3px 10px;border:1px solid var(--sk-line);border-radius:999px;background:#fff;font-size:12px;color:var(--sk-ink-2)}
.sk-sec .sk-profile__link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:700;color:var(--sk-main)}
.sk-sec .sk-profile__link:hover .sk-arrow{transform:translateX(3px)}
@keyframes sk-pulse{0%{box-shadow:0 0 0 0 rgba(18,163,122,.5)}70%{box-shadow:0 0 0 8px rgba(18,163,122,0)}100%{box-shadow:0 0 0 0 rgba(18,163,122,0)}}


/* ---------- 8b. 两种开始方式 PATHS ---------- */
.sk-sec .sk-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sk-sec .sk-path{position:relative;display:flex;flex-direction:column;padding:36px 32px 32px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:20px}
.sk-sec .sk-path.is-set{border:2px solid transparent;background:linear-gradient(var(--sk-white),var(--sk-white)) padding-box,var(--sk-grad) border-box;box-shadow:0 24px 48px -24px rgba(99,91,255,.4)}
.sk-sec .sk-path__label{font-family:var(--sk-font-en);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--sk-main)}
.sk-sec .sk-path__title{margin-top:8px;font-size:22px;font-weight:700}
.sk-sec .sk-path__text{flex:1;margin-top:12px;font-size:15px;color:var(--sk-ink-2)}
.sk-sec .sk-path__route{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:700}
.sk-sec .sk-path__route>li{padding:4px 12px;border-radius:999px;background:var(--sk-main-soft);color:var(--sk-main)}
.sk-sec .sk-path__route>li.sk-sep{padding:0;background:none;color:var(--sk-muted)}
.sk-sec .sk-path .sk-btns{margin-top:24px}
.sk-sec .sk-badge{position:absolute;top:-14px;right:24px;padding:4px 14px;border-radius:999px;background:var(--sk-grad);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;box-shadow:0 6px 16px rgba(99,91,255,.3)}
.sk-sec .sk-badge.is-static{position:static;box-shadow:none}


/* ---------- 8. 烦恼 PROBLEM ---------- */
.sk-sec .sk-pains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto}
.sk-sec .sk-pains>li{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--sk-paper);border:1px solid var(--sk-line);border-radius:var(--sk-radius);font-weight:500;line-height:1.7}
.sk-sec .sk-check{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sk-main-soft);color:var(--sk-main);font-size:14px;font-weight:700}
.sk-sec .sk-bridge{margin-top:48px;text-align:center;font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.9}
.sk-sec .sk-bridge::before{content:"";display:block;width:0;height:0;margin:0 auto 28px;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid var(--sk-line)}


/* ---------- 9. 理念 CONCEPT ---------- */
.sk-sec.sk-concept{position:relative;overflow:hidden;background:radial-gradient(640px 420px at 0% 0%,rgba(169,96,238,.12),transparent 70%),radial-gradient(720px 480px at 100% 100%,rgba(0,212,255,.12),transparent 70%),linear-gradient(180deg,#f7f6ff 0%,#f2fbff 100%)}
.sk-sec .sk-concept__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.sk-sec .sk-grad-text{background:linear-gradient(90deg,var(--sk-main),var(--sk-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sk-sec .sk-concept__body{display:grid;gap:16px;margin-top:28px;color:var(--sk-ink-2);line-height:2}
.sk-sec .sk-concept__lead{padding-left:16px;border-left:3px solid var(--sk-main);color:var(--sk-ink);font-weight:700}
/* 右侧：每月分析循环 */
.sk-sec .sk-cycle{padding:28px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sk-line);border-radius:20px;box-shadow:var(--sk-shadow)}
.sk-sec .sk-cycle__label{margin-bottom:18px;font-family:var(--sk-font-en);font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--sk-muted)}
.sk-sec .sk-cycle__steps{position:relative;display:grid;gap:14px}
.sk-sec .sk-cycle__steps::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--sk-main),var(--sk-cyan))}
.sk-sec .sk-cycle__steps>li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start}
.sk-sec .sk-cycle__num{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--sk-main);border-radius:50%;background:var(--sk-white);font-family:var(--sk-font-en);font-size:13px;font-weight:700;color:var(--sk-main)}
.sk-sec .sk-cycle__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:7px;font-size:16px;font-weight:700;line-height:1.5}
.sk-sec .sk-cycle__text{margin-top:2px;font-size:13.5px;line-height:1.8;color:var(--sk-ink-2)}
.sk-sec .sk-role{display:inline-block;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.8;letter-spacing:.04em}
.sk-sec .sk-role.is-auto{background:var(--sk-paper-2);color:var(--sk-ink-2)}
.sk-sec .sk-role.is-code{background:#e3f9ff;color:#006f8e}
.sk-sec .sk-role.is-code code{margin-right:4px;padding:0;background:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:inherit}
.sk-sec .sk-role.is-ai{background:var(--sk-grad);color:#fff}
.sk-sec .sk-role.is-human{background:var(--sk-ink);color:#fff}
.sk-sec .sk-cycle__loop{margin-top:18px;padding:10px 14px;border-radius:12px;background:var(--sk-main-soft);font-size:13px;font-weight:700;color:var(--sk-main);text-align:center}


/* ---------- 10. 服务 SERVICE ---------- */
.sk-sec .sk-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sk-sec .sk-service{display:flex;flex-direction:column;padding:36px 28px 30px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:var(--sk-radius)}
.sk-sec .sk-service__num{font-family:var(--sk-font-en);font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--sk-accent)}
.sk-sec .sk-service__verb{margin-top:6px;font-size:30px;font-weight:700;letter-spacing:.12em;color:var(--sk-main)}
.sk-sec .sk-service__name{margin-top:2px;font-size:14px;font-weight:700;color:var(--sk-ink-2)}
.sk-sec .sk-service__text{flex:1;margin-top:18px;font-size:15px;color:var(--sk-ink-2)}
.sk-sec .sk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.sk-sec .sk-tags>li{padding:3px 10px;border-radius:999px;background:var(--sk-main-soft);color:var(--sk-main);font-size:12px;font-weight:500}


/* ---------- 11. 选择理由 REASON ---------- */
.sk-sec .sk-reasons{max-width:900px;margin:0 auto;border-top:1px solid var(--sk-line)}
.sk-sec .sk-reasons>li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;padding:32px 0;border-bottom:1px solid var(--sk-line)}
.sk-sec .sk-reason__num{font-family:var(--sk-font-en);font-size:40px;font-weight:700;line-height:1;color:var(--sk-main)}
.sk-sec .sk-reason__title{font-size:20px;font-weight:700}
.sk-sec .sk-reason__text{margin-top:8px;font-size:15px;color:var(--sk-ink-2)}


/* ---------- 11b. 料金 PRICE ---------- */
.sk-sec .sk-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sk-sec .sk-plan{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:20px}
.sk-sec .sk-plan.is-featured{border:2px solid transparent;background:linear-gradient(var(--sk-white),var(--sk-white)) padding-box,var(--sk-grad) border-box;box-shadow:0 24px 48px -24px rgba(99,91,255,.45)}
.sk-sec .sk-plan__name{font-size:20px;font-weight:700}
.sk-sec .sk-plan__desc{margin-top:4px;font-size:13px;color:var(--sk-muted)}
.sk-sec .sk-plan__price{margin-top:18px;font-family:var(--sk-font-en);font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.sk-sec .sk-plan__price small{margin-left:4px;font-family:var(--sk-font);font-size:13px;font-weight:500;letter-spacing:0;color:var(--sk-muted)}
.sk-sec .sk-plan__list{flex:1;display:grid;align-content:start;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--sk-line);font-size:14px}
.sk-sec .sk-plan__list>li{position:relative;padding-left:24px}
.sk-sec .sk-plan__list>li::after{content:"";position:absolute;left:3px;top:.6em;width:10px;height:6px;border-left:2px solid var(--sk-main);border-bottom:2px solid var(--sk-main);transform:rotate(-45deg)}
.sk-sec .sk-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px;margin-top:24px;font-size:14px;color:var(--sk-ink-2)}
.sk-sec .sk-options b{margin-right:8px;color:var(--sk-ink)}
.sk-sec .sk-build{margin-top:40px;padding:32px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:20px}
.sk-sec .sk-build__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.sk-sec .sk-build__title{font-size:20px;font-weight:700}
.sk-sec .sk-build__rows{margin-top:12px}
.sk-sec .sk-build__rows>li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 28px;padding:16px 0;border-bottom:1px dashed var(--sk-line)}
.sk-sec .sk-build__item{font-weight:700}
.sk-sec .sk-build__item small{display:block;font-size:12.5px;font-weight:400;color:var(--sk-muted)}
.sk-sec .sk-build__normal{font-family:var(--sk-font-en);font-size:14px;color:var(--sk-muted);text-decoration:line-through}
.sk-sec .sk-build__set{font-family:var(--sk-font-en);font-size:24px;font-weight:700;color:var(--sk-main);white-space:nowrap}
.sk-sec .sk-build__set small{margin-right:6px;font-family:var(--sk-font);font-size:12px}
.sk-sec .sk-build__note{margin-top:16px;font-size:13px;line-height:1.8;color:var(--sk-ink-2)}
.sk-sec .sk-own{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px 20px;border-radius:14px;background:var(--sk-main-soft);font-size:14.5px;font-weight:700}


/* ---------- 12. 流程 FLOW ---------- */
.sk-sec .sk-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sk-sec .sk-flow>li{position:relative;padding:26px 18px 22px;background:var(--sk-white);border:1px solid var(--sk-line);border-radius:var(--sk-radius)}
.sk-sec .sk-flow>li.is-loop{background:var(--sk-main);border-color:var(--sk-main);color:#fff}
.sk-sec .sk-flow>li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-11px;z-index:1;width:9px;height:9px;border-top:2px solid var(--sk-main);border-right:2px solid var(--sk-main);transform:translateY(-50%) rotate(45deg)}
.sk-sec .sk-flow__step{font-family:var(--sk-font-en);font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--sk-accent)}
.sk-sec .sk-flow>li.is-loop .sk-flow__step{color:rgba(255,255,255,.75)}
.sk-sec .sk-flow__title{margin-top:6px;font-size:16px;font-weight:700;line-height:1.6}
.sk-sec .sk-flow__text{margin-top:8px;font-size:13px;line-height:1.8;color:var(--sk-ink-2)}
.sk-sec .sk-flow>li.is-loop .sk-flow__text{color:rgba(255,255,255,.85)}


/* ---------- 13. 行动 CTA ---------- */
.sk-sec.sk-cta{background:var(--sk-paper-2)}
.sk-sec .sk-cta__box{position:relative;overflow:hidden;padding:64px 40px;background:var(--sk-white);border-radius:24px;box-shadow:var(--sk-shadow);text-align:center}
.sk-sec .sk-cta__box::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--sk-grad)}
.sk-sec .sk-cta__text{margin-top:20px;color:var(--sk-ink-2)}
.sk-sec .sk-cta__box .sk-btns{justify-content:center}
.sk-sec .sk-cta__note{margin-top:16px;font-size:13px;color:var(--sk-muted)}


/* ---------- 14. 手机适配 ---------- */
@media (max-width:900px){
  .sk-sec{padding:72px 0}
  .sk-sec.sk-hero{padding:56px 0 80px}
  .sk-sec .sk-hero__grid{grid-template-columns:minmax(0,1fr);gap:56px}
  .sk-sec .sk-karte{max-width:460px;margin:0 auto;transform:none}
  .sk-sec .sk-profile{max-width:520px;margin:0 auto}
  .sk-sec.sk-hero::before{top:auto;bottom:-6%;right:-20%;width:140%;height:60%;border-radius:0;-webkit-mask-image:none;mask-image:none}
  .sk-sec .sk-services{grid-template-columns:minmax(0,1fr)}
  .sk-sec .sk-paths,.sk-sec .sk-plans{grid-template-columns:minmax(0,1fr);gap:28px}
  .sk-sec .sk-concept__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .sk-sec .sk-flow{grid-template-columns:minmax(0,1fr)}
  .sk-sec .sk-flow>li:not(:last-child)::after{top:auto;right:auto;bottom:-12px;left:50%;margin-left:-5px;transform:rotate(135deg)}
}
@media (max-width:640px){
  .sk-sec .sk-head{margin-bottom:40px}
  .sk-sec .sk-pains{grid-template-columns:minmax(0,1fr)}
  .sk-sec .sk-reasons>li{grid-template-columns:52px minmax(0,1fr);gap:16px}
  .sk-sec .sk-reason__num{font-size:30px}
  .sk-sec .sk-btn{width:100%}
  .sk-sec .sk-cta__box{padding:48px 22px}
  .sk-sec .sk-path{padding:32px 22px 26px}
  .sk-sec .sk-cycle{padding:22px 18px}
  .sk-sec .sk-build{padding:24px 20px}
  .sk-sec .sk-build__rows>li{grid-template-columns:minmax(0,1fr) auto}
  .sk-sec .sk-build__item{grid-column:1/-1}
  .sk-sec .sk-profile{padding:24px 20px 22px}
  .sk-sec .sk-stat__num{font-size:16px}
}


/* ---------- 15. Arkhe 调整：首页隐藏页面标题（首屏的大标语就是首页的 H1） ---------- */
.home .p-topArea,
.home .c-pageTitle{display:none}