/* ============================================================
   VITALCRAFT · Medical Device Manufacturer (OEM/ODM)
   设计语言: 瑞士极净临床风 (Swiss Clinical Grid)
   纯白 #FFFFFF / 冰灰 #F4F7FA / 医疗蓝 #0B5FD7 / 墨黑 #0C1420
   细发丝分隔线 / 黑 rule 顶线章节头 / 大留白
   方正无圆角 / 无阴影 / 克制的蓝色点缀
   ============================================================ */

:root{
    --c-white:#FFFFFF;
    --c-ice:#F4F7FA;
    --c-blue:#0B5FD7;
    --c-blue-soft:#E8F0FC;
    --c-ink:#0C1420;
    --c-gray:#5C6B7C;
    --c-hair:#DDE4EC;
    --font:'HarmonyOS Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --grid:min(144rem,calc(100% - 8rem));
    --nav-h:8rem;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:clamp(9px,0.6945vw,11px);}
body{font-family:var(--font);font-size:1.6rem;line-height:1.7;color:var(--c-ink);background:var(--c-white);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;border:none;background:none;cursor:pointer;}
section{scroll-margin-top:calc(var(--nav-h) + 1rem);}
::selection{background:var(--c-blue);color:#fff;}

.index_grid{width:var(--grid);margin:0 auto;}

/* ---------- 按钮 ---------- */
.index_cta{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 3rem;background:var(--c-blue);color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.04em;line-height:1;transition:background .25s;white-space:nowrap;}
.index_cta:hover{background:#0A4FB4;}
.index_ghost{display:inline-flex;align-items:center;gap:.9rem;font-size:1.4rem;font-weight:700;color:var(--c-ink);padding:1.5rem 0;border-bottom:1px solid var(--c-ink);transition:color .25s,border-color .25s;}
.index_ghost:hover{color:var(--c-blue);border-color:var(--c-blue);}

/* ---------- 顶栏 ---------- */
.index_top{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-hair);}
.index_top-inner{height:var(--nav-h);display:flex;align-items:center;gap:4rem;}
.index_logo{display:flex;align-items:center;gap:1rem;font-size:1.9rem;font-weight:900;letter-spacing:.14em;}
.index_logo-mark{width:3rem;height:3rem;background:var(--c-blue);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:400;line-height:1;}
.index_top-nav{display:flex;gap:3.2rem;margin-left:auto;}
.index_top-nav a{font-size:1.45rem;font-weight:500;color:var(--c-gray);transition:color .2s;}
.index_top-nav a:hover{color:var(--c-blue);}
.index_top .index_cta{padding:1.2rem 2.4rem;}
.index_menu{display:none;flex-direction:column;gap:.7rem;padding:1rem;margin-left:auto;}
.index_menu span{width:2.6rem;height:1.5px;background:var(--c-ink);}

.index_sheet{position:fixed;inset:0;z-index:80;background:var(--c-white);padding:12rem 4.8rem 4rem;transform:translateY(-102%);transition:transform .45s;visibility:hidden;}
.index_sheet.is-open{transform:none;visibility:visible;}
.index_sheet-nav{display:flex;flex-direction:column;gap:2.6rem;}
.index_sheet-nav a{font-size:2.4rem;font-weight:700;}
.index_sheet-nav .index_cta{margin-top:1.6rem;max-width:max-content;font-size:1.5rem;}

/* ---------- 标签 ---------- */

/* ---------- Hero ---------- */
.index_hero{padding-top:var(--nav-h);border-bottom:1px solid var(--c-hair);}
.index_hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6rem;align-items:center;padding:8rem 0 7rem;}
.index_hero h1{font-size:5.8rem;line-height:1.06;font-weight:900;letter-spacing:-.015em;max-width:60rem;}
.index_hero-sub{margin-top:2.6rem;font-size:1.7rem;color:var(--c-gray);max-width:54rem;}
.index_hero-actions{margin-top:3.6rem;display:flex;gap:3rem;align-items:center;flex-wrap:wrap;}
.index_hero-certs{list-style:none;margin-top:4.4rem;display:flex;flex-wrap:wrap;gap:1rem;}
.index_hero-certs li{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-gray);border:1px solid var(--c-hair);padding:.8rem 1.4rem;}
.index_hero-media{position:relative;background:var(--c-ice);border:1px solid var(--c-hair);}
.index_hero-media img{width:100%;aspect-ratio:4/3.4;object-fit:cover;mix-blend-mode:multiply;}
.index_hero-media figcaption{position:absolute;left:0;bottom:0;right:0;padding:1.2rem 2rem;font-size:1.2rem;letter-spacing:.06em;color:var(--c-gray);background:rgba(255,255,255,.9);border-top:1px solid var(--c-hair);}
.index_hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--c-hair);}
.index_hero-stats div{padding:3.2rem 2.4rem 3.2rem 0;border-right:1px solid var(--c-hair);}
.index_hero-stats div:last-child{border-right:none;}
.index_hero-stats div:not(:first-child){padding-left:2.4rem;}
.index_hero-stats strong{display:block;font-size:3.6rem;font-weight:900;letter-spacing:-.01em;color:var(--c-blue);font-variant-numeric:tabular-nums;}
.index_hero-stats span{display:block;margin-top:.6rem;font-size:1.35rem;color:var(--c-gray);}

