/* ============================================
   V3.0 屏墩墩新官网 - 极简商务风
   视觉规范：深蓝 #090E1A + 鎏金 #E6C26E + 极简白
   命名空间：.dun-*
   ============================================ */

:root{
  /* V3.0 视觉规范 */
  --bg: #090E1A;            /* 深科技蓝主背景 */
  --bg-card: rgba(255,255,255,0.04);
  --bg-card-hover: rgba(255,255,255,0.06);
  --bg-soft: rgba(255,255,255,0.02);
  --border: rgba(255,255,255,0.08);
  --border-soft: rgba(255,255,255,0.04);
  --border-gold: rgba(230,194,110,0.2);
  --border-gold-strong: rgba(230,194,110,0.4);

  --text: #FFFFFF;          /* 极简白主文 */
  --text-80: rgba(255,255,255,0.8);
  --text-60: rgba(255,255,255,0.6);
  --text-40: rgba(255,255,255,0.4);

  --gold: #E6C26E;          /* 鎏金 */
  --gold-deep: #D4B870;
  --gold-soft: rgba(230,194,110,0.15);

  --green: #7CC576;           /* 痛点 */
  --green: #4ade80;         /* 成功/数据 */
  --blue: #3b82f6;

  --gradient-gold: linear-gradient(135deg, #E6C26E 0%, #D4B870 100%);
  --gradient-hero: radial-gradient(ellipse at 30% 0%, rgba(230,194,110,0.15) 0%, transparent 50%),
                   radial-gradient(ellipse at 70% 100%, rgba(59,130,246,0.08) 0%, transparent 50%);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Outfit','PingFang SC','Microsoft YaHei',sans-serif;
  line-height:1.6;font-size:15px;
  background-image:var(--gradient-hero);
  background-attachment:fixed;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;transition:color 0.2s}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}

/* ===== 通用容器 ===== */
.dun-container{
  max-width:1200px;margin:0 auto;padding:0 24px;
  position:relative;z-index:2;
}
.dun-section{
  padding:80px 0;position:relative;
  border-top:1px solid var(--border-soft);
}
.dun-section:first-of-type{border-top:none}
.dun-section-head{text-align:center;margin-bottom:48px;max-width:760px;margin-left:auto;margin-right:auto}
.dun-section-tag{
  display:inline-block;padding:6px 14px;border-radius:99px;
  background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);
  font-size:12px;color:#3b82f6;font-weight:600;letter-spacing:1.5px;
  margin-bottom:16px;
}
.dun-section-tag.dun-tag-gold{
  background:var(--gold-soft);border-color:var(--border-gold);color:var(--gold);
}
.dun-section-h2{
  font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-1px;
  margin-bottom:12px;
}
.dun-hl{color:var(--gold);font-weight:800}
.dun-hl-red{color:var(--green);font-weight:800}

/* ===== 通用按钮 ===== */
.dun-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;
  letter-spacing:0.5px;transition:all 0.25s;cursor:pointer;
  text-decoration:none;border:1px solid transparent;
}
.dun-btn-primary{
  background:var(--gradient-gold);color:#000;
  box-shadow:0 4px 16px rgba(230,194,110,0.25);
}
.dun-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,194,110,0.4)}
.dun-btn-secondary{
  background:transparent;color:var(--text);border:1px solid var(--border-gold-strong);
}
.dun-btn-secondary:hover{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
.dun-btn-large{padding:18px 40px;font-size:17px}

/* ===== 板块1：顶部导航 ===== */
.dun-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(9,14,26,0.85);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  transition:background 0.3s,border-color 0.3s;
}
.dun-nav.scrolled{background:rgba(9,14,26,0.95);border-bottom-color:var(--border-gold)}
.dun-nav-inner{
  max-width:1280px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.dun-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.dun-logo-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(255,255,255,0.15))}
