/* ===== Light Medical Blue Theme ===== */
    :root {
      --bg:#eaf5ff; --card:#ffffff; --line:#d2e3f5; --text:#1c2a3e; --muted:#5e768f;
      --brand:#2b78ff; --accent:#00b0f0; --radius:18px;
    }
    *{box-sizing:border-box;}
    body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f7fbff,var(--bg));color:var(--text);line-height:1.65;}
    a{color:var(--brand);text-decoration:none} a:hover{color:var(--accent)}
    .container{max-width:1180px;margin:auto;padding:20px}
    header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
    .logo{font-size:1.25rem;font-weight:700;color:var(--brand)}
    .btn{display:inline-block;background:var(--brand);color:#fff;border-radius:var(--radius);padding:10px 18px;font-weight:600;transition:.2s}
    .btn:hover{background:var(--accent)} .btn-outline{background:#fff;border:1px solid var(--brand);color:var(--brand)}
    .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}
    .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
    h1{font-size:2rem;margin:.3rem 0 1rem;color:#0b2e6b} h2{font-size:1.3rem;margin:1rem 0 .6rem;color:#0b2e6b}
    p.lead{color:var(--muted);font-size:1rem}
    .section{margin-top:30px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .list{padding-left:18px;margin:0}
    .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .spec{border:1px solid var(--line);border-radius:12px;background:#f9fcff;padding:14px;text-align:center}
    .spec strong{display:block;font-size:1.1rem;color:var(--brand)}
    footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:40px;padding:20px 0}
    nav.breadcrumbs{font-size:.92rem;color:var(--muted);margin:6px 0 14px}
    nav.breadcrumbs a{color:var(--muted)}
    @media (max-width:960px){.hero{grid-template-columns:1fr}.specs{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}

    /* ===== Gallery 美化（统一4:3 + Lightbox） ===== */
    .gallery { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); }
    @media (max-width:1200px){ .gallery{ grid-template-columns:repeat(3,1fr);} }
    @media (max-width:960px){ .gallery{ grid-template-columns:repeat(2,1fr);} }
    @media (max-width:520px){ .gallery{ grid-template-columns:1fr;} }

    .gallery figure{
      position:relative; margin:0; border-radius:14px; overflow:hidden;
      border:1px solid var(--line); background:#f2f7ff;
      box-shadow:0 6px 18px rgba(0,0,0,.05);
      transition:transform .25s ease, box-shadow .25s ease;
      aspect-ratio:4/3; cursor:zoom-in;
    }
    .gallery figure:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.08); }
    .gallery img{ width:100%; height:100%; object-fit:cover; display:block; }
    .gallery figcaption{
      position:absolute; left:10px; bottom:10px; padding:6px 10px; font-size:.86rem;
      color:#0b2e6b; background:rgba(255,255,255,.9); border:1px solid var(--line); border-radius:10px;
    }

    /* Lightbox */
    dialog.image-lightbox{ border:none; border-radius:16px; padding:0; max-width:min(92vw,1200px); background:transparent; }
    .image-lightbox::backdrop{ background:rgba(0,0,0,.55); }
    .image-lightbox .wrap{ background:#000; border-radius:16px; overflow:hidden; }
    .image-lightbox img{ width:100%; height:auto; display:block; }
    .image-lightbox .bar{
      display:flex; justify-content:space-between; align-items:center;
      padding:10px 14px; color:#fff; background:rgba(0,0,0,.7);
    }
    .image-lightbox button{
      background:rgba(255,255,255,.14); color:#fff; border:0; border-radius:10px;
      padding:6px 10px; cursor:pointer;
    }
    .image-lightbox button:hover{ background:rgba(255,255,255,.22); }