:root{--navy:#071536;--blue:#1655da;--cyan:#72ddff;--lime:#c4f477;--ink:#16233a;--muted:#718096;--paper:#f3f7fd;--line:#dfe7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Microsoft YaHei','Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}.analysis-nav{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8vw;position:absolute;top:0;left:0;right:0;z-index:5}.analysis-brand{display:flex;align-items:center;gap:11px;color:var(--blue)}.analysis-mark{width:43px;height:43px;border-radius:13px;background:var(--blue);color:var(--lime);display:grid;place-items:center;font-weight:800;font-size:13px}.analysis-brand b{display:block;font-size:20px}.analysis-brand small{display:block;font-size:8px;letter-spacing:.14em;margin-top:3px}.analysis-nav nav{display:flex;gap:34px;font-size:14px;color:#697486}.analysis-nav nav .current{color:var(--blue);font-weight:700}.back-home{color:var(--blue);font-size:13px;font-weight:700}.back-home i{font-style:normal;margin-left:12px}
.analysis-hero{height:710px;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding-top:88px}.analysis-hero-art{position:absolute;inset:0;background:url('assets/hero-genomics.webp') center/cover;animation:zoom 16s ease-in-out infinite alternate}.analysis-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,54,.96),rgba(5,18,54,.68) 50%,rgba(5,18,54,.08))}.analysis-hero-copy{position:relative;z-index:1;margin-left:12vw;padding-top:165px}.overline{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--lime);margin:0 0 25px}.overline.blue{color:#7189b5}.analysis-hero h1{font-size:clamp(50px,6.5vw,92px);line-height:1.07;letter-spacing:-.08em;margin:0 0 26px}.analysis-hero h1 span{color:var(--cyan)}.analysis-hero-copy>p:not(.overline){color:#cbd9f2;font-size:17px;line-height:1.9}.dir-switch{padding:64px 12vw 0;background:var(--paper)}.dir-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dir-tabs button{border:1px solid var(--line);background:#fff;width:100%;display:grid;grid-template-columns:auto 1fr auto;text-align:left;align-items:center;gap:14px;padding:22px 22px;border-radius:14px;color:#8995a7;cursor:pointer;transition:.25s;box-shadow:0 4px 14px rgba(31,64,120,.05)}.dir-tabs button>b{font-size:12px;color:#b9c6d8}.dir-tabs button span{font-size:17px;font-weight:700;color:var(--ink)}.dir-tabs button small{display:block;font-size:10px;color:#a1abb9;margin-top:4px;font-weight:400}.dir-tabs button i{font-style:normal;font-size:18px;color:#c3cede}.dir-tabs button:hover{border-color:#b9cfe8;transform:translateY(-3px)}.dir-tabs button.active{border-color:var(--blue);background:linear-gradient(135deg,#eaf1ff,#f5f9ff);box-shadow:0 10px 26px rgba(22,85,218,.13)}.dir-tabs button.active>b{color:var(--blue)}.dir-tabs button.active span{color:var(--blue)}.dir-tabs button.active i{color:var(--blue)}
.detail-panel{padding:36px 12vw 120px;background:var(--paper);display:none;overflow:hidden}.detail-panel.active{display:block;animation:in .7s ease both}.panel-desc{margin:0 0 56px;color:var(--muted);font-size:15px;line-height:1.9;border-left:3px solid var(--blue);padding-left:18px}.detail-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.detail-image{height:440px;border-radius:22px;position:relative;overflow:hidden;background:url('assets/analysis-clinical.webp') center/cover;box-shadow:0 20px 50px rgba(31,64,120,.16)}.clinical-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,70,202,.2),rgba(4,17,55,.48))}.chart-lines{position:absolute;z-index:1;inset:20% 15%;display:flex;align-items:end;gap:12px}.chart-lines i{display:block;width:18%;background:linear-gradient(#c6f67b,#47cfff);border-radius:4px 4px 0 0;animation:bars 1.7s ease-in-out infinite alternate}.chart-lines i:nth-child(1){height:35%}.chart-lines i:nth-child(2){height:62%;animation-delay:.2s}.chart-lines i:nth-child(3){height:47%;animation-delay:.4s}.chart-lines i:nth-child(4){height:86%;animation-delay:.6s}.chart-label{position:absolute;z-index:1;left:26px;top:25px;color:#fff;font-size:11px;letter-spacing:.18em;line-height:1.7}.detail-list article{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;column-gap:16px}.detail-list b{color:var(--blue);font-size:12px}.detail-list h3{font-size:20px;margin:0 0 8px}.detail-list p{grid-column:2;color:var(--muted);line-height:1.75;font-size:14px;margin:0}
.omics-grid,.database-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.omics-grid article,.database-grid article{background:#fff;padding:30px;min-height:280px;border:1px solid #e6ebf3;border-radius:18px;transition:.3s}.omics-grid article:hover,.database-grid article:hover{transform:translateY(-7px);box-shadow:0 16px 35px rgba(31,64,120,.1)}.mini-viz{height:200px;margin:-6px -6px 22px;border-radius:12px;background:linear-gradient(135deg,#f4f8fe,#eaf1fb);border:1px solid #e3ebf6;overflow:hidden;display:grid;place-items:center}.mini-viz svg,.mini-viz img{width:100%;height:100%;object-fit:cover}.omics-grid article:nth-child(2){border-top:3px solid #8fdfff}.omics-grid article:nth-child(3){border-top:3px solid #b8a1ff}.omics-grid article:nth-child(4){border-top:3px solid #b7ed74}.omics-num{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e8efff;color:var(--blue);font-weight:700}.omics-grid h3,.database-grid h3{font-size:22px;margin:23px 0 6px}.omics-grid em{font-size:12px;color:#8793a5}.omics-grid p,.database-grid p{color:var(--muted);line-height:1.8;font-size:14px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.chips span{font-size:10px;padding:7px 10px;border-radius:20px;background:#edf3ff;color:var(--blue)}.database-grid article>span{font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--blue)}.database-grid ul{padding-left:17px;color:var(--muted);font-size:13px;line-height:2}.pharma-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bfcce0}.pharma-flow .mini-viz{margin:0 0 20px;height:110px}.pharma-flow>div{background:#fff;padding:30px;min-height:260px}.pharma-flow span{color:var(--blue);font-size:12px}.pharma-flow h3{font-size:20px;margin:18px 0 14px}.pharma-flow p{color:var(--muted);font-size:14px;line-height:1.8}
.analysis-cta{padding:60px 12vw;background:linear-gradient(120deg,#07183c,#1655da);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.analysis-cta .overline{margin-bottom:14px}.analysis-cta h2{font-size:clamp(26px,3vw,40px);line-height:1.3;letter-spacing:-.03em;margin:0;white-space:nowrap}.analysis-cta h2 span{color:var(--lime)}.analysis-cta>a{font-size:22px;font-weight:700;white-space:nowrap}.analysis-cta>a b{color:var(--lime);margin-left:16px}footer{padding:28px 8vw;display:flex;justify-content:center;background:#061437;color:#9fb3da;font-size:11px}
@keyframes in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes bars{from{transform:scaleY(.75)}to{transform:scaleY(1)}}
@media(max-width:900px){.analysis-nav{padding:0 6vw}.analysis-nav nav{display:none}.dir-switch,.detail-panel,.analysis-cta{padding-left:8vw;padding-right:8vw}.dir-tabs{grid-template-columns:repeat(2,1fr)}.detail-content{grid-template-columns:1fr;gap:40px}.pharma-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.analysis-nav{height:72px}.analysis-brand b{font-size:18px}.back-home{font-size:11px}.analysis-hero{height:620px;padding-top:72px}.analysis-hero-copy{margin-left:8vw;padding-top:140px}.analysis-hero h1{font-size:48px}.dir-switch,.detail-panel,.analysis-cta{padding-top:75px;padding-bottom:75px}.dir-tabs{grid-template-columns:1fr}.omics-grid,.database-grid,.pharma-flow{grid-template-columns:1fr}.detail-image{height:260px}.analysis-cta{display:block}.analysis-cta>a{display:block;margin-top:38px;font-size:22px}footer{display:grid;gap:14px;padding:24px 8vw}}
.omics-grid,.database-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.omics-grid article,.database-grid article{padding:22px;min-height:0}
.mini-viz{height:150px;margin:-2px -2px 18px}
.omics-grid h3,.database-grid h3{font-size:19px;line-height:1.4;margin:18px 0 6px}
.omics-grid p,.database-grid p{font-size:13px;line-height:1.7}
.chips{margin-top:18px}
@media(max-width:1200px){.omics-grid,.database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.omics-grid,.database-grid{grid-template-columns:1fr}.mini-viz{height:180px}}
.pharma-flow>div:nth-child(3) .mini-viz{background:#eaf2ff url('assets/drug-design-v2.webp') center/cover no-repeat}
.pharma-flow>div:nth-child(3) .mini-viz svg{display:none}

/* new analysis hero composition */
.analysis-nav{box-shadow:0 1px 0 rgba(23,53,105,.08)}.analysis-hero{height:650px;min-height:0;background:#f3f6fb;color:var(--ink);padding-top:88px}.analysis-hero-art{left:49%;inset-block:45px 45px;background:url('assets/analysis-sequencing.webp') center/cover;border-radius:38px 0 0 38px;box-shadow:-25px 25px 0 rgba(21,85,218,.09),0 22px 60px rgba(18,48,111,.18);animation:zoom 18s ease-in-out infinite alternate}.analysis-hero-shade{left:49%;inset-block:45px 45px;background:linear-gradient(90deg,rgba(7,21,55,.42),rgba(7,21,55,0) 52%);border-radius:38px 0 0 38px}.analysis-hero-copy{margin-left:12vw;padding-top:142px;max-width:600px}.analysis-hero-copy .overline{color:var(--blue);letter-spacing:.17em}.analysis-hero h1{font-size:clamp(38px,4.4vw,58px);color:#14223d;line-height:1.45;letter-spacing:.08em;margin-bottom:28px;font-weight:700}.analysis-hero h1 span{color:var(--blue)}.analysis-hero-copy>p:not(.overline){color:#66758c;font-size:16px;line-height:2}
@media(max-width:900px){.analysis-hero{height:760px}.analysis-hero-art,.analysis-hero-shade{left:8vw;right:8vw;top:auto;bottom:32px;height:300px;border-radius:26px}.analysis-hero-copy{padding-top:120px;max-width:600px}}
@media(max-width:560px){.analysis-hero{height:690px;padding-top:72px}.analysis-hero-copy{padding-top:110px;margin-left:8vw;margin-right:8vw}.analysis-hero h1{font-size:45px}.analysis-hero-art,.analysis-hero-shade{left:6vw;right:6vw;height:245px;bottom:24px;border-radius:20px}}
/* Replaced generated visuals: photographic scientific direction, no geometric diagrams */
.database-grid article .mini-viz,.pharma-flow>div .mini-viz{background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.database-grid article .mini-viz svg,.pharma-flow>div .mini-viz svg{display:none}
.database-grid article:nth-child(1) .mini-viz{background-image:url('assets/analysis-db-1.webp')}
.database-grid article:nth-child(2) .mini-viz{background-image:url('assets/analysis-db-2.webp')}
.database-grid article:nth-child(3) .mini-viz{background-image:url('assets/analysis-db-3.webp')}
.database-grid article:nth-child(4) .mini-viz{background-image:url('assets/analysis-db-4.webp')}
.pharma-flow>div:nth-child(1) .mini-viz{background-image:url('assets/analysis-pharma-1.webp')}
.pharma-flow>div:nth-child(2) .mini-viz{background-image:url('assets/analysis-pharma-2.webp')}
.pharma-flow>div:nth-child(3) .mini-viz{background-image:url('assets/analysis-pharma-3.webp')}
.pharma-flow>div:nth-child(4) .mini-viz{background-image:url('assets/analysis-pharma-4.webp')}
.dir-switch{padding-top:52px;padding-bottom:0}
.dir-tabs{gap:14px;position:relative;isolation:isolate}
.dir-tabs button{min-height:86px;grid-template-columns:34px minmax(0,1fr) 36px;gap:14px;padding:16px 20px;border:1px solid #dce6f4;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(24,58,115,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.dir-tabs button>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f0f5ff;color:#8a9bb6;font-size:11px;transition:background .25s,color .25s}
.dir-tabs button span{font-size:17px;line-height:1.25;letter-spacing:.015em}
.dir-tabs button small{font-size:10px;letter-spacing:.025em}
.dir-tabs button i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f3f6fb;color:#a3b4cc;font-size:17px;transition:transform .25s,color .25s,background .25s}
.dir-tabs button:hover{transform:translateY(-4px);border-color:#a9c6f4;box-shadow:0 14px 30px rgba(22,85,218,.11)}
.dir-tabs button:hover i{transform:translate(2px,-2px);color:var(--blue)}
.dir-tabs button.active{border-color:var(--blue);background:linear-gradient(120deg,#edf4ff,#fff);box-shadow:0 12px 28px rgba(22,85,218,.12)}
.dir-tabs button.active>b{background:var(--blue);color:#fff}
.dir-tabs button.active i{background:var(--blue);color:#fff}
.detail-panel{padding-top:30px}
@media(max-width:900px){.dir-switch{padding-top:40px}.dir-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dir-switch{padding-top:26px}.dir-tabs{grid-template-columns:1fr;gap:10px}.dir-tabs button{min-height:72px;padding:12px 16px}.detail-panel{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.dir-tabs button,.dir-tabs button i,.dir-tabs button>b{transition:none}.dir-tabs button:hover{transform:none}}