.dun-logo-text{font-size:16px;font-weight:700;color:var(--text);letter-spacing:0.5px}
.dun-menu{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}
.dun-menu a{
  font-size:14px;color:var(--text-80);font-weight:500;
  position:relative;padding:6px 0;transition:color 0.2s;
}
.dun-menu a:hover{color:var(--gold)}
.dun-menu a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--gradient-gold);transform:scaleX(0);transform-origin:center;
  transition:transform 0.3s;
}
.dun-menu a:hover::after{transform:scaleX(1)}
.dun-cta-nav{
  padding:9px 18px;border-radius:6px;
  background:var(--gradient-gold);color:#000;font-size:13px;font-weight:700;
  letter-spacing:0.5px;flex-shrink:0;
  box-shadow:0 2px 8px rgba(230,194,110,0.2);
  transition:transform 0.2s,box-shadow 0.2s;
}
.dun-cta-nav:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(230,194,110,0.35)}
.dun-burger{
  display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;
}
.dun-burger span{
  display:block;width:22px;height:2px;background:var(--text);border-radius:2px;
  transition:all 0.3s;
}
.dun-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dun-burger.active span:nth-child(2){opacity:0}
.dun-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== 板块2：Hero 首屏 ===== */
.dun-hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:120px 0 80px;position:relative;text-align:center;
  background-image:
    radial-gradient(ellipse at 30% 20%, rgba(230,194,110,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(59,130,246,0.08) 0%, transparent 50%);
  border-top:none;
}
.dun-hero-bg{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 50% 50%, rgba(230,194,110,0.04) 0%, transparent 70%);
}
.dun-hero-content{position:relative;z-index:2;max-width:2000px;margin:0 auto;padding:0 24px;overflow:visible}
.dun-hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:99px;
  background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);
  font-size:12px;color:var(--green);font-weight:600;letter-spacing:1.5px;
  margin-bottom:28px;
}
.dun-pulse{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--green);box-shadow:0 0 8px var(--green);
  animation:dun-pulse 1.6s ease-in-out infinite;
}
@keyframes dun-pulse{0%,100%{opacity:0.5;transform:scale(0.9)}50%{opacity:1;transform:scale(1.1)}}
/* V3.2: h1 改容器, 主标题/副标题各占一横排 */
.dun-hero-h1{
  font-size:0;line-height:0;letter-spacing:0;
  margin:0 0 8px;
  white-space:nowrap;
  text-align:center;
}
/* V3.6 主标题: 字体效果 (白填充+深描边+阴影+RGB分离) + 放大 1/3 (170px/67px) */
.dun-main-title-svg{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0 0 12px;
  white-space:nowrap;
}
/* V3.7 PC title 1.5x scale */
.dun-main-title-pc{
  width:150%;
  max-width:none;
  margin-left:-25%;
  margin-right:-25%;
}
.dun-main-title-mb{display:none}  /* 默认隐藏移动版 */
@media (max-width:768px){
  .dun-main-title-pc{display:none}  /* 移动端隐藏桌面版 */
  .dun-main-title-mb{display:block;width:100%;max-width:100%;margin:0 auto 12px;text-align:center}  /* 显示移动版 */
}

