/* 深蓝主色 + 青绿活跃点缀｜轻量CSS（无JS） */
  .jz-detail{
    --navy:#0b2a4a;
    --navy2:#123a66;
    --cyan:#19c2ff;
    --mint:#2ee6a6;
    --bg:#f6f9ff;
    --text:#0f172a;
    --muted:#516070;
    --line:#e6edf7;
    --shadow:0 18px 45px rgba(11,42,74,.12);
    font-family:Arial,"Microsoft YaHei",sans-serif;
    line-height:1.7;
    color:var(--text);
  }
  .jz-section{margin:42px 0;}
  .jz-title{
    font-size:20px;margin:0 0 14px;font-weight:1000;color:var(--navy);
    position:relative;padding-left:12px;letter-spacing:.2px;
  }
  .jz-title:before{
    content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:99px;
    background:linear-gradient(180deg,var(--cyan),var(--mint));
  }
  .jz-kicker{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12px;font-weight:900;color:var(--navy);
    padding:6px 10px;border-radius:999px;
    border:1px solid rgba(25,194,255,.35);
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,249,255,.92));
  }
  .jz-kicker:before{
    content:"";width:8px;height:8px;border-radius:99px;
    background:linear-gradient(180deg,var(--cyan),var(--mint));
    box-shadow:0 0 0 3px rgba(25,194,255,.12);
  }

  /* Hero */
  .jz-hero{
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px;
    display:flex;gap:22px;flex-wrap:wrap;align-items:stretch;
    margin:10px 0 30px;
    box-shadow:var(--shadow);
    background:linear-gradient(135deg, rgba(11,42,74,.10), rgba(25,194,255,.10), rgba(46,230,166,.08));
    position:relative;overflow:hidden;
  }
  .jz-hero:after{
    content:"";position:absolute;right:-130px;top:-130px;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle, rgba(25,194,255,.35), transparent 60%);
  }
  .jz-hero__text{flex:1;min-width:280px;position:relative;z-index:1;}
  .jz-hero__text h1{font-size:28px;line-height:1.25;margin:10px 0 10px;font-weight:1000;color:var(--navy);}
  .jz-hero__text p{margin:0 0 14px;color:var(--muted);}
  .jz-hero__media{flex:1;min-width:280px;position:relative;z-index:1;}

  /* ✅ 统一图片比例容器（核心） */
  .jz-ratio{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:14px;
    border:1px solid var(--line);
    background:#fff;
    box-shadow:0 14px 35px rgba(11,42,74,.12);
  }
  .jz-ratio--16x10{aspect-ratio:16/10;}
  .jz-ratio > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .jz-img--soft{box-shadow:0 12px 28px rgba(11,42,74,.08);}

  /* 媒体区：保证图片和文字之间间距一致 */
  .jz-media{margin-top:12px;position:relative;z-index:1;}
  .jz-media--solo{margin:0 0 14px;}

  /* ✅✅ 关键：让卡片/面板“图片贴底”，两列底部对齐 */
  .jz-card,
  .jz-panel{
    display:flex;
    flex-direction:column;
    height:100%;
  }
  .jz-card .jz-media,
  .jz-panel .jz-media{
    margin-top:auto; /* 把图片推到底部 */
  }

  /* Badges */
  .jz-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
  .jz-badge{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12px;padding:7px 12px;border-radius:999px;
    border:1px solid rgba(46,230,166,.28);
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,249,255,.92));
    color:var(--navy);
    box-shadow:0 10px 22px rgba(11,42,74,.08);
    font-weight:900;
    white-space:nowrap;
  }
  .jz-badge:before{
    content:"";width:8px;height:8px;border-radius:99px;
    background:linear-gradient(180deg,var(--cyan),var(--mint));
    box-shadow:0 0 0 3px rgba(46,230,166,.10);
  }

  /* Stats */
  .jz-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
  .jz-stat{
    background:rgba(255,255,255,.78);
    border:1px solid rgba(25,194,255,.22);
    border-radius:14px;padding:10px 12px;
    box-shadow:0 14px 30px rgba(11,42,74,.08);
  }
  .jz-stat__v{font-weight:1000;color:var(--navy);font-size:16px;line-height:1.1;}
  .jz-stat__k{font-size:12px;color:var(--muted);margin-top:4px;}

  /* Grid & Cards */
  .jz-grid{display:grid;gap:14px;}
  .jz-grid--3{grid-template-columns:repeat(3, minmax(0,1fr));}
  .jz-grid--4{grid-template-columns:repeat(4, minmax(0,1fr));}

  .jz-card{
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
    background:linear-gradient(180deg,#fff,#fbfdff);
    box-shadow:0 14px 35px rgba(11,42,74,.08);
    position:relative;overflow:hidden;
  }
  .jz-card:after{
    content:"";position:absolute;right:-60px;top:-60px;width:140px;height:140px;border-radius:50%;
    background:radial-gradient(circle, rgba(46,230,166,.18), transparent 60%);
  }
  .jz-card__top{display:flex;align-items:center;gap:8px;margin-bottom:10px;position:relative;z-index:1;}
  .jz-dot{
    width:10px;height:10px;border-radius:99px;
    background:linear-gradient(180deg,var(--cyan),var(--mint));
    box-shadow:0 0 0 4px rgba(25,194,255,.10);
  }
  .jz-tag{
    font-size:12px;font-weight:900;color:var(--navy2);
    padding:5px 10px;border-radius:999px;
    border:1px solid rgba(25,194,255,.20);
    background:rgba(246,249,255,.9);
  }
  .jz-card h3{margin:0 0 8px;font-size:16px;font-weight:1000;color:var(--navy);position:relative;z-index:1;}
  .jz-card p{margin:0;color:var(--muted);position:relative;z-index:1;}

  /* Steps */
  .jz-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:10px;
  }
  .jz-step{
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,249,255,.92));
    border:1px solid rgba(25,194,255,.18);
    border-radius:16px;
    padding:14px 12px;
    box-shadow:0 14px 35px rgba(11,42,74,.08);
    display:flex;align-items:center;gap:10px;
  }
  .jz-step__n{
    width:30px;height:30px;border-radius:10px;
    background:linear-gradient(135deg,var(--cyan),var(--mint));
    color:#fff;font-weight:1000;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 22px rgba(25,194,255,.18);
  }
  .jz-step__t{font-weight:1000;color:var(--navy);}

  /* Split Panels */
  .jz-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;align-items:stretch;}
  .jz-panel{
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
    background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(246,249,255,.95));
    box-shadow:0 14px 35px rgba(11,42,74,.08);
  }
  .jz-subtitle{margin:0 0 8px;font-size:16px;font-weight:1000;color:var(--navy);}
  .jz-muted{margin:0;color:var(--muted);}

  /* Table */
  .jz-tablewrap{
    overflow:auto;
    border:1px solid rgba(25,194,255,.18);
    border-radius:16px;
    box-shadow:0 14px 35px rgba(11,42,74,.08);
    background:#fff;
  }
  .jz-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;}
  .jz-table thead th{
    padding:12px;text-align:left;color:#fff;font-weight:1000;
    background:linear-gradient(90deg, var(--navy), var(--navy2));
    position:sticky;top:0;
  }
  .jz-table tbody td{
    padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top;color:var(--muted);background:#fff;
  }
  .jz-table tbody tr:nth-child(even) td{background:#fbfdff;}

  /* Responsive */
  @media (max-width: 980px){
    .jz-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
    .jz-grid--3{grid-template-columns:repeat(1,minmax(0,1fr));}
    .jz-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
    .jz-split{grid-template-columns:repeat(1,minmax(0,1fr));}
    .jz-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width: 520px){
    .jz-stats{grid-template-columns:repeat(1,minmax(0,1fr));}
    .jz-hero__text h1{font-size:24px;}
  }