/* Reset & Base */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#1a73e8;--primary-dark:#1557b0;--text-color:#333;--white-color:#fff;--primary:#1a73e8;--primary-dark:#1557b0;--text:#333;--text-light:#666;--text-lighter:#999;--bg:#fff;--bg-light:#f5f5f5;--bg-gray:#f0f2f5;--border:#e0e0e0;--shadow:0 2px 8px rgba(0,0,0,.1);--font:'PingFang SC','Microsoft YaHei',sans-serif;--radius:8px;--transition:.3s ease}
body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}
.page-medicine{background:#f9fafb}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#006a68;border-radius:3px}
html{scrollbar-color:#006a68 transparent;scrollbar-width:thin}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}

/* Header & Navbar */
.header{position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:1000;transition:var(--transition)}
.header.is-hidden{transform:translateY(-100%)}
.navbar{padding:24px 0}
.navbar .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}
.navbar-brand .logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:24px;font-weight:700}
.logo-icon{width:36px;height:36px;object-fit:contain}
.logo-text{display:flex;flex-direction:column;gap:2px;line-height:1.15}.logo-title{font-size:20px;font-weight:700}
.logo-sub{font-size:9px;font-weight:400;opacity:.75;letter-spacing:.3px;white-space:nowrap}
.navbar-menu{flex:1}.navbar-menu .nav-list{display:flex!important;justify-content:flex-end!important;gap:48px;list-style:none;width:100%}
.nav-item .nav-link{position:relative;font-size:16px;font-weight:500;color:#fff;padding:8px 0}
.nav-item .nav-link:hover{color:#006a68}
.nav-item .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:rgba(255,255,255,.9);transition:all .3s ease}
.nav-item .nav-link:hover::after,.nav-item .nav-link.active::after{width:100%}
.nav-item .nav-link.active{color:#006a68}

/* Scrolled header */
.header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 20px rgba(0,0,0,.1)}
.header.scrolled .nav-item .nav-link{color:#333}.header.scrolled .mobile-menu-btn{color:#333}.header.scrolled .navbar-brand .logo{color:#333}.header.scrolled .logo-sub{opacity:.55}
.header.scrolled .nav-item .nav-link.active::after{background:#006a68!important}

/* Mobile menu */
.mobile-menu-btn{display:none;background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:4px}
.mobile-menu{position:fixed;top:0;right:-100%;width:50%;max-width:280px;height:100vh;background:#fff;z-index:2000;transition:all .3s ease;box-shadow:-4px 0 20px rgba(0,0,0,.1);overflow-y:auto}
.mobile-menu.active{right:0}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}@media(max-width:768px){.mobile-menu-header{padding:16px}}
.mobile-menu-close{cursor:pointer}
.mobile-nav-list{list-style:none;padding:24px}
.mobile-nav-item{margin-bottom:16px}
.mobile-nav-link{display:block;padding:12px 16px;color:#333;text-decoration:none;font-size:18px;font-weight:500;border-radius:4px}
.mobile-nav-link:hover{background:var(--bg-light);color:#006a68}
body.menu-open{overflow:hidden}
body.menu-open::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}

/* Hero section */
@keyframes dnaFlow{0%{background-position:0 0}100%{background-position:160px 0}}
.hero{position:relative;overflow:hidden;padding:140px 0 80px;text-align:center;background:linear-gradient(135deg,#006a68,#004f4d);color:#fff}
.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='50'%3E%3Cpath d='M0 6 Q15 42 30 8 Q45 40 60 6 Q75 42 90 8 Q105 40 120 6 Q135 42 150 8' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Cpath d='M0 44 Q15 8 30 42 Q45 10 60 44 Q75 8 90 42 Q105 10 120 44 Q135 8 150 42' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Cline x1='5' y1='10' x2='5' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='25' y1='12' x2='25' y2='38' stroke='rgba(255,255,255,0.03)' stroke-width='0.5'/%3E%3Cline x1='45' y1='10' x2='45' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='65' y1='12' x2='65' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5' stroke-dasharray='3 2'/%3E%3Cline x1='85' y1='10' x2='85' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='105' y1='12' x2='105' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5'/%3E%3Cline x1='125' y1='10' x2='125' y2='40' stroke='rgba(255,255,255,0.03)' stroke-width='0.6'/%3E%3Cline x1='145' y1='12' x2='145' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5' stroke-dasharray='2 3'/%3E%3Ccircle cx='20' cy='25' r='1.5' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='70' cy='20' r='1' fill='rgba(255,255,255,0.025)'/%3E%3Ccircle cx='110' cy='30' r='1.2' fill='rgba(255,255,255,0.025)'/%3E%3Cpath d='M30 15 Q40 20 38 28' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='0.5'/%3E%3Cpath d='M100 18 Q110 15 108 25' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:320px 50px;animation:dnaFlow 5s linear infinite;pointer-events:none}
.hero h1{font-size:36px;margin-bottom:12px}
.hero-sub{font-size:16px;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.hero-badges{display:flex;gap:10px;justify-content:center;margin-bottom:1.2rem}
.hero-badge{font-size:12px;padding:4px 12px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:500;letter-spacing:.5px;backdrop-filter:blur(4px)}
.cta-group{margin-top:32px;display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.cta-primary{background:#fff;color:#004f4d;padding:12px 32px;border-radius:12px;font-weight:600;text-decoration:none;font-size:15px}
.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.cta-secondary{border:2px solid rgba(255,255,255,.6);color:#fff;padding:12px 32px;border-radius:12px;font-weight:600;text-decoration:none;font-size:15px}
.cta-secondary:hover{background:rgba(255,255,255,.15)}
.page-header{position:relative;overflow:hidden;padding:140px 0 80px;min-height:420px;text-align:center;background:linear-gradient(135deg,#006a68,#004f4d);color:#fff}
.page-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='50'%3E%3Cpath d='M0 6 Q15 42 30 8 Q45 40 60 6 Q75 42 90 8 Q105 40 120 6 Q135 42 150 8' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Cpath d='M0 44 Q15 8 30 42 Q45 10 60 44 Q75 8 90 42 Q105 10 120 44 Q135 8 150 42' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Cline x1='5' y1='10' x2='5' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='25' y1='12' x2='25' y2='38' stroke='rgba(255,255,255,0.03)' stroke-width='0.5'/%3E%3Cline x1='45' y1='10' x2='45' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='65' y1='12' x2='65' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5' stroke-dasharray='3 2'/%3E%3Cline x1='85' y1='10' x2='85' y2='40' stroke='rgba(255,255,255,0.035)' stroke-width='0.6'/%3E%3Cline x1='105' y1='12' x2='105' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5'/%3E%3Cline x1='125' y1='10' x2='125' y2='40' stroke='rgba(255,255,255,0.03)' stroke-width='0.6'/%3E%3Cline x1='145' y1='12' x2='145' y2='38' stroke='rgba(255,255,255,0.025)' stroke-width='0.5' stroke-dasharray='2 3'/%3E%3Ccircle cx='20' cy='25' r='1.5' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='70' cy='20' r='1' fill='rgba(255,255,255,0.025)'/%3E%3Ccircle cx='110' cy='30' r='1.2' fill='rgba(255,255,255,0.025)'/%3E%3Cpath d='M30 15 Q40 20 38 28' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='0.5'/%3E%3Cpath d='M100 18 Q110 15 108 25' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:320px 50px;animation:dnaFlow 5s linear infinite;pointer-events:none}
.page-header h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}
/* 科研动态暗纹 */
.page-header-news::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath d='M10 10 Q30 0 50 10 Q70 20 90 10 Q110 0 130 10' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Cpath d='M10 50 Q30 60 50 50 Q70 40 90 50 Q110 60 130 50' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3Ccircle cx='30' cy='5' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='70' cy='15' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='110' cy='5' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='30' cy='55' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='70' cy='45' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='110' cy='55' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E");background-size:240px 60px;animation:dnaFlow 6s linear infinite}
/* 科研成果暗纹 */
.page-header-products::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='50'%3E%3Ccircle cx='20' cy='12' r='3' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='0.6'/%3E%3Ccircle cx='50' cy='25' r='4' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='0.6'/%3E%3Ccircle cx='80' cy='12' r='3' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='0.6'/%3E%3Ccircle cx='50' cy='38' r='2.5' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='0.5'/%3E%3Cline x1='20' y1='12' x2='50' y2='25' stroke='rgba(255,255,255,0.06)' stroke-width='0.5'/%3E%3Cline x1='50' y1='25' x2='80' y2='12' stroke='rgba(255,255,255,0.06)' stroke-width='0.5'/%3E%3Cline x1='50' y1='25' x2='50' y2='38' stroke='rgba(255,255,255,0.06)' stroke-width='0.4'/%3E%3C/svg%3E");background-size:200px 50px}
.page-header p{font-size:14px;color:rgba(255,255,255,.7)}
.page-header .page-header-bar{width:40px;height:3px;background:#006a68;margin:16px auto 0;border-radius:2px}

/* Hero tabs */
.hero-tabs-bar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:999}
.hero-tabs{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;gap:32px}
.hero-tabs-brand{display:flex;align-items:center;gap:10px;padding:12px 0}
.hero-tabs-brand img{width:28px;height:28px;object-fit:contain}
.hero-tabs-brand-text,.footer-brand-text{display:flex;flex-direction:column}.hero-tabs-brand-text .hero-tabs-brand-cn{font-size:14px;font-weight:600;color:#333}
.hero-tabs-brand-text .hero-tabs-brand-en{font-size:10px;color:#999}
.hero-tabs-links{display:flex;gap:4px;justify-content:center;flex:1}
.hero-tab{display:block;padding:14px 16px 13px;font-size:13px;color:#666;border-bottom:2px solid transparent;transition:var(--transition)}
.hero-tab:hover,.hero-tab.is-active{color:#006a68;border-bottom-color:#006a68}

/* Sections */
.section-title{font-size:28px;font-weight:700;color:#333;margin-bottom:16px;text-align:center}
section[id]{scroll-margin-top:80px}

.header.scrolled .logo-image{filter:brightness(0)}
.page-medicine .section-title{text-align:left!important;font-size:1.4rem;font-weight:700;margin-bottom:24px;padding:4px 0 4px 14px;border-left:4px solid #006a68;line-height:1.4;color:#1a1a2e}
.page-medicine .section-title::before{content:"";position:absolute;left:0;top:20px;width:4px;height:1.3em;background:#006a68;border-radius:2px}

.page-medicine .mobile-menu-btn{color:#fff}
.page-medicine .logo-icon{filter:none!important}.page-medicine .navbar .container{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}

/* About page */
.about-page{margin:16px 0}
.about-content{margin:0 auto}
.about-content .about-wrap{overflow:hidden;margin-bottom:24px}
.about-content .about-img{float:left;width:320px;margin:5px 28px 16px 0;border-radius:12px;border:1px solid var(--border)}
.about-content p{font-size:16px;line-height:2;color:#2a2a3e;text-align:justify;margin-bottom:24px}
.about-page .subtitle{text-align:center;font-size:16px;color:#666;margin-bottom:40px}
.subtitle{text-align:center;font-size:16px;color:#666;margin-bottom:40px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}
.about-text{font-size:1rem;line-height:1.9;color:#2a2a3e}
.about-text p{font-size:1rem;line-height:1.85;color:#5e5b55;margin-bottom:1.5rem}
.blockquote{background:#f8f9fa;border-left:4px solid #006a68;padding:16px 20px;margin:16px 0;border-radius:0 8px 8px 0}
.blockquote-icon{font-size:28px;color:#006a68;line-height:1;margin-bottom:4px;opacity:.5}
.blockquote p{font-size:14px;color:#555;line-height:1.7;font-style:italic;margin:0!important}

/* Research tags */
.research-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.tag{display:inline-block;font-size:.85rem;padding:4px 12px;border-radius:6px;color:#006a68;background:#fff;transition:var(--transition)}
.tag:hover{background:#d0ece8}

/* Leader section */
.leader-section{margin:16px 0}
.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:0 auto}
.leader-card{text-align:center;padding:32px 24px;background:#fff;border-radius:12px;cursor:pointer;transition:var(--transition)}
.leader-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.06);transform:translateY(-2px)}
.leader-name{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:8px}
.leader-titles{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.leader-tag{font-size:12px;padding:3px 10px;border-radius:4px;background:#e8f4f3;color:#006a68}

/* Cards & App lanes */
.app-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app-lane{text-align:center;padding:20px;background:#fff;border-radius:12px;transition:var(--transition)}
.app-lane:hover{box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}
#application .app-lane{background:#fff}
.app-lane-icon{font-size:32px;margin-bottom:8px}
.app-lane-label{font-size:14px;font-weight:600;color:#333}
.app-lane-desc{font-size:12px;color:#999;margin-top:4px}

/* Footer */
.site-footer{background:#fff;padding:64px 0 32px}
.footer-grid{margin-bottom:32px}
.footer-brand-block .logo-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.footer-bottom>*{margin-bottom:5px!important}
.footer-bottom>:last-child{margin-bottom:0!important}
.footer-brand-cn{font-size:16px;font-weight:700;color:#333}
.footer-brand-en{font-size:11px;color:#999}
.footer-tagline{font-size:13px;color:#999;line-height:1.7;max-width:280px;margin:0 auto}
.footer-col h4{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}
.footer-col p{font-size:13px;color:#999;line-height:1.8;margin-bottom:8px}
.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid var(--border);color:#999;font-size:13px}
.footer-legal p{margin-bottom:4px}
.footer-legal a{color:#999}
.icon-svg{width:1em;height:1em;vertical-align:-.125em;display:inline-block}
.back-link{text-align:center;margin-bottom:24px}
.back-link a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#006a68;font-weight:500}
.back-link a:hover{opacity:.7}
.back-link svg{transition:transform .2s}
.back-link a:hover svg{transform:translateX(-3px)}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.card{background:#fff;border-radius:12px;padding:24px}.card h3{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px;margin-top:12px}
#strength .card{background:#fff}
.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px}
.tech-list{list-style:none;margin:12px 0 0 0}
.tech-list li{position:relative;padding:.4rem 0 .4rem 1.6rem;font-size:.9rem;color:#5e5b55;line-height:1.6}
.tech-list li::before{content:"";position:absolute;left:0;top:.75rem;width:8px;height:8px;border-radius:1px;background:#006a68;transform:rotate(45deg)}
@media(max-width:768px){.card-grid{grid-template-columns:1fr}}

/* Back to top */
.back-to-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:#006a68;color:#fff;border:none;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.back-to-top .icon-svg{width:24px;height:24px}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#004f4d;transform:translateY(-2px)}

/* Button */
.btn{display:inline-block;padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:var(--transition)}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:3000;opacity:0;visibility:hidden;transition:var(--transition)}
.modal-overlay.is-visible{opacity:1;visibility:visible}
.modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:16px;padding:32px;max-width:600px;width:90%;z-index:3001;opacity:0;visibility:hidden;transition:var(--transition)}
.modal-box.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#999}
.modal-divider{border:none;border-top:1px solid var(--border);margin:16px 0}
.modal-box .leader-detail p{font-size:14px;line-height:1.8;color:#555;margin-bottom:12px}

/* Title row */
.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.section-title-row .section-title{margin-bottom:0}
.section-title-row .title-link{font-size:14px;color:#006a68;font-weight:500;white-space:nowrap;text-decoration:none}
.title-link:hover{color:#004f4d}
.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}

/* Stat cards */
.stat-card{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--border);transition:var(--transition)}
.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.05)}

/* Highlight stat */
.highlight-stat{background:#f0f7f6;padding:16px 20px;margin:16px 0;font-size:14px;line-height:1.8;color:#333;border-left:3px solid #006a68}

/* Research items */
.research-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.research-tag{font-size:12px;padding:6px 14px;border-radius:6px;background:#f0f7f6;color:#006a68;border:1px solid #d0e4e2;display:inline-flex;align-items:center;gap:6px}

/* Modal leader detail */
.leader-detail p{font-size:14px;line-height:1.8;color:#555;margin-bottom:12px}

/* Responsive - minified */
@media(max-width:768px){.footer-grid{margin-bottom:20px}.nav-list{display:none}.navbar-menu{display:none}.mobile-menu-btn{display:block}.logo-sub{font-size:7px}.hero-tabs{flex-wrap:wrap;gap:8px}.hero-tabs-links{overflow-x:auto;white-space:nowrap;padding:8px 0}.about-grid{grid-template-columns:1fr}.leader-grid{grid-template-columns:1fr}.app-lanes{grid-template-columns:repeat(2,1fr)}.about-content .about-img{float:none;width:100%;margin:0 0 16px 0}.hero{padding:100px 0 60px}.hero h1{font-size:28px}.section-title{font-size:24px}.container{padding:0 16px}.about-page{margin:16px 0}.section-block{margin:16px 0}.footer-grid{margin-bottom:20px}}

/* Dropdown */
.nav-has-dropdown{position:relative}
.nav-has-dropdown .nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;min-width:100px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;margin-top:4px;border:1px solid #e8eceb}
.nav-has-dropdown:hover .nav-dropdown,.nav-has-dropdown .nav-dropdown:hover{opacity:1;visibility:visible}
.nav-dropdown-link{display:block;padding:8px 18px;font-size:13px;color:#333;text-decoration:none;border-radius:6px;transition:background .15s;white-space:nowrap}
.nav-dropdown-link:hover{background:#f0f7f6;color:#006a68}
/* Org chart */
.org-section{margin:16px 0}
.org-tree{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:32px}
.org-node{display:flex;justify-content:center}
.org-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;max-width:640px}
.org-row-wide{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;max-width:720px}
.org-card{text-align:center;padding:16px 28px;border-radius:12px;transition:all .2s}
.org-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.org-parent{background:#006a68;color:#fff;min-width:200px}
.org-primary{background:#1a7a78;color:#fff;min-width:220px;border:2px solid rgba(255,255,255,.15)}
.org-exec{background:#fff;min-width:180px;padding:14px 24px}
.org-leaf-card{background:#fff;padding:10px 18px;display:flex;align-items:center;gap:10px;cursor:default;border-radius:8px}
.org-leaf-card:hover{box-shadow:0 2px 8px rgba(0,106,104,.08)}
.org-dot{width:8px;height:8px;border-radius:50%;background:#006a68;flex-shrink:0;opacity:.6}
.org-role{font-size:11px;letter-spacing:1px;opacity:.8;margin-bottom:4px}
.org-name{font-size:16px;font-weight:600}
.org-parent .org-name{font-size:15px}
.org-primary .org-name{font-size:15px}
.org-leaf-label{font-size:13px;font-weight:500;color:#333;line-height:1.3}
.org-line{width:2px;height:24px;background:#c8d6d2}
.org-line-multi{width:2px;height:20px;background:#c8d6d2}
/* Timeline */
.milestone-section{margin:16px 0}
.milestone-timeline{position:relative;max-width:600px;margin:32px auto 0;padding-left:40px}
.milestone-timeline::before{content:"";position:absolute;left:23px;top:0;bottom:0;width:2px;background:#d0e4e2}
.milestone-item{position:relative;padding-bottom:32px}
.milestone-item:last-child{padding-bottom:0}
.milestone-dot{position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:#006a68;border:3px solid #e8f4f3;z-index:1}
.milestone-body{display:flex;gap:20px;align-items:flex-start}
.milestone-year{font-size:22px;font-weight:700;color:#006a68;line-height:1.4;min-width:56px;flex-shrink:0}
.milestone-content{flex:1}
.milestone-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}
.milestone-content p{font-size:13px;color:#6b7f7c;line-height:1.7;margin:0}


/* Main site banner */
.video-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.video-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 24px}
.video-title{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.video-content .btn{margin-top:16px}
.banner{position:relative;padding:80px 0;background:#f8f9fa;overflow:hidden}
.banner::before{content://;position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,106,104,.05),transparent 60%)}

/* Business sections */
.section-block{margin:16px 0}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.business-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;border:1px solid var(--border);transition:all .3s cubic-bezier(.22,1,.36,1)}
.business-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.06);transform:translateY(-4px)}
.business-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:16px;font-size:28px}
.business-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}
.business-description{font-size:14px;color:#999;line-height:1.7}

/* About section on main page */
.about{padding:80px 0}
.about-grid-main{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border)}
.about-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:12px;font-size:22px;margin-bottom:12px}
.about-card-title{font-size:16px;font-weight:600;margin-bottom:8px}
.about-card-description{font-size:13px;color:#999;line-height:1.6}

/* Technology section */
.technology{padding:80px 0}
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tech-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--border)}

/* Carousel */
.carousel{position:relative;overflow:hidden}
.carousel-main{display:flex;transition:transform .5s ease}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--border);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}
.carousel-btn-up{right:60px;top:0;transform:none}
.carousel-btn-down{right:60px;top:48px;transform:none}
.carousel-thumbnails{display:flex;gap:8px;margin-top:16px}

/* Footer main */
.footer{padding:64px 0 32px;background:#1a1a2e;color:rgba(255,255,255,.7)}
.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.footer h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.footer p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.5)}
.footer-links{list-style:none}
.footer-links li{margin-bottom:8px}
.footer-links a{font-size:13px;color:rgba(255,255,255,.5);transition:var(--transition)}
.footer-links a:hover{color:#fff}
.footer-bottom-main{padding-top:24px;margin-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:rgba(255,255,255,.4)}

/* Camera page */
.camera-hero{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff}
.camera-hero h1{font-size:36px;margin-bottom:8px}
.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px}
.camera-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:var(--transition)}
.camera-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}

/* Modal enhancement */
.modal-overlay.is-visible{opacity:1;visibility:visible}
.modal-box.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}

/* Timeline (main site) */
.timeline{position:relative;padding:80px 0}
.timeline-item{display:flex;gap:24px;margin-bottom:32px}
.timeline-year{font-size:20px;font-weight:700;color:var(--primary);min-width:80px}

/* Responsive additions */
@media(max-width:768px){.milestone-timeline{padding-left:32px}.milestone-timeline::before{left:19px}.milestone-body{flex-direction:column;gap:4px}.milestone-year{font-size:18px;min-width:auto}.milestone-dot{left:-20px;width:10px;height:10px}}@media(max-width:768px){.business-grid{grid-template-columns:1fr}.about-grid-main{grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}.video-title{font-size:32px}.camera-grid{grid-template-columns:1fr}.hero{padding:100px 0 60px}.hero h1{font-size:28px}.section-title{font-size:24px}.container{padding:0 16px}}
@media(max-width:480px){.footer-content{grid-template-columns:1fr}.video-title{font-size:24px}}
/* Mobile responsive additions */
@media(max-width:768px){
.page-header{padding:100px 0 40px;min-height:auto}
.page-header h1{font-size:22px}
.page-header p{font-size:13px}
.org-section{margin:16px 0}
.org-row,.org-row-wide{gap:8px}
.org-card{padding:12px 16px;min-width:auto!important}
.org-parent,.org-primary{min-width:140px!important}
.org-exec{min-width:120px!important;padding:10px 14px}
.org-name{font-size:14px}
.org-leaf-card{padding:8px 12px}
.org-leaf-label{font-size:12px}
.milestone-section{margin:16px 0}
.footer-legal .footer-legal-row{justify-content:center;gap:6px 12px}
.footer-legal a{font-size:12px;white-space:nowrap}
.footer-legal img{width:12px!important;height:12px!important}
.site-footer{padding:40px 0 24px}
.footer-bottom{padding-top:20px}
.card-grid{gap:12px}
.card{padding:18px}
.news-summary .card-grid{gap:12px}
}
/* White card containers on gray bg */
.page-medicine section:not(.news-list):not(.prod-list)>.container,.page-medicine .pd-intro>.container,.page-medicine .pd-highlights>.container,.page-medicine .pd-section>.container,.page-medicine .pd-story>.container,.page-medicine .prod-section>.container{background:#fff;border-radius:12px;padding:20px 24px 24px}
.page-medicine .page-header>.container,.page-medicine .hero>.container,.page-medicine .site-footer>.container,.page-medicine .breadcrumb>.container{background:transparent;border-radius:0;padding-bottom:0}