/* V3.2 副标题: 一套系统解决：获客难、接客难、留客难 */
.dun-sub-title{
  display:block;
  font-size:22px;font-weight:500;line-height:1.4;letter-spacing:0.5px;
  color:rgba(255,255,255,0.85);
  margin:0 0 24px;
  white-space:nowrap;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.dun-hero-six{
  display:flex;align-items:center;justify-content:center;gap:20px;
  margin:0 auto 32px;flex-wrap:wrap;
}
.dun-six-item{
  display:flex;align-items:center;gap:10px;
  padding:12px 20px;border-radius:12px;
  background:rgba(255,255,255,0.04);border:1px solid var(--border);
}
.dun-six-num{
  font-size:12px;font-weight:700;color:var(--gold);
  font-family:'JetBrains Mono',monospace;
  padding:3px 8px;border-radius:6px;background:var(--gold-soft);
}
.dun-six-text{
  font-size:24px;font-weight:800;
  background:var(--gradient-gold);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:2px;
}
.dun-six-plus{
  font-size:28px;color:var(--gold);opacity:0.5;font-weight:300;
}
.dun-hero-sub{
  font-size:17px;color:var(--text-80);line-height:1.7;
  max-width:720px;margin:0 auto 40px;
}
.dun-hero-btns{
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
  margin-bottom:32px;
}
.dun-hero-trust{
  display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
  font-size:13px;color:var(--text-60);
}
.dun-hero-trust span{display:flex;align-items:center;gap:4px}

/* ===== 板块3：痛点 ===== */
.dun-pain{background:rgba(124,197,118,0.02)}
.dun-pain-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  margin-bottom:32px;
}
.dun-pain-card{
  padding:28px;border-radius:16px;
  background:var(--bg-card);border:1px solid var(--border);
  transition:all 0.3s;position:relative;overflow:hidden;
}
.dun-pain-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--green);transform:scaleY(0);transform-origin:top;
  transition:transform 0.3s;
}
.dun-pain-card:hover{background:var(--bg-card-hover);border-color:rgba(124,197,118,0.3);transform:translateY(-2px)}
.dun-pain-card:hover::before{transform:scaleY(1)}
.dun-pain-num{
  display:inline-block;padding:4px 10px;border-radius:6px;
  background:rgba(124,197,118,0.1);color:var(--green);
  font-size:11px;font-weight:800;font-family:'JetBrains Mono',monospace;
  letter-spacing:1px;margin-bottom:12px;
}
.dun-pain-card h3{
  font-size:20px;font-weight:800;color:var(--text);margin-bottom:10px;letter-spacing:-0.5px;
}
.dun-pain-card p{font-size:14px;color:var(--text-80);line-height:1.7;margin-bottom:14px}
.dun-pain-foot{
  padding-top:12px;border-top:1px dashed var(--border);
  font-size:13px;color:var(--green);font-weight:600;
}
.dun-pain-quote{
  text-align:center;padding:24px 32px;border-radius:12px;
  background:var(--gradient-gold);color:#000;
  font-size:18px;font-weight:800;line-height:1.5;
  max-width:820px;margin:0 auto;letter-spacing:-0.3px;
}
.dun-pain-quote .dun-hl-red{color:#000;text-decoration:underline;text-decoration-thickness:2px}

/* ===== 板块4：三大解决方案 ===== */
.dun-solution{background:linear-gradient(180deg,transparent 0%,rgba(230,194,110,0.02) 50%,transparent 100%)}
.dun-solution-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.dun-sol-card{
  padding:32px 28px;border-radius:18px;
  background:var(--bg-card);border:1px solid var(--border);
  position:relative;transition:all 0.3s;overflow:hidden;
}
.dun-sol-card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--gradient-gold);transform:scaleX(0);transform-origin:left;
  transition:transform 0.4s;
}
.dun-sol-card:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:var(--border-gold-strong)}
.dun-sol-card:hover::after{transform:scaleX(1)}
.dun-sol-num{
  display:inline-block;padding:6px 14px;border-radius:6px;
  background:var(--gradient-gold);color:#000;
  font-size:13px;font-weight:900;letter-spacing:2px;margin-bottom:16px;
}
.dun-sol-card h3{
  font-size:26px;font-weight:800;color:var(--gold);margin-bottom:6px;letter-spacing:-0.5px;
}
.dun-sol-sub{
  font-size:13px;color:var(--text-60);margin-bottom:20px;line-height:1.5;
}
.dun-sol-list{margin-bottom:20px}
.dun-sol-list li{
  position:relative;padding:8px 0 8px 22px;
  font-size:14px;color:var(--text-80);line-height:1.6;
  border-bottom:1px solid var(--border-soft);
}
.dun-sol-list li:last-child{border-bottom:none}
.dun-sol-list li::before{
  content:"✓";position:absolute;left:0;top:8px;
  color:var(--green);font-weight:800;font-size:14px;
}
.dun-sol-value{
  padding:14px 16px;border-radius:10px;
  background:var(--gold-soft);border:1px solid var(--border-gold);
}
.dun-sol-vhl{
  display:block;font-size:11px;font-weight:700;color:var(--gold);
  letter-spacing:1.5px;margin-bottom:4px;
}
.dun-sol-value span:last-child{
  font-size:14px;color:var(--text);font-weight:600;line-height:1.5;
}

/* ===== 板块5：商业闭环图 ===== */
.dun-loop{background:rgba(255,255,255,0.015)}
.dun-loop-flow{
  display:flex;align-items:center;justify-content:space-between;
  padding:32px 0;flex-wrap:wrap;gap:8px;
}
.dun-loop-step{
  flex:1 1 110px;min-width:110px;
  padding:20px 12px;border-radius:14px;
  background:var(--bg-card);border:1px solid var(--border);
  text-align:center;transition:all 0.3s;
}
.dun-loop-step:hover{
  background:var(--bg-card-hover);border-color:var(--border-gold-strong);
  transform:translateY(-2px);
}
.dun-loop-icon{font-size:28px;margin-bottom:8px;display:block}
.dun-loop-text{
  font-size:14px;font-weight:800;color:var(--gold);margin-bottom:4px;line-height:1.3;
}
.dun-loop-desc{font-size:11px;color:var(--text-60);line-height:1.4}
.dun-loop-arrow{
  flex:0 0 24px;font-size:20px;color:var(--gold);opacity:0.4;text-align:center;
}
.dun-loop-quote{
  text-align:center;margin-top:24px;
  font-size:18px;font-weight:800;
  background:var(--gradient-gold);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:2px;
}

