/* ====== SPLIT v55 — 分屏对撞 墨绿#0f2e2e / 酒红#6b1e2e / 米白#f8f3ea ====== */
:root{
  --ink:#1a1410;
  --ink-2:#4a3f36;
  --ink-3:#8a7c6d;
  --line:#e6dfd0;
  --dark:#0f2e2e;
  --dark-2:#143d3d;
  --wine:#6b1e2e;
  --wine-2:#8b2d40;
  --cream:#f8f3ea;
  --cream-2:#efe7d6;
  --gold:#c9a24a;
  --paper:#fffdf8;
  --radius:0;
  --serif:'DM Serif Display','Noto Serif SC',Georgia,serif;
  --sans:'Noto Sans SC',-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:.2s}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.ss-wrap{max-width:1200px;margin:0 auto;padding:0 26px;position:relative}
.ss-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-size:13px;font-weight:700;letter-spacing:.5px;transition:.2s;cursor:pointer}
.ss-btn-light{background:var(--paper);color:var(--dark)}
.ss-btn-light:hover{background:var(--gold);color:var(--ink)}
.ss-btn-o-light{background:transparent;border:1.5px solid var(--paper);color:var(--paper)}
.ss-btn-o-light:hover{background:var(--paper);color:var(--dark)}
.ss-btn-dark{background:var(--ink);color:var(--paper)}
.ss-btn-dark:hover{background:var(--wine)}
.ss-btn-block{width:100%;justify-content:center}
.ss-kicker{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:700;display:block;margin-bottom:14px;font-family:var(--serif);font-style:italic}
.ss-kicker-k{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700;display:block;margin-bottom:16px;font-family:var(--serif);font-style:italic}

/* HEADER */
.ss-head{position:sticky;top:0;z-index:80;background:rgba(248,243,234,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ss-h-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.ss-logo{display:flex;align-items:center;gap:10px}
.ss-logo-mark{color:var(--wine);display:flex;align-items:center}
.ss-logo b{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:.5px}
.ss-nav{display:flex;gap:24px;align-items:center}
.ss-nav a{font-size:13px;font-weight:600;color:var(--ink-2);padding:4px 0}
.ss-nav a:hover{color:var(--wine)}
.ss-cta{background:var(--wine);color:#fff !important;padding:9px 20px;font-size:12px;letter-spacing:1px;font-weight:700}
.ss-cta:hover{background:var(--dark) !important}
.ss-ham{display:none;flex-direction:column;gap:4px;width:22px}
.ss-ham span{display:block;height:2px;background:var(--ink)}
.ss-mmenu{display:none;flex-direction:column;background:var(--cream);border-top:1px solid var(--line);padding:10px 24px 20px}
.ss-mmenu a{padding:10px 0;font-size:13px;color:var(--ink-2);border-bottom:1px solid var(--line);font-weight:600}
.ss-mmenu.open{display:flex}
.ss-mmenu .ss-cta{display:inline-block;margin-top:8px;text-align:center}

/* HERO SPLIT */
.ss-hero{min-height:calc(100vh - 70px);display:flex;align-items:stretch}
.ss-h-split{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:calc(100vh - 70px)}
.ss-h-left{background:var(--dark);color:#f8f3ea;padding:80px 60px 80px;display:flex;flex-direction:column;justify-content:center;position:relative}
.ss-h-left::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)}
.ss-h-left h1{font-family:var(--serif);font-size:clamp(36px,5vw,62px);font-weight:400;line-height:1.1;margin:10px 0 22px;letter-spacing:-.5px}
.ss-h-left h1 span{color:var(--gold);font-style:italic}
.ss-h-sub{color:rgba(248,243,234,.75);font-size:15px;line-height:1.9;margin-bottom:32px;max-width:520px}
.ss-h-ctas{display:flex;gap:10px;margin-bottom:40px;flex-wrap:wrap}
.ss-h-foot{display:flex;gap:30px;border-top:1px solid rgba(248,243,234,.15);padding-top:28px}
.ss-h-foot b{font-family:var(--serif);font-size:28px;color:var(--gold);display:block;line-height:1}
.ss-h-foot span{font-size:11px;letter-spacing:2px;color:rgba(248,243,234,.6);margin-top:6px;display:block}
.ss-h-right{position:relative;overflow:hidden}
.ss-h-right img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.85)}
.ss-h-tag{position:absolute;bottom:30px;left:30px;background:rgba(15,46,46,.9);color:#fff;padding:18px 22px;border-left:4px solid var(--gold)}
.ss-h-tag b{font-family:var(--serif);font-size:18px;font-style:italic;display:block}
.ss-h-tag em{font-size:10px;letter-spacing:2px;color:var(--gold);font-style:normal;display:block;margin-top:4px}

/* SPLIT SECTIONS */
.ss-split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.ss-sp-l{padding:70px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}
.ss-sp-r{padding:60px;display:flex;align-items:center}
.ss-sp-dark{background:var(--dark);color:#f8f3ea}
.ss-sp-dark p{color:rgba(248,243,234,.7);line-height:1.85;font-size:14px}
.ss-sp-dark h2,.ss-sp-wine h2,.ss-sp-cream h2{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);font-weight:400;line-height:1.15;margin:10px 0 22px}
.ss-sp-dark::after{content:"01";position:absolute;right:40px;bottom:30px;font-family:var(--serif);font-size:80px;color:rgba(201,162,74,.15);font-style:italic;line-height:1}
.ss-svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;width:100%}
.ss-svc-grid div{padding:18px 0;border-top:1px solid var(--line);transition:.2s}
.ss-svc-grid div:hover{padding-left:10px;border-top-color:var(--wine)}
.ss-svc-grid b{font-family:var(--serif);font-size:22px;color:var(--wine);font-style:italic;display:block;margin-bottom:6px;line-height:1}
.ss-svc-grid h4{font-family:var(--serif);font-size:17px;margin-bottom:6px}
.ss-svc-grid p{font-size:13px;color:var(--ink-3);line-height:1.7}

