:root{--text:#0f172a;--muted:#475569;--bg:#ffffff;--brand:#2e7cf6;--brand-2:#54d2c5;--brand-3:#0ea5e9;--surface:#f2f9fb;--border:#e2e8f0;--shadow:0 6px 12px rgba(2,6,23,.08),0 2px 8px rgba(2,6,23,.06)}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.skip-link{position:absolute;left:-9999px;top:auto;overflow:hidden}
.skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px 12px;border-radius:6px}
.topbar{background:var(--surface);border-bottom:1px solid var(--border);font-size:14px;color:var(--muted)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:16px}
.topbar .divider{opacity:.5;margin:0 8px}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.logo-img{height:40px;width:auto;display:block}
.logo-mark{display:none}
.nav-toggle{display:none;appearance:none;border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:8px}
.nav-toggle .iconfont{font-size: 24px; color: var(--text);}
.site-nav{display:flex}
.site-nav .nav-level-1{display:flex;gap:8px;align-items:center}
.site-nav a{display:inline-block;padding:10px 4px; min-width: 90px; text-align: center; border-radius:8px}
.site-nav>ul>li>a{font-weight:600}
.site-nav>ul>li:hover>a{background:var(--surface)}
.site-nav .has-sub{position:relative}
.site-nav .has-sub.active::before{content:"";position:absolute;left:50%;top:calc(100% - 4px);transform:translateX(-50%);background: #0ea5e9; border-radius: 4px; height: 3px; width: 30px;}
.site-nav .has-sub .nav-link-name i{display: none;}
.site-nav .nav-level-2{position:absolute;left:50%;top:100%; transform:translateX(-50%); min-width:120px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none}
.site-nav .has-sub:hover>.nav-level-2{display:block}
.site-nav .nav-level-2 a{display:block;padding:10px 4px;border-radius:8px;color:var(--muted)}
.site-nav .nav-level-2 a:hover{background:var(--surface);color:var(--text)}

.hero{position:relative;background:radial-gradient(1200px 400px at 80% 20%,rgba(46,124,246,.2),transparent 60%),radial-gradient(1000px 400px at 20% 0,rgba(84,210,197,.25),transparent 60%),linear-gradient(180deg,#f7fbff,#ffffff)}
.hero .container{position:relative;overflow:hidden;padding: 0}
.hero .swiper-wrapper{display:flex;will-change:transform;transition:transform .3s ease}
.hero .swiper-slide{min-width:100%;display:grid;padding:0 16px;min-height:360px;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;}
.hero .swiper-pagination{padding: 12px 0;}
.hero .hero-text h1{font-size:40px;line-height:1.15;letter-spacing:.2px}
.hero .hero-text p{margin-top:16px;color:var(--muted);font-size:18px}
.hero .show-img{display:block; width: 400px; }
.hero .show-img .img{display:block; width: 100%; margin: auto; }
.hero .bg-img{display:block; position: absolute; }
.hero-ctas{display:flex;gap:12px;margin-top:24px}
.hero .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);padding:10px 18px;border-radius:8px;font-weight:600}
.hero .btn .iconfont{margin-right: .4em;}
.hero .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}
.hero .btn-outline{background:#fff;color:var(--text)}
.section{padding:56px 0}
.section.bg-gray{background:var(--surface)}
.section-head{margin-bottom:40px; text-align: center;}
.section-head h2{font-size:28px}
.section-head p{color:var(--muted);margin-top:10px}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature{display:grid; position: relative;grid-template-columns:300px minmax(0,1fr);column-gap:16px;border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff;align-items:flex-start}
.feature-icon{font-size:24px;margin-bottom:8px;position: absolute; right: 16px;top: 12px;}
.feature h3{font-size:18px;margin-bottom:8px}
.feature p{color:var(--muted);margin-bottom:8px;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4;}
.feature-body{min-width:0}
.feature-img{width: 100%; height: 200px; border-radius:8px;object-fit:cover}
.link{color:var(--brand);font-weight:600}

.section-experts{background:#fff}
.experts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.experts .expert-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.experts .expert-avatar{width:100%;display:flex;justify-content:center}
.experts .expert-avatar img{width:120px;height:180px;border-radius:12px;object-fit:cover}
.experts .expert-name{font-size:16px;margin-top:10px}
.experts .expert-title{font-size:13px;color:var(--muted);margin-bottom:4px}
.experts .expert-meta{font-size:13px;color:var(--muted);margin-bottom:4px}
.experts .expert-desc{font-size:13px;color:var(--muted);line-height:1.7}
.experts-show{display:grid;grid-template-columns:1fr 2.5fr;gap:8px;height:400px}
.experts-show .experts-nav{min-height:0;overflow-y:auto;display:grid;grid-auto-rows:94px;gap:8px;padding-right:4px}
.experts-show .experts-nav{-ms-overflow-style:none;scrollbar-width:none}
.experts-show .experts-nav::-webkit-scrollbar{width:0;height:0;display:none}
.experts-show .experts-nav-item{appearance:none;border:1px solid var(--border);border-radius:8px;background:#fff;display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.experts-show .experts-nav-item:hover{border-color:#bcd3ff;box-shadow:0 6px 14px rgba(46,124,246,.12)}
.experts-show .experts-nav-item.is-active{border-color:#8fb5ff;background:#f5f9ff;box-shadow:0 8px 18px rgba(46,124,246,.16)}
.experts-show .experts-nav-avatar{flex:0 0 60px; border-radius:50px; display:block; width:60px;height:60px; padding:1px; overflow:hidden;background:#eee}
.experts-show .experts-nav-avatar img{width:100%;height:100%;object-fit:cover}
.experts-show .experts-nav-text{min-width:0;display:grid;gap:4px}
.experts-show .experts-nav-name{font-size:18px;font-weight:700}
.experts-show .experts-nav-title{font-size:14px;color:#999; line-height:1.4}
.experts-show .experts-body{border:1px solid var(--border);border-radius:8px;position: relative; background:#fff;box-shadow:var(--shadow);padding:32px;height:100%;overflow:hidden}
.experts-show .experts-panel{display:none;height:100%;grid-template-columns:minmax(0,1fr) 240px ;gap:24px;align-items:stretch}
.experts-show .experts-panel.is-active{display:grid}
.experts-show .experts-panel-avatar{border-radius:8px;overflow:hidden;background:#e5e7eb;height:100%;}
.experts-show .experts-panel-avatar img{width:100%;height:100%;object-fit:cover}
.experts-show .experts-panel-content{display:flex;flex-direction:column;min-width:0}
.experts-show .experts-panel-name{font-size:32px;line-height:1.2;}
.experts-show .experts-panel-name span{margin-right: 0.5em;}
.experts-show .experts-panel-name .experts-panel-tip{display:inline-block;font-style: normal; padding:4px 8px;border-radius:4px;background:#f0f4ff;color:#2e7cf6;font-size:14px;font-weight:500;vertical-align:middle}
.experts-show .experts-panel-title{margin-top:8px;font-size:16px;color:var(--muted);opacity: 0.75;}
.experts-show .experts-panel-title::before{content: '专业：'; }
.experts-show .experts-panel-meta{color:var(--muted);opacity: 0.75;}
.experts-show .experts-panel-desc,.experts-show .experts-panel-meta{margin-top:12px;font-size:16px;display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2;line-clamp:2;}
.experts-show .experts-panel-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 8px;border-radius:4px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:700;max-width:160px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;border:1px solid var(--border);border-radius:4px;padding:16px;background:#fff;align-items:flex-start}
.card-body{min-width:0}
.card-body .card-desc{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;-webkit-line-clamp:2;}
.card h3{font-size:18px;margin-bottom:8px}
.card p{color:var(--muted);margin-bottom:8px}
.card-img{grid-row:1/-1;width:96px;border-radius:16px;object-fit:cover}
.news-list-box{display:grid;grid-template-columns:calc(200px + 20vw) minmax(0,1fr);gap:16px; height: 300px;}
.news-img{width:100%;border-radius:8px;overflow:hidden;background:#eee; position: relative;}
.news-img .news-img-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:rgba(0,0,0,.5);color:#fff}
.news-img img{width:100%;height:100%;object-fit:cover}
.news-list{display:grid;gap:8px}
.news-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:#fff}
.news-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 100px)}
.news-time{color:var(--muted);font-variant-numeric:tabular-nums}
.section-quicklinks{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ql{border:1px solid var(--border);border-radius:16px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}
.ql-title{font-weight:700}
.ql-desc{color:var(--muted)}
.site-footer{background:#0b1220;color:#e2e8f0}
.footer-top{display:grid;grid-template-columns:296px minmax(0,1fr);;gap:16px;padding:32px 0}
.logo-inline{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.logo-bottom-img{padding: 4px 8px;  border-radius: 8px; overflow: hidden; background: #fff; line-height: 0; }
.logo-bottom-img img{height: 36px; display: block;}
.footer-cols{display:grid;grid-template-columns: 2fr 2fr 3fr;gap:16px;line-height: 1.75em; font-size: 14px; color: hsla(0, 0%, 100%, 0.6);}
.footer-col h4{margin-bottom:8px;color:#fff; font-size:16px}
.footer-cols a:hover{color:#fff; text-decoration: underline;}
.contact-list{color:hsla(0, 0%, 100%, 0.6)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center; line-height: 1.75em; border-top:1px solid rgba(226,232,240,.15);padding:12px 0;color:#cbd5e1;font-size:14px}


@media (max-width:1200px){ 
    .experts{grid-template-columns:repeat(3,minmax(0,1fr))}
    .experts-show{grid-template-columns:1fr 2fr;height: 300px;}
    .experts-show .experts-panel{grid-template-columns:minmax(0,1fr) 180px }
    .experts-show .experts-panel-name{font-size:28px}
    .footer-top{padding:32px 16px}
    .footer-bottom{padding:20px 16px}
    .hero .swiper-slide{padding: 0 40px;}
    .feature{grid-template-columns:calc(60px + 15vw) minmax(0,1fr);
}
@media (max-width:880px){
    .hero .show-img{ width: 300px; }
    .hero-slide{grid-template-columns:1fr;min-height:auto}
    .site-nav .nav-level-2{position:static;border:none;box-shadow:none;padding:4px;display:block}
    .site-nav .nav-level-2 a{padding:8px 10px}
    .experts-show .experts-panel-desc {margin-top: 10px; display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
    .features,.cards,.quickgrid{grid-template-columns:1fr 1fr}
    .experts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .footer-top{grid-template-columns:1fr}
    .nav-toggle{display:inline-flex}
    .site-header .site-nav{position:fixed;inset:72px 0 auto 0;background:#fff;border-top:1px solid var(--border);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:var(--shadow)}
    .site-header .site-nav a {width: 100%; position: relative;}
    .site-header .site-nav .has-sub .nav-link-name .iconfont{display: flex; color: var(--text); opacity: 0.8; justify-content: center; align-items: center; font-size: 16px; position: absolute; right: 16px;  top: calc(50% - 16px); width: 32px; height: 32px; }
    .site-header .site-nav .has-sub.open .nav-link-name .iconfont{transform: rotate(180deg);}
    .site-header .site-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
    .site-header .site-nav .nav-level-1{flex-direction:column;align-items:stretch;padding:0 8px;width: 100%;gap:0px; }
    .site-header .site-nav .nav-level-1>li{position: relative; padding: 8px 0;}
    .site-header .site-nav .nav-level-1>li::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0;height: 1px ;background: #eee; border-radius: 8px; }
    .site-header .site-nav .nav-level-1>li:last-child::after{display: none;}
    .site-header .site-nav .has-sub.active::before{display: none;}
    .site-header .site-nav .has-sub>.nav-level-2{display:none}
    .site-header .site-nav .has-sub.open>.nav-level-2{display:block;transform: none; padding: 4px 0 4px 0px; }
    .site-header .site-nav a{text-align: left; padding: 10px 12px; font-size: 18px;}
    .experts-show .experts-panel-desc{display: none;}
    .experts-show .experts-panel-meta{margin-top: 8px; -webkit-line-clamp:2;line-clamp:2;}
    
}

@media (max-width:720px){
    body{font-size: 13px;}
    .features,.cards,.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .card h3 {font-size: 16px;margin-bottom: 8px;}
    .feature{grid-template-columns:1fr}
    .feature-img{grid-row:auto;width:100%;max-width:100%;height:calc(60px + 15vw);margin-bottom:12px}
    .card{grid-template-columns:1fr}
    .card-img{grid-row:auto;/*width:100%;max-width:100%;height:160px;*/margin-bottom:12px}
    .experts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .experts-show{grid-template-columns:1fr; gap: 4px;grid-template-rows:calc(40px + 15vw) minmax(0,1fr);height:calc(164px + 40vw)}
    .experts-show .experts-nav{overflow-x:auto;overflow-y:hidden;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/4);grid-auto-rows:1fr;gap:6px;padding-right:0;padding-bottom:4px}
    .experts-show .experts-nav-item{flex-direction:column;justify-content:center;align-items:center;padding:10px 6px;text-align:center;gap:8px}
    .experts-show .experts-nav-avatar{flex:0 0 10vw;width:10vw;height:10vw;border-radius:50%}
    .experts-show .experts-nav-title{display:none}
    .experts-show .experts-nav-name{font-size:14px}
    .experts-show .experts-body{padding:4vw; height: calc(120px + 25vw); }
    .experts-show .experts-panel{gap:12px;grid-template-columns:minmax(0,1fr) calc(60px + 20vw);}
    .experts-show .experts-panel-name{font-size:22px}
    .experts-show .experts-panel-title{margin-top:6px;font-size:14px}
    .experts-show .experts-panel-meta{margin-top:6px;font-size:14px;line-height:1.5;}
    .experts-show .experts-panel-desc{display: block; margin-top:6px;font-size: 14px;}
    .experts-show .experts-panel-link{height:32px;padding:0 8px;max-width:6.4em; box-sizing: content-box;}
    .hero-text h1{font-size:32px}
    .hero .show-img{width: 100%;}
    .hero .show-img .img{ width: 80%; min-width: 280px; max-width: 480px; }
    .news-list-box{grid-template-columns:1fr;gap:0;height: unset}
    .news-img{display: none;}
}


.device-hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.device-hero-kicker{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.device-hero-title{font-size:32px;margin-bottom:12px}
.device-hero-sub{color:var(--muted);margin-bottom:16px;line-height:1.6}
.device-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted);margin-bottom:20px}
.device-meta span{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff}
.device-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.device-hero-media{display:flex;align-items:center;justify-content:center}
.device-hero-media img{width:100%;max-width:420px;border-radius:16px;background:#eee}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spec-item{border:1px solid var(--border);border-radius:16px;padding:18px 20px;background:#fff;box-shadow:var(--shadow)}
.spec-item h3{font-size:16px;margin-bottom:6px}
.spec-item p{color:var(--muted);font-size:14px;line-height:1.7}
.flow-list{counter-reset:step;display:grid;gap:12px}
.flow-list li{position:relative;padding-left:34px;font-size:14px;color:var(--muted);line-height:1.7}
.flow-list li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.device-gallery{margin-top:20px;display:grid;grid-template-columns:2fr 1.2fr;gap:12px}
.device-gallery-main img,.device-gallery-side img{width:100%;border-radius:12px;background:#eee}
@media (max-width:720px){
    .device-hero-title{font-size:26px}
    .spec-grid{grid-template-columns:1fr}
    .footer-top{padding: 32px 24px 24px;}
    .footer-cols{grid-template-columns:1fr 1fr}
    .footer-cols > .footer-col:nth-child(3) {grid-column: 1 / -1;}
    .footer-bottom{display: block;padding:24px 24px 32px;}
    .footer-bottom .icp:after{display: none;}
    .footer-bottom .legal{display: none;}
    .hero .swiper-slide{grid-template-columns: 1fr; padding:48px 24px 48px;}
    .hero-text{text-align: center;}
    .hero-ctas{display: flex; justify-content: center; gap: 12px; margin-top: 24px;}
    .hero .hero-text h1{font-size: 32px;}
    .hero .hero-text p{font-size: 16px;}
}

@media (max-width:480px){
    .section-head h2{font-size: 24px;}
    .section-head p{text-align: center;}
    .hero .hero-text h1{font-size: 6.4vw;}
    .hero .hero-text p{font-size: 3.2vw;}
    .hero-ctas .btn{ padding: 8px 16px; border-radius: 24px;}
    .experts-show .experts-panel-desc{display: none}
    .site-header .container{min-height: 60px;}
    .site-header .site-nav{position:fixed;inset:60px 0 auto 0;}
}
.doctor-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px}
.doctor-aside{display:flex;flex-direction:column;gap:16px}
.doctor-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}
.doctor-avatar img{width:88px;height:88px;border-radius:50%;background:#eee;object-fit:cover}
.doctor-basic{flex:1;min-width:0}
.doctor-name{font-size:22px;margin-bottom:4px}
.doctor-title{font-size:14px;color:var(--muted);margin-bottom:8px}
.doctor-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}
.doctor-tags span{padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#fff}
.doctor-side-meta{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;font-size:14px;color:var(--muted)}
.doctor-side-meta h3{font-size:16px;margin-bottom:8px;color:var(--text)}
.doctor-side-meta ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.doctor-content{border:1px solid var(--border);border-radius:16px;padding:20px 24px;background:#fff;box-shadow:var(--shadow);font-size:14px;color:var(--muted);line-height:1.8}
.doctor-section+.doctor-section{margin-top:20px}
.doctor-section h3{font-size:18px;margin-bottom:8px;color:var(--text)}
.doctor-list{margin:0;padding-left:18px;display:grid;gap:6px}

@media (max-width:880px){
.doctor-layout{grid-template-columns:1fr}
}