/* ===== 板块6：商家价值 ===== */
.dun-value{background:rgba(74,222,128,0.02)}
.dun-value-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  max-width:960px;margin:0 auto;
}
.dun-value-item{
  display:flex;align-items:flex-start;gap:16px;
  padding:24px;border-radius:14px;
  background:var(--bg-card);border:1px solid var(--border);
  transition:all 0.3s;
}
.dun-value-item:hover{background:var(--bg-card-hover);border-color:rgba(74,222,128,0.3);transform:translateY(-2px)}
.dun-value-check{
  flex-shrink:0;width:32px;height:32px;border-radius:50%;
  background:rgba(74,222,128,0.15);color:var(--green);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;
}
.dun-value-text{
  font-size:15px;color:var(--text-80);line-height:1.7;
}

/* ===== 板块7：标准化流程 ===== */
/* V3.1: 流程 PC 横排, 移动 3+2 网格 */
.dun-process-timeline{
  display:grid;gap:24px;
  grid-template-columns:repeat(3,1fr);
  max-width:1000px;margin:0 auto;
  position:relative;
}
.dun-process-timeline::before{
  content:'';position:absolute;top:60px;left:15%;right:15%;
  height:3px;background:linear-gradient(90deg,transparent,rgba(230,194,110,0.35),rgba(230,194,110,0.35),transparent);
  z-index:0;pointer-events:none;
}
.dun-process-step{
  text-align:center;padding:24px 20px;
  position:relative;cursor:pointer;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:16px;transition:all 0.3s ease-out;
  opacity:0;transform:translateY(30px);
  z-index:1;
}
.dun-process-step.in-view{opacity:1;transform:translateY(0)}
.dun-process-step:hover{
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.2);
  transform:translateY(-6px) !important;
  box-shadow:0 8px 30px rgba(0,0,0,0.2);
}
.dun-process-step:hover .dun-process-num{transform:scale(1.1)}
.dun-process-step .dun-process-detail{
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height 0.4s ease-out,opacity 0.3s;
  margin-top:0;
}
.dun-process-step.expanded .dun-process-detail{
  max-height:300px;opacity:1;margin-top:12px;
}
.dun-process-step .dun-process-detail ul{
  list-style:none;text-align:left;
  border-top:1px solid rgba(230,194,110,0.2);
  padding-top:12px;
}
.dun-process-step .dun-process-detail li{
  font-size:12px;color:rgba(255,255,255,0.7);
  padding:3px 0;padding-left:18px;position:relative;line-height:1.5;
}
.dun-process-step .dun-process-detail li::before{
  content:'\u2022';position:absolute;left:0;color:#E6C26E;font-weight:700;
}
.dun-process-num{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#E6C26E,#D4B870);color:#0F3460;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:800;margin:0 auto 16px;
  box-shadow:0 6px 20px rgba(230,194,110,0.35);
  position:relative;z-index:2;
  animation:dun-breath 3s ease-in-out infinite;
}
.dun-process-step:nth-child(1) .dun-process-num{animation-delay:0s}
.dun-process-step:nth-child(2) .dun-process-num{animation-delay:0.5s}
.dun-process-step:nth-child(3) .dun-process-num{animation-delay:1s}
.dun-process-step:nth-child(4) .dun-process-num{animation-delay:1.5s}
.dun-process-step:nth-child(5) .dun-process-num{animation-delay:2s}
@keyframes dun-breath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}
.dun-process-step h3{
  font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px;line-height:1.3;
}
.dun-process-step p{font-size:12px;color:var(--text-60);line-height:1.5}

/* ===== 板块8：CTA ===== */
.dun-cta{
  background:linear-gradient(135deg,rgba(230,194,110,0.08) 0%,rgba(59,130,246,0.05) 100%);
  text-align:center;border-top:1px solid var(--border-gold);
}
.dun-cta-h2{
  font-size:38px;font-weight:900;line-height:1.25;letter-spacing:-1px;
  margin-bottom:16px;
}
.dun-cta-sub{
  font-size:16px;color:var(--text-80);margin-bottom:32px;
}
.dun-cta .dun-btn-primary{margin-bottom:24px}
.dun-cta-trust{
  display:flex;gap:24px;justify-content:center;flex-wrap:wrap;
  font-size:13px;color:var(--text-60);margin-top:8px;
}