.ss-sp-img{position:relative;padding:0;overflow:hidden}
.ss-sp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.ss-img-label{position:absolute;bottom:40px;left:40px;background:var(--wine);color:#fff;padding:14px 20px;font-family:var(--serif);font-size:14px;letter-spacing:3px;font-style:italic;border-left:4px solid var(--gold)}
.ss-sp-wine{background:var(--wine);color:#f8f3ea}
.ss-sp-wine::after{content:"02";position:absolute;right:40px;bottom:30px;font-family:var(--serif);font-size:80px;color:rgba(248,243,234,.1);font-style:italic;line-height:1}
.ss-sp-lead{font-family:var(--serif);font-style:italic;font-size:17px;color:rgba(248,243,234,.8);margin-bottom:24px;line-height:1.7}
.ss-ivf-list{list-style:none}
.ss-ivf-list li{display:flex;gap:18px;padding:16px 0;border-top:1px solid rgba(248,243,234,.2);align-items:flex-start}
.ss-ivf-list li:last-child{border-bottom:1px solid rgba(248,243,234,.2)}
.ss-ivf-list span{
  flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gold);
  color:var(--gold);display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-style:italic;font-size:14px;font-weight:700;
}
.ss-ivf-list h4{font-family:var(--serif);font-size:18px;margin-bottom:4px}
.ss-ivf-list p{font-size:13px;color:rgba(248,243,234,.7);line-height:1.7}

.ss-sp-cream{background:var(--cream-2);color:var(--ink)}
.ss-sp-cream p{color:var(--ink-3);line-height:1.85;font-size:14px}
.ss-sp-cream::after{content:"03";position:absolute;right:40px;bottom:30px;font-family:var(--serif);font-size:80px;color:rgba(107,30,46,.1);font-style:italic;line-height:1}
.ss-sp-steps{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:60px 50px}
.ss-sp-steps > div{padding:18px 0;border-bottom:1px solid var(--line)}
.ss-sp-steps b{font-family:var(--serif);font-size:28px;color:var(--dark);font-style:italic;display:block;margin-bottom:6px;line-height:1}
.ss-sp-steps h4{font-family:var(--serif);font-size:16px;margin-bottom:4px}
.ss-sp-steps p{font-size:12px;color:var(--ink-3);line-height:1.7}

.ss-sp-faq{background:var(--paper);padding:70px 60px;display:flex;flex-direction:column;justify-content:center}
.ss-sp-faq h2{font-family:var(--serif);font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.15;margin:10px 0 24px}
.ss-sp-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.ss-sp-faq summary{list-style:none;cursor:pointer;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif)}
.ss-sp-faq summary::-webkit-details-marker{display:none}
.ss-sp-faq summary i{width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%;margin-left:10px;position:relative;flex-shrink:0;transition:.2s}
.ss-sp-faq summary i::before,.ss-sp-faq summary i::after{content:"";position:absolute;background:var(--ink)}
.ss-sp-faq summary i::before{width:8px;height:2px;left:4px;top:7px}
.ss-sp-faq summary i::after{width:2px;height:8px;left:7px;top:4px;transition:.2s}
.ss-sp-faq details[open] summary i::after{transform:scaleY(0)}
.ss-sp-faq details div{padding:12px 0 6px;font-size:13px;color:var(--ink-2);line-height:1.8}
.ss-sp-env{background:var(--dark);color:#f8f3ea;padding:70px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}
.ss-sp-env::after{content:"04/05";position:absolute;right:40px;bottom:30px;font-family:var(--serif);font-size:60px;color:rgba(201,162,74,.15);font-style:italic;line-height:1}
.ss-sp-env h2{font-family:var(--serif);font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.15;margin:10px 0 24px}
.ss-env-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-env-card{padding:18px;background:rgba(248,243,234,.05);border-left:3px solid var(--gold);transition:.2s}
.ss-env-card:hover{background:rgba(248,243,234,.1);transform:translateX(4px)}
.ss-env-card h4{font-family:var(--serif);font-size:14px;margin-bottom:4px;color:var(--gold)}
.ss-env-card p{font-size:12px;color:rgba(248,243,234,.7);line-height:1.7}

/* NEWS */
.ss-news{padding:80px 0;background:var(--cream)}
.ss-sec-center{text-align:center;max-width:640px;margin:0 auto 40px}
.ss-sec-center h2{font-family:var(--serif);font-size:clamp(28px,3vw,44px);font-weight:400;margin:10px 0 12px}
.ss-sec-center p{color:var(--ink-3);font-size:14px;line-height:1.8;font-family:var(--serif);font-style:italic}
ul.article-cards{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;
  list-style:none;margin:0;padding:0;width:100%;box-sizing:border-box;
}
ul.article-cards > li.article-card{
  min-width:0;width:auto;max-width:none;margin:0;float:none;box-sizing:border-box;
  background:var(--paper);border-top:3px solid var(--wine);
  overflow:hidden;transition:.25s;
}
ul.article-cards > li.article-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(107,30,46,.15)}
.article-card .card-thumb{width:100%;overflow:hidden;aspect-ratio:16/10}
.article-card .card-thumb img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.4s}
.article-card:hover .card-thumb img{filter:saturate(1);transform:scale(1.05)}
.article-card .card-title{overflow-wrap:anywhere;padding:18px 20px 8px;font-size:15px;font-weight:700;line-height:1.5;font-family:var(--serif)}
.article-card .card-date{display:block;padding:0 20px 10px;font-size:10px;color:var(--wine);letter-spacing:2px;font-family:var(--serif);font-style:italic;font-weight:700}
.article-card .card-summary{overflow-wrap:anywhere;padding:0 20px 22px;font-size:12px;color:var(--ink-3);line-height:1.7}

