/* 海外试管婴儿知识指南 - responsive static theme */
:root{--ink:#172b45;--muted:#61738a;--soft:#f4f8fc;--line:#e3ebf3;--blue:#2467aa;--blue2:#3d86c9;--teal:#1d9b98;--gold:#dca94b;--white:#fff;--shadow:0 16px 44px rgba(34,68,105,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.78}a{color:var(--blue);text-decoration:none}a:hover{color:#164c83;text-decoration:underline;text-underline-offset:3px}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:20}.skip-link:focus{left:12px}.topline{background:#f5f8fb;border-bottom:1px solid #edf1f5;color:#728298;font-size:12px}.topline-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(225,234,243,.9)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none!important;flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#286eae,#49a7aa);color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;box-shadow:0 7px 18px rgba(37,112,157,.2)}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-text b{font-size:17px;letter-spacing:.2px}.brand-text small{font-size:9px;letter-spacing:1.45px;color:#91a0b2;margin-top:4px}.primary-nav{display:flex;align-items:center;gap:19px}.primary-nav a{font-size:13px;font-weight:650;color:#586b82;white-space:nowrap;padding:27px 0 24px;border-bottom:3px solid transparent}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--blue);border-bottom-color:var(--teal);text-decoration:none}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#f3f8fc 0%,#f8fbfd 56%,#edf7f7 100%);border-bottom:1px solid #e9f0f5}.hero-home{min-height:396px;display:flex;align-items:center}.hero-copy{width:min(var(--max),calc(100% - 48px));margin:0 auto;position:relative;z-index:2;padding:60px 0;max-width:var(--max)}.hero-copy>h1{max-width:670px;font-size:clamp(30px,3.7vw,46px);line-height:1.28;letter-spacing:-1.3px;margin:16px 0 17px;color:#183b5b}.hero-copy>p{max-width:670px;color:#61748a;font-size:16px;line-height:1.95;margin:0}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:2px;color:#4a879c}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#45a6a0;box-shadow:0 0 0 5px rgba(69,166,160,.12)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(110deg,#2672ad,#218f9b);box-shadow:0 8px 18px rgba(37,119,157,.16)}.button-primary:hover{color:#fff}.button-ghost{background:#fff;color:#2d698f;border:1px solid #dbe7ef}.hero-visual{position:absolute;right:max(calc((100vw - var(--max))/2 + 18px),5vw);top:50%;transform:translateY(-50%);width:355px;height:300px}.orbit{position:absolute;border:1px solid rgba(63,139,165,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:260px;height:260px}.orbit-two{width:320px;height:320px;border-style:dashed}.visual-core{position:absolute;width:148px;height:148px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#fff,#e4f2f4);box-shadow:0 15px 45px rgba(44,112,140,.14),inset 0 0 0 1px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b7894}.visual-core:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(48,133,155,.18)}.visual-core span{font-size:37px;font-weight:800;letter-spacing:2px}.visual-core small{font-size:8px;letter-spacing:2px;color:#8ba6b5}.visual-pill{position:absolute;padding:8px 13px;border:1px solid #e2edf1;background:rgba(255,255,255,.9);border-radius:6px;color:#607c90;font-size:11px;box-shadow:0 7px 20px rgba(35,85,115,.06)}.pill-a{top:25px;left:23px}.pill-b{right:2px;top:104px}.pill-c{left:37px;bottom:20px}.hero-inner{min-height:236px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-left:max(calc((100vw - var(--max))/2),24px);padding-right:max(calc((100vw - var(--max))/2),24px)}.hero-inner .hero-copy{width:auto;max-width:calc(var(--max) - 150px);min-width:0;flex:1 1 auto;margin:0;padding:45px 0}.hero-inner .hero-copy>h1{font-size:34px;max-width:850px;margin:11px 0}.hero-inner .hero-copy>p{max-width:840px;font-size:14px}.hero-mark{margin-right:0;width:118px;height:118px;flex:0 0 118px;border-radius:50%;background:linear-gradient(145deg,#fff,#eaf4f5);box-shadow:0 12px 34px rgba(40,106,139,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2a7994}.hero-mark span{font-size:32px;font-weight:800;letter-spacing:1px}.hero-mark small{font-size:7px;letter-spacing:1.2px;color:#8ba3b3}.page-container{padding-top:27px;padding-bottom:72px}.breadcrumb{font-size:12px;color:#9aa8b7;display:flex;gap:10px;align-items:center;padding:0 0 23px}.breadcrumb a{color:#7d91a4}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:54px;align-items:start}.main-content{min-width:0;max-width:850px}.article-section{padding:0 0 27px;margin:0 0 28px;border-bottom:1px solid #edf1f5}.article-section:last-of-type{border-bottom:0}.article-section h2,.intro-panel h2{font-size:22px;line-height:1.45;margin:0 0 13px;color:#1a4568;letter-spacing:-.35px}.article-section h2:before,.intro-panel h2:before{content:"";display:inline-block;width:4px;height:19px;background:linear-gradient(#3487b9,#34a7a0);border-radius:4px;margin-right:11px;vertical-align:-2px}.article-section h3{font-size:17px;color:#264e70;margin:21px 0 7px}.article-section p,.intro-panel p{margin:0 0 12px;color:#52677d;font-size:15px}.article-section p:last-child{margin-bottom:0}.intro-panel{padding:25px 28px;margin-bottom:40px;border:1px solid #e4edf3;border-radius:10px;background:linear-gradient(135deg,#fbfdff,#f6fafc)}.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#55a1a2;margin-bottom:8px}.intro-panel h2{margin-bottom:11px}.note{border-left:3px solid #d8ac53;background:#fffaf0;padding:13px 16px;margin:19px 0 0;color:#75613d;font-size:13px;border-radius:0 5px 5px 0}.note-blue{background:#f1f8fc;border-left-color:#4b9ab4;color:#4c6e84}.number-list{counter-reset:item;list-style:none;padding:0;margin:15px 0}.number-list li{counter-increment:item;position:relative;padding:0 0 14px 43px;margin:0 0 14px;border-bottom:1px dashed #e8edf2;color:#566c80;font-size:14px}.number-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:0;width:29px;height:29px;border-radius:7px;background:#eff6fa;color:#3880a4;display:grid;place-items:center;font-size:10px;font-weight:800}.number-list b{color:#2c4e6b}.check-list{padding:0;list-style:none;margin:13px 0}.check-list li{position:relative;padding:8px 0 8px 27px;color:#53697f;font-size:14px;border-bottom:1px dashed #edf1f4}.check-list li:before{content:"✓";position:absolute;left:1px;top:9px;color:#299b91;font-weight:800;font-size:14px}.source-list{padding-left:20px;color:#53697f}.source-list li{padding:6px 0;font-size:14px}.source-callout{margin:16px 0 0;padding:17px 19px;border:1px solid #e2edf3;background:#f7fbfd;border-radius:8px;display:flex;flex-direction:column;gap:7px}.source-callout b{font-size:13px;color:#315a78;margin-bottom:2px}.source-callout a{font-size:13px}.article-meta{display:flex;flex-wrap:wrap;gap:18px;padding-top:19px;color:#a1adba;font-size:11px}.sidebar{position:sticky;top:100px}.sidebar-box{border:1px solid #e5edf3;border-radius:9px;padding:19px 18px;margin-bottom:15px;background:#fff}.side-title{font-size:14px;font-weight:800;color:#294d6b;margin-bottom:12px}.sidebar-box>a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f0f3f6;font-size:12px;color:#65798d}.sidebar-box>a span{color:#8eabb9}.side-note{background:#f6fafc}.side-note p{color:#75889a;font-size:12px;margin:0;line-height:1.8}.section-block{margin:46px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:19px}.section-head h2{font-size:25px;line-height:1.3;margin:0;color:#1d4566}.section-head>p{font-size:12px;color:#8998a8;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{min-height:205px;border:1px solid #e5edf3;border-radius:9px;padding:20px 18px;background:#fff;transition:.2s;display:flex;flex-direction:column}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none;border-color:#c9dce8}.topic-icon{height:38px;min-width:38px;width:max-content;padding:0 9px;border-radius:8px;background:#eef6fa;color:#3481a5;display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:.3px}.topic-card h3{font-size:16px;color:#264d6d;margin:14px 0 5px}.topic-card p{font-size:12px;line-height:1.8;color:#7a8b9d;margin:0 0 13px}.more{font-size:11px;font-weight:750;color:#3586a0;margin-top:auto}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.destination-card{padding:23px 23px 21px;border-radius:9px;min-height:210px;border:1px solid #e3edf2;transition:.2s}.destination-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}.destination-card.usa{background:linear-gradient(145deg,#f3f8fd,#fff)}.destination-card.thai{background:linear-gradient(145deg,#f1faf8,#fff)}.destination-card.russia{background:linear-gradient(145deg,#f7f7fb,#fff)}.destination-label{font-size:9px;letter-spacing:1.8px;color:#7b9aaa;font-weight:800}.destination-card h3{font-size:19px;color:#234d6c;margin:11px 0 8px}.destination-card p{color:#728599;font-size:12px;line-height:1.8;margin:0 0 13px}.destination-link{font-size:11px;font-weight:750;color:#39879c}.split-block{display:grid;grid-template-columns:1.5fr .8fr;gap:60px;align-items:center;padding:31px 34px;background:#f6fafc;border:1px solid #e8f0f4;border-radius:10px}.split-block h2{font-size:24px;line-height:1.4;color:#244e6d;margin:5px 0 11px}.split-block p{font-size:13px;color:#61778b;margin:0 0 13px}.text-link{font-size:12px;font-weight:700}.stat-card{padding:24px;background:#fff;border:1px solid #e2edf2;border-radius:9px;box-shadow:0 8px 24px rgba(36,78,103,.05)}.stat-label{font-size:11px;color:#8aa0ae}.stat-number{font-size:36px;color:#2e8c9a;font-weight:800;line-height:1.3;margin:7px 0}.stat-card p{font-size:12px!important;line-height:1.8;color:#75899b!important;margin:0 0 10px!important}.stat-foot{font-size:10px;color:#9aa8b5;border-top:1px solid #edf1f4;padding-top:10px}.link-list{border-top:1px solid #e8eef3}.link-list>a{padding:14px 5px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef3;color:#385a76}.link-list>a:hover{text-decoration:none;color:#217b9a}.link-list span{display:flex;flex-direction:column}.link-list b{font-size:14px}.link-list small{font-size:11px;color:#8c9aaa;margin-top:3px}.link-list i{font-style:normal;color:#83a8b7}.faq-list details{border:1px solid #e5edf3;border-radius:8px;margin:0 0 11px;background:#fff;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:16px 45px 16px 18px;font-size:14px;font-weight:750;color:#315572;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:18px;top:14px;color:#4b9a9e;font-size:18px}.faq-list details[open] summary{background:#f7fafc;border-bottom:1px solid #edf1f4}.faq-list details[open] summary:after{content:"－"}.faq-list details p{padding:14px 18px 17px;margin:0;color:#63788b;font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.contact-item{border:1px solid #e4edf3;padding:16px 17px;border-radius:8px;background:#f9fbfd;display:flex;flex-direction:column;gap:4px}.contact-item.wide{grid-column:1/-1}.contact-item span{font-size:11px;color:#8a9bab}.contact-item b{font-size:14px;color:#2e5877}.contact-item small{font-size:11px;color:#9aa8b5}.muted{color:#8796a5!important;font-size:13px!important}.site-footer{background:#f4f8fb;border-top:1px solid #e5edf3}.footer-main{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:42px 0 32px;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:60px}.footer-brand p{font-size:12px;color:#8595a5;max-width:330px;line-height:1.9;margin:15px 0 0}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links>b{font-size:13px;color:#355774;margin-bottom:5px}.footer-links a{font-size:12px;color:#8091a1}.footer-links a:hover{color:#2b7f99}.footer-bottom{border-top:1px solid #e5edf3;padding:16px max(calc((100vw - var(--max))/2),24px) 19px;color:#9aa8b5;font-size:10px}.record-lines{display:flex;flex-wrap:wrap;gap:8px 20px;color:#7e91a2}.footer-bottom p{margin:8px 0 0}.article-section a{text-decoration:underline;text-decoration-color:#b5d1dc;text-underline-offset:3px}
@media(max-width:1050px){.primary-nav{gap:11px}.primary-nav a{font-size:12px}.hero-visual{right:4vw;transform:translateY(-50%) scale(.86)}.hero-copy>h1,.hero-copy>p{max-width:58%}.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.container{width:min(100% - 34px,var(--max))}.topline-inner{min-height:30px}.topline-right{display:none}.header-inner{min-height:67px}.brand-mark{width:38px;height:38px}.brand-text b{font-size:15px}.brand-text small{font-size:8px}.menu-toggle{border:0;background:#f1f6f9;border-radius:6px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;align-items:center;color:#547087}.menu-toggle span{width:18px;height:2px;background:#547087;border-radius:2px}.menu-toggle em{font-style:normal;font-size:9px}.primary-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:8px 17px 15px;background:#fff;border-bottom:1px solid #e5edf3;box-shadow:0 15px 25px rgba(32,67,95,.08);grid-template-columns:repeat(3,1fr);gap:0 12px}.primary-nav.is-open{display:grid}.primary-nav a{padding:10px 2px;border-bottom:1px solid #f0f3f6;font-size:12px}.hero-home{min-height:0}.hero-copy{width:calc(100% - 34px);padding:45px 0 39px}.hero-copy>h1{font-size:32px;max-width:100%;margin:13px 0}.hero-copy>p{font-size:14px;max-width:100%;line-height:1.85}.hero-visual{opacity:.15;right:-100px;top:58%;transform:translateY(-50%) scale(.7)}.hero-actions{margin-top:20px}.button{min-height:41px;padding:0 14px;font-size:12px}.hero-inner{min-height:0;padding-left:17px;padding-right:17px;gap:0}.hero-inner .hero-copy{max-width:none;padding:34px 0}.hero-inner .hero-copy>h1{font-size:27px;max-width:100%}.hero-inner .hero-copy>p{font-size:13px;max-width:100%}.hero-mark{display:none}.page-container{padding-top:19px;padding-bottom:45px}.breadcrumb{padding-bottom:16px;font-size:11px}.content-layout{display:block}.main-content{max-width:none}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.sidebar-box{margin:0;padding:14px}.sidebar-box>a{font-size:11px}.side-note p{font-size:11px}.section-block{margin:35px 0}.section-head{display:block}.section-head h2{font-size:22px}.section-head>p{margin-top:8px}.destination-grid{grid-template-columns:1fr}.destination-card{min-height:0;padding:19px}.split-block{grid-template-columns:1fr;gap:20px;padding:23px}.split-block h2{font-size:21px}.footer-main{width:calc(100% - 34px);grid-template-columns:1fr 1fr;gap:27px;padding:30px 0}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:100%}.footer-bottom{padding:15px 17px 20px}.record-lines{display:block}.record-lines span{display:block;margin:4px 0}.article-section h2,.intro-panel h2{font-size:20px}.article-section p,.intro-panel p{font-size:14px}.contact-grid{grid-template-columns:1fr}.contact-item.wide{grid-column:auto}}
@media(max-width:420px){.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}.sidebar{grid-template-columns:1fr}.hero-copy>h1{font-size:29px}.footer-main{grid-template-columns:1fr 1fr;gap:23px 15px}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
