/* ===== Acadex MedLab (dashboard.html → #medlab-view, js/acadex-medlab.js) ===== Study Lab'in kâğıt-mürekkep dili; tezgâh ahşap yerine klinik çelik ve önlük yeşili. */ #medlab-view.axm{--mc:#C9483B;--steel:#C8D3DC;--steel2:#97A6B4;--scrub:#2E8C82;--card:#FFFDF7} #medlab-view.axm *,.axm-run *{box-sizing:border-box} #medlab-view.axm .disp,.axm-run .disp{font-family:"Bricolage Grotesque",system-ui,sans-serif} #medlab-view.axm .mono,.axm-run .mono{font-family:"JetBrains Mono",ui-monospace,monospace} #medlab-view.axm .hand{font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-weight:600} #medlab-view.axm .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #medlab-view.axm .axm-main{padding:24px 28px 140px;color:var(--ink,#1A2A5C)} @media (prefers-reduced-motion:no-preference){#medlab-view.axm .land{animation:axm-land .7s cubic-bezier(.3,1.35,.5,1) both}} @keyframes axm-land{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} /* ---------- başlık ---------- */ #medlab-view.axm .axm-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:14px} #medlab-view.axm .eyb{display:table;font-size:24px;color:var(--scrub);transform:rotate(-2deg)} #medlab-view.axm .axm-head h1{margin:0;font-size:clamp(30px,3vw,42px);letter-spacing:-.02em;line-height:1.05;font-weight:800;color:var(--navy,#0D1838);display:inline-block;padding-bottom:8px;background:var(--inkline) no-repeat 0 100%/100% 8px} #medlab-view.axm .axm-sub{margin:6px 0 0;font-size:22px;color:var(--muted,#4B5675)} /* hasta başı monitörü: iz bir vuruşluk (110 birim) kayar, kalp ve artı aynı ritimde atar (72/dk ≈ .833 sn) */ #medlab-view.axm{--beat:.833s} #medlab-view.axm .axm-mon{display:flex;align-items:stretch;gap:0;height:72px;border:2px solid #0D1838;border-radius:10px 12px 9px 11px;background:#0D1838;box-shadow:0 18px 24px -18px rgba(13,24,56,.7);overflow:hidden;transform:rotate(1.2deg)} #medlab-view.axm .axm-mon-scr{position:relative;width:210px;overflow:hidden;background:linear-gradient(rgba(62,207,142,.09) 1px,transparent 1px) 0 0/12px 12px,linear-gradient(90deg,rgba(62,207,142,.09) 1px,transparent 1px) 0 0/12px 12px,#0F2233} #medlab-view.axm .axm-mon-scr::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0F2233 0,transparent 22%,transparent 80%,rgba(15,34,51,.6) 100%);pointer-events:none} #medlab-view.axm .axm-mon-tr{position:absolute;left:0;top:6px;width:420px;height:60px;fill:none;stroke:#3ECF8E;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(62,207,142,.8))} #medlab-view.axm .axm-mon-r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:74px;padding:0 10px;border-left:1px solid rgba(255,255,255,.12);color:#3ECF8E} #medlab-view.axm .axm-heart{width:20px;height:20px;fill:#E5544A;stroke:none} #medlab-view.axm .axm-mon-r b{font-size:22px;line-height:1;color:#3ECF8E} #medlab-view.axm .axm-mon-r small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-mon-tr{animation:axm-trace calc(var(--beat) * 2) linear infinite} #medlab-view.axm .axm-heart{animation:axm-pulse var(--beat) ease-out infinite} } @keyframes axm-trace{from{transform:translateX(0)}to{transform:translateX(-210px)}} @keyframes axm-pulse{0%,100%{transform:scale(1)}12%{transform:scale(1.28)}26%{transform:scale(.94)}40%{transform:scale(1.1)}} /* arka plan: soluk milimetrik kâğıt + köşede anatomik kalp çizimi */ #medlab-view.axm .axm-main{position:relative;isolation:isolate;background:linear-gradient(rgba(46,140,130,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(46,140,130,.06) 1px,transparent 1px) 0 0/24px 24px} #medlab-view.axm .axm-main::before{content:"";position:absolute;right:2%;bottom:40px;z-index:-1;width:min(420px,60vw);aspect-ratio:1;opacity:.07;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%230D1838' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M66 78 C46 90 38 120 50 146 C62 172 94 188 120 192 C136 178 152 150 158 122 C164 94 152 72 130 68 C116 66 104 72 98 80 C90 72 78 72 66 78 Z'/%3E%3Cpath d='M104 76 C102 52 108 32 126 26 C144 20 160 32 160 50 V76'/%3E%3Cpath d='M114 30 V10 M128 25 V7 M142 26 L150 9'/%3E%3Cpath d='M84 76 V38'/%3E%3Cpath d='M92 82 C86 64 74 54 56 52 M66 56 L52 70'/%3E%3Cpath d='M120 84 C110 114 112 152 120 188' stroke-dasharray='4 5'/%3E%3Cpath d='M58 112 C82 124 120 122 156 106' stroke-dasharray='4 5'/%3E%3C/svg%3E") no-repeat center/contain} /* ---------- tepsi ve raf ---------- */ #medlab-view.axm .axm-tray{position:relative;padding:8px 0 0} #medlab-view.axm .axm-shelf{position:relative;display:flex;align-items:flex-end;gap:18px;height:74px;margin:0 6px 4px;padding:0 18px;border-bottom:9px solid var(--steel2);border-radius:0 0 3px 3px;box-shadow:0 10px 12px -10px rgba(20,40,60,.5)} #medlab-view.axm .axm-shelf-note{flex:1;text-align:center;font-size:24px;color:var(--soft,#6A7593);transform:rotate(-1.5deg);padding-bottom:10px} #medlab-view.axm .axm-tube{position:relative;width:16px;height:52px;border:2px solid #1A2A5C;border-top-width:5px;border-radius:2px 2px 9px 9px;background:rgba(255,255,255,.6);overflow:hidden} #medlab-view.axm .axm-tube i{position:absolute;left:0;right:0;bottom:0;height:60%;background:#D8584A;opacity:.75} #medlab-view.axm .axm-tube.t2 i{background:#F2C14E;height:45%} #medlab-view.axm .axm-pill{width:40px;height:18px;margin-bottom:4px;border:2px solid #1A2A5C;border-radius:10px;background:linear-gradient(90deg,#9DB8FF 50%,#fff 50%);transform:rotate(-14deg)} #medlab-view.axm .axm-cross{position:relative;width:34px;height:34px;margin-bottom:6px} #medlab-view.axm .axm-cross::before,#medlab-view.axm .axm-cross::after{content:"";position:absolute;background:var(--mc);border:2px solid #1A2A5C;border-radius:3px} #medlab-view.axm .axm-cross::before{left:11px;top:0;width:12px;height:34px} #medlab-view.axm .axm-cross::after{left:0;top:11px;width:34px;height:12px} /* raf: tüplerde dalgalanan sıvı ve kabarcık, sallanan hap, nabız gibi atan artı */ #medlab-view.axm .axm-tube i::before{content:"";position:absolute;left:-6px;right:-6px;top:-4px;height:8px;border-radius:50%;background:inherit;filter:brightness(1.12)} #medlab-view.axm .axm-tube::after{content:"";position:absolute;left:4px;bottom:4px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:4px 8px 0 -.5px rgba(255,255,255,.8),-1px 14px 0 .5px rgba(255,255,255,.7);opacity:0} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-tube i::before{animation:axm-wave 2.4s ease-in-out infinite} #medlab-view.axm .axm-tube.t2 i::before{animation-delay:-1.2s} #medlab-view.axm .axm-tube::after{animation:axm-bubble 2.8s ease-in infinite} #medlab-view.axm .axm-tube.t2::after{animation-delay:-1.4s;animation-duration:3.4s} #medlab-view.axm .axm-pill{animation:axm-wobble 4.5s ease-in-out infinite} #medlab-view.axm .axm-cross{animation:axm-pulse var(--beat) ease-out infinite} } @keyframes axm-wave{0%,100%{transform:translateX(-3px) rotate(-4deg)}50%{transform:translateX(3px) rotate(4deg)}} @keyframes axm-bubble{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:0;transform:translateY(-30px)}} @keyframes axm-wobble{0%,100%{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(8deg) translateY(-3px)}} #medlab-view.axm .axm-tabletop{height:16px;margin:4px 0 0;border-radius:3px;background:linear-gradient(var(--steel),var(--steel2));box-shadow:0 14px 18px -14px rgba(20,40,60,.6)} /* ---------- laboratuvar kartları ---------- */ #medlab-view.axm .axm-labs{list-style:none;margin:0;padding:26px 6px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px 22px} #medlab-view.axm .axm-lab{transform:rotate(var(--r,0deg))} @media (prefers-reduced-motion:no-preference){#medlab-view.axm .axm-lab{animation:axm-drop .55s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 80ms)}} @keyframes axm-drop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:rotate(var(--r))}} #medlab-view.axm .axm-labb{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:0 0 18px;border:0;border-radius:6px;background:var(--card);box-shadow:0 1px 0 #E1E5EE,0 22px 28px -22px rgba(13,24,56,.6);text-align:left;font:inherit;color:#1A2A5C;overflow:hidden} #medlab-view.axm button.axm-labb{cursor:pointer;transition:transform .25s cubic-bezier(.3,1.4,.5,1),box-shadow .25s} #medlab-view.axm .axm-labb::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:1;background:var(--mc)} #medlab-view.axm button.axm-labb:hover{transform:translateY(-6px) rotate(calc(var(--r) * -1));box-shadow:0 1px 0 #E1E5EE,0 30px 34px -22px rgba(13,24,56,.7)} #medlab-view.axm button.axm-labb:focus-visible{outline:3px solid #2F6BFF;outline-offset:4px} #medlab-view.axm .axm-cover{position:relative;display:block;width:100%;aspect-ratio:864/352;background:#ECEFF3;border-bottom:1.4px solid #E1E5EE} #medlab-view.axm .axm-cover{overflow:hidden} #medlab-view.axm .axm-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s} /* üzerine gelince: kapak yakınlaşır, üstünden tarama ışığı geçer, etiket sallanır */ #medlab-view.axm .axm-cover::after{content:"";position:absolute;left:0;right:0;top:0;height:38%;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--mc) 22%,transparent) 70%,rgba(255,255,255,.85) 96%,transparent);mix-blend-mode:screen;transform:translateY(-100%)} #medlab-view.axm button.axm-labb:hover .axm-cover img,#medlab-view.axm button.axm-labb:focus-visible .axm-cover img{transform:scale(1.07);filter:saturate(1.15) contrast(1.04)} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm button.axm-labb:hover .axm-cover::after,#medlab-view.axm button.axm-labb:focus-visible .axm-cover::after{animation:axm-scan 1.6s cubic-bezier(.45,0,.55,1) infinite} #medlab-view.axm button.axm-labb:hover .axm-tag{animation:axm-wiggle .6s ease-in-out} } @keyframes axm-scan{0%{opacity:0;transform:translateY(-100%)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(270%)}} @keyframes axm-wiggle{0%,100%{transform:rotate(3deg)}25%{transform:rotate(-8deg) scale(1.1)}50%{transform:rotate(9deg) scale(1.1)}75%{transform:rotate(-4deg)}} #medlab-view.axm .axm-cover-soon{display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 17px,#E4EEEC 17px 18px),repeating-linear-gradient(90deg,#F4FAF8 0 17px,#E4EEEC 17px 18px)} #medlab-view.axm .axm-cover-soon svg{width:60%;height:60%;fill:none;stroke:var(--mc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} #medlab-view.axm .axm-tag{position:absolute;top:14px;right:12px;padding:2px 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--mc);border-radius:3px;transform:rotate(3deg)} #medlab-view.axm .axm-lab-t{margin:14px 18px 0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:var(--navy,#0D1838)} #medlab-view.axm .axm-lab-for{margin:0 18px;font-size:22px;color:var(--mc);transform:rotate(-1.5deg)} #medlab-view.axm .axm-lab-d{margin:6px 18px 0;font-size:14.5px;line-height:1.5;color:var(--muted,#4B5675)} #medlab-view.axm .axm-soon .axm-labb{opacity:.72} #medlab-view.axm .axm-cite{margin:18px 6px 0;font-size:11.5px;color:var(--soft,#6A7593)} /* ---------- tam ekran laboratuvar ---------- */ .axm-run{position:fixed;inset:0;z-index:6000;display:flex;flex-direction:column;background:#F6F7FB} .axm-run[hidden]{display:none} .axm-run-top{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px 16px;background:#FFFDF7;border-bottom:1.4px solid #E1E5EE} .axm-run-top h2{flex:1;margin:0;font-size:20px;font-weight:800;color:#0D1838;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .axm-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 13px;border:1.4px solid #C9D1E1;background:#fff;border-radius:7px 9px 6px 8px;font:inherit;font-size:14px;font-weight:600;color:#1A2A5C;cursor:pointer} .axm-back svg{width:18px;height:18px;fill:none;stroke:#C9483B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .axm-back:hover{border-color:#C9483B} .axm-back:focus-visible,.axm-newtab:focus-visible{outline:2px solid #2F6BFF;outline-offset:3px} .axm-newtab{font-size:14px;font-weight:600;color:#2F6BFF;text-underline-offset:4px} .axm-frame{flex:1;width:100%;border:0;background:#fff} /* açılış: katman kartın yerinden büyür (clip-path, js/acadex-medlab.js başlangıç kutusunu verir) */ .axm-run.axm-grow{transition:clip-path .55s cubic-bezier(.7,0,.2,1)} .axm-load{position:absolute;left:0;right:0;top:58px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#F6F7FB;transition:opacity .35s} .axm-load[hidden]{display:none} .axm-load.out{opacity:0} .axm-load svg{width:220px;height:60px;fill:none;stroke:#C9483B;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300} .axm-load p{margin:0;font-family:"Caveat","Segoe Print",cursive;font-weight:600;font-size:24px;color:#4B5675} @media (prefers-reduced-motion:no-preference){.axm-load svg{animation:axm-draw 1.4s linear infinite}} @media (prefers-reduced-motion:reduce){.axm-load svg{stroke-dashoffset:0}} @keyframes axm-draw{0%{stroke-dashoffset:300}70%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}} body.axm-open{overflow:hidden} body.axm-open #acadia-widget-container,body.axm-open #pomodoro-widget-container,body.axm-open .ax-bnav{display:none!important} @media (max-width:760px){ #medlab-view.axm .axm-main{padding:18px 14px 140px} #medlab-view.axm .axm-mon{height:58px;transform:rotate(.8deg)} #medlab-view.axm .axm-mon-scr{width:160px} #medlab-view.axm .axm-mon-r{min-width:62px} #medlab-view.axm .axm-mon-r b{font-size:18px} #medlab-view.axm .axm-shelf-note{font-size:19px} #medlab-view.axm .axm-labs{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:18px} .axm-run-top{padding:6px 10px;gap:10px} .axm-run-top h2{font-size:17px} .axm-newtab{display:none} } /* MedLab × Acadia köprüsü (js/acadex-medlab-acadia.js): spotta Acadia susar, lab çipleri, bağlam etiketi */ body.axl-spot #acadia-panel,body.axl-spot .acadia-fab-wrap{display:none!important} .axl-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(22,50,92,.06);flex-shrink:0;max-height:98px;overflow-y:auto;background:#FBF8F0} .axl-chips[hidden]{display:none} .axl-chips button,.axl-mchips button{font:600 11.5px/1.25 inherit;font-family:inherit;padding:5px 10px;border-radius:999px;border:1px solid rgba(22,50,92,.22);background:#fff;color:#16325C;cursor:pointer;text-align:left} .axl-chips button:hover,.axl-mchips button:hover{border-color:#16325C;background:#FFF8E6} .axl-chips button:focus-visible,.axl-mchips button:focus-visible{outline:2px solid #2F6BFF;outline-offset:1px} .axl-chips .axl-tour{background:#0D1838;color:#fff;border-color:#0D1838} .axl-chips .axl-tour::before{content:"\25B6 ";color:#FFD86B} .axl-mchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;white-space:normal} #btn-acadia-select-card.axl-ctx{cursor:default;border-style:solid;color:#16325C;font-weight:700;opacity:1} @media (prefers-reduced-motion:no-preference){ .acadia-fab.axl-ping{animation:axl-ping .9s ease-in-out 3} @keyframes axl-ping{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}} } /* Odyoloji Lab kapağı: kulak maskotu (SVG + CSS) */ #medlab-view.axm .axm-cover-ody{background:#F6F2E9} #medlab-view.axm .axm-ody{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-ody,#medlab-view.axm button.axm-labb:focus-visible .axm-ody{transform:scale(1.04)} #medlab-view.axm .axm-ody .ody-body,#medlab-view.axm .axm-ody .ody-eyes,#medlab-view.axm .axm-ody .ody-note,#medlab-view.axm .axm-ody .ody-arm,#medlab-view.axm .axm-ody .ody-w{transform-box:fill-box} #medlab-view.axm .axm-ody .ody-body{transform-origin:50% 100%} #medlab-view.axm .axm-ody .ody-eyes{transform-origin:50% 50%} #medlab-view.axm .axm-ody .ody-arm{transform-origin:100% 100%} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-ody{--ody-t:2.6s} #medlab-view.axm button.axm-labb:hover .axm-ody,#medlab-view.axm button.axm-labb:focus-visible .axm-ody{--ody-t:1.3s} #medlab-view.axm .axm-ody .ody-w{animation:ody-wave var(--ody-t) ease-out infinite both} #medlab-view.axm .axm-ody .ody-w.w2{animation-delay:calc(var(--ody-t) * .12)} #medlab-view.axm .axm-ody .ody-w.w3{animation-delay:calc(var(--ody-t) * .24)} #medlab-view.axm .axm-ody .ody-body{animation:ody-hear var(--ody-t) ease-in-out infinite} #medlab-view.axm .axm-ody .ody-arm{animation:ody-cup var(--ody-t) ease-in-out infinite} #medlab-view.axm .axm-ody .ody-eyes{animation:ody-blink 4.4s ease-in-out infinite} #medlab-view.axm .axm-ody .ody-note{animation:ody-note calc(var(--ody-t) * 2) ease-out infinite} } @keyframes ody-wave{0%{opacity:0;transform:translateX(-16px)}25%{opacity:1}75%{opacity:.85}100%{opacity:0;transform:translateX(22px)}} @keyframes ody-hear{0%,46%,100%{transform:none}56%{transform:translateY(-4px) rotate(-4deg)}66%{transform:rotate(3deg)}76%{transform:none}} @keyframes ody-cup{0%,46%,100%{transform:none}58%{transform:rotate(-14deg)}74%{transform:none}} @keyframes ody-blink{0%,90%,100%{transform:none}94%{transform:scaleY(.12)}} @keyframes ody-note{0%,40%{opacity:0;transform:translateY(10px) rotate(-6deg)}55%{opacity:1}100%{opacity:0;transform:translateY(-18px) rotate(8deg)}} /* Diyet Lab kapağı: domates maskot (SVG + CSS) */ #medlab-view.axm .axm-cover-dyt{background:#F4F1EB} #medlab-view.axm .axm-dyt{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-dyt,#medlab-view.axm button.axm-labb:focus-visible .axm-dyt{transform:scale(1.04)} #medlab-view.axm .axm-dyt .dyt-body,#medlab-view.axm .axm-dyt .dyt-leaf,#medlab-view.axm .axm-dyt .dyt-eyes,#medlab-view.axm .axm-dyt .dyt-fork,#medlab-view.axm .axm-dyt .dyt-needle,#medlab-view.axm .axm-dyt .dyt-shadow,#medlab-view.axm .axm-dyt .dyt-steam path{transform-box:fill-box} #medlab-view.axm .axm-dyt .dyt-body{transform-origin:50% 100%} #medlab-view.axm .axm-dyt .dyt-leaf{transform-origin:50% 100%} #medlab-view.axm .axm-dyt .dyt-eyes{transform-origin:50% 50%} #medlab-view.axm .axm-dyt .dyt-fork{transform-origin:50% 100%} #medlab-view.axm .axm-dyt .dyt-needle{transform-origin:50% 100%} #medlab-view.axm .axm-dyt .dyt-shadow{transform-origin:50% 50%} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-dyt{--dyt-t:2.4s} #medlab-view.axm button.axm-labb:hover .axm-dyt,#medlab-view.axm button.axm-labb:focus-visible .axm-dyt{--dyt-t:1.2s} #medlab-view.axm .axm-dyt .dyt-body{animation:dyt-hop var(--dyt-t) ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-shadow{animation:dyt-shadow var(--dyt-t) ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-leaf{animation:dyt-leaf var(--dyt-t) ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-fork{animation:dyt-fork var(--dyt-t) ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-eyes{animation:dyt-blink 4.2s ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-needle{animation:dyt-needle calc(var(--dyt-t) * 1.5) cubic-bezier(.3,1.5,.5,1) infinite} #medlab-view.axm .axm-dyt .dyt-arc{animation:dyt-arc calc(var(--dyt-t) * 2) ease-in-out infinite} #medlab-view.axm .axm-dyt .dyt-steam path{animation:dyt-steam calc(var(--dyt-t) * 1.2) ease-out infinite} #medlab-view.axm .axm-dyt .dyt-steam path+path{animation-delay:calc(var(--dyt-t) * .4)} } @keyframes dyt-hop{0%,55%,100%{transform:none}65%{transform:translateY(2px) scale(1.05,.94)}75%{transform:translateY(-18px) scale(.97,1.04)}85%{transform:translateY(0) scale(1.03,.97)}} @keyframes dyt-shadow{0%,55%,100%{transform:none;opacity:.12}75%{transform:scale(.75);opacity:.06}} @keyframes dyt-leaf{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}} @keyframes dyt-fork{0%,50%,100%{transform:rotate(0)}70%{transform:rotate(-12deg)}} @keyframes dyt-blink{0%,90%,100%{transform:none}94%{transform:scaleY(.12)}} @keyframes dyt-needle{0%,100%{transform:rotate(-40deg)}40%{transform:rotate(25deg)}60%{transform:rotate(15deg)}} @keyframes dyt-arc{0%,100%{stroke-dashoffset:150}50%{stroke-dashoffset:40}} @keyframes dyt-steam{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}100%{opacity:0;transform:translateY(-14px)}} /* Anatomi ve Fizyo Lab kapakları: iskelet ve diz eklemi karakterleri (SVG + CSS) */ #medlab-view.axm .axm-cover-ana{background:#EEF1F5} #medlab-view.axm .axm-cover-fiz{background:#EEF5F1} #medlab-view.axm .axm-ana,#medlab-view.axm .axm-fiz{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-ana,#medlab-view.axm button.axm-labb:focus-visible .axm-ana,#medlab-view.axm button.axm-labb:hover .axm-fiz,#medlab-view.axm button.axm-labb:focus-visible .axm-fiz{transform:scale(1.04)} #medlab-view.axm .axm-ana g,#medlab-view.axm .axm-fiz g,#medlab-view.axm .axm-ana ellipse,#medlab-view.axm .axm-fiz path{transform-box:fill-box} #medlab-view.axm .axm-ana .ana-body{transform-origin:50% 100%} #medlab-view.axm .axm-ana .ana-arm-r,#medlab-view.axm .axm-ana .ana-arm-l,#medlab-view.axm .axm-fiz .fiz-low,#medlab-view.axm .axm-ana .ana-eyes,#medlab-view.axm .axm-fiz .fiz-eyes,#medlab-view.axm .axm-ana .ana-sh{transform-origin:50% 50%} #medlab-view.axm .axm-fiz .fiz-low{transform:rotate(110deg)} #medlab-view.axm .axm-fiz .fiz-d{opacity:0}#medlab-view.axm .axm-fiz .fiz-d4{opacity:1} #medlab-view.axm .axm-fiz .fiz-sweat{opacity:0} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-ana,#medlab-view.axm .axm-fiz{--k-t:2.6s} #medlab-view.axm button.axm-labb:hover .axm-ana,#medlab-view.axm button.axm-labb:focus-visible .axm-ana,#medlab-view.axm button.axm-labb:hover .axm-fiz,#medlab-view.axm button.axm-labb:focus-visible .axm-fiz{--k-t:1.3s} #medlab-view.axm .axm-ana .ana-body{animation:ana-bob var(--k-t) ease-in-out infinite} #medlab-view.axm .axm-ana .ana-sh{animation:ana-sh var(--k-t) ease-in-out infinite} #medlab-view.axm .axm-ana .ana-arm-r{animation:ana-wave var(--k-t) ease-in-out infinite} #medlab-view.axm .axm-ana .ana-arm-l{animation:ana-point calc(var(--k-t) * 1.5) ease-in-out infinite} #medlab-view.axm .axm-ana .ana-jaw{animation:ana-jaw calc(var(--k-t) / 3) ease-in-out infinite} #medlab-view.axm .axm-ana .ana-eyes{animation:k-blink 4.4s ease-in-out infinite} #medlab-view.axm .axm-ana .ana-mus{animation:ana-layer calc(var(--k-t) * 2.4) ease-in-out infinite} #medlab-view.axm .axm-fiz .fiz-low{animation:fiz-flex calc(var(--k-t) * 2.4) cubic-bezier(.45,0,.55,1) infinite} #medlab-view.axm .axm-fiz .fiz-d{animation:calc(var(--k-t) * 2.4) linear infinite} #medlab-view.axm .axm-fiz .fiz-d0{animation-name:fiz-d0}#medlab-view.axm .axm-fiz .fiz-d1{animation-name:fiz-d1}#medlab-view.axm .axm-fiz .fiz-d2{animation-name:fiz-d2}#medlab-view.axm .axm-fiz .fiz-d3{animation-name:fiz-d3}#medlab-view.axm .axm-fiz .fiz-d4{animation-name:fiz-d4} #medlab-view.axm .axm-fiz .fiz-sweat{animation:fiz-sweat calc(var(--k-t) * 2.4) ease-in-out infinite} #medlab-view.axm .axm-fiz .fiz-eyes{animation:k-blink 3.8s ease-in-out infinite} } @keyframes k-blink{0%,90%,100%{transform:none}94%{transform:scaleY(.12)}} @keyframes ana-bob{0%,100%{transform:none}50%{transform:translateY(-6px)}} @keyframes ana-sh{0%,100%{transform:none;opacity:.1}50%{transform:scale(.88);opacity:.07}} @keyframes ana-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(10deg)}} @keyframes ana-point{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-4deg)}80%{transform:rotate(1deg)}} @keyframes ana-jaw{0%,100%{transform:none}50%{transform:translateY(5px)}} @keyframes ana-layer{0%,35%,100%{opacity:1}50%,85%{opacity:.08}} @keyframes fiz-flex{0%,6%{transform:rotate(0)}14%,22%{transform:rotate(30deg)}30%,38%{transform:rotate(60deg)}46%,54%{transform:rotate(90deg)}62%,76%{transform:rotate(110deg)}94%,100%{transform:rotate(0)}} @keyframes fiz-d0{0%,8%{opacity:1}10%,92%{opacity:0}94%,100%{opacity:1}} @keyframes fiz-d1{0%,11%{opacity:0}13%,24%{opacity:1}26%,100%{opacity:0}} @keyframes fiz-d2{0%,27%{opacity:0}29%,40%{opacity:1}42%,100%{opacity:0}} @keyframes fiz-d3{0%,43%{opacity:0}45%,56%{opacity:1}58%,100%{opacity:0}} @keyframes fiz-d4{0%,59%{opacity:0}61%,80%{opacity:1}82%,100%{opacity:0}} @keyframes fiz-sweat{0%,58%{opacity:0;transform:none}64%{opacity:1}80%{opacity:0;transform:translateY(16px)}100%{opacity:0}} /* DKT Lab kapağı (29.10.2026): terapi odası, konuşan dudak maskotu Dudi */ #medlab-view.axm .axm-cover-dkt{background:#FBF4EA} #medlab-view.axm .axm-dkt{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-dkt,#medlab-view.axm button.axm-labb:focus-visible .axm-dkt{transform:scale(1.04)} #medlab-view.axm .axm-dkt g,#medlab-view.axm .axm-dkt ellipse{transform-box:fill-box} #medlab-view.axm .axm-dkt .dkt-body,#medlab-view.axm .axm-dkt .dkt-c1,#medlab-view.axm .axm-dkt .dkt-c2{transform-origin:50% 100%} #medlab-view.axm .axm-dkt .dkt-mouth,#medlab-view.axm .axm-dkt .dkt-eyes,#medlab-view.axm .axm-dkt .dkt-sh,#medlab-view.axm .axm-dkt .dkt-bub{transform-origin:50% 50%} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-dkt{--dkt-t:2.2s} #medlab-view.axm button.axm-labb:hover .axm-dkt,#medlab-view.axm button.axm-labb:focus-visible .axm-dkt{--dkt-t:1.1s} #medlab-view.axm .axm-dkt .dkt-mouth{animation:dkt-talk calc(var(--dkt-t) * .5) ease-in-out infinite} #medlab-view.axm .axm-dkt .dkt-body{animation:dkt-bob var(--dkt-t) ease-in-out infinite} #medlab-view.axm .axm-dkt .dkt-sh{animation:dkt-sh var(--dkt-t) ease-in-out infinite} #medlab-view.axm .axm-dkt .dkt-eyes{animation:dkt-blink 4.4s ease-in-out infinite} #medlab-view.axm .axm-dkt .dkt-wv path{animation:dkt-wv calc(var(--dkt-t) * .8) ease-out infinite} #medlab-view.axm .axm-dkt .dkt-wv path+path{animation-delay:calc(var(--dkt-t) * .25)} #medlab-view.axm .axm-dkt .dkt-bub{animation:dkt-bub var(--dkt-t) cubic-bezier(.3,1.5,.5,1) infinite} #medlab-view.axm .axm-dkt .dkt-c1{animation:dkt-card var(--dkt-t) ease-in-out infinite} #medlab-view.axm .axm-dkt .dkt-c2{animation:dkt-card var(--dkt-t) ease-in-out calc(var(--dkt-t) * -.5) infinite} } @keyframes dkt-talk{0%,100%{transform:scaleY(.45)}35%{transform:scaleY(1)}65%{transform:scaleY(.65)}} @keyframes dkt-bob{0%,100%{transform:none}50%{transform:translateY(-6px) rotate(-1.5deg)}} @keyframes dkt-sh{0%,100%{transform:none;opacity:.12}50%{transform:scale(.88);opacity:.08}} @keyframes dkt-blink{0%,90%,100%{transform:none}94%{transform:scaleY(.12)}} @keyframes dkt-wv{0%{opacity:0;transform:translateX(-6px)}30%{opacity:1}100%{opacity:0;transform:translateX(12px)}} @keyframes dkt-bub{0%,100%{transform:scale(1)}20%{transform:scale(1.08) rotate(-2deg)}40%{transform:scale(1)}} @keyframes dkt-card{0%,100%{transform:rotate(0)}50%{transform:rotate(-2.5deg)}} /* Acadex Medica kartı (31.10.2026): MedLab'in hastanesi, rafın en üstünde geniş kart */ #medlab-view.axm .axm-lab-wide{grid-column:1/-1} #medlab-view.axm .axm-lab-wide .axm-labb{flex-direction:row;align-items:stretch;padding:0} #medlab-view.axm .axm-lab-wide .axm-cover{flex:0 0 56%;border-bottom:0;border-right:1.4px solid #E1E5EE} #medlab-view.axm .axm-lab-tx{display:flex;flex-direction:column;justify-content:center;padding:16px 8px 18px 0;min-width:0} #medlab-view.axm .axm-lab-wide .axm-lab-t{font-size:30px} #medlab-view.axm .axm-lab-cta{align-self:flex-start;margin:14px 18px 0;padding:10px 16px;border-radius:999px;background:#0D1838;color:#fff;font-weight:700;font-size:14.5px;transition:transform .25s cubic-bezier(.3,1.4,.5,1)} #medlab-view.axm button.axm-labb:hover .axm-lab-cta{transform:translateX(4px)} #medlab-view.axm .axm-cover-med{background:#E3EEF4} #medlab-view.axm .axm-med{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-med,#medlab-view.axm button.axm-labb:focus-visible .axm-med{transform:scale(1.03)} #medlab-view.axm .axm-med g,#medlab-view.axm .axm-med rect,#medlab-view.axm .axm-med ellipse{transform-box:fill-box} /* rehber hekim Uzm. Dr. Ela Altındağ (06.11.2026): canlı karşılama + karta ilk girişte sinematik açılış. Açılışı js/acadex-medlab.js başlatır (med-bekle → med-oyna); JS yoksa ya da hareket azaltılmışsa son kare durur. */ #medlab-view.axm .axm-med .med-dr .dr-salla,#medlab-view.axm .axm-med .med-dr .dr-at{transform-box:view-box;transform-origin:0 0} #medlab-view.axm .axm-med .dr-nefes,#medlab-view.axm .axm-med .dr-bas{transform-origin:50% 100%} #medlab-view.axm .axm-med .dr-goz,#medlab-view.axm .axm-med .med-bub,#medlab-view.axm .axm-med .med-teker{transform-origin:50% 50%} #medlab-view.axm .axm-med .dr-agiz{transform-origin:50% 0} #medlab-view.axm .axm-med .dr-bebek{transition:transform .25s ease-out} #medlab-view.axm .axm-med .med-acil-isik{opacity:.3} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-med .med-k1{animation:med-k1 6s ease-in-out infinite} #medlab-view.axm .axm-med .med-k2{animation:med-k2 6s ease-in-out infinite} #medlab-view.axm .axm-med .med-pen .p2{animation:med-pen 5s steps(1) infinite}#medlab-view.axm .axm-med .med-pen .p4{animation:med-pen 7s steps(1) -2s infinite}#medlab-view.axm .axm-med .med-pen .p5{animation:med-pen 6s steps(1) -4s infinite} #medlab-view.axm .axm-med .med-sir{animation:med-sir .8s steps(2) infinite} #medlab-view.axm .axm-med .med-acil-isik{animation:med-acil 3s ease-in-out infinite} #medlab-view.axm .axm-med .dr-nefes{animation:med-nefes 3.4s ease-in-out infinite} #medlab-view.axm .axm-med .dr-salla{animation:med-salla 2.6s ease-in-out infinite;transition:transform .45s cubic-bezier(.3,1.4,.5,1)} #medlab-view.axm .axm-med .dr-at{animation:med-at 3.2s ease-in-out infinite} #medlab-view.axm .axm-med .dr-bas{animation:med-bas 7s ease-in-out infinite} #medlab-view.axm .axm-med .dr-goz{animation:med-goz 4.6s infinite} #medlab-view.axm .axm-med .med-bub{animation:med-bub 2.2s cubic-bezier(.3,1.5,.5,1) infinite} #medlab-view.axm .axm-med .med-bulut{animation:med-bulut 18s linear infinite alternate} /* kartın üstüne gelince: selamı bırakıp kapıyı gösterir, konuşur */ #medlab-view.axm button.axm-labb:is(:hover,:focus-visible) .axm-med .dr-salla{animation:none;transform:rotate(-84deg)} #medlab-view.axm button.axm-labb:is(:hover,:focus-visible) .axm-med .dr-agiz,#medlab-view.axm .axm-med.med-konus .dr-agiz{animation:med-agiz .24s ease-in-out infinite alternate} /* sinematik açılış: ambulans gelir (siren, tekerler), ACİL tabelası yanar, Dr. Ela yürüyerek gelir, balon açılır */ #medlab-view.axm .axm-med.med-bekle .med-amb{transform:translateX(-320px)} #medlab-view.axm .axm-med.med-bekle .med-dr .dr-govde{transform:translateX(170px);opacity:0} #medlab-view.axm .axm-med.med-bekle .med-bub{transform:scale(0);opacity:0} #medlab-view.axm .axm-med.med-bekle .med-acil-isik{opacity:0} #medlab-view.axm .axm-med.med-oyna .med-amb{animation:med-amb-gel 1.7s cubic-bezier(.2,.9,.3,1) both} #medlab-view.axm .axm-med.med-oyna .med-teker{animation:med-don .42s linear 4} #medlab-view.axm .axm-med.med-oyna .med-sir-isik{animation:med-flas .5s steps(2) 6} #medlab-view.axm .axm-med.med-oyna .med-acil-isik{animation:med-acil-yan 1.2s ease 1.1s both,med-acil 3s ease-in-out 2.3s infinite} #medlab-view.axm .axm-med.med-oyna .med-dr .dr-govde{animation:med-dr-gel 1.3s ease-out 1.3s both} #medlab-view.axm .axm-med.med-oyna .med-bub{animation:med-bub-gel .55s cubic-bezier(.3,1.6,.5,1) 2.5s both,med-bub 2.2s cubic-bezier(.3,1.5,.5,1) 3.4s infinite} } @keyframes med-k1{0%,20%,80%,100%{transform:none}35%,65%{transform:translateX(-30px)}} @keyframes med-k2{0%,20%,80%,100%{transform:none}35%,65%{transform:translateX(30px)}} @keyframes med-pen{0%{fill:#FFE9A8}50%{fill:#BFE0F5}} @keyframes med-sir{50%{fill:#E5544A}} @keyframes med-nefes{50%{transform:scaleY(1.02)}} @keyframes med-goz{0%,92%,100%{transform:none}95%{transform:scaleY(.12)}} @keyframes med-salla{0%,55%,100%{transform:rotate(0)}8%,24%,40%{transform:rotate(-16deg)}16%,32%{transform:rotate(10deg)}} @keyframes med-at{50%{transform:rotate(7deg)}} @keyframes med-bas{0%,70%,100%{transform:none}78%,92%{transform:rotate(-4deg)}} @keyframes med-agiz{to{transform:scaleY(1.6)}} @keyframes med-bub{0%,100%{transform:scale(1)}20%{transform:scale(1.07) rotate(-2deg)}40%{transform:scale(1)}} @keyframes med-bulut{to{transform:translateX(40px)}} @keyframes med-acil{0%,100%{opacity:.18}50%{opacity:.45}} @keyframes med-acil-yan{0%{opacity:0}30%{opacity:.95}45%{opacity:.2}60%{opacity:.9}100%{opacity:.3}} @keyframes med-amb-gel{from{transform:translateX(-320px)}82%{transform:translateX(8px)}92%{transform:translateX(-2px)}to{transform:none}} @keyframes med-don{to{transform:rotate(360deg)}} @keyframes med-flas{0%{opacity:.55}100%{opacity:0}} @keyframes med-dr-gel{0%{transform:translateX(170px);opacity:0}15%{opacity:1}25%{transform:translate(128px,-7px)}40%{transform:translate(90px,0)}55%{transform:translate(56px,-7px)}70%{transform:translate(24px,0)}85%{transform:translate(6px,-4px)}100%{transform:none;opacity:1}} @keyframes med-bub-gel{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}} @media (max-width:760px){ #medlab-view.axm .axm-lab-wide .axm-labb{flex-direction:column} #medlab-view.axm .axm-lab-wide .axm-cover{flex:none;border-right:0;border-bottom:1.4px solid #E1E5EE} #medlab-view.axm .axm-lab-tx{padding:0 0 18px} #medlab-view.axm .axm-lab-wide .axm-lab-t{font-size:24px} } /* ---------- canlı lab kartları (01.11.2026): her kapakta lab'in kendi işi ---------- */ #medlab-view .axm-canli .ca-kat{letter-spacing:.06em} @media (prefers-reduced-motion:no-preference){ #medlab-view .canli-ana .ca-don{animation:ca-don 4s linear infinite;transform-box:fill-box;transform-origin:50% 50%} #medlab-view .canli-ana .ca-tara{animation:ca-tara 2.6s ease-in-out infinite} #medlab-view .canli-ana .ca-hal{animation:ca-hal 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center} #medlab-view .canli-fiz .cf-squat{animation:cf-squat 2.2s ease-in-out infinite} #medlab-view .canli-fiz .cf-bacak{animation:cf-bacak 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0} #medlab-view .canli-ody .co-led{animation:co-led 1.4s steps(2) infinite} #medlab-view .canli-ody .co-dial{animation:co-dial 5.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center} #medlab-view .canli-ody .co-bar{animation:co-bar 1.4s ease-out infinite;transform-box:fill-box;transform-origin:0 50%} #medlab-view .canli-dyt .cd-buhar path{animation:cd-buhar 3s ease-in-out infinite} #medlab-view .canli-dyt .cd-buhar path:nth-child(2){animation-delay:-1s}#medlab-view .canli-dyt .cd-buhar path:nth-child(3){animation-delay:-2s} #medlab-view .canli-dyt .cd-kcal{animation:cd-kcal 3.6s ease-out infinite} #medlab-view .canli-dkt .ck-bar rect{animation:ck-bar .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 50%} #medlab-view button.axm-labb:hover .axm-canli *{animation-duration:.8s} } @keyframes ca-don{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(-1)}75%{transform:scaleX(.15)}100%{transform:scaleX(1)}} @keyframes ca-tara{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(140px);opacity:1}} @keyframes ca-hal{from{transform:scale(.6);opacity:1}to{transform:scale(1.25);opacity:0}} @keyframes cf-squat{0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}} @keyframes cf-bacak{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}} @keyframes co-led{50%{fill:#FFB547}} @keyframes co-dial{0%,100%{transform:rotate(-60deg)}50%{transform:rotate(80deg)}} @keyframes co-bar{from{transform:scaleX(.05)}to{transform:scaleX(1)}} @keyframes cd-buhar{0%{transform:translateY(8px);opacity:0}40%{opacity:.9}100%{transform:translateY(-22px);opacity:0}} @keyframes cd-kcal{0%{transform:translateY(10px);opacity:0}25%,70%{opacity:1}100%{transform:translateY(-20px);opacity:0}} @keyframes ck-bar{from{transform:scaleY(.2)}to{transform:scaleY(1)}} /* ---------- Eczacılık ve Hemşirelik kapakları (01.11.2026) ---------- */ #medlab-view.axm .axm-cover-ecz{background:#F7F4FB}#medlab-view.axm .axm-cover-hem{background:#F4F8FC} #medlab-view.axm .axm-ecz,#medlab-view.axm .axm-hem{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)} #medlab-view.axm button.axm-labb:hover .axm-ecz,#medlab-view.axm button.axm-labb:focus-visible .axm-ecz,#medlab-view.axm button.axm-labb:hover .axm-hem,#medlab-view.axm button.axm-labb:focus-visible .axm-hem{transform:scale(1.04)} #medlab-view.axm .axm-ecz g,#medlab-view.axm .axm-hem g{transform-box:fill-box} @media (prefers-reduced-motion:no-preference){ #medlab-view.axm .axm-ecz .ecz-tok{transform-origin:50% 100%;animation:ecz-tok 1.6s ease-in-out infinite} #medlab-view.axm .axm-ecz .ecz-arti{transform-origin:50% 50%;animation:ecz-arti 2.6s ease-in-out infinite} #medlab-view.axm .axm-ecz .ecz-goz{transform-origin:50% 50%;animation:med-goz 4.2s ease-in-out infinite} #medlab-view .canli-ecz .ce-tara{animation:ce-tara 2.8s ease-in-out infinite} #medlab-view .canli-ecz .ce-onay{transform-origin:50% 50%;animation:ce-onay 2.8s ease-out infinite} #medlab-view .canli-ecz .ce-hap{animation:ce-hap 2.2s ease-in infinite} #medlab-view.axm .axm-hem .hem-kalp{transform-origin:50% 60%;animation:hem-atim 1s ease-in-out infinite} #medlab-view.axm .axm-hem .hem-nefes{transform-origin:50% 100%;animation:med-nefes 3.4s ease-in-out infinite} #medlab-view .canli-hem .ch-ekg{stroke-dasharray:100;animation:ch-ekg 2s linear infinite} } @keyframes ecz-tok{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg) translateY(8px)}} @keyframes ecz-arti{0%,100%{filter:none}50%{filter:drop-shadow(0 0 10px rgba(31,155,98,.8))}} @keyframes ce-tara{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(70px);opacity:1}} @keyframes ce-onay{0%,55%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}} @keyframes ce-hap{0%{transform:translateY(-40px);opacity:0}20%{opacity:1}70%{transform:translateY(50px);opacity:1}100%{transform:translateY(60px);opacity:0}} @keyframes hem-atim{0%,100%{transform:scale(1)}15%{transform:scale(1.07)}30%{transform:scale(1)}45%{transform:scale(1.04)}} @keyframes ch-ekg{from{stroke-dashoffset:100}to{stroke-dashoffset:0}} /* ---------- 3B kampüs girişi (01.11.2026): labs/kampus/index.html iframe'i; liste görünümünde lab kartları ---------- */ #medlab-view.axm .axm-kampus{display:none;margin:4px 0 18px} #medlab-view.axm.axm-3b .axm-kampus{display:block} #medlab-view.axm.axm-3b .axm-tray,#medlab-view.axm.axm-3b .axm-cite{display:none} #medlab-view.axm .axm-kampus-bar,#medlab-view.axm .axm-liste-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px} #medlab-view.axm .axm-kampus-bar .hand,#medlab-view.axm .axm-liste-bar .hand{font-size:20px;color:#46506A} #medlab-view.axm .axm-kampus-gec{min-height:40px;padding:0 14px;border:1.5px solid #0D1838;border-radius:999px;background:#fff;font:700 13.5px 'Instrument Sans',system-ui,sans-serif;color:#0D1838;cursor:pointer} #medlab-view.axm .axm-kampus-gec:hover{background:#0D1838;color:#fff} #medlab-view.axm .axm-kampus-k{position:relative} #medlab-view.axm .axm-kampus-fr{display:block;width:100%;height:860px;border:0;background:transparent} #medlab-view.axm .axm-kampus-on{position:absolute;inset:0 0 auto;height:min(560px,70vw);display:grid;place-items:center;border-radius:22px;background:url(../labs/kampus/kampus-onizleme.webp) center/cover no-repeat,#DCE8F1} #medlab-view.axm .axm-kampus-on[hidden]{display:none} #medlab-view.axm .axm-kampus-on span{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.88);font-size:20px;color:#0D1838} @media (max-width:760px){#medlab-view.axm .axm-kampus-fr{height:1100px}#medlab-view.axm .axm-kampus-on{height:110vw}} #medlab-view.axm .axm-cover-med .axm-tag{right:auto;left:12px;transform:rotate(-3deg)}