/* ABOUT 分屏 */
.ss-ab-split{display:grid;grid-template-columns:1.3fr 1fr}
.ss-ab-l{background:var(--dark);color:#f8f3ea;padding:80px 70px;position:relative}
.ss-ab-l::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)}
.ss-ab-l h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,50px);font-weight:400;margin:10px 0 14px}
.ss-ab-lead{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold);margin-bottom:22px;line-height:1.6}
.ss-ab-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:20px}
.ss-ab-list span{font-size:13px;color:rgba(248,243,234,.8);padding:6px 0}
.ss-ab-r{background:var(--wine);color:#f8f3ea;padding:80px 60px;display:flex;flex-direction:column;justify-content:center}
.ss-ab-r h3{font-family:var(--serif);font-size:24px;font-weight:400;margin-bottom:16px;color:var(--gold)}
.ss-ab-r p{font-size:14px;color:rgba(248,243,234,.75);line-height:1.9;margin-bottom:24px}

/* CONTACT 分屏 */
.ss-ct-split{display:grid;grid-template-columns:1fr 1fr}
.ss-ct-l{background:var(--cream-2);padding:80px 70px}
.ss-ct-l h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,50px);font-weight:400;line-height:1.1;margin:10px 0 18px}
.ss-ct-l > p{color:var(--ink-2);line-height:1.85;margin-bottom:28px;max-width:520px}
.ss-bigphone{
  display:inline-flex;align-items:center;gap:14px;
  background:var(--dark);color:#fff;padding:16px 28px;font-family:var(--serif);
  font-size:clamp(18px,2vw,24px);transition:.2s;border-left:4px solid var(--gold);
}
.ss-bigphone:hover{background:var(--wine);transform:translateY(-2px)}
.ss-ct-note{font-size:11px;color:var(--ink-3);letter-spacing:2px;margin-top:12px;font-family:var(--serif);font-style:italic}
.ss-form{background:var(--paper);padding:50px 50px}
.ss-form h3{font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:22px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.ss-form label{display:block;font-size:11px;font-weight:700;color:var(--ink-3);margin-bottom:14px;letter-spacing:1.5px;font-family:var(--serif);font-style:italic}
.ss-form input,.ss-form select,.ss-form textarea{
  width:100%;margin-top:5px;padding:10px 14px;background:var(--cream);border:1px solid var(--line);
  font-size:13px;font-family:inherit;transition:.2s;
}
.ss-form input:focus,.ss-form select:focus,.ss-form textarea:focus{outline:none;border-color:var(--wine);background:#fff}
.ss-form textarea{resize:vertical}
.ss-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss-f-note{font-size:10px;color:var(--ink-3);margin-top:10px;text-align:center;font-family:var(--serif);font-style:italic}

/* FOOTER 分屏 */
.ss-foot{background:#0a0806;color:#c9bdab}
.ss-f-split{display:grid;grid-template-columns:1.2fr 2fr}
.ss-f-l{background:#100c08;padding:50px 60px;border-right:1px solid rgba(255,255,255,.06)}
.ss-f-l h3{font-family:var(--serif);font-size:26px;color:var(--gold);font-style:italic;margin-bottom:8px;font-weight:400}
.ss-f-l p{font-size:12px;color:#8a7c6d;margin-bottom:16px;line-height:1.7}
.ss-f-phone{display:inline-block;padding:8px 16px;border:1px solid var(--gold);color:var(--gold);font-family:var(--serif);font-size:13px;font-style:italic}
.ss-f-phone:hover{background:var(--gold);color:#0a0806}
.ss-f-r{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 60px}
.ss-f-r h5{color:#f8f3ea;font-size:12px;letter-spacing:2px;margin-bottom:12px;font-family:var(--serif)}
.ss-f-r a{display:block;font-size:12px;color:#8a7c6d;padding:3px 0}
.ss-f-r a:hover{color:var(--gold)}
.ss-f-friends{padding:18px 60px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;color:#8a7c6d;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--serif);font-style:italic}
.ss-f-friends a{color:#c9bdab;margin-right:8px}
.ss-f-friends a:hover{color:var(--gold)}
.ss-f-btm{padding:18px 60px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#5a4d40}
.ss-beian a{color:#8a7c6d}
.ss-beian a:hover{color:var(--gold)}
.ss-beian em{margin:0 6px;opacity:.4;font-style:normal}

/* ARTICLE DETAIL */
.ss-crumb{padding:100px 0 16px;background:var(--cream-2)}
.ss-crumb a,.ss-crumb span{font-size:11px;color:var(--ink-3);font-family:var(--serif);font-style:italic;letter-spacing:1px}
.ss-crumb a:hover{color:var(--wine)}
.ss-art{padding:20px 0 70px}
.ss-art-wrap{max-width:800px;margin:0 auto;background:var(--paper);padding:50px 58px;border-top:4px solid var(--wine);box-shadow:0 2px 20px rgba(26,20,16,.06)}
.ss-art-wrap h1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.25;margin:6px 0 16px}
.ss-art-sum{font-family:var(--serif);font-size:14px;color:var(--ink-2);line-height:1.85;font-style:italic;padding:14px 18px;background:var(--cream);border-left:4px solid var(--gold);margin-bottom:12px}
.ss-art-meta{font-size:11px;color:var(--ink-3);letter-spacing:1px;font-family:var(--serif);font-style:italic;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.ss-hidden{display:none}
.ss-art-fig{margin:22px 0;overflow:hidden}
.ss-art-fig img{width:100%;height:auto}
.ss-art-body{font-size:15px;line-height:1.95;color:var(--ink-2)}
.ss-art-body h2,.ss-art-body h3,.ss-art-body h4{font-family:var(--serif);font-weight:400;color:var(--ink);margin:1.8em 0 .8em;line-height:1.35}
.ss-art-body h2{font-size:24px;border-bottom:2px solid var(--ink);padding-bottom:8px}
.ss-art-body h3{font-size:20px}
.ss-art-body h4{font-size:17px}
.ss-art-body p{margin-bottom:1em}
.ss-art-body img{max-width:100%;height:auto;margin:14px 0}
.ss-art-body ul,.ss-art-body ol{padding-left:22px;margin:1em 0}
.ss-art-body li{margin-bottom:.4em}
.ss-art-body blockquote{border-left:4px solid var(--wine);background:#fbf0f2;padding:14px 20px;margin:1.4em 0;font-family:var(--serif);font-style:italic;color:var(--wine)}
.ss-disc{margin-top:34px;padding:18px;background:#fffbeb;border-left:4px solid var(--gold)}
.ss-disc b{color:#92400e;display:block;margin-bottom:6px;font-size:12px;font-family:var(--serif);letter-spacing:1px;font-style:italic}
.ss-disc p{font-size:12px;color:var(--ink-2);line-height:1.85}
.ss-art-rel{margin-top:40px;padding-top:26px;border-top:2px solid var(--ink)}
.ss-art-rel h3{font-family:var(--serif);font-size:18px;font-weight:400;margin-bottom:14px;font-style:italic}
.ss-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss-rel-grid a{padding:14px 16px;border:1px solid var(--line);transition:.2s;display:block}
.ss-rel-grid a:hover{border-color:var(--wine);background:var(--cream);transform:translateY(-2px)}
.ss-rel-grid b{font-size:13px;font-weight:700;font-family:var(--serif);display:block;margin-bottom:4px}
.ss-rel-grid p{font-size:11px;color:var(--ink-3);font-family:var(--serif);font-style:italic}
.ss-art-cta{
  margin-top:34px;padding:24px;background:var(--dark);color:#f8f3ea;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-left:4px solid var(--gold);
}
.ss-art-cta h3{font-family:var(--serif);font-size:16px;font-style:italic;margin-bottom:4px;color:var(--gold)}
.ss-art-cta p{font-size:12px;color:rgba(248,243,234,.7)}
.ss-art-cta .ss-btn-light{background:var(--gold);color:var(--ink)}
.ss-art-cta .ss-btn-light:hover{background:var(--paper)}

/* RESPONSIVE */
@media (max-width:1080px){
  .ss-h-split,.ss-split,.ss-ab-split,.ss-ct-split{grid-template-columns:1fr}
  .ss-h-left,.ss-sp-l,.ss-sp-r,.ss-ab-l,.ss-ab-r,.ss-ct-l,.ss-form{padding:40px 28px}
  .ss-h-right{min-height:360px;position:relative}
  .ss-h-right img{position:relative;height:360px}
  .ss-f-split{grid-template-columns:1fr}
  .ss-f-l{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .ss-f-r,.ss-f-friends,.ss-f-btm{padding:30px 28px}
  .ss-svc-grid,.ss-sp-steps,.ss-env-grid,.ss-f-r,.ss-f2,.ss-ab-list,.ss-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .ss-wrap{padding:0 18px}
  .ss-nav{display:none}
  .ss-ham{display:flex}
  .ss-hero,.ss-news{padding:0}
  .ss-svc-grid,.ss-sp-steps,.ss-env-grid,.ss-f-r,.ss-f2,.ss-ab-list,.ss-rel-grid,.ss-h-foot{grid-template-columns:1fr}
  .ss-f-btm{flex-direction:column}
  .ss-art-wrap{padding:30px 22px}
  .ss-h-left h1{font-size:34px}
  .ss-sp-l,.ss-sp-r{min-height:auto}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