/* ---------- 章节 ---------- */
.index_sec{border-bottom:1px solid var(--c-hair);}
.index_sec--tint{background:var(--c-ice);}
.index_sec-grid{padding:9rem 0;}
.index_head{margin-bottom:5rem;border-top:2px solid var(--c-ink);padding-top:2.8rem;}
.index_head h2{font-size:3.8rem;line-height:1.12;font-weight:900;letter-spacing:-.01em;max-width:72rem;}
.index_head p{margin-top:1.8rem;font-size:1.6rem;color:var(--c-gray);max-width:66rem;}

/* ---------- 01 设备网格 ---------- */
.index_dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-hair);border:1px solid var(--c-hair);}
.index_dev{background:var(--c-white);display:flex;flex-direction:column;transition:background .25s;}
.index_dev:hover{background:var(--c-blue-soft);}
.index_dev figure{background:var(--c-ice);border-bottom:1px solid var(--c-hair);overflow:hidden;}
.index_dev img{width:100%;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s;}
.index_dev:hover img{transform:scale(1.04);}
.index_dev-body{padding:2.4rem 2.6rem 2.8rem;display:flex;flex-direction:column;gap:.8rem;flex:1;}
.index_dev-body h3{font-size:1.9rem;font-weight:700;}
.index_dev-body p{font-size:1.4rem;color:var(--c-gray);flex:1;}
.index_dev-class{align-self:flex-start;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-blue);border:1px solid currentColor;padding:.5rem 1rem;margin-top:.6rem;}

/* ---------- 02 OEM/ODM ---------- */
.index_cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-hair);border:1px solid var(--c-hair);}
.index_cap{background:var(--c-white);padding:3.6rem 3.4rem;position:relative;transition:background .25s;}
.index_cap:hover{background:var(--c-blue-soft);}
.index_cap-no{position:absolute;top:3.2rem;right:3.4rem;font-size:1.4rem;font-weight:900;color:var(--c-blue);}
.index_cap h3{font-size:2.1rem;font-weight:700;max-width:26rem;}
.index_cap p{margin-top:1.4rem;font-size:1.45rem;color:var(--c-gray);max-width:44rem;}

/* ---------- 03 质量深蓝面板 ---------- */
.index_panel{background:var(--c-ink);color:#fff;}
.index_panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:7rem;padding:10rem 0;align-items:center;}
.index_panel h2{font-size:3.8rem;line-height:1.12;font-weight:900;letter-spacing:-.01em;}
.index_panel-copy>p:not(:first-child){margin-top:2rem;font-size:1.6rem;color:rgba(255,255,255,.65);max-width:52rem;}
.index_panel-list{list-style:none;margin-top:3.6rem;display:grid;gap:1.6rem;}
.index_panel-list li{display:flex;gap:1.4rem;font-size:1.55rem;color:rgba(255,255,255,.85);}
.index_panel-list i{color:#5B9BF0;font-size:2rem;flex-shrink:0;margin-top:.2rem;}
.index_panel-media{display:grid;gap:2rem;}
.index_panel-media figure{border:1px solid rgba(255,255,255,.15);}
.index_panel-media img{width:100%;object-fit:cover;}
.index_panel-media figure:first-child img{aspect-ratio:16/9;}
.index_panel-media figure:last-child img{aspect-ratio:16/7;}

/* ---------- 04 应用横列 ---------- */
.index_app-list{display:flex;flex-direction:column;border-top:1px solid var(--c-hair);}
.index_app{display:grid;grid-template-columns:24rem 1fr auto;gap:4rem;align-items:center;padding:2.8rem 0;border-bottom:1px solid var(--c-hair);transition:background .25s;}
.index_app:hover{background:var(--c-blue-soft);}
.index_app figure{overflow:hidden;background:var(--c-ice);border:1px solid var(--c-hair);}
.index_app img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s;}
.index_app:hover img{transform:scale(1.05);}
.index_app h3{font-size:2.1rem;font-weight:700;}
.index_app div p{margin-top:.8rem;font-size:1.45rem;color:var(--c-gray);max-width:62rem;}
.index_app>i{font-size:2.4rem;color:var(--c-blue);margin-right:2rem;transition:transform .25s;}
.index_app:hover>i{transform:translateX(.5rem);}

