.about-page{background:#f5f6f8;min-height:100vh;}
.header .main-nav > .nav-dropdown:nth-of-type(3) > .nav-trigger{color:#1458d5;background:#f4f8ff;}
.header .main-nav > .nav-dropdown:nth-of-type(3) > .nav-trigger::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#1458d5;}
.about-page-main{width:min(86%,1460px);margin:32px auto 76px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:30px;align-items:start;}
.about-side-panel{position:sticky;top:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e1e6ee;box-shadow:0 14px 36px rgba(24,47,84,.09);}
.about-side-head{position:relative;padding:28px 24px 23px;background:linear-gradient(145deg,#123b91 0%,#1768e4 70%,#35aee8 140%);color:#fff;overflow:hidden;}
.about-side-head::after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-58px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.05);}
.about-side-head h2{margin:0;font-size:20.16px;font-weight:800;letter-spacing:.02em;}
.about-side-head span{display:block;margin-top:8px;font-size:13.44px;letter-spacing:.08em;color:rgba(255,255,255,.82);}
.about-side-list{padding:8px 0;}
.about-side-item{position:relative;width:100%;border:0;background:transparent;border-bottom:1px solid #edf2f8;padding:17px 18px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .25s ease;}
.about-side-item:last-child{border-bottom:0;}
.about-side-item:hover{background:#f4f8ff;transform:translateX(3px);}
.about-side-item.is-active{background:linear-gradient(90deg,#e8f1ff,#f7fbff);color:#1458d5;}
.about-side-item.is-active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 6px 6px 0;background:linear-gradient(#1665e8,#38afe8);}
.about-side-icon{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;}
.about-side-icon svg{width:24px;height:24px;fill:none;stroke:#245fda;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.about-side-label{flex:1;min-width:0;font-size:16.8px;font-weight:700;color:#243750;}
.about-side-item.is-active .about-side-label{color:#1458d5;}
.about-side-arrow{font-size:22.4px;line-height:1;color:#8ea5c8;}
.about-side-item.is-active .about-side-arrow{color:#1458d5;}
.about-content-wrap{min-width:0;}
.about-pane{position:relative;background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:36px 38px 38px;box-shadow:0 12px 32px rgba(24,47,84,.07);margin-bottom:32px;scroll-margin-top:20px;overflow:hidden;}
.about-pane::before{display:none;}
.about-pane:last-child{margin-bottom:0;}
.about-pane-title{margin:0;font-size:31.36px;font-weight:800;line-height:1.35;letter-spacing:.01em;color:#0b50c7;}
.about-pane-title::after{display:none;}
.about-pane-desc{margin:15px 0 28px;font-size:17.92px;line-height:1.9;color:#667386;}
.about-pane.reference-motion .about-pane-title,.about-pane.reference-motion> :not(.about-pane-title){opacity:0;transform:translateY(38px);}
.about-pane.reference-motion.is-revealed .about-pane-title{opacity:1;transform:translateY(0);transition:opacity .72s ease,transform .72s cubic-bezier(.22,.7,.25,1);}
.about-pane.reference-motion.is-revealed> :not(.about-pane-title){opacity:1;transform:translateY(0);transition:opacity .72s ease .12s,transform .72s cubic-bezier(.22,.7,.25,1) .12s;}
.company-story{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:30px;align-items:stretch;}
.company-story-image{min-height:300px;border-radius:20px;overflow:hidden;background:#eaf2ff;box-shadow:0 16px 34px rgba(22,80,161,.14);}
.company-story-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.company-story-image:hover img{transform:scale(1.045);}
.company-story-video{position:relative;background:#fff}.company-story-video iframe,.company-story-video video{display:block;width:100%;height:100%;min-height:300px;border:0;background:#fff;object-fit:cover;image-rendering:auto}.company-story-video>a{position:absolute;right:14px;bottom:14px;z-index:2;padding:8px 13px;border-radius:999px;background:rgba(7,50,132,.84);color:#fff;text-decoration:none;font-size:13.44px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.company-story-copy{display:flex;flex-direction:column;justify-content:center;}
.company-story-copy h3{margin:0 0 16px;font-size:23.52px;line-height:1.45;color:#173f78;}
.company-story-copy p{margin:0 0 13px;font-size:17.92px;line-height:1.9;color:#56667d;text-indent:2em;}
.company-mission{margin-top:5px;padding:14px 18px;border-radius:12px;background:#f2f6ff;color:#1458d5;font-size:16.8px;font-weight:800;letter-spacing:.03em;}
.culture-intro{margin:13px 0 22px;text-align:left;font-size:17.92px;font-weight:400;letter-spacing:.04em;color:#111;}
.culture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 0 5px;background:#fff;}
.culture-card{--culture-a:#1546ba;--culture-b:#3978ed;--culture-bg:url('../../images/culture-v55/mountains.svg');position:relative;min-height:188px;padding:21px 16px 20px;background:linear-gradient(145deg,var(--culture-a),var(--culture-b));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;clip-path:polygon(11% 0,89% 0,100% 18%,100% 82%,89% 100%,11% 100%,0 82%,0 18%);filter:drop-shadow(0 9px 10px rgba(25,70,155,.2));box-shadow:inset 0 5px 8px rgba(255,255,255,.24);font-family:"STXingkai","华文行楷","KaiTi","楷体",cursive;transition:transform .38s cubic-bezier(.2,.72,.25,1),filter .38s ease;}
.culture-card:nth-child(2){--culture-a:#078b95;--culture-b:#35bac5;--culture-bg:url('../../images/culture-v55/microbiome.svg');}
.culture-card:nth-child(3){--culture-a:#078fc8;--culture-b:#3bc1e8;--culture-bg:url('../../images/culture-v55/science.svg');}
.culture-card:nth-child(4){--culture-a:#4650d1;--culture-b:#7e6ce8;--culture-bg:url('../../images/culture-v55/city.svg');}
.culture-card::before{content:"";position:absolute;inset:5px;z-index:2;border:1.5px solid rgba(235,248,255,.8);clip-path:polygon(10% 0,90% 0,100% 17%,100% 83%,90% 100%,10% 100%,0 83%,0 17%);pointer-events:none;}
.culture-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;z-index:0;background:linear-gradient(to bottom,transparent,rgba(10,48,137,.12)),var(--culture-bg) bottom center/100% 100% no-repeat;opacity:.68;pointer-events:none;}
.culture-card:hover{transform:translateY(-7px) scale(1.014);filter:drop-shadow(0 16px 14px rgba(25,70,155,.28)) brightness(1.04);}
.culture-icon{position:relative;z-index:1;width:54px;height:54px;margin-bottom:11px;border:1.5px solid rgba(255,255,255,.84);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;}
.culture-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.culture-card h3{position:relative;z-index:1;width:88%;margin:0;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.42);font-size:26.88px;font-weight:800;letter-spacing:.07em;color:#fff;text-shadow:0 2px 5px rgba(6,35,92,.3);}
.culture-card p{position:relative;z-index:1;margin:10px 0 0;font-size:15.68px;font-weight:700;letter-spacing:.055em;line-height:1.55;color:#fff;text-shadow:0 1px 3px rgba(6,35,92,.28);}
.history-list{position:relative;width:100%;max-width:none;margin:28px 0 4px;padding:4px 0 4px 100px;}
.history-list::before{content:"";position:absolute;left:29px;top:28px;bottom:28px;width:4px;border-radius:999px;background:repeating-linear-gradient(to bottom,#174f9f 0 7px,transparent 7px 14px);transform:translateX(-50%);}
.history-item{--history-color:#1458d5;position:relative;width:100%;min-height:68px;margin:0 0 18px;padding:10px 24px 10px 28px;border:1px solid #e1e6ee;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(24,47,84,.075);display:flex;align-items:center;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;}
.history-item:nth-child(odd),.history-item:nth-child(even){margin-left:0;margin-right:0;}
.history-item:nth-child(2){--history-color:#e92a1a}.history-item:nth-child(3){--history-color:#1553a4}.history-item:nth-child(4){--history-color:#0799a6}.history-item:nth-child(5){--history-color:#a07a12}.history-item:nth-child(6){--history-color:#34445a}.history-item:nth-child(7){--history-color:#d51e52}.history-item:nth-child(8){--history-color:#f04416}
.history-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 8px 8px 0;background:var(--history-color);}
.history-item::after{content:"";position:absolute;left:-42px;top:50%;width:42px;border-top:4px dotted #1553a4;transform:translateY(-50%);}
.history-item:nth-child(odd)::after,.history-item:nth-child(even)::after{left:-42px;right:auto}
.history-item:hover{transform:translateY(-5px);border-color:#cfd9e8;box-shadow:0 18px 38px rgba(24,47,84,.14);}
.history-year{position:absolute;left:-100px;top:50%;width:58px;height:58px;border:5px solid #fff;border-radius:50%;background:var(--history-color);box-shadow:0 5px 13px rgba(24,47,84,.16);display:flex;align-items:center;justify-content:center;font-size:17.92px;font-weight:900;color:#fff;transform:translateY(-50%);z-index:2;}
.history-item:nth-child(odd) .history-year,.history-item:nth-child(even) .history-year{left:-100px;right:auto}
.history-copy{width:100%;}
.history-copy h3{margin:0 0 4px;font-size:17.92px;line-height:1.32;color:var(--history-color);}
.history-copy p{margin:0;font-size:14.56px;line-height:1.5;color:#58677b;}
.team-grid{display:grid;grid-template-columns:1fr;gap:22px;}
.team-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:center;padding:28px 32px;border:1px solid #d8e5f7;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(30,79,160,.07);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.team-card:hover{transform:translateY(-5px);border-color:#bed4f7;box-shadow:0 18px 38px rgba(30,79,160,.13);}
.team-card:nth-child(odd),.team-card:nth-child(even){background:#fff;}
.team-card-head{display:flex;flex-direction:column;align-items:center;text-align:center;}
.team-photo{width:102px;height:102px;border-radius:50%;object-fit:cover;object-position:center top;display:block;border:3px solid #c9dcfb;background:#eef4ff;box-shadow:0 8px 20px rgba(30,79,160,.12);}
.team-summary{padding-top:13px;display:flex;flex-direction:column;align-items:center;}
.team-summary h3{margin:7px 0 0;font-size:28px;line-height:1.35;font-weight:800;color:#123f83;}
.team-summary strong{margin-top:7px;font-size:15.68px;color:#0e67d8;}
.team-summary span{margin-top:8px;font-size:14.56px;font-weight:600;line-height:1.6;color:#647187;}
.team-bio{margin:0;padding:0;font-size:16.8px;line-height:1.95;color:#5b687b;text-align:justify;text-indent:2em;}
.project-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:30px;}
.project-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:22px;align-items:center;min-height:112px;padding:20px 28px;border:1px solid #dbe7f5;border-radius:17px;background:#f5f9ff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.project-card:nth-child(1){background:#eef6ff}.project-card:nth-child(2){background:#f1f8ff}.project-card:nth-child(3){background:#f1fbf7}.project-card:nth-child(4){background:#fff8ec}.project-card:nth-child(5){background:#f8f3ff}
.project-card:hover{transform:translateY(-4px);border-color:#b8d0ef;box-shadow:0 13px 27px rgba(25,79,169,.1);}
.project-year{grid-row:1/3;align-self:center;font-size:22.4px;font-weight:900;color:#1765d2;}
.project-card h3{grid-column:2;margin:0 0 6px;font-size:19.04px;line-height:1.45;color:#173f78;}
.project-card p{grid-column:2;margin:0;font-size:16.8px;line-height:1.7;color:#496889;}
.award-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.award-card{border:1px solid #e2ebf6;border-radius:14px;overflow:hidden;background:#fff;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease;}
#about-honors.motion-ready .award-card{opacity:0;transform:translateY(26px) scale(.97);}
#about-honors.motion-ready .award-card.is-visible{opacity:1;transform:translateY(0) scale(1);}
#about-honors.motion-ready .award-card.is-visible:hover{transform:translateY(-8px) scale(1.025);border-color:#b8cff5;box-shadow:0 18px 34px rgba(25,79,169,.17);}
.award-card img{width:100%;height:190px;object-fit:contain;background:#f6f9ff;display:block;padding:10px;transition:transform .45s ease,filter .45s ease;}
.award-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03);}
.award-card p{margin:0;padding:13px 12px 16px;text-align:center;font-size:15.68px;line-height:1.55;color:#354861;}
.honor-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.honor-wall-card{height:225px;border:1px solid #dfe8f5;border-radius:14px;overflow:hidden;background:#f6f9ff;padding:12px;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease;}
#about-honors.motion-ready .honor-wall-card{opacity:0;transform:translateY(28px) rotate(.8deg);}
#about-honors.motion-ready .honor-wall-card:nth-child(even){transform:translateY(28px) rotate(-.8deg);}
#about-honors.motion-ready .honor-wall-card.is-visible{opacity:1;transform:translateY(0) rotate(0);}
#about-honors.motion-ready .honor-wall-card.is-visible:hover{transform:translateY(-8px) scale(1.025);border-color:#b8cff5;box-shadow:0 18px 36px rgba(25,79,169,.18);}
.honor-wall-card img{width:100%;height:100%;object-fit:contain;display:block;border-radius:7px;transition:transform .5s ease,filter .5s ease;}
.honor-wall-card:hover img{transform:scale(1.05);filter:saturate(1.08) contrast(1.03);}
.ip-layout{display:block;margin-top:0;padding:26px 28px 28px;border:1px solid #e1e6ee;border-radius:18px;background:#fafbfc;box-shadow:0 8px 22px rgba(24,47,84,.05);}
.ip-copy{margin:15px 0 28px;font-size:17.92px;line-height:1.9;color:#56667d;}
.ip-copy strong{font-size:20.16px;color:#0c73c7;}
.ip-image-wrap{position:relative;margin-top:0;padding:18px;border:1px solid #e0e6ee;border-radius:17px;background:#fff;overflow:hidden;perspective:1000px;box-shadow:0 10px 26px rgba(24,47,84,.07);}
.ip-image-wrap::before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(45,145,235,.18),rgba(45,145,235,0) 70%);}
.ip-image-wrap::after{content:"";position:absolute;left:-20%;bottom:-58px;width:140%;height:90px;background:radial-gradient(ellipse,rgba(19,78,167,.16),transparent 68%);filter:blur(8px);}
.ip-image{position:relative;z-index:1;width:100%;max-height:none;object-fit:contain;display:block;transform:translateY(18px) scale(.96);opacity:0;filter:drop-shadow(0 16px 18px rgba(17,62,133,.18));transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .7s ease,filter .45s ease;}
#about-ip{padding-bottom:28px;}
#about-ip .ip-copy{margin-bottom:18px;}
#about-ip .ip-layout{padding:10px 12px 12px;}
#about-ip .ip-image-wrap{padding:8px;}
#about-ip .ip-image{width:auto;max-width:100%;height:auto;max-height:180px;margin:0 auto;}
#about-ip.ip-visible .ip-image{transform:translateY(0) scale(1);opacity:1;}
#about-ip.ip-visible .ip-image-wrap:hover .ip-image{transform:translateY(-7px) rotateX(2deg) scale(1.025);filter:drop-shadow(0 25px 24px rgba(17,62,133,.25));}
.partner-logo-panel{padding:26px;border:1px solid #e1e6ee;border-radius:18px;background:#fafbfc;}
.partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px;}
.partner-card{position:relative;min-width:0;height:200px;box-sizing:border-box;padding:20px 12px 16px;border:2px solid #d5e0ee;border-radius:16px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer;outline:none;box-shadow:0 7px 18px rgba(27,61,108,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease;}
.partner-card:hover{transform:translateY(-5px);border-color:#9ecfb0;box-shadow:0 13px 26px rgba(25,104,62,.11);}
.partner-card:focus-visible{box-shadow:0 0 0 4px rgba(33,156,82,.18);}
.partner-card.is-selected{transform:translateY(-5px);border-color:#6fc58f;background:#f2fff7;box-shadow:0 0 0 3px rgba(57,181,104,.09),0 16px 32px rgba(25,104,62,.14);}
.partner-card.is-selected::before{content:"";position:absolute;inset:9px;border:1.5px solid #54c57f;border-radius:10px;pointer-events:none;}
.partner-card.is-selected h4{color:#209757;}
.partner-card img{display:block;width:116px;height:104px;object-fit:contain;border-radius:0;}
.partner-card h4{min-height:40px;margin:12px 0 0;font-size:15.68px;line-height:1.55;color:#40516a;font-weight:700;display:flex;align-items:center;justify-content:center;}
.about-pane-desc,.company-story-copy p,.history-copy p,.team-summary span,.team-bio,.project-card p,.award-card p,.ip-copy,.partner-card h4{color:#111;font-weight:400;}
@media(max-width:1500px){.award-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:1200px){.about-page-main{grid-template-columns:220px minmax(0,1fr);}.company-story{grid-template-columns:1fr;}.team-card{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:24px 22px;}.partner-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:900px){.header{padding:0 5%;}.about-page-main{width:92%;grid-template-columns:1fr;}.about-side-panel{position:static;}.culture-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.honor-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.history-list{padding-left:94px}.history-list::before{left:32px}.history-item,.history-item:nth-child(odd),.history-item:nth-child(even){width:100%;margin:0 0 18px}.history-item:nth-child(odd) .history-year,.history-item:nth-child(even) .history-year{left:-90px;right:auto;width:56px;height:56px;font-size:16.8px}.history-item:nth-child(odd)::after,.history-item:nth-child(even)::after{left:-62px;right:auto;width:62px}}
@media(max-width:560px){.about-page-main{width:94%;margin-top:18px;gap:18px;}.about-pane{padding:24px 18px 26px;border-radius:19px;margin-bottom:20px}.about-pane-title{font-size:26.88px;}.about-pane-desc{font-size:16.8px;}.company-story-image{min-height:210px;}.award-grid,.honor-wall-grid{grid-template-columns:1fr;}.culture-grid{grid-template-columns:1fr;padding:12px 0;gap:13px}.culture-card{min-height:180px;padding:20px 18px}.culture-icon{width:52px;height:52px;margin-bottom:10px}.culture-card h3{font-size:25.76px;padding-bottom:9px}.culture-card p{margin-top:9px;font-size:15.68px}.project-card{grid-template-columns:54px minmax(0,1fr);column-gap:14px;min-height:100px;padding:17px 16px}.project-year{font-size:19.04px}.project-card h3{font-size:16.8px}.project-card p{font-size:15.68px}.history-list{padding-left:72px}.history-list::before{left:27px}.history-item,.history-item:nth-child(odd),.history-item:nth-child(even){width:100%;min-height:70px;margin:0 0 18px;padding:11px 15px 11px 21px}.history-item:nth-child(odd) .history-year,.history-item:nth-child(even) .history-year{left:-70px;width:54px;height:54px;border-width:5px;font-size:16.8px}.history-item:nth-child(odd)::after,.history-item:nth-child(even)::after{left:-45px;width:45px}.history-copy h3{font-size:17.92px}.history-copy p{font-size:14.56px;line-height:1.5}.team-card{grid-template-columns:1fr;padding:22px 18px;gap:18px}.team-photo{width:96px;height:96px}.team-bio{text-align:justify;line-height:1.85;text-indent:2em}.ip-layout{padding:18px 14px}.ip-image-wrap{padding:10px}.partner-logo-panel{padding:16px 10px}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-card{height:178px;padding:17px 8px 12px}.partner-card img{width:94px;height:84px}.partner-card h4{min-height:36px;font-size:14.56px}.honor-wall-card{height:205px}}
@media(max-width:560px){#about-ip{padding-bottom:18px}#about-ip .ip-copy{margin-bottom:12px}#about-ip .ip-layout{padding:8px}#about-ip .ip-image-wrap{padding:6px}#about-ip .ip-image{max-height:110px}}
@media(prefers-reduced-motion:reduce){.about-pane.reference-motion .about-pane-title,.about-pane.reference-motion> :not(.about-pane-title),.award-card,.honor-wall-card{opacity:1;transform:none!important;transition:none}.award-card img,.honor-wall-card img{transition:none}.ip-image{opacity:1;transform:none!important;transition:none}}



/* V112：首页与内页品牌字样统一为蓝色 */
.header .header-logo-img,
.home-header-inline .header-logo-img,
.unified-site-header .header-logo-img{
  background:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
  padding:4px !important;
  border-radius:0 !important;
  width:56px !important;
  height:56px !important;
  object-fit:contain !important;
}
.header .brand-copy h1,
.home-header-inline .brand-copy h1,
.unified-site-header .brand-copy h1{
  color:#154fb7 !important;
  font-size:24.64px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}
.header .brand-copy p,
.home-header-inline .brand-copy p,
.unified-site-header .brand-copy p{
  display:none !important;
}

/* V112：顶部三级菜单宽度改小，按文字量显示更协调 */
.nav-thirdmenu{
  width:232px !important;
  min-width:232px !important;
  max-width:232px !important;
  padding:6px 0 !important;
  border-radius:10px !important;
}
.nav-thirdmenu a,
.nav-thirdmenu a:link,
.nav-thirdmenu a:visited,
.nav-thirdmenu a:hover,
.nav-thirdmenu a:focus,
.nav-thirdmenu a:focus-visible,
.nav-thirdmenu a:active{
  padding:11px 14px !important;
  line-height:1.45 !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
  text-align:center !important;
}

/* V112：关于我们 / 新闻动态 / 联系我们 左侧子菜单吸顶 */
.about-page-main,
.news-page-main,
.contact-page-main{
  align-items:start !important;
  overflow:visible !important;
}
.about-side-panel,
.news-side-panel,
.contact-side-panel{
  position:sticky !important;
  top:88px !important;
  align-self:start !important;
  max-height:calc(100vh - 104px) !important;
  overflow:auto !important;
  scrollbar-width:thin;
}
.about-side-head,
.news-side-head,
.contact-side-head{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
}
@media (max-width:980px){
  .nav-thirdmenu{
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
  }
}
@media (max-width:900px){
  .about-side-panel,
  .news-side-panel,
  .contact-side-panel{
    position:static !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .about-side-head,
  .news-side-head,
  .contact-side-head{
    position:relative !important;
  }
}



/* V113 全站头部品牌统一：蓝色字体、白底logo */
.header .header-logo-img,
.home-header-inline .header-logo-img,
.unified-site-header .header-logo-img{
  background:#ffffff !important;
  padding:4px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
}
.header .brand-copy h1,
.home-header-inline .brand-copy h1,
.unified-site-header .brand-copy h1{
  color:#154fb7 !important;
  font-size:32.48px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.header .brand-copy p,
.home-header-inline .brand-copy p,
.unified-site-header .brand-copy p{display:none !important;}
@media (max-width:1080px){
  .header .brand-copy h1,
  .home-header-inline .brand-copy h1,
  .unified-site-header .brand-copy h1{font-size:28px !important; white-space:normal !important;}
}

/* V113 顶部三级菜单稍微缩小 */
.nav-thirdmenu{
  width:245px !important;
  min-width:245px !important;
  max-width:245px !important;
  padding:6px 0 !important;
  border-radius:10px !important;
}
.nav-thirdmenu a,
.nav-thirdmenu a:link,
.nav-thirdmenu a:visited,
.nav-thirdmenu a:hover,
.nav-thirdmenu a:focus,
.nav-thirdmenu a:focus-visible,
.nav-thirdmenu a:active{
  padding:10px 14px !important;
  font-size:15.68px !important;
  line-height:1.4 !important;
  text-align:center !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
}
@media (max-width:980px){
  .nav-thirdmenu{width:225px !important; min-width:225px !important; max-width:225px !important;}
}

/* V113 肠道页 样本信息登记与报告查询窗口细化 */
.register-panel-card h3,
.report-query-window .scan-query-title{color:#154fb7 !important;}
.report-query-window .scan-query-head.compact p{display:none !important;}
.report-query-window .scan-manual-row.report-row{margin-top:2px !important;}
.report-query-window .report-status-panel{gap:14px !important;}
.report-query-window .report-status-panel > div{display:flex !important; justify-content:space-between !important; align-items:center !important; gap:12px !important;}
.report-query-window .report-actions{display:flex !important; gap:14px !important;}
.report-query-window .report-actions button{min-width:84px !important;}



/* V114 品牌字放大，与技术与研发页保持一致 */
.home-header-inline .brand-copy h1,
.unified-site-header .brand-copy h1,
.header .brand-copy h1{
  color:#154fb7 !important;
  font-size:35.84px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}
.home-header-inline .header-logo-img,
.unified-site-header .header-logo-img,
.header .header-logo-img{
  background:#ffffff !important;
}
@media (max-width: 980px){
  .home-header-inline .brand-copy h1,
  .unified-site-header .brand-copy h1,
  .header .brand-copy h1{font-size:31.36px !important;}
}
/* 肠道详情页：03 扫码登记标题改为蓝色 */
#gut-register .gut-detail-head .gut-headline h2{color:#1a63d8 !important;}
/* 三级详情页通用标题蓝色 */
.gut-detail-card h3,
.scan-query-title,
.register-panel-card h3{color:#154fb7 !important;}



/* ===== V401 按最新要求：公司简介字体/颜色参考截图，标题下一行恢复原样 ===== */
#about-company .about-pane-title{margin-bottom:8px !important;}
/* 标题下方这一行恢复原来的样式，不再按上一轮缩小修改 */
#about-company .about-pane-desc{
  margin:15px 0 28px !important;
  font-size:17.92px !important;
  line-height:1.9 !important;
  color:#667386 !important;
}
#about-company .company-story{
  grid-template-columns:minmax(520px,1.02fr) minmax(0,.98fr) !important;
  gap:28px !important;
  align-items:start !important;
}
#about-company .company-story-image,
#about-company .company-story-video{
  min-height:300px !important;
  height:300px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 16px 36px rgba(25,76,150,.12) !important;
  overflow:hidden !important;
}
#about-company .company-story-video video{
  width:100% !important;
  height:100% !important;
  min-height:300px !important;
  object-fit:cover !important;
  background:#000 !important;
}
/* 右侧标题和正文改为参考图中的字体与颜色；只改公司简介这块，其他字体不动 */
#about-company .company-story-copy{
  padding-top:2px !important;
}
#about-company .company-story-copy h3{
  margin:2px 0 14px !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif !important;
  font-size:20.16px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  color:#124b9b !important;
  letter-spacing:0 !important;
}
#about-company .company-story-copy p{
  margin:0 0 12px !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif !important;
  font-size:16.8px !important;
  line-height:1.95 !important;
  color:#111111 !important;
  text-indent:2em !important;
  text-align:justify !important;
}
#about-company .company-story-copy p:last-child{margin-bottom:0 !important;}

@media (max-width: 1280px){
  #about-company .company-story{grid-template-columns:minmax(420px,.96fr) minmax(0,1.04fr) !important;}
  #about-company .company-story-image,
  #about-company .company-story-video{height:280px !important;min-height:280px !important;}
  #about-company .company-story-video video{min-height:280px !important;}
}
@media (max-width: 980px){
  #about-company .company-story{grid-template-columns:1fr !important;}
  #about-company .company-story-image,
  #about-company .company-story-video{height:260px !important;min-height:260px !important;}
  #about-company .company-story-video video{min-height:260px !important;}
}
@media (max-width: 560px){
  #about-company .company-story-image,
  #about-company .company-story-video{height:220px !important;min-height:220px !important;}
  #about-company .company-story-video video{min-height:220px !important;}
  #about-company .company-story-copy h3{font-size:18px !important;}
  #about-company .company-story-copy p{font-size:15px !important;line-height:1.85 !important;}
}



/* V402：公司简介页——标题下方说明改黑色，右侧文字高度与视频更协调 */
#about-company .about-pane-desc{
  color:#000000 !important;
}
#about-company .company-story{
  align-items:stretch !important;
}
#about-company .company-story-image,
#about-company .company-story-video{
  height:300px !important;
  min-height:300px !important;
}
#about-company .company-story-video video{
  height:100% !important;
  min-height:300px !important;
}
#about-company .company-story-copy{
  height:300px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding-top:0 !important;
}
#about-company .company-story-copy h3{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.45 !important;
}
#about-company .company-story-copy p{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.76 !important;
  color:#111111 !important;
}
@media (max-width:1280px){
  #about-company .company-story-image,
  #about-company .company-story-video,
  #about-company .company-story-copy{height:280px !important;min-height:280px !important;}
  #about-company .company-story-video video{min-height:280px !important;}
  #about-company .company-story-copy p{font-size:15.4px !important;line-height:1.72 !important;}
}
@media (max-width:980px){
  #about-company .company-story-copy{height:auto !important;min-height:unset !important;justify-content:flex-start !important;}
  #about-company .company-story-image,
  #about-company .company-story-video{height:260px !important;min-height:260px !important;}
  #about-company .company-story-video video{min-height:260px !important;}
}



.tech-side-item .tech-side-label,
.tech-side-item:hover .tech-side-label,
.tech-side-item.is-active .tech-side-label,
.service-side-item .service-side-label,
.service-side-item:hover .service-side-label,
.service-side-item.is-active .service-side-label,
.about-side-item .about-side-label,
.about-side-item:hover .about-side-label,
.about-side-item.is-active .about-side-label,
.contact-side-item .contact-side-label,
.contact-side-item:hover .contact-side-label,
.contact-side-item.is-active .contact-side-label,
.news-side-item .news-side-label,
.news-side-item:hover .news-side-label,
.news-side-item.is-active .news-side-label{
  color:#111111 !important;
  font-weight:700 !important;
}
.tech-side-item .tech-side-arrow,
.service-side-item .service-side-arrow,
.about-side-item .about-side-arrow,
.contact-side-item .contact-side-arrow,
.news-side-item .news-side-arrow{
  color:#97a7c0 !important;
}




.tech-side-item .tech-side-label,
.tech-side-item:hover .tech-side-label,
.tech-side-item.is-active .tech-side-label,
.service-side-item .service-side-label,
.service-side-item:hover .service-side-label,
.service-side-item.is-active .service-side-label,
.about-side-item .about-side-label,
.about-side-item:hover .about-side-label,
.about-side-item.is-active .about-side-label{
  color:#000000 !important;
  font-weight:700 !important;
}
.tech-side-item .tech-side-arrow,
.service-side-item .service-side-arrow,
.about-side-item .about-side-arrow{color:#9aacbf !important;}



about-side-item .about-side-label, .about-side-item:hover .about-side-label, .about-side-item.is-active .about-side-label{color:#111 !important;font-size:17.92px !important;font-weight:400 !important;line-height:1.6 !important;}


    .about-side-item .about-side-label{color:#333!important;font-size:17.92px!important;font-weight:400!important;}
    .about-side-item:hover .about-side-label,.about-side-item.is-active .about-side-label{color:#111!important;font-weight:700!important;}


.about-side-item .about-side-label{color:#333333 !important;font-size:17.92px !important;font-weight:400 !important;}
.about-side-item:hover .about-side-label,.about-side-item.is-active .about-side-label{color:#111111 !important;font-weight:700 !important;}
.about-side-item .about-side-arrow{color:#9cacbf !important;}




.about-side-head{text-align:center !important; display:block !important;}
.about-side-head h2{text-align:center !important; margin:0 !important; width:100% !important;}
.about-side-head span{display:none !important;}





.about-side-item .about-side-label{color:#333333 !important;font-size:17.92px !important;font-weight:400 !important;}
.about-side-item:hover .about-side-label,.about-side-item.is-active .about-side-label{color:#111111 !important;font-weight:700 !important;}
.about-side-item .about-side-arrow{color:#a7b4c6 !important;}




/* V115：左侧子菜单最终统一，以“技术与研发”当前样式为唯一基准 */
.about-page-main{
  width:84% !important;max-width:1600px !important;margin:32px auto 76px !important;
  display:grid !important;grid-template-columns:248px minmax(0,1fr) !important;gap:30px !important;
  align-items:start !important;overflow:visible !important;
}
.about-side-panel{
  position:-webkit-sticky !important;position:sticky !important;top:0 !important;
  justify-self:start !important;align-self:start !important;width:248px !important;min-width:248px !important;
  max-height:none !important;border-radius:20px !important;overflow:hidden !important;background:#fff !important;
  border:1px solid #e1e6ee !important;box-shadow:0 14px 36px rgba(24,47,84,.09) !important;
}
.about-side-head{
  position:relative !important;top:auto !important;padding:28px 24px 23px !important;
  background:linear-gradient(145deg,#123b91 0%,#1768e4 70%,#35aee8 140%) !important;
  color:#fff !important;overflow:hidden !important;text-align:center !important;display:block !important;
}
.about-side-head::after{content:"" !important;position:absolute !important;width:130px !important;height:130px !important;right:-55px !important;top:-58px !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:50% !important;box-shadow:0 0 0 22px rgba(255,255,255,.05) !important;}
.about-side-head h2{position:relative !important;z-index:1 !important;margin:0 !important;width:100% !important;text-align:center !important;font-size:20.16px !important;font-weight:800 !important;line-height:1.35 !important;letter-spacing:.02em !important;color:#fff !important;}
.about-side-head span{display:none !important;}
.about-side-list{padding:8px 0 !important;}
.about-side-item{
  position:relative !important;width:100% !important;border:0 !important;background:transparent !important;
  border-bottom:1px solid #edf2f8 !important;padding:17px 18px !important;display:flex !important;align-items:center !important;
  gap:12px !important;text-align:left !important;cursor:pointer !important;
  transition:background-color .25s ease,color .25s ease,transform .25s ease !important;
  border-radius:0 !important;box-shadow:none !important;justify-content:flex-start !important;
}
.about-side-item:last-child{border-bottom:0 !important;}
.about-side-item:hover{background:#f4f8ff !important;transform:translateX(3px) !important;}
.about-side-item.is-active{background:linear-gradient(90deg,#e8f1ff,#f7fbff) !important;color:#1458d5 !important;}
.about-side-item.is-active::before{content:"" !important;position:absolute !important;left:0 !important;top:10px !important;bottom:10px !important;width:4px !important;border-radius:0 6px 6px 0 !important;background:linear-gradient(#1665e8,#38afe8) !important;}
.about-side-label{flex:1 !important;min-width:0 !important;color:#333333 !important;font-size:17.92px !important;font-weight:400 !important;line-height:1.6 !important;text-align:center !important;}
.about-side-item:hover .about-side-label, .about-side-item.is-active .about-side-label{color:#111111 !important;font-weight:700 !important;}
.about-side-arrow{font-size:22.4px !important;line-height:1 !important;color:#a7b4c6 !important;position:static !important;transform:none !important;margin-left:auto !important;}
@media(max-width:900px){
  .about-page-main{width:92% !important;grid-template-columns:1fr !important;}
  .about-side-panel{position:static !important;width:100% !important;min-width:0 !important;max-height:none !important;overflow:hidden !important;}
}



/* V118 统一修复：左侧子菜单吸顶时避开顶部导航，避免栏头被遮挡 */
.about-side-panel{top:92px !important;}
@media (max-width:900px){.about-side-panel{top:auto !important;}}



/* V121：全部左侧子菜单统一改为“肠道菌群健康管理服务”格式，并为顶部首页导航预留显示空间 */
.unified-site-header,.site-header,.header,.site-nav,.site-topbar{z-index:1200 !important;}
.about-page-main,.news-page-main,.contact-page-main,.service-page-main,.tech-page-main,.rd-detail-main,.gut-detail-main{overflow:visible !important;}
about-side-panel{position:-webkit-sticky !important;position:sticky !important;top:92px !important;z-index:30 !important;width:248px !important;min-width:248px !important;border-radius:20px !important;overflow:hidden !important;background:#ffffff !important;border:1px solid #e1e6ee !important;box-shadow:0 14px 36px rgba(24,47,84,.09) !important;}
about-side-head{position:relative !important;top:auto !important;padding:28px 24px 23px !important;background:linear-gradient(145deg,#123b91 0%,#1768e4 70%,#35aee8 140%) !important;color:#fff !important;overflow:hidden !important;text-align:center !important;display:block !important;}
about-side-head::after{content:"" !important;position:absolute !important;width:130px !important;height:130px !important;right:-55px !important;top:-58px !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:50% !important;box-shadow:0 0 0 22px rgba(255,255,255,.05) !important;}
about-side-head h2{position:relative !important;z-index:1 !important;margin:0 !important;width:100% !important;text-align:center !important;font-size:20.16px !important;font-weight:800 !important;line-height:1.35 !important;letter-spacing:.02em !important;color:#fff !important;}
about-side-head span{display:none !important;}
about-side-item{position:relative !important;width:100% !important;border:0 !important;background:transparent !important;border-bottom:1px solid #edf2f8 !important;padding:17px 18px !important;display:flex !important;align-items:center !important;gap:12px !important;text-align:left !important;cursor:pointer !important;transition:background-color .25s ease,color .25s ease,transform .25s ease !important;border-radius:0 !important;box-shadow:none !important;justify-content:flex-start !important;color:#333333 !important;font-size:17.92px !important;font-weight:400 !important;line-height:1.6 !important;min-height:58px !important;}
about-side-item:last-child{border-bottom:0 !important;}
about-side-item:hover{background:#f4f8ff !important;transform:translateX(3px) !important;color:#111111 !important;font-weight:700 !important;}
about-side-item.is-active{background:linear-gradient(90deg,#e8f1ff,#f7fbff) !important;color:#111111 !important;font-weight:700 !important;}
about-side-item.is-active::before{content:"" !important;position:absolute !important;left:0 !important;top:10px !important;bottom:10px !important;width:4px !important;border-radius:0 6px 6px 0 !important;background:linear-gradient(#1665e8,#38afe8) !important;}
about-side-label{flex:1 !important;min-width:0 !important;text-align:center !important;color:inherit !important;font-size:17.92px !important;font-weight:inherit !important;line-height:1.6 !important;}
about-side-item:hover about-side-label, about-side-item.is-active about-side-label{color:#111111 !important;font-weight:700 !important;}
about-side-arrow{font-size:22.4px !important;line-height:1 !important;color:#a7b4c6 !important;position:static !important;transform:none !important;margin-left:auto !important;}
about-side-item.is-active about-side-arrow{color:#a7b4c6 !important;}
@media (max-width:900px){about-side-panel{position:static !important;top:auto !important;width:100% !important;min-width:0 !important;} .about-page-main,.news-page-main,.contact-page-main,.service-page-main,.tech-page-main,.rd-detail-main,.gut-detail-main{overflow:visible !important;}}



/* V121B：最终统一左侧子菜单为“肠道菌群健康管理服务”样式，并确保下滑时仍可看见首页顶部导航 */
.unified-site-header,.site-header,.header,.site-nav,.site-topbar{z-index:1200 !important;}
.about-page-main,.news-page-main,.contact-page-main,.service-page-main,.tech-page-main,.rd-detail-main,.gut-detail-main{overflow:visible !important;}
.about-side-panel{position:-webkit-sticky !important;position:sticky !important;top:92px !important;z-index:30 !important;width:248px !important;min-width:248px !important;border-radius:20px !important;overflow:hidden !important;background:#ffffff !important;border:1px solid #e1e6ee !important;box-shadow:0 14px 36px rgba(24,47,84,.09) !important;}
.about-side-head{position:relative !important;top:auto !important;padding:28px 24px 23px !important;background:linear-gradient(145deg,#123b91 0%,#1768e4 70%,#35aee8 140%) !important;color:#fff !important;overflow:hidden !important;text-align:center !important;display:block !important;}
.about-side-head::after{content:"" !important;position:absolute !important;width:130px !important;height:130px !important;right:-55px !important;top:-58px !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:50% !important;box-shadow:0 0 0 22px rgba(255,255,255,.05) !important;}
.about-side-head h2{position:relative !important;z-index:1 !important;margin:0 !important;width:100% !important;text-align:center !important;font-size:20.16px !important;font-weight:800 !important;line-height:1.35 !important;letter-spacing:.02em !important;color:#fff !important;}
.about-side-head span{display:none !important;}
.about-side-item{position:relative !important;width:100% !important;border:0 !important;background:transparent !important;border-bottom:1px solid #edf2f8 !important;padding:17px 18px !important;display:flex !important;align-items:center !important;gap:12px !important;text-align:left !important;cursor:pointer !important;transition:background-color .25s ease,color .25s ease,transform .25s ease !important;border-radius:0 !important;box-shadow:none !important;justify-content:flex-start !important;color:#333333 !important;font-size:17.92px !important;font-weight:400 !important;line-height:1.6 !important;min-height:58px !important;}
.about-side-item:last-child{border-bottom:0 !important;}
.about-side-item:hover{background:#f4f8ff !important;transform:translateX(3px) !important;color:#111111 !important;font-weight:700 !important;}
.about-side-item.is-active{background:linear-gradient(90deg,#e8f1ff,#f7fbff) !important;color:#111111 !important;font-weight:700 !important;}
.about-side-item.is-active::before{content:"" !important;position:absolute !important;left:0 !important;top:10px !important;bottom:10px !important;width:4px !important;border-radius:0 6px 6px 0 !important;background:linear-gradient(#1665e8,#38afe8) !important;}
.about-side-label{flex:1 !important;min-width:0 !important;text-align:center !important;color:inherit !important;font-size:17.92px !important;font-weight:inherit !important;line-height:1.6 !important;}
.about-side-item:hover .about-side-label, .about-side-item.is-active .about-side-label{color:#111111 !important;font-weight:700 !important;}
.about-side-arrow{font-size:22.4px !important;line-height:1 !important;color:#a7b4c6 !important;position:static !important;transform:none !important;margin-left:auto !important;}
.about-side-item.is-active .about-side-arrow{color:#a7b4c6 !important;}
@media (max-width:900px){.about-side-panel{position:static !important;top:auto !important;width:100% !important;min-width:0 !important;} .about-page-main,.news-page-main,.contact-page-main,.service-page-main,.tech-page-main,.rd-detail-main,.gut-detail-main{overflow:visible !important;}}



/* V124：所有含左侧子菜单页面，顶部首页导航始终吸顶显示；左侧子菜单固定在导航下方 */
:root{--site-sticky-header-height:88px;}
body > .unified-site-header{
  display:flex !important;
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:#ffffff !important;
  box-shadow:0 1px 0 rgba(214,225,240,.95),0 8px 22px rgba(22,57,110,.08) !important;
}
.platform-detail-page > .unified-site-header,
.gut-detail-page > .unified-site-header{
  display:flex !important;
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
}
.about-side-panel,
.news-side-panel,
.contact-side-panel,
.service-side-panel,
.tech-side-panel,
.platform-detail-page .rd-platform-nav,
.gut-detail-page .gut-detail-nav{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:calc(var(--site-sticky-header-height, 88px) + 12px) !important;
  z-index:60 !important;
}
@media(max-width:900px){
  .about-side-panel,.news-side-panel,.contact-side-panel,.service-side-panel,.tech-side-panel,
  .platform-detail-page .rd-platform-nav,.gut-detail-page .gut-detail-nav{
    position:static !important;
    top:auto !important;
  }
}