:root{--white:#f2faff;--mist:#bad1e5;--cyan:#94e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07192f;color:var(--white);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e8fdff;outline-offset:3px}.scene{min-height:700px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#071b35}.background{position:absolute;inset:-1%;z-index:-4;background:url('/medcapsule/medical-space.png') center center/cover no-repeat;animation:ambient 15s ease-in-out infinite alternate}.scene:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#061629a1 0%,#071b3490 30%,#05204812 65%,#123b7650 100%)}.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 33% 46% at 57% 42%,#6ebcff20,transparent 85%),radial-gradient(ellipse 40% 20% at 48% 78%,#96d7ff29,transparent 77%);animation:breathe 7s ease-in-out infinite}.particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.dna-layer{position:absolute;z-index:-2;right:-3%;top:2%;width:49%;height:68%;object-fit:contain;opacity:.76;filter:drop-shadow(0 0 21px #71cbff88);transform-origin:55% 47%;pointer-events:none;animation:dnaSway 16s ease-in-out infinite}
.topbar{height:9.6%;min-height:68px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #b7dfff2b;background:#081c3455;backdrop-filter:blur(8px);position:relative;z-index:10}.logo{display:flex;align-items:center;gap:8px;color:#f7fcff;text-decoration:none;white-space:nowrap}.logo-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid #a8deffba;border-radius:50%;font-size:24px;font-weight:300;line-height:1;color:#b5f4ff;text-shadow:0 0 12px #64caff;animation:logoPulse 5s ease-in-out infinite}.logo strong{font-size:18px;letter-spacing:-.04em}.logo small{font-size:11px;font-weight:400;margin-left:10px;color:#d0deee}.topbar nav{display:flex;align-items:center;gap:clamp(22px,2.5vw,42px)}.topbar nav a,.topbar nav button{font-size:13px;color:#ebf5fc;background:none;border:0;text-decoration:none;padding:8px 0}.topbar nav a:hover,.topbar nav button:hover{color:#88dfff}.topbar nav .current{font-weight:700}.tools{display:flex;align-items:center;gap:22px}.tools button:not(.avatar){border:0;background:none;color:#e1f2fb;padding:2px}.tools svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.online{width:8px;height:8px;border-radius:50%;background:#ffa4cf;box-shadow:0 0 0 4px #ffa4cf29,0 0 12px #ff70ba}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid #c7eaff;background:linear-gradient(135deg,#b98175,#eecbb7);color:#243e60;font-weight:800;font-size:12px;box-shadow:0 0 0 3px #9bdcff48}
.intro{position:absolute;z-index:3;left:4.6%;top:25%;width:37%;text-shadow:0 2px 18px #0a1c3dbb}.eyebrow{font-size:10px;letter-spacing:.27em;color:#88ceec;margin-bottom:23px;opacity:.85}.eyebrow span{display:inline-block;width:24px;height:1px;background:#9edcf1;vertical-align:middle;margin:0 7px}.intro h1{font-size:clamp(52px,5.2vw,90px);letter-spacing:-.055em;margin:0 0 3px;line-height:1.12;font-weight:790;white-space:nowrap}.intro h2{font-size:clamp(29px,2.5vw,46px);font-weight:400;letter-spacing:-.06em;margin:0;white-space:nowrap}.intro p{font-size:clamp(13px,1.12vw,18px);line-height:1.8;color:#d9e5ee;margin:35px 0 33px}.start{border:1px solid #f3ffff;border-radius:30px;padding:14px 26px;background:linear-gradient(110deg,#fff,#d1edff);color:#1463bf;font-weight:700;font-size:15px;box-shadow:0 0 19px #badbff9c,0 8px 22px #429bff4d;transition:transform .3s,box-shadow .3s}.start span{font-size:22px;margin-left:13px;vertical-align:-1px}.start:hover{transform:translateY(-4px);box-shadow:0 0 28px #d9edff,0 12px 28px #429bff7a}
.capsule-wrap{position:absolute;left:30%;top:7%;height:88%;width:52%;z-index:2;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .4s ease-out;animation:float 6.5s ease-in-out infinite;pointer-events:none}.capsule{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 18px 35px #002c5f83) drop-shadow(0 0 24px #91e5ff6b);user-select:none}.aura{position:absolute;width:64%;height:75%;left:21%;top:13%;border-radius:50%;background:#8acfff59;filter:blur(65px);opacity:.48;animation:breathe 5s ease-in-out infinite}.brain{position:absolute;top:12%;left:47%;width:12%;aspect-ratio:1;z-index:1;display:grid;place-items:center;color:#c8ffff;text-shadow:0 0 9px #26dfff;filter:drop-shadow(0 0 12px #52d9ff);animation:brainBeat 4.5s ease-in-out infinite}.brain svg{width:100%;height:100%;stroke:#8bf7ff;stroke-width:1.2;fill:#2bb9fa24}.brain span{position:absolute;font-size:clamp(12px,1.7vw,25px);font-style:italic;font-weight:800}.capsule-menu{position:absolute;left:32%;top:28%;width:42%;z-index:3;display:flex;flex-direction:column;gap:clamp(8px,1.15vh,14px);transform:rotate(12deg) perspective(700px) rotateY(-7deg);pointer-events:auto;filter:saturate(.82)}.module{height:clamp(60px,9.5vh,92px);width:100%;border:1px solid #e4ffffb8;border-radius:clamp(13px,1.6vw,25px);background:linear-gradient(115deg,#eafaffc2,#b8d7f2a8 57%,#78b6e0b8);box-shadow:0 6px 20px #07366677,inset 0 1px 3px #ffffffcf,inset 0 -10px 18px #4c98d452;text-align:left;display:flex;align-items:center;gap:clamp(8px,1vw,16px);padding:6px 7%;color:#12324d;backdrop-filter:blur(16px);transition:transform .28s,box-shadow .28s,background .28s}.module:hover{transform:translateX(8px) scale(1.025);box-shadow:0 12px 28px #0a6ed398,0 0 20px #cff7ff76,inset 0 1px 2px #fff;background:linear-gradient(110deg,#f3ffffdf,#cce9f2d4 70%,#9bd3f3c9)}.icon{width:clamp(34px,3.6vw,59px);height:clamp(34px,3.6vw,59px);flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffffb0;box-shadow:inset 0 1px 8px #fff,0 3px 8px #2b68a055}.icon svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.violet{color:#976dff;background:linear-gradient(140deg,#e1d7ff,#b9a9f9)}.coral{color:#f56c83;background:linear-gradient(140deg,#ffddd5,#ffc2cf)}.aqua{color:#21b5e5;background:linear-gradient(140deg,#d5ffff,#adf1ff)}.blue{color:#4194e8;background:linear-gradient(140deg,#e0f6ff,#b9d7ff)}.module-copy{min-width:0;flex:1}.module-copy strong{display:block;font-size:clamp(13px,1.35vw,23px);font-weight:780;white-space:nowrap;letter-spacing:-.04em}.module-copy small{display:block;font-size:clamp(8px,.75vw,13px);color:#647b97;margin-top:5px;white-space:nowrap}.arrow{font-size:clamp(23px,2.3vw,36px);font-weight:200;color:#246de0;line-height:1;margin-left:auto}.capsule-front{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:4;opacity:.26;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #c9faff);pointer-events:none;user-select:none}.capsule-glint{position:absolute;left:31%;top:0;width:17%;height:90%;z-index:5;border-radius:50%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,#ffffff19,#eaffff46,#ffffff08,transparent);filter:blur(7px);mix-blend-mode:screen;opacity:.45;animation:glint 7s ease-in-out infinite;pointer-events:none}
.quote{position:absolute;right:4.7%;top:52%;z-index:4;width:21%;padding:26px 18px 15px;border:1px solid #d8f3ff8f;border-radius:30px;background:linear-gradient(135deg,#b8e3ff3e,#114c7455 58%,#d5ffff27);backdrop-filter:blur(14px);box-shadow:inset 0 1px #fff8,0 14px 45px #05365b89;color:#ecfaff;text-align:center;font-family:KaiTi,"STKaiti",serif;font-size:clamp(16px,1.6vw,27px);line-height:1.6;text-shadow:0 0 10px #9bdcff}.quote svg{display:block;width:90%;height:32px;margin:5px auto 0;overflow:visible}.quote path{fill:none;stroke:#d7f8ff;stroke-width:1.3;filter:drop-shadow(0 0 4px #a4eeff)}.ecg-track{opacity:.25}.ecg-active{stroke-dasharray:230;animation:ecg 3s linear infinite}.stats{position:absolute;z-index:3;bottom:5.2%;left:4.6%;display:flex;gap:0}.stats div{min-width:clamp(100px,8.2vw,150px);padding:0 18px;border-right:1px solid #d9e9ff58}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-size:clamp(15px,1.5vw,25px);font-weight:700;line-height:1.3;text-shadow:0 0 10px #aad7ff}.stats span{display:block;color:#a9bed2;font-size:clamp(9px,.8vw,13px);margin-top:4px}.ground-light{position:absolute;z-index:-1;left:29%;bottom:0;width:50%;height:12%;border-radius:50%;background:#a0e3ff55;filter:blur(30px);animation:breathe 5s infinite}
dialog{border:1px solid #c4eaffad;border-radius:25px;background:linear-gradient(135deg,#285781fa,#0b284afa);color:white;box-shadow:0 25px 100px #000c,0 0 60px #6eb7ff66;width:min(520px,calc(100vw - 30px));padding:0}dialog::backdrop{background:#06172bb0;backdrop-filter:blur(9px)}.dialog-inner{padding:32px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top span{color:#8fe3ff;font-size:11px;letter-spacing:.23em}.dialog-top button{width:32px;height:32px;border:1px solid #d3f5ff8c;border-radius:50%;background:#ffffff1a;color:white;font-size:22px}.dialog-inner h2{font-size:29px;margin:15px 0 0}.dialog-inner p{color:#c5d9eb;line-height:1.85;font-size:14px;margin:20px 0}.dialog-inner ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.dialog-inner li{border:1px solid #bbeaff34;background:#b9e8ff13;padding:12px 15px;border-radius:12px;font-size:13px}.dialog-inner li:before{content:"✦";color:#9cecff;margin-right:10px}.dialog-inner small{display:block;font-size:11px;color:#95b5cb;border-top:1px solid #b2d9f846;margin-top:24px;padding-top:18px;line-height:1.7}
@keyframes dnaSway{0%,100%{transform:translate3d(0,0,0) rotate(-2deg) rotateY(-5deg);opacity:.64;filter:drop-shadow(0 0 16px #69beff74)}50%{transform:translate3d(-18px,12px,0) rotate(2deg) rotateY(7deg) scale(1.045);opacity:.85;filter:drop-shadow(0 0 29px #a7eaffad)}}@keyframes ambient{from{transform:scale(1)}to{transform:scale(1.035) translate(-.5%,.4%)}}@keyframes float{50%{translate:0 -12px}}@keyframes breathe{50%{opacity:.58;scale:1.04}}@keyframes brainBeat{50%{filter:drop-shadow(0 0 25px #aafcff);scale:1.08}}@keyframes glint{0%,100%{opacity:.22;left:25%}55%{opacity:.75;left:62%}}@keyframes logoPulse{50%{text-shadow:0 0 20px #b7fbff;box-shadow:0 0 15px #8cdfff}}@keyframes ecg{to{stroke-dashoffset:-230}}
@media(max-width:950px){.logo small,.topbar nav{display:none}.scene{min-height:720px}.intro{top:19%;width:44%}.intro h1{font-size:clamp(38px,5.6vw,60px)}.intro h2{font-size:clamp(23px,3vw,35px)}.capsule-wrap{left:31%;width:61%;top:12%;height:72%}.module{height:clamp(56px,7.6vh,75px)}.module-copy strong{font-size:clamp(12px,1.6vw,18px)}.quote{top:61%;width:25%;font-size:17px}.stats{bottom:4%}}
@media(max-width:650px){.scene{height:auto;min-height:900px}.background{background-position:64% center}.topbar{height:65px;padding:0 6%}.logo strong{font-size:17px}.tools{gap:13px}.intro{top:104px;left:6%;width:88%}.eyebrow{font-size:9px;margin-bottom:16px}.intro h1{font-size:clamp(43px,11vw,64px)}.intro h2{font-size:clamp(25px,6.4vw,35px)}.intro p{font-size:13px;margin:17px 0 20px}.start{padding:10px 19px;font-size:13px}.capsule-wrap{top:370px;left:4%;width:92%;height:480px}.capsule-menu{left:32%;top:25%;width:42%;gap:6px}.module{height:56px;padding:4px 5%;gap:7px;border-radius:15px}.icon{width:30px;height:30px}.module-copy strong{font-size:11px}.module-copy small{font-size:7px;margin-top:2px}.arrow{font-size:20px}.brain{top:11%;left:47%;width:13%}.dna-layer{right:-39%;top:27%;width:87%;height:36%;opacity:.48}.quote{display:none}.stats{left:6%;right:6%;bottom:18px;justify-content:space-between}.stats div{min-width:0;padding:0 7px}.stats strong{font-size:11px}.stats span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}