/* ==========================================================================
   模板 C · 纯净极简 (CRISP)
   气质：纯白画布 + 近黑字 + 一根蓝色主色 + 发丝分隔线
   参考：Apple 官网的排版留白节奏 / DeepSeek 的克制蓝白科技感
   要点：不做毛玻璃、不做光晕，靠留白、字重和 1px 线条建立层次
   ========================================================================== */

html[data-tpl="crisp"]{
  color-scheme:light;

  /* 底色 */
  --bg-1:#ffffff;--bg-2:#ffffff;--bg-3:#f5f5f7;
  /* 文字 */
  --fg:#1d1d1f;--fg-strong:#000000;--fg-dim:#6e6e73;--fg-mute:#86868b;

  /* 品牌色：只留一个蓝 */
  --brand:#4d6bfe;--brand-2:#2f49d6;--brand-3:#9aabff;--accent:#4d6bfe;
  --btn-fg:#ffffff;

  --grad-1:#5a76ff;--grad-2:#3d55e8;--grad-3:#9aabff;
  --brand-grad:linear-gradient(180deg,#5a76ff 0%,#3d55e8 100%);
  --text-grad:linear-gradient(180deg,#1d1d1f 0%,#3a3a40 100%);

  /* 线条：发丝级 */
  --line:#f0f0f3;--line-2:#e5e5ea;--line-strong:#c7c7d1;

  --glass-bg:#ffffff;--glass-border:#e8e8ed;
  --card-blur:none;

  --radius-card:18px;--radius-btn:12px;--radius-tag:999px;
  --shadow-card:0 1px 2px rgba(0,0,0,.04),0 10px 26px -22px rgba(0,0,0,.22);
  --shadow-hover:0 20px 44px -26px rgba(16,24,64,.28),0 0 0 1px #dcdce3;
  --hover-lift:-2px;

  /* 几乎不用光晕，只留一丝冷调 */
  --glow-1:rgba(77,107,254,.05);--glow-2:rgba(0,0,0,.025);

  --font-body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue','PingFang SC','HarmonyOS Sans SC','Microsoft YaHei',sans-serif;
  --font-display:var(--font-body);
  --heading-weight:600;--heading-tracking:-.032em;
  --tag-tracking:0;
}

html[data-tpl="crisp"] body{font-size:15px;line-height:1.68;letter-spacing:-.006em}
html[data-tpl="crisp"] h1,
html[data-tpl="crisp"] h2,
html[data-tpl="crisp"] h3{font-weight:600!important;letter-spacing:-.018em}
html[data-tpl="crisp"] h1{letter-spacing:-.022em;line-height:1.12}
html[data-tpl="crisp"] ::selection{background:#1d1d1f;color:#fff}

/* ---------- 背景：一张干净的白纸 ---------- */
html[data-tpl="crisp"] .bg-stage{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 46%,#f5f5f7 100%);
}
html[data-tpl="crisp"] .bg-stage::before,
html[data-tpl="crisp"] .bg-stage::after{display:none}
/* 光斑全部关掉：极简风格里任何彩色雾都是噪音 */
html[data-tpl="crisp"] .blob{display:none}

/* ---------- 顶栏：Apple 式毛玻璃导航 ---------- */
html[data-tpl="crisp"] header.glass{
  background:rgba(255,255,255,.72);
  border-bottom:1px solid #d8d8de!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  box-shadow:none;
}
html[data-tpl="crisp"] header.glass::before{display:none}
html[data-tpl="crisp"] .nav-link::after{height:1px;background:#1d1d1f;bottom:-6px;opacity:.9}
html[data-tpl="crisp"] .nav-link{letter-spacing:-.01em}
html[data-tpl="crisp"] .brand-mark{color:#1d1d1f;width:26px;height:26px}
html[data-tpl="crisp"] .brand-name{letter-spacing:.02em;font-weight:600;font-size:14px}
html[data-tpl="crisp"] .brand-sub{color:#86868b;letter-spacing:.02em}
html[data-tpl="crisp"] header .btn-primary{
  border-radius:999px!important;padding-top:.45rem;padding-bottom:.45rem;
  font-size:13px;box-shadow:none;
}

/* ---------- 卡片：白面 + 发丝边 + 极浅投影 ---------- */
html[data-tpl="crisp"] .glass{
  background:#fff!important;
  border:1px solid #e8e8ed!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
html[data-tpl="crisp"] .glass.rounded-2xl{border-radius:18px!important}
html[data-tpl="crisp"] .glass.rounded-xl{border-radius:14px!important}
html[data-tpl="crisp"] .glass.rounded-lg{border-radius:12px!important}
html[data-tpl="crisp"] .glass.rounded-full{border-radius:999px!important}
html[data-tpl="crisp"] section .glass.rounded-2xl::before,
html[data-tpl="crisp"] section .glass.rounded-xl::before{display:none}
html[data-tpl="crisp"] .card-hover:hover{
  transform:translateY(-2px);
  border-color:#dcdce3!important;
  box-shadow:0 22px 48px -28px rgba(16,24,64,.3);
}
html[data-tpl="crisp"] section .glass{box-shadow:var(--shadow-card)}

/* 区块节奏：白 / 浅灰交替，Apple 的段落分隔方式 */
html[data-tpl="crisp"] #services{background:#f5f5f7}
html[data-tpl="crisp"] #contact{background:#f5f5f7}
html[data-tpl="crisp"] #services .glass,
html[data-tpl="crisp"] #contact .glass{border-color:#e6e6eb!important;box-shadow:0 1px 2px rgba(0,0,0,.035)}

/* ---------- 按钮：胶囊 ---------- */
html[data-tpl="crisp"] .btn-primary{
  border-radius:999px!important;
  color:#fff;
  box-shadow:0 1px 1px rgba(255,255,255,.28) inset,0 6px 16px -10px rgba(61,85,232,.9);
  letter-spacing:-.005em;
}
html[data-tpl="crisp"] .btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 1px 1px rgba(255,255,255,.28) inset,0 14px 28px -14px rgba(61,85,232,.85);
}
html[data-tpl="crisp"] .btn-secondary{
  background:#fff;border-color:#d2d2d7;color:#1d1d1f;border-radius:999px!important;
}
html[data-tpl="crisp"] .btn-secondary:hover{background:#f5f5f7;border-color:#b9b9c2;color:#000}

/* ---------- 标签：中性小胶囊，仅次要分类带蓝 ---------- */
html[data-tpl="crisp"] .tag{
  background:#f2f2f5;
  border:1px solid #e6e6eb;
  color:#51515a;
  border-radius:999px!important;
  padding:.22rem .62rem;
  letter-spacing:0;
}
html[data-tpl="crisp"] .tag-cyan{
  background:rgba(77,107,254,.08);border-color:rgba(77,107,254,.2);color:#2f49d6;
}
html[data-tpl="crisp"] .tag-purple,
html[data-tpl="crisp"] .tag-blue,
html[data-tpl="crisp"] .tag-pink,
html[data-tpl="crisp"] .tag-amber,
html[data-tpl="crisp"] .tag-gray{
  background:#f2f2f5;border-color:#e6e6eb;color:#51515a;
}
html[data-tpl="crisp"] .filter-tab{
  background:#fff;border-color:#e5e5ea!important;color:#51515a;border-radius:999px!important;
}
html[data-tpl="crisp"] .filter-tab:hover{border-color:#c7c7d1!important;color:#1d1d1f}
html[data-tpl="crisp"] .filter-tab.active{
  background:#1d1d1f;border-color:#1d1d1f!important;color:#fff;
}

/* ---------- 表单 ---------- */
html[data-tpl="crisp"] .input-field,
html[data-tpl="crisp"] .select-field{
  background-color:#fff;
  border:1px solid #d2d2d7;
  border-radius:12px;
  color:#1d1d1f;
  padding-top:.7rem;padding-bottom:.7rem;
}
html[data-tpl="crisp"] .input-field::placeholder{color:#9b9ba1}
html[data-tpl="crisp"] .input-field:focus,
html[data-tpl="crisp"] .select-field:focus{
  border-color:#4d6bfe;
  box-shadow:0 0 0 4px rgba(77,107,254,.14);
}
html[data-tpl="crisp"] .select-field{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .75rem center;background-size:1.05rem;
}
html[data-tpl="crisp"] .select-field option{background:#fff;color:#1d1d1f}

/* ---------- 轮播 ---------- */
/* 右侧留透，照片能露出来；左侧压白，标题始终读得清 */
html[data-tpl="crisp"] .hero-slide-mask{
  background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,.5) 66%,rgba(255,255,255,.12) 100%);
}
html[data-tpl="crisp"] .hero-slide-fallback{background:linear-gradient(135deg,#eef2fb 0%,#dde4f4 52%,#f5f7fc 100%)}
html[data-tpl="crisp"] #hero::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:110px;
  background:linear-gradient(180deg,transparent,var(--bg-1));pointer-events:none;z-index:5;
}
html[data-tpl="crisp"] .hero-dot{background:rgba(29,29,31,.18);border-radius:999px}
html[data-tpl="crisp"] .hero-dot.active{background:#1d1d1f;width:22px;border-radius:999px}
html[data-tpl="crisp"] #hero .glass.rounded-full{
  background:rgba(255,255,255,.9)!important;
  border-color:#e5e5ea!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}

/* ---------- 数据 / 细节 ---------- */
html[data-tpl="crisp"] .counter{
  font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-weight:600!important;
}
html[data-tpl="crisp"] .gradient-text{background:none;-webkit-text-fill-color:currentColor;color:#1d1d1f}
html[data-tpl="crisp"] .partner-logo-box{
  background:#fff;border-color:#e8e8ed;border-radius:10px;
}
html[data-tpl="crisp"] .partner-logo-box:hover{
  border-color:#c7c7d1;background:#fff;transform:translateY(-1px);
  box-shadow:0 10px 22px -18px rgba(0,0,0,.4);
}

/* 图标方块：从高饱和渐变改成浅蓝底 + 蓝色图标 */
html[data-tpl="crisp"] .gradient-bg{
  background:linear-gradient(165deg,#eef2ff 0%,#e2e8ff 100%)!important;
  border:1px solid #e0e6ff;
}
html[data-tpl="crisp"] .gradient-bg .text-white{color:var(--brand)!important}
/* 案例大图占位：浅灰蓝，不做成色块 */
html[data-tpl="crisp"] .gradient-bg.h-40,
html[data-tpl="crisp"] .gradient-bg.h-44{
  background:linear-gradient(165deg,#f4f5f9 0%,#e9ecf5 100%)!important;
  border:0;border-bottom:1px solid #eaeaf0;
}
html[data-tpl="crisp"] .gradient-bg.h-40 .text-white\/30,
html[data-tpl="crisp"] .gradient-bg.h-44 .text-white\/30{color:#c3c8d6!important}
/* 合作伙伴 Logo 条：深墨底，白色 Logo 才读得出来 */
html[data-tpl="crisp"] .gradient-bg.opacity-90{
  background:linear-gradient(135deg,#1d1d1f 0%,#33333a 60%,#43434c 100%)!important;
  border:0;
}

/* ---------- 弹窗 ---------- */
html[data-tpl="crisp"] .case-modal-box{
  background:#fff!important;border-color:#e5e5ea!important;
  border-radius:18px!important;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.4);
}
html[data-tpl="crisp"] .case-modal-head{border-bottom:1px solid #ececf1;padding:1.1rem 1.35rem}
html[data-tpl="crisp"] .case-modal-head h3{font-weight:600;letter-spacing:-.02em}
html[data-tpl="crisp"] .case-modal-close{
  background:#f5f5f7;border:1px solid #e5e5ea;color:#51515a;
}
html[data-tpl="crisp"] .case-modal-close:hover{background:#1d1d1f;border-color:#1d1d1f;color:#fff}

/* ---------- 法律条款 ---------- */
html[data-tpl="crisp"] .legal-content{color:#51515a}
html[data-tpl="crisp"] .legal-content h1,
html[data-tpl="crisp"] .legal-content h2,
html[data-tpl="crisp"] .legal-content h3,
html[data-tpl="crisp"] .legal-content h4{color:#1d1d1f;font-weight:600}
html[data-tpl="crisp"] .legal-content a{color:var(--brand);text-decoration-thickness:1px}
html[data-tpl="crisp"] .legal-content blockquote{background:#f5f5f7;border-left:3px solid #1d1d1f;color:#51515a}
html[data-tpl="crisp"] .legal-content code{background:#f2f2f5;color:#1d1d1f}
html[data-tpl="crisp"] .legal-content pre{background:#f5f5f7;border:1px solid #ececf1}

/* ---------- 切换器 ---------- */
html[data-tpl="crisp"] .tpl-toggle{
  background:#fff;border-color:#d2d2d7;color:#6e6e73;border-radius:999px;
}
html[data-tpl="crisp"] .tpl-toggle:hover{color:#1d1d1f;border-color:#b9b9c2}
html[data-tpl="crisp"] .tpl-menu{
  background:#fff;border-color:#e5e5ea;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.32),0 1px 2px rgba(0,0,0,.05);
}
html[data-tpl="crisp"] .tpl-opt{color:#51515a;border-radius:10px}
html[data-tpl="crisp"] .tpl-opt:hover{background:#f5f5f7;color:#1d1d1f}
html[data-tpl="crisp"] .tpl-opt.is-active{background:#f0f2ff;color:#2f49d6}

/* ---------- 滚动条 ---------- */
html[data-tpl="crisp"] ::-webkit-scrollbar{width:8px;height:8px}
html[data-tpl="crisp"] ::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:999px}
html[data-tpl="crisp"] ::-webkit-scrollbar-thumb:hover{background:#a1a1a6}

/* ---------- Tailwind 工具类对齐（深色 → 白底） ---------- */
html[data-tpl="crisp"] .text-white{color:#1d1d1f!important}
html[data-tpl="crisp"] .text-gray-300{color:#3a3a40!important}
html[data-tpl="crisp"] .text-gray-400{color:#6e6e73!important}
html[data-tpl="crisp"] .text-gray-500{color:#86868b!important}
html[data-tpl="crisp"] .text-cyan-400{color:var(--brand)!important}
html[data-tpl="crisp"] .text-purple-400{color:var(--brand)!important}
html[data-tpl="crisp"] .bg-cyan-400{background-color:var(--brand)!important}
html[data-tpl="crisp"] .border-purple-500\/10{border-color:#eef0f5!important}
html[data-tpl="crisp"] .border-purple-500\/20{border-color:#e5e5ea!important}
html[data-tpl="crisp"] .border-white\/10{border-color:#ececf1!important}
html[data-tpl="crisp"] .border-white\/5{border-color:#f0f0f3!important}
html[data-tpl="crisp"] .bg-white\/5{background:#f5f5f7!important}
html[data-tpl="crisp"] .bg-black\/20{background:#f5f5f7!important}
html[data-tpl="crisp"] .bg-black\/70{background:rgba(0,0,0,.28)!important}
html[data-tpl="crisp"] .text-white\/30{color:rgba(29,29,31,.28)!important}

/* 悬停态：暗色里的 hover:text-white 在白底上要变成纯黑 */
html[data-tpl="crisp"] .hover\:text-white:hover{color:#000!important}
html[data-tpl="crisp"] .hover\:text-gray-300:hover{color:#3a3a40!important}
html[data-tpl="crisp"] .group:hover .group-hover\:text-cyan-400{color:var(--brand)!important}

/* 提示条：iOS 语义色 */
html[data-tpl="crisp"] .text-green-300{color:#1d7a3e!important}
html[data-tpl="crisp"] .text-red-300{color:#c8302a!important}
html[data-tpl="crisp"] .bg-green-500\/10{background:rgba(29,122,62,.07)!important}
html[data-tpl="crisp"] .bg-red-500\/10{background:rgba(200,48,42,.07)!important}
html[data-tpl="crisp"] .border-green-500\/30{border-color:rgba(29,122,62,.26)!important}
html[data-tpl="crisp"] .border-red-500\/30{border-color:rgba(200,48,42,.26)!important}
html[data-tpl="crisp"] .accent-purple-500{accent-color:var(--brand)!important}