/* ---------- 05 流程 ---------- */
.index_steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--c-hair);border:1px solid var(--c-hair);counter-reset:step;}
.index_steps li{background:var(--c-white);padding:2.8rem 2.4rem 3.2rem;}
.index_steps span{font-size:1.3rem;font-weight:900;color:var(--c-blue);font-variant-numeric:tabular-nums;}
.index_steps h3{margin-top:1.6rem;font-size:1.7rem;font-weight:700;}
.index_steps p{margin-top:1rem;font-size:1.35rem;color:var(--c-gray);}

/* ---------- 06 案例 ---------- */
.index_case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-hair);border:1px solid var(--c-hair);}
.index_case{background:var(--c-white);}
.index_case figure{background:var(--c-ice);border-bottom:1px solid var(--c-hair);overflow:hidden;}
.index_case img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s;}
.index_case:hover img{transform:scale(1.04);}
.index_case-body{padding:2.4rem 2.6rem 3rem;}
.index_case-meta{font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-blue);}
.index_case-body h3{margin-top:1.2rem;font-size:1.9rem;font-weight:700;line-height:1.3;}
.index_case-body>p:last-child{margin-top:1rem;font-size:1.4rem;color:var(--c-gray);}

/* ---------- 07 指南 ---------- */
.index_kb-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-hair);border:1px solid var(--c-hair);}
.index_kb{background:var(--c-white);padding:3.2rem 3rem 3.6rem;display:flex;flex-direction:column;transition:background .25s;}
.index_kb:hover{background:var(--c-blue-soft);}
.index_kb h3{font-size:1.9rem;font-weight:700;line-height:1.35;}
.index_kb p{margin-top:1.4rem;font-size:1.4rem;color:var(--c-gray);flex:1;}
.index_kb span{margin-top:2.4rem;display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-blue);}

/* ---------- 08 FAQ ---------- */
.index_faq{border-top:1px solid var(--c-hair);}
.index_faq details{border-bottom:1px solid var(--c-hair);}
.index_faq summary{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem 0;font-size:1.8rem;font-weight:700;cursor:pointer;list-style:none;}
.index_faq summary::-webkit-details-marker{display:none;}
.index_faq summary i{color:var(--c-blue);font-size:2rem;flex-shrink:0;transition:transform .3s;}
.index_faq details[open] summary i{transform:rotate(45deg);}
.index_faq details p{padding:0 0 2.6rem;font-size:1.5rem;color:var(--c-gray);max-width:78rem;}

/* ---------- 09 联系 ---------- */
.index_contact{background:var(--c-ice);border-bottom:1px solid var(--c-hair);}
.index_contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:7rem;padding:9rem 0;}
.index_contact-copy h2{font-size:3.8rem;font-weight:900;line-height:1.1;letter-spacing:-.01em;}
.index_contact-copy>p{margin-top:2rem;font-size:1.6rem;color:var(--c-gray);max-width:44rem;}
.index_contact-info{list-style:none;margin-top:3.4rem;display:grid;gap:1.6rem;}
.index_contact-info li{display:flex;align-items:flex-start;gap:1.4rem;font-size:1.55rem;}
.index_contact-info i{color:var(--c-blue);font-size:2rem;margin-top:.2rem;}
.index_form{background:var(--c-white);border:1px solid var(--c-hair);padding:4rem;display:grid;gap:2.2rem;height:max-content;}
.index_form-row{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;}
.index_form label{display:grid;gap:.8rem;font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-gray);}
.index_form input,.index_form textarea{border:1px solid var(--c-hair);background:var(--c-white);padding:1.4rem 1.6rem;font-family:var(--font);font-size:1.5rem;color:var(--c-ink);border-radius:0;transition:border-color .25s;}
.index_form input:focus,.index_form textarea:focus{outline:none;border-color:var(--c-blue);}
.index_form textarea{resize:vertical;}
.index_form .index_cta{justify-self:start;}
.index_form-note{font-size:1.4rem;color:var(--c-blue);min-height:1.4em;}