/* ===== Footer ===== */
.dun-footer{
  padding:48px 0 24px;
  background:rgba(0,0,0,0.3);
  border-top:1px solid var(--border);
  font-size:13px;color:var(--text-60);
}
.dun-footer-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
  margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border);
}
.dun-footer-col p{font-size:12px;line-height:1.7;margin-bottom:4px}
.dun-footer-brand{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:6px;letter-spacing:1px}
.dun-footer-h{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:0.5px}
.dun-footer-warn{color:#ffaa44;margin-top:8px;font-weight:600}
.dun-footer-bottom{
  text-align:center;font-size:12px;color:var(--text-40);line-height:1.8;
}
.dun-footer-bottom p{margin-bottom:4px}
.dun-footer-bottom a{color:var(--text-60);text-decoration:underline}
.dun-footer-fraud{
  margin-top:12px;padding:10px 16px;border-radius:8px;
  background:rgba(255,170,68,0.08);border:1px solid rgba(255,170,68,0.2);
  color:#ffaa44;font-weight:500;max-width:720px;margin-left:auto;margin-right:auto;
}

/* ===== 入场动画 ===== */
.dun-section,.dun-hero{opacity:0;transform:translateY(20px);transition:opacity 0.8s,transform 0.8s}
.dun-section.in-view,.dun-hero.in-view{opacity:1;transform:translateY(0)}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .dun-solution-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .dun-pain-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto 32px}
  .dun-value-grid{grid-template-columns:1fr}
  .dun-footer-grid{grid-template-columns:repeat(2,1fr)}
  /* 移动端 3+2 布局: 前 3 个 1 行, 后 2 个 1 行居中 */
  .dun-process-timeline{
    grid-template-columns:repeat(3,1fr);
    max-width:600px;gap:16px;
  }
  .dun-process-timeline::before{display:none}
  .dun-process-step:nth-child(4){grid-column:1/2;max-width:none}
  .dun-process-step:nth-child(5){grid-column:3/4;max-width:none}
  .dun-process-num{width:48px;height:48px;font-size:20px}
  .dun-process-step h3{font-size:16px}
  .dun-process-step p{font-size:13px}
}
@media (max-width:768px){
  body{font-size:14px}
  .dun-nav-inner{padding:12px 16px;gap:12px}
  .dun-menu{display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;background:rgba(9,14,26,0.98);
    padding:20px;gap:16px;border-top:1px solid var(--border);
  }
  .dun-menu.open{display:flex}
  .dun-menu a{font-size:16px;padding:8px 0;width:100%;text-align:center}
  .dun-cta-nav{display:none}
  .dun-burger{display:flex}
  .dun-hero{padding:100px 0 60px;min-height:auto}
  .dun-main-title-svg{max-width:100%;height:auto}
  .dun-sub-title{font-size:15px;letter-spacing:0.3px}
  .dun-six-item{padding:8px 14px}
  .dun-six-num{font-size:10px;padding:2px 6px}
  .dun-six-text{font-size:18px;letter-spacing:1px}
  .dun-six-plus{font-size:20px}
  .dun-hero-sub{font-size:14px;line-height:1.7}
  .dun-hero-btns{flex-direction:column;align-items:stretch}
  .dun-btn{width:100%;justify-content:center}
  .dun-section{padding:60px 0}
  .dun-section-h2{font-size:26px;line-height:1.3}
  .dun-pain-card{padding:20px}
  .dun-pain-card h3{font-size:18px}
  .dun-pain-quote{font-size:14px;padding:18px 20px}
  .dun-sol-card{padding:24px 20px}
  .dun-sol-card h3{font-size:22px}
  .dun-loop-flow{flex-direction:column}
  .dun-loop-arrow{transform:rotate(90deg);margin:4px 0}
  .dun-cta-h2{font-size:26px}
  .dun-footer-grid{grid-template-columns:1fr;gap:24px}
  /* 768px 以下: 2x2+1 网格 (前 4 个 2x2, 第 5 个全宽居中) */
  .dun-process-timeline{
    grid-template-columns:repeat(2,1fr);
    max-width:380px;gap:10px;
  }
  .dun-process-step:nth-child(4){grid-column:auto;justify-self:stretch;width:auto}
  .dun-process-step:nth-child(5){grid-column:1/-1;justify-self:stretch;width:auto}
  .dun-process-step{padding:14px 10px}
  .dun-process-num{width:40px;height:40px;font-size:18px;margin-bottom:8px}
  .dun-process-step h3{font-size:13px}
  .dun-process-step p{font-size:11px}
}


