/* 轻量高级配色：深蓝主色 + 活跃青绿点缀（无JS，渲染快） */
  .gy-detail{
    --navy:#0b2a4a;
    --navy2:#123a66;
    --cyan:#19c2ff;
    --mint:#2ee6a6;
    --bg:#f6f9ff;
    --card:#ffffff;
    --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);
  }

  .gy-section{margin:42px 0;}
  .gy-muted{color:var(--muted);margin:0 0 10px;}
  .gy-title{
    font-size:20px;margin:0 0 14px;font-weight:900;color:var(--navy);
    position:relative;padding-left:12px;letter-spacing:.2px;
  }
  .gy-title:before{
    content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:99px;
    background:linear-gradient(180deg,var(--cyan),var(--mint));
  }
  .gy-kicker{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12px;font-weight:800;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,.9),rgba(246,249,255,.9));
  }
  .gy-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 */
  .gy-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;
  }
  .gy-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%);
  }
  .gy-hero__text{flex:1;min-width:280px;position:relative;z-index:1;}
  .gy-hero__text h1{font-size:28px;line-height:1.25;margin:10px 0 10px;font-weight:1000;color:var(--navy);}
  .gy-hero__text p{margin:0 0 14px;color:var(--muted);}
  .gy-hero__media{flex:1;min-width:280px;position:relative;z-index:1;}

  .gy-hero__bar{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
  }
  .gy-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);
  }
  .gy-stat__v{font-weight:1000;color:var(--navy);font-size:16px;line-height:1.1;}
  .gy-stat__k{font-size:12px;color:var(--muted);margin-top:4px;}

  /* ✅ 统一图片比例容器（关键） */
  .gy-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);
  }
  .gy-ratio--16x10{aspect-ratio:16/10;}
  .gy-ratio > img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  /* 柔和阴影版本（可选，用在对比图等） */
  .gy-img--soft{box-shadow:0 12px 28px rgba(11,42,74,.08);}

  /* 旧规则保留但不干扰比例：如果页面还有未包裹 img，仍正常显示 */
  .gy-img, .gy-hero__media img{
    width:100%;height:auto;display:block;border-radius:14px;
    border:1px solid var(--line);
    box-shadow:0 14px 35px rgba(11,42,74,.12);
    background:#fff;
  }

  /* 徽章 */
  .gy-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
  .gy-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:800;
    white-space:nowrap;
  }
  .gy-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);
  }

  /* 网格 & 卡片 */
  .gy-grid{display:grid;gap:14px;}
  .gy-grid--4{grid-template-columns:repeat(4, minmax(0,1fr));}
  .gy-grid--3{grid-template-columns:repeat(3, minmax(0,1fr));}

  .gy-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;
  }
  .gy-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%);
  }
  .gy-card__top{display:flex;align-items:center;gap:8px;margin-bottom:10px;position:relative;z-index:1;}
  .gy-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);
  }
  .gy-card__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);
  }
  .gy-card h3{margin:0 0 8px;font-size:16px;font-weight:1000;color:var(--navy);position:relative;z-index:1;}
  .gy-card p{margin:0;color:var(--muted);position:relative;z-index:1;}

  /* 卡片媒体：减少 padding 让图更“整齐” */
  .gy-card--media{padding:12px;}
  .gy-card--media h3{margin-top:10px;}

  /* 对比图 */
  .gy-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .gy-figure{margin:0;}
  .gy-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center;font-weight:800;}

  /* 两列面板 */
  .gy-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;}
  .gy-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);
  }
  .gy-list{margin:10px 0 0;padding-left:18px;color:var(--muted);}
  .gy-list li{margin:6px 0;}
  .gy-list li::marker{color:var(--cyan);}

  /* 表格 */
  .gy-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;
  }
  .gy-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    min-width:860px;
  }
  .gy-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;
  }
  .gy-table tbody td{
    padding:12px;
    border-bottom:1px solid #eef2f7;
    vertical-align:top;
    color:var(--muted);
    background:#fff;
  }
  .gy-table tbody tr:nth-child(even) td{background:#fbfdff;}
  .gy-note{margin:10px 0 0;color:var(--muted);font-size:13px;}

  /* 场景标签 */
  .gy-tags{display:flex;flex-wrap:wrap;gap:10px;}
  .gy-tag{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid rgba(46,230,166,.22);
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:900;
    color:var(--navy);
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,249,255,.9));
    box-shadow:0 10px 22px rgba(11,42,74,.06);
  }
  .gy-tag:before{
    content:"";
    width:7px;height:7px;border-radius:99px;
    background:linear-gradient(180deg,var(--mint),var(--cyan));
  }

  /* 响应式 */
  @media (max-width: 980px){
    .gy-grid--4{grid-template-columns:repeat(2, minmax(0,1fr));}
    .gy-grid--3{grid-template-columns:repeat(1, minmax(0,1fr));}
    .gy-split{grid-template-columns:repeat(1, minmax(0,1fr));}
    .gy-compare{grid-template-columns:repeat(1, minmax(0,1fr));}
    .gy-hero__bar{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width: 520px){
    .gy-hero__bar{grid-template-columns:repeat(1,minmax(0,1fr));}
    .gy-hero__text h1{font-size:24px;}
  }