/* ---------- Footer ---------- */
.index_footer{background:var(--c-white);}
.index_footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:5rem;padding:7rem 0 5rem;}
.index_footer-brand>p{margin-top:2rem;font-size:1.45rem;color:var(--c-gray);max-width:36rem;}
.index_footer-social{margin-top:2.4rem;display:flex;gap:1.2rem;}
.index_footer-social a{width:4rem;height:4rem;border:1px solid var(--c-hair);display:grid;place-items:center;font-size:1.8rem;color:var(--c-gray);transition:all .25s;}
.index_footer-social a:hover{border-color:var(--c-blue);color:var(--c-blue);}
.index_footer-col{display:flex;flex-direction:column;gap:1.4rem;}
.index_footer-col p{font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink);margin-bottom:.8rem;}
.index_footer-col a{font-size:1.45rem;color:var(--c-gray);transition:color .2s;}
.index_footer-col a:hover{color:var(--c-blue);}
.index_footer-bar{border-top:1px solid var(--c-hair);}
.index_footer-bar-inner{display:flex;justify-content:space-between;gap:2rem;padding:2.4rem 0;font-size:1.3rem;color:var(--c-gray);flex-wrap:wrap;}

/* ---------- Reveal ---------- */
.index_reveal{opacity:0;transform:translateY(2rem);transition:opacity .65s ease,transform .65s ease;}
.index_reveal.is-visible{opacity:1;transform:none;}

/* ============ 平板 ============ */
@media (max-width:1100px){
    .index_top-nav{display:none;}
    .index_top .index_cta{display:none;}
    .index_menu{display:flex;}
    .index_hero-grid{grid-template-columns:1fr;gap:4rem;padding:6rem 0;}
    .index_hero h1{font-size:4.6rem;}
    .index_hero-stats{grid-template-columns:1fr 1fr;}
    .index_hero-stats div{border-right:none;border-bottom:1px solid var(--c-hair);padding:2.4rem 0;}
    .index_hero-stats div:not(:first-child){padding-left:0;}
    .index_hero-stats div:nth-child(odd){border-right:1px solid var(--c-hair);padding-right:2.4rem;}
    .index_hero-stats div:nth-child(even){padding-left:2.4rem;}
    .index_hero-stats div:nth-last-child(-n+2){border-bottom:none;}
    .index_sec-grid{padding:7rem 0;}
    .index_dev-grid,.index_case-grid,.index_kb-list{grid-template-columns:1fr 1fr;}
    .index_cap-grid{grid-template-columns:1fr;}
    .index_panel-grid,.index_contact-grid{grid-template-columns:1fr;gap:4.5rem;padding:7rem 0;}
    .index_steps{grid-template-columns:1fr 1fr;}
    .index_app{grid-template-columns:1fr;gap:1.8rem;}
    .index_app>i{display:none;}
}

/* ============ 手机 ============ */
@media (max-width:768px){
    .index_grid{width:calc(100% - 4rem);}
    .index_hero h1{font-size:3.6rem;}
    .index_hero-stats{grid-template-columns:1fr;}
    .index_hero-stats div{border-right:none !important;padding:2rem 0 !important;border-bottom:1px solid var(--c-hair) !important;}
    .index_hero-stats div:last-child{border-bottom:none !important;}
    .index_head h2{font-size:2.9rem;}
    .index_dev-grid,.index_case-grid,.index_kb-list,.index_steps{grid-template-columns:1fr;}
    .index_form{padding:2.6rem;}
    .index_form-row{grid-template-columns:1fr;}
    .index_contact-copy h2{font-size:2.9rem;}
    .index_footer-grid{grid-template-columns:1fr;gap:3.4rem;padding:5rem 0 4rem;}
    .index_footer-bar-inner{flex-direction:column;gap:.6rem;}
}