/* ========== 底部 CTA 板块 (V3.40 升级规范) ========== */
.dun-cta {
  background: linear-gradient(180deg, #0F3460 0%, #0a1d3a 100%);
  padding: 100px 20px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dun-cta::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(230,194,110,0.08) 0%, transparent 60%);
  pointer-events: none;
}

.dun-cta-h2 {
  font-size: 48px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  line-height: 1.3 !important;
  margin: 0 0 24px !important;
  letter-spacing: -1px;
  position: relative;
}

.dun-cta-sub {
  font-size: 18px !important;
  color: #cccccc !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 0 40px !important;
  position: relative;
}

.dun-cta .dun-btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 64px;
  background: #E6C26E !important;
  color: #0F3460 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(230,194,110,0.35);
  transition: all 0.3s ease-out;
  animation: cta-breathe 3s ease-in-out infinite;
  position: relative;
  letter-spacing: 0.5px;
  margin: 0 auto;
}

.dun-cta .dun-btn-primary .arrow {
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.3s ease-out;
}

.dun-cta .dun-btn-primary:hover {
  background: #FFC833 !important;
  box-shadow: 0 6px 30px rgba(230,194,110,0.4);
  transform: translateY(-2px);
  color: #0F3460 !important;
}

.dun-cta .dun-btn-primary:hover .arrow {
  transform: translateX(4px);
}

.dun-cta .dun-btn-primary:active {
  background: #E6A800 !important;
  box-shadow: 0 2px 10px rgba(230,194,110,0.3);
  transform: translateY(1px);
  transition: all 0.1s ease-out;
}

@keyframes cta-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

.dun-cta-trust {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
  position: relative;
}

.dun-cta-trust a {
  color: #999999 !important;
  text-decoration: none;
  font-size: 14px !important;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}

