/* ============ 作用域：可穿戴遥测监护解决方案 ============ */
  #ydyl {
    /* —— 统一色板（与 xsjjfa 一致）主色 #004C46 / 辅助色 #53B872 —— */
    --ink:        #004C46;   /* 主色 */
    --ink-soft:   #0A514A;
    --teal-900:   #003530;
    --teal-700:   #004C46;   /* 主色 */
    --teal-500:   #53B872;   /* 辅助色：标签/链接/点缀 */
    --mint:       #53B872;   /* 辅助色（深色底上的高亮/圆点/描边） */
    --mint-soft:  rgba(83,184,114,.14);
    --sky:        #D6ECF2;

    --sand:       #F4F7F6;
    --mist:       #EFF5F3;
    --white:      #FFFFFF;

    --gray-700:   #3D4F4B;
    --gray-600:   #5D6F6B;
    --gray-400:   #8B9A96;
    --gray-300:   #B6C2BF;

    --line:       #E2EAE7;

    --r-sm: 12px;
    --r-md: 18px;
    --r-lg: 28px;

    --sh-sm: 0 2px 10px rgba(11,33,30,.05);
    --sh-md: 0 14px 40px -18px rgba(11,33,30,.22);
    --sh-lg: 0 40px 90px -40px rgba(11,33,30,.38);

    --pad: clamp(64px, 7.5vw, 116px);
    /* Banner 底部 App 卡压进首屏图的高度：同时受宽与高约束，矮屏不吃掉太多首屏图 */
    --app-ov: clamp(96px, min(30vw, 26vh), 216px);
    /* Banner 下方悬浮卡压进首屏图的高度 */
    --card-ov: clamp(72px, 6.8vw, 112px);
    --ease: cubic-bezier(.22,.61,.36,1);

    /* —— 统一字号（克制使用，与 xsjjfa 保持一致） —— */
    --fs-h1:  clamp(26px, 3vw, 38px);   /* 大标题：主标题 / 章节 h2 */
    --fs-h2:  clamp(20px, 2vw, 26px);   /* 次级标题：卡片标题 / 小标题 */
    --fs-lead:16px;                     /* 导语 / 引导段 */
    --fs-body:15px;                     /* 正文 */
    --fs-sm:  13px;                     /* 辅助小字 / 说明 */
    --fs-xs:  12px;                     /* 标签 / kicker / tag */
    --fs-num: clamp(28px, 2.8vw, 36px); /* 数字指标 */
  }

  /* ============ 基础重置（作用域内） ============ */
  #ydyl{font-family:"MyriadPro","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
  #ydyl *,#ydyl *::before,#ydyl *::after{margin:0;padding:0;box-sizing:border-box;}
  #ydyl a{text-decoration:none;color:inherit;}
  #ydyl ul,#ydyl ol{list-style:none;}
  #ydyl img{max-width:100%;display:block;}
  #ydyl .wrap{width:min(1240px,90%);margin-inline:auto;}
  @media (min-width:1600px){#ydyl .wrap{width:min(88%,var(--maxw));}#ydyl .sv-sec .wrap{width:min(92%,var(--maxw));}}

  /* ============ Banner（纯图，无文字层） ============ */
  #ydyl .banner{position:relative;height:100vh;min-height:640px;background:var(--teal-900);overflow:hidden;}
  #ydyl .banner img{width:100%;height:100%;object-fit:cover;object-position:52% center;}
  /* 滚动静音指示 */
  #ydyl .banner-scroll{position:absolute;z-index:3;left:50%;bottom:calc(var(--app-ov) + 26px);transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.75);border-radius:14px;display:block;opacity:.9;transition:opacity .3s var(--ease);}
  #ydyl .banner-scroll i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:scrollDot 1.8s ease-in-out infinite;}
  @keyframes scrollDot{0%{transform:translateY(0);opacity:1;}70%{transform:translateY(12px);opacity:0;}100%{opacity:0;}}
  /* ---- Banner 底部：App 实拍卡（半出画，横跨首屏图下沿） ---- */
  #ydyl .banner-app{position:relative;z-index:4;margin-top:calc(var(--app-ov) * -1);}
  #ydyl .banner-app .wrap{display:flex;justify-content:center;}
  #ydyl .banner-app-card{width:min(620px,100%);margin:0;padding:clamp(8px,.75vw,12px);border-radius:calc(var(--r-lg) + 6px);background:#fff;box-shadow:0 46px 90px -48px rgba(3,53,48,.55),0 14px 34px -20px rgba(3,53,48,.26);}
  #ydyl .banner-app-card img{width:100%;display:block;border-radius:var(--r-md);}

  /* ============ Banner 下方：悬浮简介卡（半出画，压在首屏图下沿） ============ */
  /* 不做 data-rv 入场：卡片首屏即半露在图上，若初始 opacity:0 会显得像没加载出来 */
  #ydyl .intro-float{position:relative;z-index:10;margin-top:calc(var(--card-ov) * -1);}
  #ydyl .intro-card{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFC 100%);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:clamp(40px,4.2vw,64px) clamp(24px,3.6vw,64px) clamp(34px,3.4vw,52px);text-align:center;overflow:hidden;}
  #ydyl .intro-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--teal-700),var(--teal-500));}
  #ydyl .intro-card::after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at center,var(--mint-soft),transparent 66%);pointer-events:none;}
  #ydyl .intro-card .tag{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;background:var(--mint-soft);color:var(--teal-700);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;}
  #ydyl .intro-card .tag::before,#ydyl .intro-card .tag::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal-500);opacity:.9;}
  #ydyl .intro-card h1{margin:22px 0 0;font-size:var(--fs-h1);line-height:1.28;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
  /* 四项硬指标：浅底软块（与中段 .hero-stats 的纯排版数字带刻意区分，避免同构重复） */
  #ydyl .dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,18px);margin-top:clamp(28px,3vw,42px);}
  #ydyl .dcell{background:var(--mist);border-radius:16px;padding:clamp(18px,1.6vw,26px) clamp(14px,1.4vw,22px);text-align:left;}
  #ydyl .dcell .v{display:flex;align-items:baseline;font-size:var(--fs-num);font-weight:700;color:var(--teal-700);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
  #ydyl .dcell .v em{font-style:normal;font-size:.5em;font-weight:600;color:var(--teal-500);margin-left:2px;}
  #ydyl .dcell .k{margin-top:8px;font-size:var(--fs-sm);font-weight:600;}
  #ydyl .dcell .s{margin-top:2px;font-size:var(--fs-xs);color:var(--gray-400);line-height:1.6;}

  /* ============ 守护看得见的心跳：整屏图 ============ */
  #ydyl .intro{position:relative;background:#fff;}
  #ydyl .hero-bg{position:relative;height:100vh;min-height:860px;background:center/cover no-repeat;background-color:var(--teal-900);overflow:hidden;}
  #ydyl .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,20,.86) 0%,rgba(3,22,20,.55) 40%,rgba(3,22,20,.08) 70%,rgba(3,22,20,.18) 100%);pointer-events:none;}
  /* 图内文字：与 .band-hero-copy 同版式、同左边界（宽度交给 .wrap，超宽屏才不跑偏） */
  #ydyl .hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;}
  #ydyl .hero-copy{color:#fff;}
  #ydyl .hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--mint);}
  #ydyl .hero-tag::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7;}
  #ydyl .hero-copy h3{margin:16px 0 14px;font-size:var(--fs-h1);line-height:1.32;font-weight:700;letter-spacing:-.02em;}
  #ydyl .hero-copy .hero-sub{font-size:var(--fs-lead);line-height:1.85;color:rgba(255,255,255,.85);max-width:480px;}

  /* ============ 硬指标：大数字直接排在留白里，无线条无框 ============ */
  #ydyl .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin:clamp(44px,4.6vw,66px) 0;}
  #ydyl .hero-stats .stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:16px;border:1px solid transparent;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease);}
  #ydyl .hero-stats .stat:hover{transform:translateY(-4px);background:var(--mist);border-color:var(--line);}
  #ydyl .hero-stats .v{font-size:var(--fs-num);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .4s var(--ease);}
  #ydyl .hero-stats .stat:hover .v{color:var(--teal-500);}
  #ydyl .hero-stats .v em{font-style:normal;font-size:.42em;font-weight:600;color:var(--teal-500);margin-left:4px;}
  #ydyl .hero-stats .k{font-size:var(--fs-sm);font-weight:600;color:var(--gray-600);letter-spacing:.02em;}

  /* ============ 01 融合创新（整幅医院场景底图 + 深色遮罩 + 左侧文案） ============ */
  #ydyl .sv-sec{position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;height:100vh;min-height:640px;background:var(--teal-900);}
  #ydyl .sv-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;}
  #ydyl .sv-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,22,20,.92) 0%,rgba(3,22,20,.74) 36%,rgba(3,22,20,.34) 66%,rgba(3,22,20,.10) 100%);}
  #ydyl .sv-sec .wrap{position:relative;z-index:2;}
  #ydyl .sv-copy{position:relative;max-width:600px;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.4vw,18px);text-shadow:0 1px 12px rgba(3,22,20,.5);}
  /* kicker：细实心短色条 + 右侧文字（深色底上高亮） */
  #ydyl .sv-kicker{display:inline-flex;align-items:center;gap:clamp(8px,.6vw,11px);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--mint);text-shadow:none;}
  #ydyl .sv-kicker::before{content:"";width:clamp(40px,3.5vw,50px);height:4px;border-radius:0;background:var(--teal-500);}
  /* 大标题 */
  #ydyl .sv-title{font-size:var(--fs-h1);line-height:1.3;font-weight:700;letter-spacing:-.02em;color:#fff;}
  #ydyl .sv-lead{font-size:var(--fs-lead);line-height:1.85;color:rgba(255,255,255,.85);}
  /* 形态要点：深色底上的半透明胶囊标签 */
  #ydyl .sv-tags{display:flex;flex-wrap:wrap;gap:10px;}
  #ydyl .sv-tags li{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 14px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);}
  #ydyl .sv-tags li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
  #ydyl .sv-tags li:hover{transform:translateY(-2px);background:rgba(83,184,114,.20);border-color:rgba(83,184,114,.9);box-shadow:0 10px 24px -12px rgba(83,184,114,.7);}
  #ydyl .sv-tags li:hover::before{transform:scale(1.4);box-shadow:0 0 0 4px rgba(83,184,114,.22);}
  #ydyl .sv-tags li:active{transform:translateY(0) scale(.96);background:rgba(83,184,114,.32);}
  /* 链接：迈瑞式——文字 + >>，hover 上浮并显下划线 */
  #ydyl .sv-more{display:inline-block;margin-top:clamp(4px,.6vw,8px);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;color:var(--teal-500);border-bottom:1px solid transparent;transition:transform .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);}
  #ydyl .sv-more:hover{color:var(--ink);border-bottom-color:currentColor;transform:translateY(-3px);}

  /* ============ 概览数据卡（下移悬浮） ============ */
  #ydyl .intro .wrap{position:relative;z-index:3;}


  /* ============ 家庭 / 医院 双场景（去硬框，靠投影分区） ============ */
  #ydyl .duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,32px);margin-top:clamp(36px,4vw,52px);}
  #ydyl .duo-item{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 18px 44px -26px rgba(3,53,48,.20);transition:transform .45s var(--ease),box-shadow .45s var(--ease);}
  #ydyl .duo-item:hover{transform:translateY(-7px);box-shadow:0 30px 64px -26px rgba(3,53,48,.30);}
  #ydyl .duo-item img{width:100%;aspect-ratio:1200/750;object-fit:cover;display:block;transition:transform .6s var(--ease);}
  #ydyl .duo-item:hover img{transform:scale(1.05);}
  #ydyl .duo-body{padding:clamp(24px,2.6vw,32px) clamp(24px,2.6vw,34px) clamp(28px,3vw,38px);}
  #ydyl .duo-body h3{font-size:var(--fs-h2);font-weight:600;letter-spacing:0;color:var(--ink);}
  #ydyl .duo-body p{margin-top:10px;font-size:var(--fs-body);line-height:1.8;color:var(--gray-600);}
  #ydyl .duo-body ul{margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:8px;}
  #ydyl .duo-body ul li{display:flex;align-items:center;gap:9px;font-size:var(--fs-body);color:var(--gray-600);}
  #ydyl .duo-body ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal-500);flex:0 0 6px;}

  /* ============ 章节头：统一标题体系（品牌短条 + 大标题 + 导语） ============ */
  /* 说明：public.css 有全站重置 `h1..h6{font-size:100%;font-weight:normal}`，
     没写 font-size 的 h2/h3 会退化成 16px 正文 —— 所以标题必须显式给字号。 */
  #ydyl .sec{padding:var(--pad) 0;}
  #ydyl .sec.sand{background:var(--sand);}

  #ydyl .head{margin-bottom:clamp(38px,4vw,56px);text-align:center;}
  #ydyl .head h2{position:relative;font-size:var(--fs-h1);line-height:1.32;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
  #ydyl .head p{margin:clamp(12px,1.1vw,18px) auto 0;font-size:var(--fs-lead);line-height:1.9;color:var(--gray-600);max-width:52em;}
  #ydyl .head.mid{text-align:center;}
  #ydyl .head.mid p{max-width:52em;margin-inline:auto;}

  /* ============ 方案示意图（版心内圆角卡：靠柔和投影定边界，不画线、不溢出版心） ============ */
  /* 窄屏才需要提示左右滑动；桌面端整图已在版心内完整可见 */
  #ydyl .scroll-hint{display:none;}

  #ydyl .solfig{margin:0;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 24px 56px -36px rgba(3,53,48,.42);}
  #ydyl .solfig img{width:100%;display:block;}

  /* ============ 临床场景三图 ============ */

  /* ============ 通栏大图 ============ */
  #ydyl .imgfull{overflow:hidden;border-radius:var(--r-lg);}
  #ydyl .imgfull img{width:100%;display:block;transition:transform .6s var(--ease);}
  #ydyl .imgfull:hover img{transform:scale(1.025);}
  #ydyl .imgfull.cover img{height:clamp(320px,36vw,520px);object-fit:cover;object-position:center 40%;}

  /* ============ 04 App 远程守护（左：四项能力 / 右：手机端实拍） ============ */
  #ydyl .app-sec{position:relative;display:flex;align-items:center;min-height:100vh;background:linear-gradient(160deg,#003530 0%,#004C46 60%,#0A514A 100%);overflow:hidden;}
  #ydyl .app-sec::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at center,var(--mint-soft),transparent 62%);pointer-events:none;}
  #ydyl .app-sec::after{content:"";position:absolute;bottom:-200px;left:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle at center,rgba(214,236,242,.12),transparent 62%);pointer-events:none;}
  #ydyl .app-sec .head h2{color:#fff;}
  #ydyl .app-sec .head p{color:rgba(255,255,255,.72);}
  #ydyl .app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,4.4vw,72px);align-items:center;position:relative;z-index:1;}

  /* 四项能力：编号方块 + 标题 + 说明，无框无底线，靠留白分组 */
  #ydyl .app-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.3vw,32px) clamp(22px,2.6vw,38px);}
  #ydyl .app-feats li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
  #ydyl .app-feats .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:var(--mint-soft);color:var(--mint);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;}
  #ydyl .app-feats h3{font-size:var(--fs-h2);line-height:1.4;font-weight:600;letter-spacing:0;color:#fff;}
  #ydyl .app-feats p{font-size:var(--fs-sm);line-height:1.75;color:rgba(255,255,255,.72);}

  /* 手机端实拍 + 一句注解：高亮白卡，承接 .solfig 口径 */
  #ydyl .app-shot{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 34px 80px -30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18);}
  #ydyl .app-shot::before{content:"";position:absolute;top:-46px;right:-46px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at center,var(--mint-soft),transparent 64%);pointer-events:none;z-index:1;}
  #ydyl .app-shot img{width:100%;display:block;transition:transform .6s var(--ease);}
  #ydyl .app-shot:hover img{transform:scale(1.03);}
  #ydyl .app-cap{display:flex;align-items:flex-start;gap:10px;padding:clamp(14px,1.4vw,18px) clamp(18px,1.8vw,26px) clamp(16px,1.6vw,20px);font-size:var(--fs-sm);line-height:1.7;color:var(--gray-600);}
  #ydyl .app-cap::before{content:"";flex:0 0 16px;height:2px;margin-top:.75em;border-radius:2px;background:var(--teal-500);}

  /* ============ 三列图文（软底，去掉硬框） ============ */

  /* ============ 亮点数据条（软底，无上下横线） ============ */

  /* ============ 特色深色区块（安全守护 · 人走到哪里，守护跟到哪里） ============ */
  /* 整幅通栏平铺：无圆角、无投影、与页脚无缝相接；上方由 .safety-sec 的留白隔开上一屏整屏深色图 */
  #ydyl .safety-sec{padding:clamp(56px,6.4vw,104px) 0 0;}
  #ydyl .band-hero{position:relative;display:flex;align-items:center;width:100%;overflow:hidden;background:var(--teal-900);min-height:clamp(360px,34vw,560px);}
  #ydyl .band-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;}
  #ydyl .band-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,20,.92) 0%,rgba(3,22,20,.62) 40%,rgba(3,22,20,.14) 68%,rgba(3,22,20,.34) 100%);pointer-events:none;}
  #ydyl .band-hero-inner{position:relative;z-index:2;padding:clamp(48px,5.5vw,88px) 0;}
  #ydyl .band-hero-copy{color:#fff;max-width:560px;}
  #ydyl .band-hero-copy h3{margin-top:14px;font-size:var(--fs-h1);line-height:1.3;font-weight:700;letter-spacing:-.02em;}
  #ydyl .band-hero-copy p{margin-top:14px;font-size:var(--fs-lead);line-height:1.85;color:rgba(255,255,255,.85);max-width:480px;}

  /* ============ 全幅场景图带 ============ */

  /* ============ 入场动画 ============ */
  #ydyl.js-ready [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s);}
  #ydyl [data-rv].in{opacity:1;transform:none;}

  /* ============ 响应式 ============ */
  @media (max-width:1024px){
    #ydyl .banner{height:100vh;min-height:500px;}
    #ydyl .duo{grid-template-columns:1fr;}
    /* 硬指标：4 列转 2 列 */
    #ydyl .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
    /* 01 融合创新：底图焦点右移保住人物，文案占满宽度 */
    #ydyl .sv-copy{max-width:none;}
    #ydyl .sv-bg{object-position:66% center;}
    /* 01 参数：左右咬合改上下，参数回到 3 列 */
    #ydyl .sv-sub{grid-template-columns:minmax(0,1fr);gap:26px;align-items:flex-start;}
    #ydyl .vitals{grid-template-columns:repeat(3,minmax(0,1fr));}
    /* App：左右分栏改上下，手机实拍提到最前 */
    #ydyl .app-grid{grid-template-columns:minmax(0,1fr);gap:34px;}
    #ydyl .app-shot{order:-1;}
    /* 安全守护：整幅平铺在窄屏改纵向遮罩 + 文字贴底，并向右借位保住定位图 */
    #ydyl .band-hero{align-items:flex-end;min-height:clamp(340px,50vw,520px);}
    #ydyl .band-hero::after{background:linear-gradient(180deg,rgba(3,22,20,.42) 0%,rgba(3,22,20,.80) 54%,rgba(3,22,20,.94) 100%);}
    #ydyl .band-hero-bg{object-position:62% center;}
    #ydyl .band-hero-copy{max-width:none;}
    /* 悬浮简介卡：4 列转 2 列 */
    #ydyl .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width:900px){
    /* 图上/图下留一道淡提示，桌面端图已完整可见，不需要 */
    #ydyl .scroll-hint{display:block;margin-top:14px;text-align:center;font-size:13px;color:var(--gray-400);}
    #ydyl .solfig{overflow-x:auto;padding-bottom:10px;}
    #ydyl .solfig img{width:880px;max-width:none;}
  }
  @media (max-width:640px){
    #ydyl .hero-bg{height:100vh;min-height:820px;}
    #ydyl .hero-bg::after{background:linear-gradient(180deg,rgba(3,22,20,.55) 0%,rgba(3,22,20,.86) 55%,rgba(3,22,20,.94) 100%);}
    #ydyl .hero-copy{padding:64px 0 60px;justify-content:flex-end;}
    /* 硬指标：2 列，缩字号与上下留白 */
    #ydyl .hero-stats{gap:16px 18px;margin:32px 0;}
    #ydyl .hero-stats .k{font-size:13px;}
    #ydyl .hero-stats .v{font-size:clamp(28px,8vw,36px);}
    /* 章节头：窄屏收紧间距 */
    #ydyl .head{margin-bottom:30px;}
    /* 01 融合创新：窄屏改纵向遮罩保住文字对比，收紧标题字号 */
    #ydyl .sv-sec{height:auto;min-height:88vh;}
    #ydyl .sv-overlay{background:linear-gradient(180deg,rgba(3,22,20,.55) 0%,rgba(3,22,20,.82) 46%,rgba(3,22,20,.94) 100%);}
    #ydyl .sv-bg{object-position:70% center;}
    #ydyl .sv-title{font-size:clamp(24px,7vw,30px);}
    /* 参数：2 列 */
    #ydyl .vitals{grid-template-columns:repeat(2,minmax(0,1fr));}
    #ydyl .sv-sub{margin-top:40px;}
    /* App：能力清单收成一列 */
    #ydyl .app-feats{grid-template-columns:minmax(0,1fr);gap:20px;}
    /* 安全守护：窄屏收紧通栏内距 */
    #ydyl .band-hero-inner{padding:clamp(40px,10vw,60px) 0;}
    /* Banner 底部 App 卡：窄屏收白边与圆角 */
    #ydyl .banner-app-card{padding:7px;border-radius:calc(var(--r-md) + 6px);}
    /* 悬浮简介卡：压进首屏图的高度收窄，内距与字号收紧 */
    #ydyl{--card-ov:56px;}
    #ydyl .intro-card{padding:26px 20px 28px;border-radius:var(--r-md);}
    #ydyl .intro-card h1{margin-top:16px;font-size:clamp(22px,6.4vw,28px);}
    #ydyl .dgrid{gap:10px;margin-top:24px;}
    #ydyl .dcell{padding:14px 13px;border-radius:14px;}
    #ydyl .dcell .v{font-size:clamp(22px,6.6vw,28px);}
    #ydyl .dcell .s{font-size:11.5px;}
  }
  @media (prefers-reduced-motion:reduce){
    #ydyl *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
    #ydyl [data-rv]{opacity:1;transform:none;}
  }

  /* ============ 与站点头部/页脚间距保持 ============ */
  #ydyl{margin-top:0;}
  #ydyl + *{margin-top:0;}

  /* ============ 叙事模块（紧接 Banner 与悬浮简介卡之后：一个下午 / 三个支点 / 出院之后） ============ */
  /* 三段共用「故事 → 支点 → 场景」的推进节奏，视觉上刻意彼此区分，也与既有区块不同构：
     故事＝深色时间轴卡（对阵中段 .hero-stats 的纯排版数字带），支点＝浅底三栏软卡（对阵 .duo 的双栏图文），
     出院之后＝深色图文（对阵 .sv-sec 的浅色图文）。字段口径沿用 xsjjfa 的叙事句式。 */

  /* ---- 叙事 01：一个下午（深色时间轴卡） ---- */
  #ydyl .story-sec{background:#fff;padding-top:clamp(40px,4vw,64px);padding-bottom:clamp(24px,2.8vw,38px);}
  #ydyl .story-sec .head,#ydyl .pivot-sec .head{margin-bottom:clamp(18px,1.8vw,26px);}
  #ydyl .story-card{position:relative;overflow:hidden;border-radius:var(--r-lg);background:radial-gradient(130% 150% at 8% 0%,#0B3F39 0%,#062B27 42%,#041C1A 100%);padding:clamp(22px,2.4vw,34px);color:#fff;box-shadow:var(--sh-lg);}
  #ydyl .story-card::before{content:"";position:absolute;width:440px;height:440px;right:-160px;top:-220px;background:radial-gradient(circle,rgba(83,184,114,.18),transparent 68%);pointer-events:none;}
  #ydyl .story-top{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  #ydyl .story-top h3{font-size:var(--fs-h2);font-weight:600;letter-spacing:0;color:#fff;}
  #ydyl .story-top span{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.72);}
  #ydyl .story-top span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);}
  #ydyl .story-tl{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px;}
  #ydyl .story-tl::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(83,184,114,.55),rgba(255,255,255,.08));}
  #ydyl .story-node{position:relative;padding-top:32px;}
  #ydyl .story-node::before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:#062B27;border:2px solid var(--mint);box-shadow:0 0 0 6px rgba(83,184,114,.1);}
  #ydyl .story-node .t{display:flex;align-items:baseline;gap:9px;font-size:var(--fs-lead);font-weight:600;letter-spacing:0;color:#fff;font-variant-numeric:tabular-nums;}
  #ydyl .story-node .l{font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;color:var(--mint);}
  #ydyl .story-node p{margin-top:8px;font-size:var(--fs-body);line-height:1.75;color:rgba(255,255,255,.72);}
  #ydyl .story-note{position:relative;z-index:2;margin-top:24px;padding-left:16px;border-left:2px solid var(--mint);font-size:var(--fs-lead);line-height:1.75;}
  #ydyl .story-note b{color:var(--mint);font-weight:600;}

  /* ---- 叙事 02：三个支点（浅底三栏软卡 + 一句话收束） ---- */
  #ydyl .pivot-sec{background:var(--sand);padding-top:clamp(22px,2.4vw,34px);padding-bottom:clamp(40px,4.5vw,66px);}
  #ydyl .tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(20px,2.2vw,30px);}
  #ydyl .titem{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2vw,26px);box-shadow:0 22px 50px -34px rgba(3,53,48,.34);transition:transform .45s var(--ease),box-shadow .45s var(--ease);}
  #ydyl .titem:hover{transform:translateY(-6px);box-shadow:0 34px 66px -34px rgba(3,53,48,.42);}
  #ydyl .titem .lens{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--teal-500);}
  #ydyl .titem h4{margin:9px 0 8px;font-size:var(--fs-h2);font-weight:600;letter-spacing:0;color:var(--ink);}
  #ydyl .titem p{font-size:var(--fs-body);line-height:1.75;color:var(--gray-600);}
  #ydyl .titem p b{color:var(--ink-soft);font-weight:600;}
  #ydyl .synergy{margin-top:clamp(20px,2.4vw,32px);text-align:center;padding:16px 24px;border-radius:var(--r-md);background:linear-gradient(120deg,var(--teal-900),var(--teal-700) 65%,#0A514A);color:#fff;font-size:var(--fs-lead);font-weight:600;letter-spacing:.06em;}

  /* ---- 叙事 03：出院之后（家庭场景底图 + 深色遮罩 + 左侧文案） ---- */
  #ydyl .why-sec{position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;height:100vh;min-height:640px;background:var(--teal-900);}
  #ydyl .why-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;}
  #ydyl .why-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,22,20,.90) 0%,rgba(3,22,20,.72) 34%,rgba(3,22,20,.34) 62%,rgba(3,22,20,.10) 100%);}
  #ydyl .why-sec .wrap{position:relative;z-index:2;}
  #ydyl .why-copy{max-width:560px;text-shadow:0 1px 12px rgba(3,22,20,.45);}
  #ydyl .why-kicker{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--mint);}
  #ydyl .why-kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.55;}
  #ydyl .why-copy h2{margin:18px 0;font-size:var(--fs-h1);line-height:1.32;font-weight:700;letter-spacing:-.02em;}
  #ydyl .why-lead{font-size:var(--fs-lead);line-height:1.85;color:rgba(255,255,255,.85);max-width:520px;}
  #ydyl .fpts{display:flex;flex-direction:column;gap:14px;margin-top:30px;}
  #ydyl .fpts li{display:flex;gap:12px;font-size:var(--fs-body);line-height:1.7;color:rgba(255,255,255,.72);}
  #ydyl .fpts svg{width:18px;height:18px;flex:0 0 18px;margin-top:4px;stroke:var(--mint);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  #ydyl .why-fnote{margin-top:30px;font-size:var(--fs-sm);line-height:1.9;color:rgba(255,255,255,.5);}

  /* ---- 叙事模块：响应式（与上方全局断点同源，只针对新类名） ---- */
  @media (max-width:1024px){
    /* 叙事 01：4 列时间轴转 2 列，横贯线会穿过文字，隐藏后靠各节点圆点标记 */
    #ydyl .story-tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:32px;}
    #ydyl .story-tl::before{display:none;}
    /* 叙事 02：三栏转 2 列，第三张通栏（与仓库既有 tgrid 收列方式一致） */
    #ydyl .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
    #ydyl .tgrid .titem:last-child{grid-column:span 2;}
    /* 叙事 03：底图主体右移避让文案，文案占满 */
    #ydyl .why-copy{max-width:none;}
    #ydyl .why-bg{object-position:66% center;}
    #ydyl .why-lead{max-width:none;}
  }
  @media (max-width:640px){
    /* 叙事 01：时间轴改竖直单列（圆点居左，竖线连接） */
    #ydyl .story-card{padding:26px 22px 28px;border-radius:var(--r-md);}
    #ydyl .story-top h3{font-size:19px;}
    #ydyl .story-top span{font-size:11px;letter-spacing:.06em;}
    #ydyl .story-tl{grid-template-columns:minmax(0,1fr);gap:0;margin-top:26px;}
    #ydyl .story-node{padding:0 0 26px 30px;}
    #ydyl .story-node::before{top:8px;}
    #ydyl .story-node::after{content:"";position:absolute;top:24px;left:6px;width:2px;height:calc(100% - 30px);background:linear-gradient(180deg,var(--mint),rgba(83,184,114,.12));}
    #ydyl .story-node:last-child{padding-bottom:0;}
    #ydyl .story-node:last-child::after{display:none;}
    #ydyl .story-node .t{font-size:19px;}
    #ydyl .story-node p{font-size:13px;}
    #ydyl .story-note{margin-top:26px;font-size:14px;line-height:1.85;}
    /* 叙事 02：收成一列，取消通栏 */
    #ydyl .tgrid{grid-template-columns:minmax(0,1fr);gap:16px;}
    #ydyl .tgrid .titem:last-child{grid-column:auto;}
    #ydyl .titem{padding:24px 22px 26px;border-radius:var(--r-md);}
    #ydyl .titem h4{font-size:18px;}
    #ydyl .synergy{margin-top:28px;padding:20px 18px;font-size:14px;letter-spacing:.04em;}
    /* 叙事 03：窄屏改纵向遮罩保住文字对比，收紧标题字号 */
    #ydyl .why-sec{height:auto;min-height:88vh;}
    #ydyl .why-overlay{background:linear-gradient(180deg,rgba(3,22,20,.50) 0%,rgba(3,22,20,.82) 52%,rgba(3,22,20,.94) 100%);}
    #ydyl .why-bg{object-position:70% center;}
    #ydyl .why-kicker{letter-spacing:.16em;}
    #ydyl .why-copy h2{font-size:clamp(22px,6.6vw,28px);margin:14px 0;}
    #ydyl .why-lead{font-size:15px;}
    #ydyl .fpts{margin-top:22px;gap:12px;}
    #ydyl .fpts li{font-size:14px;}
    #ydyl .why-fnote{margin-top:22px;}
  }