.dun-cta-trust a:hover { color: #E6C26E !important; }

.dun-cta-trust .icon {
  font-size: 16px;
  color: #E6C26E;
}

.dun-cta-disclaimer {
  margin-top: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  position: relative;
}

.dun-cta .dun-cta-h2,
.dun-cta .dun-cta-sub,
.dun-cta .dun-btn-primary,
.dun-cta .dun-cta-trust,
.dun-cta .dun-cta-disclaimer {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.dun-cta.in-view .dun-cta-h2 { opacity: 1; transform: translateY(0); transition-delay: 0s; }
.dun-cta.in-view .dun-cta-sub { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.dun-cta.in-view .dun-btn-primary {
  opacity: 1; transform: translateY(0);
  transition-delay: 0.4s;
  animation: cta-bounce-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s forwards, cta-breathe 3s ease-in-out 1.2s infinite;
}
.dun-cta.in-view .dun-cta-trust { opacity: 1; transform: translateY(0); transition-delay: 0.6s; }
.dun-cta.in-view .dun-cta-disclaimer { opacity: 1; transform: translateY(0); transition-delay: 0.8s; }

@keyframes cta-bounce-in {
  0% { opacity: 0; transform: translateY(30px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1199px) {
  .dun-cta { padding: 80px 24px 60px; }
  .dun-cta-h2 { font-size: 36px !important; }
  .dun-cta-sub { font-size: 16px !important; }
  .dun-cta .dun-btn-primary { width: 280px; height: 56px; font-size: 18px !important; }
  .dun-cta-trust { gap: 32px; }
}

@media (max-width: 767px) {
  .dun-cta { padding: 60px 20px 50px; min-height: auto; }
  .dun-cta-h2 { font-size: 26px !important; line-height: 1.4 !important; }
  .dun-cta-sub { font-size: 14px !important; line-height: 1.6 !important; }
  .dun-cta .dun-btn-primary { width: 90%; max-width: 360px; height: 52px; font-size: 16px !important; }
  .dun-cta-trust { flex-direction: column; gap: 16px; margin-top: 32px; }
  .dun-cta-trust a { font-size: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .dun-cta .dun-btn-primary { animation: none; }
  .dun-cta .dun-cta-h2, .dun-cta .dun-cta-sub,
  .dun-cta .dun-btn-primary, .dun-cta .dun-cta-trust,
  .dun-cta .dun-cta-disclaimer { transition: none; opacity: 1; transform: none; }
}


/* ========== V3.41 导航栏重构 (7菜单 + 2下拉 + 汉堡菜单) ========== */
.dun-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 72px;
  background: rgba(15, 52, 96, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  z-index: 9999;
  transition: all 0.3s ease;
}

.dun-nav.scrolled {
  background: rgba(15, 52, 96, 0.99);
  height: 64px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.25);
}

.dun-nav-inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.dun-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.dun-logo:hover { transform: scale(1.03); }
.dun-logo-img { width: 36px; height: 36px; }
.dun-logo-text {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.dun-menu {
  display: flex;
  align-items: center;
  gap: 32px;
  flex: 1;
  justify-content: center;
}

.dun-nav-link {
  color: rgba(255,255,255,0.92);
  font-size: 15px;
  font-weight: 500;
  padding: 0 16px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: color 0.2s;
}
.dun-nav-link:hover, .dun-nav-link.active { color: #E6C26E; }
.dun-nav-link.active::after {
  content: "";
  position: absolute;
  left: 16px; right: 16px;
  bottom: 18px;
  height: 2px;
  background: #E6C26E;
}

.dun-nav-arrow {
  font-size: 10px;
  margin-left: 4px;
  transition: transform 0.3s;
  display: inline-block;
}
.dun-nav-dropdown:hover .dun-nav-arrow,
.dun-nav-dropdown.open .dun-nav-arrow { transform: rotate(180deg); }

/* 解决方案下拉卡片 */
.dun-nav-dropdown {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.dun-dropdown-card {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  width: 920px;
  max-width: 95vw;
  background: #1a2a4a;
  border: 1px solid rgba(255,255,255,0.1);
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
  z-index: 9998;
}

.dun-nav-dropdown:hover .dun-dropdown-card {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.dun-solution-card {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none;
  transition: all 0.3s ease;
  min-height: 160px;
}
.dun-solution-card:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.2);
  transform: translateY(-4px);
}
.dun-card-icon {
  font-size: 32px;
  margin-bottom: 12px;
}
.dun-card-text h3 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
}
.dun-card-sub {
  color: #E6C26E;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 8px;
}
.dun-card-desc {
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* 中台管理下拉菜单 */
.dun-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-10px);
  width: 240px;
  background: #1a2a4a;
  border: 1px solid rgba(255,255,255,0.1);
  border-top: none;
  border-radius: 0 0 12px 12px;
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
  z-index: 9998;
}

.dun-nav-dropdown:hover .dun-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dun-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s;
  min-height: 56px;
}
.dun-menu-item:hover { background: rgba(255,255,255,0.08); }
.dun-menu-icon { font-size: 24px; }
.dun-menu-text { flex: 1; }
.dun-menu-title {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.dun-menu-sub {
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 2px;
}

/* 右侧 CTA 按钮 */
.dun-cta-nav {
  background: #E6C26E;
  color: #0F3460;
  font-size: 15px;
  font-weight: 700;
  padding: 0 24px;
  height: 40px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.25s;
  white-space: nowrap;
  flex-shrink: 0;
}
.dun-cta-nav:hover {
  background: #FFC833;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(230,194,110,0.3);
  color: #0F3460;
}

/* 汉堡菜单按钮 */
.dun-burger {
  display: none;
  width: 40px; height: 40px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
}
.dun-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #FFFFFF;
  transition: all 0.3s;
}
.dun-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.dun-burger.open span:nth-child(2) { opacity: 0; }
.dun-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* 移动端全屏菜单 */
.dun-mobile-menu {
  position: fixed;
  top: 0; right: 0;
  width: 80%;
  max-width: 360px;
  height: 100vh;
  background: #1a2a4a;
  z-index: 10000;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  padding: 60px 0 20px;
  box-shadow: -8px 0 30px rgba(0,0,0,0.4);
  display: none;
}
.dun-mobile-menu.open { transform: translateX(0); }

.dun-mobile-close {
  position: absolute;
  top: 12px; right: 16px;
  width: 40px; height: 40px;
  color: #FFFFFF;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s;
}
.dun-mobile-close:hover { background: rgba(255,255,255,0.1); }

.dun-mobile-nav { display: flex; flex-direction: column; }
.dun-mobile-link, .dun-mobile-parent {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background 0.2s;
}
.dun-mobile-link:hover, .dun-mobile-parent:hover { background: rgba(255,255,255,0.05); }
.dun-mobile-arrow { font-size: 12px; transition: transform 0.3s; }
.dun-mobile-group.open .dun-mobile-arrow { transform: rotate(180deg); }

.dun-mobile-sub {
  max-height: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.2);
  transition: max-height 0.3s ease;
}
.dun-mobile-group.open .dun-mobile-sub { max-height: 500px; }

.dun-mobile-sublink {
  color: rgba(255,255,255,0.85);
  font-size: 15px;
  padding: 12px 24px 12px 40px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: color 0.2s;
}
.dun-mobile-sublink:hover { color: #E6C26E; }

.dun-mobile-cta {
  margin: 20px 24px 0;
  background: #E6C26E;
  color: #0F3460;
  font-size: 16px;
  font-weight: 700;
  padding: 14px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: block;
}

.dun-mobile-mask {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.dun-mobile-mask.open { opacity: 1; visibility: visible; }

/* 响应式: 平板 + 移动 */
@media (max-width: 1199px) {
  .dun-nav-inner { padding: 0 24px; gap: 20px; }
  .dun-menu { gap: 0; }
  .dun-nav-link { padding: 0 12px; font-size: 14px; }
  .dun-cta-nav { padding: 0 18px; font-size: 14px; }
  .dun-dropdown-card { width: 700px; }
}

@media (max-width: 900px) {
  .dun-menu { display: none; }
  .dun-cta-nav { display: none; }
  .dun-burger { display: flex; }
  .dun-mobile-menu { display: block; }
  .dun-nav-inner { padding: 0 20px; }
  .dun-logo-text { font-size: 16px; }
}

@media (max-width: 480px) {
  .dun-nav-inner { padding: 0 16px; }
  .dun-logo-text { font-size: 13px; }
  .dun-nav { height: 56px; }
  .dun-nav.scrolled { height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .dun-nav, .dun-solution-card, .dun-menu-item, .dun-cta-nav, .dun-dropdown-card, .dun-dropdown-menu, .dun-mobile-menu, .dun-mobile-mask { transition: none; }
}

/* V3.22 PC nav force horizontal + mobile burger fix + AI float */
@media (min-width:1025px){
  .dun-menu{display:flex !important}
  .dun-burger{display:none !important}
  .dun-cta-nav{display:inline-flex !important}
}
@media (max-width:1024px){
  .dun-menu{display:none !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(9,14,26,0.98);padding:20px;gap:16px;border-top:1px solid rgba(255,255,255,0.08)}
  .dun-menu.open{display:flex !important}
  .dun-burger{display:flex !important;order:0;margin-left:12px;width:44px;height:44px;background:rgba(230,194,110,0.15);border:1px solid rgba(230,194,110,0.4);border-radius:8px}
}

/* ========== FAQ 通用样式 (V3.63.2 补充) ========== */
.dun-faq-list { max-width: 900px; margin: 0 auto; }
.dun-faq-item { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s; }
.dun-faq-item.open { border-color: rgba(124,197,118,0.3); }
.dun-faq-q { padding: 20px 24px; cursor: pointer; display: flex; align-items: center; gap: 16px; color: #FFFFFF; font-size: 16px; font-weight: 700; user-select: none; }
.dun-faq-q:hover { background: rgba(124,197,118,0.05); }
.dun-faq-toggle { width: 28px; height: 28px; border-radius: 50%; background: rgba(124,197,118,0.15); color: #7CC576; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 900; flex-shrink: 0; transition: all 0.3s; }
.dun-faq-item.open .dun-faq-toggle { transform: rotate(45deg); background: rgba(124,197,118,0.3); }
.dun-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; color: rgba(255,255,255,0.8); font-size: 15px; line-height: 1.7; padding: 0 24px; }
.dun-faq-a a { color: #E6C26E; text-decoration: none; }
.dun-faq-a a:hover { text-decoration: underline; }
.dun-faq-item.open .dun-faq-a { max-height: 400px; padding: 0 24px 20px 68px; }
@media (max-width: 768px) {
  .dun-faq-q { padding: 16px 16px; font-size: 15px; }
  .dun-faq-item.open .dun-faq-a { padding: 0 16px 16px 56px; font-size: 14px; }
}