@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#12384b;background:#f1fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#12384b;--muted:#668596;--blue:#087eaf;--cyan:#56c6e4;--sky:#dff6ff;--line:rgba(26,112,145,.16);--paper:#f7fcff;--mono:"DM Mono",monospace;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#f1fbff}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::-moz-selection{background:#a5eaff;color:#12384b}::selection{background:#a5eaff;color:#12384b}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#acdce9;border-radius:10px}::-webkit-scrollbar-track{background:#edf9fd}.site-header{height:76px;position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5.2vw,88px);color:#103b52;border-bottom:1px solid rgba(15,92,126,.12);background:#e1f8ff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;letter-spacing:.08em}.wordmark small{display:block;font:10px var(--mono);letter-spacing:.08em;color:#437b91;margin-top:3px}.mark{width:34px;height:34px;border:1px solid rgba(10,92,126,.35);border-radius:50%;display:grid;place-items:center;font-size:17px;color:#087eaf}.nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}.nav a,.nav-contact{font-size:12px;color:#174d65;letter-spacing:.06em;transition:.2s}.nav a:hover{color:#0097c7}.nav-contact{border:1px solid rgba(14,111,148,.45);padding:10px 17px;border-radius:30px;display:flex;align-items:center;gap:7px;background:#f0fcff6b}.nav-contact:hover{background:#fff}.mobile-menu{display:none;border:0;background:none;color:var(--ink)}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#1a9bd3}.hero-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,77,126,.12),transparent 24%,transparent 75%,rgba(0,86,128,.12));pointer-events:none}.hero-status{position:absolute;left:clamp(22px,5.3vw,90px);top:104px;border:1px solid rgba(255,255,255,.58);background:#05689740;color:#f1fcff;border-radius:30px;padding:9px 15px;font:10px var(--mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#c4ffb5;box-shadow:0 0 0 4px #c4ffb529}.scroll-cue{position:absolute;right:clamp(22px,5.3vw,90px);bottom:32px;display:flex;align-items:center;gap:13px;color:#f3fdff;font:10px var(--mono);letter-spacing:.16em;text-shadow:0 1px 8px rgba(0,60,100,.2)}.scroll-cue svg{animation:floatDown 1.8s ease-in-out infinite}.hero-index{position:absolute;right:clamp(22px,5.3vw,90px);bottom:68px;color:#e9faff;font:10px var(--mono);letter-spacing:.12em;text-shadow:0 1px 8px rgba(0,60,100,.25)}@keyframes floatDown{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.intro-strip{padding:42px clamp(22px,8vw,132px);display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;background:#e6f8ff;border-bottom:1px solid var(--line)}.intro-label,.eyebrow{font:10px var(--mono);letter-spacing:.16em;color:#3684a0;text-transform:uppercase}.intro-strip>p{font-size:clamp(17px,2vw,24px);line-height:1.65;margin:0;color:#17445a}.intro-strip>p strong{color:#008bb9;font-weight:600}.intro-stats{display:flex;gap:25px}.intro-stats div{display:grid;gap:4px}.intro-stats b{font-size:22px;color:#087eaf}.intro-stats span{font-size:10px;color:#6d91a0;white-space:nowrap}.section{padding:112px clamp(22px,8vw,132px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2{font-size:clamp(34px,5vw,62px);letter-spacing:-.055em;line-height:1.1;margin:13px 0 0;font-weight:700;color:#143e53}.section-head>p{max-width:390px;font-size:13px;line-height:1.9;color:#678696;margin:0 0 4px}.project-list{display:grid;gap:22px}.project-card{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:390px;border:1px solid rgba(34,128,158,.17);background:#fffc;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}.project-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #2b85a321;border-color:#178eb266}.project-card-info{padding:clamp(26px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start}.project-meta{width:100%;display:flex;justify-content:space-between;color:#86a4b1;font:10px var(--mono);margin-bottom:42px}.project-card-info h3{font-size:clamp(29px,3.4vw,43px);letter-spacing:-.045em;margin:10px 0 4px;color:#16445a}.project-card-info h4{font-size:16px;font-weight:500;color:#46829a;margin:0 0 16px}.project-card-info>p{font-size:13px;line-height:1.9;color:#668595;max-width:500px;margin:0 0 20px}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag{font:10px var(--mono);color:#397b93;border:1px solid #c7e8f1;background:#f4fcff;padding:6px 9px;border-radius:20px}.text-link{display:flex;align-items:center;gap:9px;color:#087eaf;font-size:12px;margin-top:auto;padding-top:28px}.project-visual{position:relative;overflow:hidden;min-height:360px;background:linear-gradient(145deg,#d5f3fb,#8bcfe2);display:flex;align-items:center;justify-content:center}.visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(24,126,161,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(24,126,161,.08) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(135deg,black,transparent 85%);mask-image:linear-gradient(135deg,black,transparent 85%)}.visual-topline,.visual-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#0f4e69a6;font:9px var(--mono);letter-spacing:.1em}.visual-topline{top:20px}.visual-bottom{bottom:19px;align-items:end}.visual-bottom strong{font:600 14px Manrope,sans-serif;color:#174c65}.visual-bottom span{font-size:9px}.visual-hr-agent{background:linear-gradient(145deg,#d7f5f8,#94d4df)}.visual-copilot{background:linear-gradient(145deg,#d8edff,#9fc5e8)}.visual-aigc{background:linear-gradient(145deg,#e2f7ff,#a5dce9)}.mock-dashboard{width:72%;height:68%;background:#f9fdff;border:1px solid rgba(24,112,145,.24);border-radius:9px;box-shadow:0 25px 45px #1f718e2e;display:flex;overflow:hidden;transform:rotate(-3deg)}.mock-sidebar{width:15%;background:#e9f5f8;padding:14px 8px;display:flex;flex-direction:column;gap:19px}.mock-sidebar b{font-size:12px;color:#1b7795}.mock-sidebar i{height:5px;border-radius:4px;background:#b5d5de;width:80%}.mock-main{padding:20px;flex:1}.mock-label{font:8px var(--mono);color:#70a3b4;letter-spacing:.12em}.mock-title{font-size:clamp(16px,2.5vw,31px);line-height:1.05;font-weight:700;color:#24556b;margin:18px 0}.mock-title em{font-style:normal;color:#40a8c6}.mock-cards{display:flex;gap:8px}.mock-cards span{height:38px;flex:1;background:#e5f4f8;border-radius:4px}.mock-bars{display:flex;align-items:end;gap:8px;height:55px;margin-top:14px}.mock-bars i{width:14%;background:#7ec9dc;border-radius:3px 3px 0 0}.mock-bars i:nth-child(1){height:45%}.mock-bars i:nth-child(2){height:78%}.mock-bars i:nth-child(3){height:60%}.mock-bars i:nth-child(4){height:95%}.copilot-art{position:relative;width:310px;height:270px}.orbit{position:absolute;border:1px solid rgba(28,107,163,.35);border-radius:50%;top:22px;right:10px;bottom:22px;left:10px;transform:rotate(-25deg)}.orbit-b{top:40px;right:-8px;bottom:40px;left:-8px;transform:rotate(35deg)}.core-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#f7fdff;border:1px solid #75b8d4;box-shadow:0 0 35px #3095c347;display:grid;place-content:center;text-align:center;color:#217b9e;font:12px var(--mono)}.node{position:absolute;padding:7px 10px;background:#f5fcff;border:1px solid #8dc7dc;border-radius:20px;color:#3c819e;font:9px var(--mono)}.node-a{left:0;top:70px}.node-b{right:0;top:82px}.node-c{left:15px;bottom:46px}.node-d{right:8px;bottom:37px}.wire{position:absolute;width:55px;border-top:1px dashed #3e9bbd;transform:rotate(25deg)}.w1{left:63px;top:90px}.w2{right:60px;top:110px}.w3{left:130px;bottom:35px}.aigc-frame{width:270px;height:220px;position:relative;background:linear-gradient(#c5eaf5 0,#c5eaf5 63%,#8ab7aa 64%);border:9px solid rgba(248,254,255,.8);box-shadow:0 18px 40px #2b708733;transform:rotate(3deg)}.aigc-sun{position:absolute;right:30px;top:20px;width:34px;height:34px;background:#fff5d6;border-radius:50%}.aigc-building{position:absolute;left:35px;bottom:20px;width:160px;height:115px;background:#e8f1ec;clip-path:polygon(0 25%,55% 0,100% 30%,100% 100%,0 100%);display:flex;align-items:end;justify-content:space-around;padding-bottom:10px}.aigc-building i{width:15px;height:50px;background:#8cb8c5}.aigc-ground{position:absolute;bottom:0;left:0;width:100%;height:22px;background:#7eaa9b}.aigc-caption{position:absolute;right:6%;bottom:15%;font:10px var(--mono);letter-spacing:.12em;color:#27758d}.lab-section{padding:105px clamp(22px,8vw,132px);background:#e4f6fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lab-inner .section-head{margin-bottom:34px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab-card{min-height:240px;padding:25px;border:1px solid #c5e5ef;background:#ffffffa8;border-radius:16px;position:relative;overflow:hidden;transition:.3s}.lab-card:hover{background:#fff;transform:translateY(-4px)}.lab-card-top{display:flex;justify-content:space-between;font:10px var(--mono);color:#78a2b2}.lab-status{color:#2695b7}.lab-icon{font-size:34px;color:#51aec9;margin:25px 0 12px}.lab-card h3{font-size:18px;margin:0 0 9px;color:#1b5269}.lab-card p{font-size:12px;color:#7192a0;line-height:1.8;max-width:270px}.lab-plus{position:absolute;right:22px;bottom:17px;color:#70bcd0;font-size:12px;font-weight:500;letter-spacing:.01em;display:inline-flex;align-items:center;gap:5px}.lab-footnote{font-size:11px;color:#87a6b3;margin:18px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.pixel-scene{background:#e0f5fb;border:1px solid #c4e6ef;border-radius:18px;padding:22px;min-height:360px;position:sticky;top:30px;overflow:hidden}.pixel-window{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #c2e2eb;color:#6e9aa9;font:10px var(--mono)}.pixel-chat{display:flex;align-items:center;gap:22px;padding:44px 5px}.pixel-avatar{width:80px;height:105px;position:relative;flex:none;image-rendering:pixelated}.pixel-hair{position:absolute;left:12px;top:0;width:55px;height:40px;background:#284a58;clip-path:polygon(10% 0,85% 0,100% 35%,90% 100%,10% 100%,0 30%)}.pixel-face{position:absolute;left:17px;top:17px;width:45px;height:38px;background:#f5c9a9;border:4px solid #284a58}.pixel-face i{position:absolute;top:13px;width:4px;height:4px;background:#284a58}.pixel-face i:first-child{left:8px}.pixel-face i:last-child{right:8px}.pixel-body{position:absolute;left:9px;top:56px;width:62px;height:48px;background:#54a9c1;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.chat-bubble{background:#fff;border:1px solid #c8e6ef;border-radius:12px;padding:18px;position:relative;box-shadow:0 8px 20px #32849d12}.chat-bubble:before{content:"";position:absolute;left:-8px;top:25px;width:14px;height:14px;background:#fff;border-left:1px solid #c8e6ef;border-bottom:1px solid #c8e6ef;transform:rotate(45deg)}.chat-bubble small{font:9px var(--mono);color:#5a9bb0}.chat-bubble p{font-size:13px;line-height:2;color:#315f73;margin:12px 0}.chat-bubble>span{font:9px var(--mono);color:#82a7b5}.pixel-ground{display:flex;justify-content:space-around;border-top:1px dashed #acd5e1;padding-top:14px;font:10px var(--mono);letter-spacing:.1em;color:#5893a7}.timeline{padding:5px 0}.timeline-item{display:grid;grid-template-columns:135px 38px 1fr;gap:14px;padding:0 0 34px;position:relative}.timeline-item:not(:last-of-type):after{content:"";position:absolute;left:165px;top:25px;bottom:0;border-left:1px dashed #9ccbd9}.timeline-date{font:10px var(--mono);color:#7a9eac;padding-top:5px}.timeline-dot{width:30px;height:30px;border:1px solid #8dc7d8;border-radius:50%;display:grid;place-items:center;color:#2584a3;font:10px var(--mono);background:#f1fbff;z-index:1}.timeline-item h3{font-size:16px;margin:2px 0 5px;color:#24546a}.timeline-item b{font-size:12px;color:#348ca8;font-weight:500}.timeline-item p{font-size:12px;line-height:1.8;color:#7795a2;margin:9px 0 0}.timeline-note{margin-left:185px;border-top:1px solid #cde7ef;padding-top:20px}.timeline-note span{font:9px var(--mono);letter-spacing:.15em;color:#77a1af}.timeline-note p{font-size:16px;color:#287b98;margin:9px 0}.skills-section{padding:110px clamp(22px,8vw,132px);background:linear-gradient(145deg,#effbff,#e0f5fc)}.skill-section-head{padding:0;margin-bottom:30px}.skill-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:6vw;align-items:start}.skill-aside{padding-top:25px}.skill-aside h3{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:20px 0;color:#174c65}.skill-aside h3 em{font-style:normal;color:#1b9bbd}.skill-aside>p{font-size:13px;line-height:1.9;color:#6e8f9e;max-width:280px}.rarity-key{display:grid;gap:12px;margin-top:35px;font:10px var(--mono);color:#648b9b}.rarity-key span{display:flex;align-items:center;gap:9px}.rarity-key b{width:8px;height:8px;border-radius:50%;display:inline-block}.ssr-dot{background:#d49b42}.sr-dot{background:#6c80ce}.r-dot{background:#7f9ba5}.gacha-shell{background:#ffffffb8;border:1px solid #c6e5ee;border-radius:20px;padding:clamp(17px,3vw,30px);box-shadow:0 18px 50px #38849d14;position:relative}.gacha-rules{display:flex;flex-wrap:wrap;gap:8px 20px;border-bottom:1px solid #e0f0f4;padding-bottom:16px;color:#7a9eaa;font-size:10px}.gacha-rules span:before{content:"✦";color:#56abc2;margin-right:7px}.gacha-topline{display:flex;justify-content:space-between;align-items:end;margin:22px 0 0}.gacha-topline h3{font-size:20px;color:#1b4e65;margin:8px 0 0}.collection-total{display:flex;align-items:baseline;gap:4px;color:#80a1ae;font-size:11px}.collection-total b{font-size:27px;color:#138caf}.gacha-stage{display:flex;flex-direction:column;align-items:center;padding:26px 0 20px}.card-stage-stack{height:360px;width:270px;position:relative;display:grid;place-items:center}.card-shadow{position:absolute;width:230px;height:320px;border:1px solid #b9dce7;border-radius:16px;background:#e8f8fc;box-shadow:0 12px 25px #2e809914}.shadow-a{transform:rotate(-9deg) translate(-9px,2px)}.shadow-b{transform:rotate(8deg) translate(9px,1px);background:#f3fbfd}.blind-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:235px;height:330px;border:1px solid #93c7d8;border-radius:16px;padding:0;background:linear-gradient(145deg,#faffff,#e3f7fc);box-shadow:0 18px 35px #287c9626;transition:transform .45s var(--ease),box-shadow .3s;overflow:hidden}.blind-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 24px 45px #287c9638}.blind-card-back{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(60,157,184,.055) 10px,rgba(60,157,184,.055) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(60,157,184,.045) 10px,rgba(60,157,184,.045) 11px)}.blind-emblem{width:105px;height:105px;border:1px solid #5baac1;border-radius:50%;display:grid;place-items:center;color:#287e9b;font-size:26px;position:relative}.blind-emblem span{position:absolute;right:10px;top:8px;font-size:18px;color:#80c6d8}.blind-card-back>b{font-size:17px;letter-spacing:.2em;color:#2c7089;margin-top:23px}.blind-card-back small{font:9px var(--mono);color:#80a8b5;margin-top:8px}.blind-card-back>i{position:absolute;right:16px;bottom:12px;color:#23829e2e;font:italic 38px Georgia}.drawn-card{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:auto;width:235px;height:330px;border-radius:16px;border:1px solid #a9cdd9;background:linear-gradient(160deg,#fff,#f1fbfd);box-shadow:0 18px 38px #287c962e;padding:15px;display:flex;flex-direction:column;animation:cardReveal .5s var(--ease)}@keyframes cardReveal{0%{opacity:0;transform:translateY(25px) rotateY(35deg) scale(.9)}to{opacity:1;transform:none}}.drawn-head{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#7b9eaa}.drawn-head b{color:#b57d2b;background:#fff4dc;border-radius:10px;padding:4px 8px}.rarity-sr .drawn-head b,.rarity-sr .rarity-label{color:#586db3;background:#eef1ff}.rarity-r .drawn-head b,.rarity-r .rarity-label{color:#64808a;background:#edf4f6}.drawn-symbol{height:65px;display:grid;place-items:center;color:#54aac2;margin-top:10px}.drawn-kicker{font:8px var(--mono);color:#78a0ad;letter-spacing:.12em}.drawn-card h4{font-size:17px;color:#194e65;margin:7px 0}.drawn-card p{font-size:10px;line-height:1.7;color:#668895;margin:0}.drawn-tags{font:8px var(--mono);color:#438da5;margin-top:9px}.drawn-proof{margin-top:auto;padding-top:10px;border-top:1px solid #e2eff3;display:grid;gap:4px}.drawn-proof small{font:8px var(--mono);color:#91aeb8}.drawn-proof b{font-size:10px;color:#39778d}.drawn-card.rarity-ssr{border-color:#d5b36c;background:linear-gradient(160deg,#fffdf7,#fdf8e9)}.drawn-card.rarity-ssr .drawn-symbol{color:#c18b35}.drawn-card.rarity-sr{border-color:#aeb9e6;background:linear-gradient(160deg,#fff,#f3f4ff)}.draw-actions{display:flex;gap:12px}.draw-actions button{height:44px;padding:0 24px;border-radius:30px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.draw-primary{background:#148eb4;border:1px solid #148eb4;color:#fff;box-shadow:0 7px 16px #148eb42e}.draw-primary:hover{background:#087da3;transform:translateY(-2px)}.draw-secondary{background:#f5fcff;border:1px solid #9bcddd;color:#287b96}.draw-secondary:hover{background:#e6f7fc}.draw-secondary span{font:10px var(--mono);opacity:.7}.draw-hint{font-size:10px;color:#8aa8b3;margin:14px 0 0;text-align:center}.ten-result{border-top:1px solid #e0eff3;padding:18px 0}.ten-result-title{display:flex;justify-content:space-between;font-size:12px;color:#2c6379;margin-bottom:12px}.ten-result-title span{font-size:10px;color:#87a6b2}.ten-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ten-card{min-height:86px;border:1px solid #c9e2e9;background:#f8fdff;border-radius:9px;padding:9px;text-align:left;display:flex;flex-direction:column;gap:6px}.ten-card span{font:9px var(--mono);color:#b57d2b}.ten-card b{font-size:10px;color:#315f73;line-height:1.4}.ten-card small{font-size:8px;color:#91aab4}.ten-card.rarity-ssr{border-color:#d9bd83;background:#fffaf0}.ten-card.rarity-sr{border-color:#c0c9ed;background:#f8f8ff}.collection-panel{border-top:1px solid #e0eff3;padding-top:20px}.collection-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.collection-head h3{font-size:20px;margin:6px 0;color:#1d536a}.collection-head p{font-size:10px;color:#8ba7b2;margin:0}.collection-actions{display:flex;gap:7px;flex-wrap:wrap}.collection-actions button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #c4e1e9;border-radius:20px;background:#f8fdff;color:#4c8296;font-size:10px}.collection-actions button:hover{background:#e8f8fc}.collection-progress{height:5px;background:#e8f3f6;border-radius:5px;margin-top:19px;overflow:hidden}.collection-progress span{display:block;height:100%;background:linear-gradient(90deg,#77d0e3,#168db5);border-radius:5px;transition:width .4s}.collection-progress-label{display:flex;justify-content:space-between;color:#90aab4;font:9px var(--mono);margin-top:7px}.collection-progress-label b{color:#388aa4}.atlas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.atlas-card,.hidden-card-lock{min-height:88px;border:1px solid #d3e7ec;border-radius:9px;background:#f7fcfd;padding:10px;text-align:left;display:flex;flex-direction:column;gap:5px}.atlas-card span,.hidden-card-lock span{font:9px var(--mono);color:#b1813b}.atlas-card b,.hidden-card-lock b{font-size:10px;color:#37677a}.atlas-card small,.hidden-card-lock small{font-size:8px;color:#91aab4}.atlas-card.locked{background:#f3f8fa;border-style:dashed;opacity:.78}.atlas-card.locked b{color:#9cb2ba}.atlas-card.rarity-sr span{color:#677bbd}.atlas-card.rarity-r span{color:#728d97}.hidden-card-lock{align-items:center;justify-content:center;background:#eef9fc;border-style:dashed;text-align:center}.all-skills{margin-top:18px;border-top:1px solid #e0eff3}.all-skills-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:17px 0;color:#397b91;background:none;border:0;font-size:11px}.all-skills-toggle>span{display:flex;align-items:center;gap:8px}.all-skills-toggle>span:last-child{font:10px var(--mono);color:#82a5b1}.all-skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding-bottom:8px}.all-skills-grid article{background:#f8fdff;border:1px solid #d9edf2;border-radius:9px;padding:13px}.all-skills-grid article>div{display:flex;justify-content:space-between;align-items:center}.all-skills-grid article>div span{font-size:9px;color:#7da1af}.rarity-label{font:9px var(--mono);padding:4px 7px;border-radius:12px;color:#b57d2b;background:#fff4dc}.all-skills-grid h4{font-size:12px;color:#2c6075;margin:10px 0 5px}.all-skills-grid p{font-size:10px;line-height:1.7;color:#7594a1;margin:0 0 8px}.all-skills-grid small{font-size:9px;color:#398ba4}.gacha-toast{position:sticky;bottom:16px;margin:15px auto 0;width:-moz-max-content;width:max-content;max-width:100%;padding:10px 15px;border-radius:30px;background:#1a7794;color:#fff;box-shadow:0 8px 25px #115e7a33;display:flex;align-items:center;gap:8px;font-size:11px;z-index:5}.contact-section{min-height:690px;padding:110px clamp(22px,8vw,132px) 28px;background:linear-gradient(135deg,#bceaf7,#dff8ff 48%,#b4e5f1);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.contact-section:before,.contact-section:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);background:#ffffff7a;pointer-events:none}.contact-section:before{width:430px;height:220px;right:-80px;top:80px}.contact-section:after{width:500px;height:210px;left:-150px;bottom:60px}.contact-cloud{position:absolute;border-radius:50%;background:#ffffff47;filter:blur(15px)}.cloud-one{width:400px;height:260px;right:15%;bottom:5%}.cloud-two{width:300px;height:200px;left:18%;top:15%}.contact-inner{position:relative;z-index:1;max-width:800px}.contact-inner h2{font-size:clamp(58px,9vw,112px);letter-spacing:-.07em;line-height:.96;color:#124a64;margin:24px 0}.contact-inner h2 em{font-style:normal;color:#078db8}.contact-pre{font-size:15px;color:#427c91;margin:25px 0 0}.contact-desc{font-size:13px;line-height:1.9;color:#497d90;max-width:490px;margin:25px 0}.contact-mail{font:clamp(17px,2.3vw,25px) var(--mono);color:#087fa7;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #75bfd2;padding-bottom:9px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.contact-actions button,.contact-actions a{display:flex;align-items:center;gap:8px;border:1px solid rgba(25,112,144,.3);border-radius:30px;padding:10px 15px;background:#ffffff40;color:#286b83;font-size:10px}.contact-actions button:hover,.contact-actions a:hover{background:#ffffffb3}.contact-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;padding-top:22px;border-top:1px solid rgba(30,117,147,.2);font:9px var(--mono);color:#57899b;letter-spacing:.08em}.contact-bottom a{color:#1d708c}.toast-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0b364a40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.contact-toast{background:#faffff;border:1px solid #b9e0eb;border-radius:18px;padding:34px;width:min(380px,100%);position:relative;box-shadow:0 24px 70px #18607833;color:#28748e}.contact-toast h3{font-size:22px;color:#174c65;margin:15px 0 8px}.contact-toast p{font-size:12px;color:#7596a3}.contact-toast>a{display:block;color:#0786ae;margin:12px 0}.contact-toast small{font:10px var(--mono);color:#8caab5}.toast-close{position:absolute;right:15px;top:15px;border:0;background:none;color:#5e8b9c}.project-page{min-height:100vh;background:#f2fbff;padding:0 clamp(18px,6vw,90px) 100px;color:#16465d}.project-page-top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4eaf1;font:10px var(--mono);color:#7c9eac}.back-home{display:flex;align-items:center;gap:8px;border:1px solid #b9dce7;background:#faffff;color:#287a95;border-radius:24px;padding:9px 15px;font-size:11px}.back-home:hover{background:#e4f7fc}.project-page-mark{color:#3987a0}.project-page-hero{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;padding:70px 0 35px}.project-page-copy h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.06em;margin:17px 0 5px;color:#144b65}.project-page-copy h2{font-size:19px;font-weight:500;color:#4d8ca2;margin:0 0 20px}.project-page-copy>p{font-size:13px;line-height:2;color:#6a8e9d;max-width:590px}.project-page-art .project-visual{min-height:300px;border-radius:17px}.project-page-art .visual-topline,.project-page-art .visual-bottom{display:none}.project-page-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfe7ef;border-bottom:1px solid #cfe7ef;padding:25px 0;margin-bottom:30px}.project-page-metrics>div{display:grid;gap:5px;padding-left:24px;border-right:1px solid #d9edf2}.project-page-metrics>div:last-child{border:0}.project-page-metrics strong{font-size:26px;color:#078bb4}.project-page-metrics span{font-size:11px;color:#7898a5}.detail-section{padding:58px 0;border-bottom:1px solid #d6eaf0}.detail-section-heading{margin-bottom:20px}.detail-section-heading>span{font:10px var(--mono);letter-spacing:.13em;color:#4594aa}.detail-section-heading h2{font-size:clamp(25px,3.5vw,38px);letter-spacing:-.04em;color:#174b63;margin:10px 0}.detail-intro{font-size:13px;line-height:1.9;color:#6c8d9a;max-width:750px;margin:0 0 24px}.embed-wrap{border:1px solid #cde6ee;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #23799512}.embed-label{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#e8f7fb;border-bottom:1px solid #d4eaf0;color:#6b9aaa;font:9px var(--mono)}.embed-label a{display:flex;align-items:center;gap:6px;color:#1886a7}.embed-wrap iframe{width:100%;height:650px;border:0;background:#fff}.case-highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.case-highlight-grid article{padding:20px;background:#ffffffc7;border:1px solid #d8edf2;border-radius:12px}.case-highlight-grid article>span{font:10px var(--mono);color:#3190ac}.case-highlight-grid p,.case-highlight-grid li{font-size:12px;line-height:1.9;color:#648795}.case-highlight-grid p{margin:12px 0 0}.case-highlight-grid ul{padding-left:18px;margin:12px 0 0}.case-highlight-grid li+li{margin-top:5px}.inline-expand{margin-top:18px;border:1px solid #b9dce7;background:#f8fdff;border-radius:25px;padding:9px 15px;color:#287c96;font-size:11px;display:flex;align-items:center;gap:8px}.case-extra{margin-top:15px;padding:20px;background:#e7f7fb;border-radius:12px;display:flex;gap:20px;flex-wrap:wrap}.case-extra p{flex-basis:100%;font-size:12px;color:#628796;line-height:1.8}.case-extra div{display:grid;gap:4px}.case-extra b{font-size:20px;color:#138bb0}.case-extra span{font-size:10px;color:#7d9eaa}.prd-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prd-highlight>div{background:#fff;border:1px solid #d8edf2;border-radius:12px;padding:20px;color:#4d91a7}.prd-highlight b{display:block;font-size:14px;color:#225c73;margin:13px 0 7px}.prd-highlight p{font-size:11px;line-height:1.8;color:#7293a0;margin:0}.prd-outline{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.prd-outline span{padding:8px 12px;border:1px solid #d0e8ef;border-radius:20px;background:#faffff;color:#6d95a3;font-size:10px}.project-page-footer{padding:25px 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#82a2ae;font-size:10px}.project-page-footer>div{display:flex;gap:15px;align-items:center}.project-page-footer a{display:flex;align-items:center;gap:6px;color:#39849c}.project-page-footer .download-main{background:#138bb0;color:#fff;padding:10px 15px;border-radius:24px}.floating-download{position:fixed;right:25px;bottom:22px;z-index:20;display:flex;align-items:center;gap:8px;background:#1288ad;color:#fff;padding:13px 18px;border-radius:28px;box-shadow:0 10px 28px #147d9f40;font-size:11px}.floating-download:hover{background:#086e92}.chain-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.chain-step{min-height:110px;background:#fff;border:1px solid #d4eaf0;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px;position:relative}.chain-step span{font:10px var(--mono);color:#55a3b9}.chain-step b{font-size:12px;line-height:1.6;color:#326d83}.chain-step svg{position:absolute;right:-14px;top:42px;color:#74b5c7;z-index:2}.github-skill{display:inline-flex;align-items:center;gap:9px;margin-top:20px;border:1px solid #a9d4e0;border-radius:25px;padding:11px 16px;background:#fff;color:#247a95;font-size:11px}.gallery-marquee{overflow:hidden;border-radius:14px;-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.gallery-track{display:flex;gap:14px;width:-moz-max-content;width:max-content;animation:galleryScroll 34s linear infinite}.gallery-marquee:hover .gallery-track{animation-play-state:paused}@keyframes galleryScroll{to{transform:translate(-33.333%)}}.gallery-placeholder,.gallery-image{width:270px;height:205px;flex:none;border-radius:13px;border:1px solid #c4e4ed;overflow:hidden}.gallery-placeholder{display:flex;flex-direction:column;justify-content:end;padding:20px;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.9),transparent 30%),linear-gradient(140deg,#d5f2f8,#7fc1d5);color:#2d7890}.gallery-placeholder-1{background:linear-gradient(140deg,#e6f5f5,#aacdd3)}.gallery-placeholder-2{background:linear-gradient(140deg,#dcecff,#a8c9e5)}.gallery-placeholder span{font:9px var(--mono);opacity:.7}.gallery-placeholder b{font-size:21px;margin:8px 0}.gallery-placeholder small{font-size:10px;opacity:.65}.gallery-image{padding:0;background:#fff}.gallery-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-dots{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:15px;color:#6e98a7;font:10px var(--mono)}.gallery-dots button{border:1px solid #c5e3eb;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fff;color:#40849c}@media(max-width:900px){.intro-strip{grid-template-columns:1fr;gap:12px}.intro-stats{gap:25px}.project-card{grid-template-columns:1fr}.project-visual{min-height:310px;order:-1}.about-grid{grid-template-columns:1fr}.pixel-scene{position:relative;top:auto}.skill-layout{grid-template-columns:1fr;gap:25px}.skill-aside{padding-top:0}.skill-aside>p{max-width:600px}.rarity-key{display:flex;flex-wrap:wrap}.project-page-hero{grid-template-columns:1fr}.project-page-art{order:-1}.project-page-art .project-visual{min-height:270px}.chain-flow{grid-template-columns:repeat(3,1fr)}.chain-step svg{display:none}}@media(max-width:640px){.site-header{height:clamp(24px,7vw,34px);padding:0 12px}.site-header .wordmark{font-size:9px;gap:6px}.site-header .wordmark small{display:none}.site-header .mark{width:19px;height:19px;font-size:10px}.site-header .mobile-menu svg{width:15px;height:15px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#eefbfff7;padding:20px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid #cfe7ef}.nav.open{display:flex}.nav-contact{justify-content:center}.mobile-menu{display:block}.hero{min-height:570px}.hero-cover{-o-object-position:54% center;object-position:54% center}.hero-status{top:82px;left:17px;font-size:8px;padding:8px 11px}.scroll-cue{right:18px;bottom:24px;font-size:8px}.hero-index{right:18px;bottom:52px;font-size:8px}.section{padding:75px 19px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:16px}.section-head h2{font-size:37px}.project-card{min-height:0}.project-card-info{padding:23px}.project-meta{margin-bottom:28px}.project-visual{min-height:245px}.lab-section{padding:75px 19px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:190px}.about-grid{gap:32px}.pixel-scene{padding:15px;min-height:300px}.pixel-chat{padding:28px 0;gap:12px}.pixel-avatar{transform:scale(.8);transform-origin:left center;width:66px}.chat-bubble{padding:13px}.chat-bubble p{font-size:11px}.timeline-item{grid-template-columns:1fr 30px 1.5fr;gap:8px}.timeline-item:not(:last-of-type):after{left:calc(100% - 1.5fr - 15px);display:none}.timeline-date{font-size:8px}.timeline-item h3{font-size:13px}.timeline-item p{font-size:10px}.timeline-note{margin-left:0}.skills-section{padding:75px 15px}.gacha-shell{padding:15px}.gacha-rules{gap:7px 12px}.gacha-rules span{font-size:9px}.gacha-topline h3{font-size:17px}.card-stage-stack{height:340px}.ten-grid{grid-template-columns:repeat(2,1fr)}.collection-head{align-items:flex-start;flex-direction:column}.collection-actions{width:100%}.collection-actions button{flex:1;justify-content:center}.atlas-grid{grid-template-columns:repeat(2,1fr)}.all-skills-grid{grid-template-columns:1fr}.contact-section{padding:80px 20px 20px;min-height:650px}.contact-inner h2{font-size:62px}.contact-bottom{font-size:8px;flex-wrap:wrap}.contact-bottom span:nth-child(2){display:none}.project-page{padding:0 17px 90px}.project-page-top{height:65px;font-size:8px}.project-page-mark{display:none}.project-page-hero{padding:35px 0 25px;gap:25px}.project-page-copy h1{font-size:42px}.project-page-copy h2{font-size:16px}.project-page-art .project-visual{min-height:230px}.project-page-metrics{padding:18px 0}.project-page-metrics>div{padding-left:10px}.project-page-metrics strong{font-size:18px}.project-page-metrics span{font-size:9px}.detail-section{padding:40px 0}.embed-wrap iframe{height:520px}.case-highlight-grid,.prd-highlight{grid-template-columns:1fr}.chain-flow{grid-template-columns:1fr 1fr}.chain-step{min-height:90px}.gallery-placeholder,.gallery-image{width:220px;height:170px}.project-page-footer{display:block}.project-page-footer>div{margin-top:15px;flex-wrap:wrap}.floating-download{right:14px;bottom:14px;padding:11px 14px}.project-page-footer .download-main{display:none}}.site-header{position:absolute;top:0;left:0;right:0;height:76px;background:#033758b8;border-bottom:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.site-header .wordmark,.site-header .wordmark small,.site-header .nav a,.site-header .nav-contact,.site-header .mobile-menu{color:#f4fcff}.site-header .mark{border-color:#ffffffa6;color:#fff}.site-header .wordmark small{opacity:.78}.site-header .nav a:hover{color:#bcefff}.site-header .nav-contact{border-color:#ffffffbf;background:#ffffff1a}.site-header .nav-contact:hover{background:#ffffff38}.hero{height:auto;min-height:0;aspect-ratio:auto;background:#159bd5;overflow:hidden}.hero-cover{position:relative;inset:auto;display:block;width:100%;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,45,80,.08),transparent 20%,transparent 82%,rgba(0,68,105,.14))}.hero-status{display:none}.scroll-cue{bottom:clamp(18px,3vw,34px);right:clamp(18px,5.3vw,90px);font-size:clamp(8px,.75vw,10px)}.hero-index{bottom:clamp(48px,5vw,70px);right:clamp(18px,5.3vw,90px);font-size:clamp(8px,.75vw,10px)}.section-head>p{max-width:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;flex-shrink:0;font-size:clamp(10px,.95vw,13px);line-height:1.5;scrollbar-width:none}.section-head>p::-webkit-scrollbar{display:none}.project-page{scroll-margin-top:0}.agent-flow-preview{border:1px solid #cde6ee;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #23799512;margin:0 0 20px}.agent-flow-preview iframe{width:100%;height:clamp(300px,40vw,480px);border:0;display:block;background:#f8fcff}.project-page-footer .download-main{display:flex}.project-page-footer>div{flex-wrap:wrap}.floating-download{display:none!important}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card{cursor:pointer;min-height:230px}.lab-card:focus-visible{outline:3px solid #55b6d0;outline-offset:3px}.lab-detail-page{min-height:100vh;background:#f2fbff;padding:0 clamp(18px,6vw,90px) 70px;color:#16465d}.lab-detail-hero{padding:54px 0 28px;border-bottom:1px solid #d6eaf0}.lab-detail-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.05em;color:#144b65;margin:14px 0}.lab-detail-hero p{color:#6a8e9d;font-size:13px}.lab-document-frame{margin-top:28px;border:1px solid #d4e8ef;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #23799514}.lab-document-frame iframe{width:100%;height:calc(100vh - 180px);min-height:850px;border:0;display:block;background:#f4f6fa}.dialogue-resume{margin-top:12px;border:1px solid #c9e6ee;border-radius:20px;background:linear-gradient(145deg,#f8fdff,#eaf8fc);overflow:hidden;box-shadow:0 18px 45px #30829a14}.dialogue-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,3vw,28px);border-bottom:1px solid #d8edf2;color:#6897a7;font:10px var(--mono);letter-spacing:.08em}.dialogue-window-dots{display:flex;gap:6px}.dialogue-window-dots i{width:8px;height:8px;border-radius:50%;background:#67b5cb}.dialogue-window-dots i:nth-child(2){background:#9bcbd8}.dialogue-window-dots i:nth-child(3){background:#c4e1e8}.dialogue-stage{min-height:390px;display:grid;grid-template-columns:minmax(130px,.8fr) minmax(250px,1.3fr) minmax(130px,.8fr);align-items:end;gap:clamp(8px,2vw,28px);padding:30px clamp(12px,3vw,40px) 0}.dialogue-person{height:330px;display:flex;align-items:end;justify-content:center;min-width:0}.dialogue-person img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.dialogue-center{align-self:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 0 28px;min-width:0}.hand-bubble{width:100%;max-width:470px;min-height:142px;padding:22px 24px;background:#fffefb;border:2px solid #3b6474;border-radius:22px 20px 24px 8px;box-shadow:4px 5px #23688014;position:relative;transform:rotate(-.35deg);animation:handPop .32s cubic-bezier(.2,.8,.2,1) both}.hand-bubble:before{content:"";position:absolute;left:26px;bottom:-13px;width:22px;height:22px;background:#fffefb;border-left:2px solid #3b6474;border-bottom:2px solid #3b6474;transform:rotate(-45deg)}.hand-bubble.bubble-other{background:#f3fbff;transform:rotate(.35deg);border-radius:20px 22px 8px 24px}.hand-bubble.bubble-other:before{left:auto;right:26px;background:#f3fbff;transform:rotate(-45deg)}.hand-bubble small{font:10px var(--mono);color:#4e9bb2;letter-spacing:.08em}.hand-bubble p{font-family:Comic Sans MS,KaiTi,STKaiti,PingFang SC,cursive;font-size:clamp(15px,1.6vw,20px);line-height:1.8;color:#315a6b;margin:12px 0 0;white-space:pre-wrap}@keyframes handPop{0%{opacity:0;transform:translateY(10px) rotate(-1deg) scale(.97)}to{opacity:1}}.dialogue-caption{font:10px var(--mono);color:#7aa4b1;letter-spacing:.08em}.dialogue-controls{display:flex;align-items:center;gap:12px}.dialogue-controls button{border:1px solid #b8dce7;border-radius:24px;background:#fff;color:#397f97;width:34px;height:34px;display:grid;place-items:center}.dialogue-controls .dialogue-play{width:auto;padding:0 18px;font-size:11px;background:#e3f5fa}.dialogue-progress{padding:20px clamp(14px,3vw,34px) 22px;border-top:1px solid #d8edf2;background:#ffffff8c}.dialogue-progress-track{display:flex;gap:5px;align-items:center}.dialogue-progress-track button{border:0;padding:8px 0;background:transparent;cursor:pointer}.dialogue-progress-track button span{display:block;height:5px;border-radius:8px;background:#d4e8ee;transition:background .2s,transform .2s}.dialogue-progress-track button.done span{background:#72bed1}.dialogue-progress-track button.current span{background:#168eaf;transform:scaleY(1.7)}.dialogue-progress-foot{display:flex;justify-content:space-between;margin-top:7px;color:#80a5b1;font:9px var(--mono)}.drawn-card.rarity-ssr{border:1.5px solid #d9a83f;background:linear-gradient(150deg,#fffdf4,#fff4d8 52%,#fffaf0);box-shadow:0 0 0 1px #e5b44a40,0 0 26px #edb84280,0 18px 40px #ab7d2033;animation:cardReveal .5s var(--ease),ssrJitter .16s ease-in-out .5s 5}.drawn-card.rarity-ssr:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,220,125,.42) 48%,transparent 62%);animation:ssrShine 2.8s ease-in-out infinite}.drawn-card.rarity-ssr .drawn-head b{background:#f9e5a9;color:#986313}.drawn-card.rarity-ssr .drawn-symbol{color:#d69b22;filter:drop-shadow(0 0 9px rgba(238,181,54,.65))}.drawn-card.rarity-sr{border:1.5px solid #9a8ce0;background:linear-gradient(150deg,#fff,#f0edff 60%,#f9f7ff);box-shadow:0 0 22px #816fd53d,0 18px 38px #45448e21}.drawn-card.rarity-sr .drawn-head b{background:#e5e0ff;color:#5d4ab1}.drawn-card.rarity-sr .drawn-symbol{color:#7868d1}.drawn-card.rarity-r{border:1.5px solid #80b8c8;background:linear-gradient(150deg,#fff,#eaf7fa 65%,#f8fcfd);box-shadow:0 12px 28px #3781971f}.drawn-card.rarity-r .drawn-head b{background:#dceff4;color:#397c90}.drawn-card.rarity-r .drawn-symbol{color:#5b9fb2}@keyframes ssrJitter{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px,1px) rotate(-.4deg)}75%{transform:translate(1px,-1px) rotate(.4deg)}}@keyframes ssrShine{0%,to{transform:translate(-18%) rotate(0);opacity:.25}50%{transform:translate(18%) rotate(0);opacity:.8}}.skill-text-groups{display:grid;gap:8px;padding:0 0 8px}.skill-text-group{border:1px solid #d8edf2;border-radius:12px;background:#fbfeff;overflow:hidden}.skill-text-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;cursor:pointer;color:#2f7188;font-size:12px}.skill-text-group summary::-webkit-details-marker{display:none}.skill-text-group summary:after{content:"＋";font-size:17px;color:#64a9bd}.skill-text-group[open] summary:after{content:"－"}.skill-text-group summary span{margin-left:auto;color:#8baab5;font:9px var(--mono)}.skill-text-group ul{list-style:none;margin:0;padding:0 17px 14px;display:grid;gap:9px}.skill-text-group li{display:grid;grid-template-columns:minmax(125px,.35fr) 1fr;gap:15px;padding-top:9px;border-top:1px solid #e6f2f5;font-size:11px;line-height:1.75}.skill-text-group li b{color:#326f85;font-weight:600}.skill-text-group li span{color:#7798a5}.contact-inner h2{font-size:clamp(38px,7vw,94px);line-height:1.08;white-space:nowrap;letter-spacing:-.07em;margin:24px 0}.contact-inner h2 em{color:#078db8}.contact-mail{border:0;background:transparent;cursor:pointer;text-align:left}.contact-mail span{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:#3e91a8;border:1px solid #91cbd9;border-radius:22px;padding:7px 11px}.copy-toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#164e67;color:#fff;padding:12px 18px;border-radius:30px;box-shadow:0 12px 35px #144b6138;font-size:12px;white-space:nowrap}@media(max-width:900px){.dialogue-stage{grid-template-columns:minmax(85px,.6fr) minmax(0,1.5fr) minmax(85px,.6fr);min-height:330px}.dialogue-person{height:270px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-header{height:62px;padding:0 15px;background:#033758d6}.nav{background:#033758f7;border-bottom:1px solid rgba(255,255,255,.2)}.nav a,.site-header .nav a{color:#f4fcff}.nav-contact,.mobile-menu{color:#fff}.hero{min-height:0}.hero-cover{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.scroll-cue{bottom:12px;right:13px;font-size:7px;gap:6px}.hero-index{bottom:34px;right:13px;font-size:7px}.section-head>p{display:block;white-space:nowrap;font-size:10px;max-width:100%;margin-top:14px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:185px}.dialogue-head{font-size:8px}.dialogue-stage{grid-template-columns:70px minmax(0,1fr) 70px;gap:4px;min-height:260px;padding:18px 8px 0}.dialogue-person{height:205px}.dialogue-person img{-o-object-fit:contain;object-fit:contain}.dialogue-center{gap:9px;padding-bottom:20px}.hand-bubble{min-height:125px;padding:14px 13px;border-radius:17px 16px 18px 6px}.hand-bubble p{font-size:13px;line-height:1.65}.hand-bubble small,.dialogue-caption{font-size:8px}.dialogue-controls{gap:6px}.dialogue-controls button{width:29px;height:29px}.dialogue-controls .dialogue-play{padding:0 11px;font-size:9px}.dialogue-progress{padding:15px 12px}.dialogue-progress-track{gap:3px}.skill-text-group li{grid-template-columns:1fr;gap:3px}.contact-inner h2{font-size:clamp(34px,8.8vw,52px);white-space:nowrap;line-height:1.12}.contact-desc{max-width:100%}.contact-mail{font-size:clamp(13px,3.7vw,18px);gap:7px}.project-page-footer .download-main{display:flex!important}.project-page-footer>div{gap:9px}.agent-flow-preview iframe{height:330px}.lab-document-frame iframe{min-height:900px;height:calc(100vh - 140px)}}@media(prefers-reduced-motion:reduce){.drawn-card.rarity-ssr,.drawn-card.rarity-ssr:after{animation:none!important}}.site-header .wordmark{font-size:clamp(10px,.95vw,14px)}.site-header .nav a,.site-header .nav-contact{font-size:clamp(10px,.85vw,12px)}.drawn-card.rarity-ssr{box-shadow:0 14px 30px #2d4c581f!important;animation:cardReveal .5s var(--ease),ssrJitter .16s ease-in-out .5s 5!important}.drawn-card.rarity-ssr .drawn-symbol{filter:none!important;text-shadow:none!important}@keyframes ssrJitter{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-1deg)}40%{transform:translate(3px) rotate(1deg)}60%{transform:translate(-2px) rotate(-.6deg)}80%{transform:translate(2px) rotate(.6deg)}}.experience-composition{margin-top:22px}.experience-top-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:18px;align-items:stretch}.resume-dialogue-card,.career-timeline-card{background:#fff;border:1px solid #ece8e2;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #2a30340b}.resume-card-head,.career-card-head{height:46px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eeeb;color:#777;font:10px var(--mono);letter-spacing:.06em}.resume-card-hint,.career-card-head>span:last-child{font:11px var(--sans);letter-spacing:0;color:#a2a2a2}.resume-dialogue-scene{width:100%;min-height:276px;padding:16px 14px 12px;display:grid;grid-template-columns:minmax(82px,.72fr) minmax(0,1.55fr) minmax(82px,.72fr);align-items:center;gap:10px;background:#fff;border:0;text-align:left;cursor:pointer}.resume-dialogue-person{height:224px;display:flex;align-items:flex-end;justify-content:center;min-width:0}.resume-dialogue-person img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.resume-dialogue-copy{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center;min-width:0}.resume-bubble{position:relative;max-width:96%;width:-moz-max-content;width:max-content;padding:8px 11px;border:1px solid #e9e5df;border-radius:12px 12px 12px 4px;background:#fff;color:#444;font-size:12px;line-height:1.55;box-shadow:0 3px 9px #00000006;animation:resumeBubbleIn .22s ease both}.resume-bubble.is-me{align-self:flex-end;background:#fff8f3;border-color:#f1e2d7;border-radius:12px 12px 4px}.resume-bubble.is-current{border-color:#e8a27f}.resume-dialogue-tap{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#c17a59;font-size:10px;margin-top:2px}@keyframes resumeBubbleIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.career-item{position:relative;padding:0 0 20px 24px;border-left:1px solid #e8e2dc}.career-item:last-child{padding-bottom:0;border-left-color:transparent}.career-node{position:absolute;left:-7px;top:3px;width:13px;height:13px;border-radius:50%;background:#e9784e;border:3px solid #fff;box-shadow:0 0 0 1px #e9784e}.career-date{font:10px var(--mono);color:#b1a39a;letter-spacing:.02em}.career-item h3{font-size:14px;line-height:1.5;margin:6px 0 2px;color:#303030}.career-item b{font-size:11px;color:#dc7953;font-weight:600}.career-item p{font-size:11px;line-height:1.65;color:#89837e;margin:7px 0 0}.experience-stage-axis{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin:26px 2px 0;padding:0 4px}.experience-axis-line{position:absolute;left:4%;right:4%;top:14px;height:2px;background:#eee5df}.experience-axis-step{position:relative;z-index:1;flex:1;display:flex;align-items:center;flex-direction:column;gap:9px;background:transparent;border:0;cursor:pointer;color:#999;font:600 12px var(--sans)}.experience-axis-dot{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:2px solid #e9784e;background:#fff;color:#d87954;font:10px var(--mono);transition:.2s}.experience-axis-step.active .experience-axis-dot,.experience-axis-step.passed .experience-axis-dot{background:#e9784e;color:#fff;box-shadow:0 0 0 5px #e9784e1f}.experience-axis-step.active b{color:#38302c}.experience-axis-step b{font-size:12px;white-space:nowrap;font-weight:600}.lab-detail-page{background:#f8f8f6;color:#262a2c;padding:0 clamp(18px,6vw,90px) 64px}.lab-detail-page .project-page-top{border-bottom:1px solid #e7e7e3}.lab-detail-page .back-home{color:#4a5154}.lab-detail-hero{padding:58px 0 34px;border-bottom:1px solid #e5e5e1}.lab-detail-hero .eyebrow,.lab-section-title>span{font:10px var(--mono);letter-spacing:.12em;color:#c47756}.lab-detail-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;color:#25292b;margin:15px 0 12px}.lab-detail-hero p{max-width:760px;font-size:14px;line-height:1.85;color:#727879}.lab-detail-tags,.lab-stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.lab-detail-tags span,.lab-stack-tags span{border:1px solid #e4e4df;border-radius:30px;padding:7px 12px;font-size:11px;color:#626a6c;background:#fff}.lab-detail-section{padding:42px 0;border-bottom:1px solid #e6e6e2}.lab-section-title{max-width:780px;margin-bottom:22px}.lab-section-title h2{font-size:clamp(22px,3vw,32px);line-height:1.35;letter-spacing:-.03em;margin:12px 0;color:#292e30}.lab-section-title p{font-size:13px;line-height:1.9;color:#777f80;margin:0}.lab-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e9e9e5;border:1px solid #e9e9e5;border-radius:14px;overflow:hidden}.lab-metric-grid>div{background:#fff;padding:18px 20px;min-height:82px;display:flex;flex-direction:column;gap:8px}.lab-metric-grid span{font-size:10px;color:#a0a4a3}.lab-metric-grid b{font-size:13px;color:#3d4445;font-weight:600}.lab-flow-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0}.lab-flow-step{position:relative;min-height:102px;padding:16px 12px;border:1px solid #e6e5df;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.lab-flow-step>span{font:10px var(--mono);color:#d17c5c}.lab-flow-step b{font-size:12px;line-height:1.5;color:#42494a}.lab-flow-step svg{position:absolute;right:-13px;top:43%;z-index:1;color:#c3c4c0;background:#f8f8f6}.lab-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-node-list article,.lab-decision-list article{display:flex;gap:14px;padding:17px;border:1px solid #e8e7e2;border-radius:12px;background:#fff}.lab-node-list article>span,.lab-decision-list article>span{font:11px var(--mono);color:#d17c5c}.lab-node-list h3,.lab-decision-list h3{font-size:13px;margin:0 0 5px;color:#3b4243}.lab-node-list small{font-size:10px;color:#c17a59}.lab-node-list p,.lab-decision-list p{font-size:11px;line-height:1.7;color:#858b8b;margin:7px 0 0}.lab-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lab-data-grid article,.lab-ai-grid article{padding:18px;border:1px solid #e8e7e2;border-radius:12px;background:#fff}.lab-data-grid h3,.lab-ai-grid h3{font-size:13px;margin:0 0 9px;color:#3b4243}.lab-data-grid p,.lab-ai-grid p{font-size:11px;line-height:1.75;color:#858b8b;margin:0}.lab-decision-list{display:grid;gap:10px;margin-top:14px}.lab-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lab-screen-grid article{min-height:190px;border:1px solid #e7e5df;border-radius:16px;background:linear-gradient(155deg,#fff,#f7f4ee);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.lab-screen-grid article>span{font-size:12px;color:#a46e4d}.lab-screen-grid strong{font-size:20px;color:#383d3d}.lab-screen-grid p{font-size:11px;line-height:1.7;color:#858b8b}.lab-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lab-ai-grid article>span{font-size:22px;display:block;margin-bottom:14px}.lab-stack-section{padding-bottom:30px}.lab-build-note{font-size:12px;color:#7d8585;line-height:1.8;margin-top:18px}.lab-detail-footer{display:flex;justify-content:space-between;align-items:center;padding-top:22px;color:#a0a4a3;font:10px var(--mono)}.lab-detail-footer button{display:flex;align-items:center;gap:8px;border:1px solid #e1e1dc;background:#fff;border-radius:30px;padding:9px 14px;color:#686f70;font-size:11px;cursor:pointer}@media(max-width:850px){.experience-top-grid{grid-template-columns:1fr}.resume-dialogue-scene{min-height:245px}.lab-flow-row{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.resume-card-head,.career-card-head{padding:0 13px;font-size:9px}.resume-dialogue-scene{grid-template-columns:65px minmax(0,1fr) 65px;gap:5px;padding:12px 8px;min-height:220px}.resume-dialogue-person{height:175px}.resume-bubble{font-size:10px;padding:7px 8px}.resume-dialogue-tap{font-size:9px}.career-timeline{padding:18px 14px 18px 20px}.career-item h3{font-size:12px}.career-item p,.experience-axis-step b{font-size:10px}.experience-axis-dot{width:25px;height:25px}.experience-axis-line{top:12px}.lab-metric-grid,.lab-flow-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-flow-step svg{display:none}.lab-node-list,.lab-screen-grid,.lab-ai-grid{grid-template-columns:1fr}.lab-detail-section{padding:30px 0}.lab-detail-footer{align-items:flex-start;gap:12px;flex-direction:column}}.resume-dialogue-card{background:#ffffffb8;border:1px solid rgba(225,215,202,.72);box-shadow:0 10px 30px #302b2309}.resume-card-head{color:#5f625f}.resume-card-head strong{font:600 12px var(--sans);letter-spacing:.02em;color:#373b3b}.resume-card-head>span:last-child{font-size:11px;color:#c17a59}.resume-dialogue-scene{background:transparent;grid-template-columns:minmax(86px,.72fr) minmax(0,1.5fr) minmax(86px,.72fr);min-height:250px;padding:12px 15px 4px;gap:12px}.resume-dialogue-person{height:208px}.resume-dialogue-person:first-child{justify-content:flex-start}.resume-dialogue-person:last-child{justify-content:flex-end}.resume-dialogue-person img{-o-object-position:center bottom;object-position:center bottom}.resume-dialogue-copy{min-height:180px;gap:7px}.resume-bubble{max-width:94%;font-size:11px;line-height:1.5;padding:7px 10px}.resume-bubble.is-me{align-self:flex-end;margin-right:0}.resume-bubble.is-other{align-self:flex-start;margin-left:0;background:#f7f7f5;border-color:#e7e5df;border-radius:12px 12px 12px 4px}.resume-dialogue-scene:hover .resume-bubble.is-current{border-color:#df9b7d}.experience-stage-axis{margin:5px 14px 18px;padding:0 2px}.experience-axis-line{left:7%;right:7%;top:12px;background:#eee4dc}.experience-axis-step{gap:7px;font-size:10px}.experience-axis-dot{width:25px;height:25px;font-size:9px}.experience-axis-step b{font-size:10px}.career-timeline-card{background:#ffffff2e;border:1px solid rgba(223,216,207,.72);box-shadow:none}.career-card-head{background:#fff3;border-bottom-color:#dfd8cf9e}.career-timeline{padding:22px 22px 20px 27px}.career-item{border-left-color:#d3c7bbbf}.career-node{border-color:#f6f1ea}.career-item h3{color:#383d3b}.career-item p{color:#858781}@media(max-width:850px){.experience-top-grid{grid-template-columns:1fr}.resume-dialogue-scene{min-height:235px}.career-timeline-card{background:#ffffff3d}}@media(max-width:600px){.resume-dialogue-scene{grid-template-columns:60px minmax(0,1fr) 60px;gap:5px;padding:10px 8px;min-height:205px}.resume-dialogue-person{height:165px}.resume-dialogue-copy{min-height:160px;gap:6px}.resume-bubble{font-size:9px;padding:6px 7px}.experience-stage-axis{margin:5px 7px 15px}.experience-axis-step{gap:6px}.experience-axis-step b{font-size:9px;white-space:normal;text-align:center;line-height:1.25}.experience-axis-dot{width:23px;height:23px}.career-timeline{padding:17px 14px 17px 22px}}.yuzhang-demo-wrap{margin-top:26px;padding:28px 18px 34px;border:1px solid #e9e2d4;border-radius:18px;background:linear-gradient(145deg,#f5f3ed,#eeece5);display:flex;flex-direction:column;align-items:center;gap:14px}.yuzhang-demo-intro{width:min(100%,380px);display:flex;justify-content:space-between;align-items:center;gap:12px}.yuzhang-demo-intro>span{font:10px var(--mono);letter-spacing:.12em;color:#a46e4d;white-space:nowrap}.yuzhang-demo-intro p{font-size:10px;line-height:1.5;color:#89877f;text-align:right}.yuzhang-device{width:min(100%,380px);height:760px;padding:12px;border-radius:43px;background:#1c1307;box-shadow:0 26px 60px #28190833,0 0 0 2px #4a3414 inset;position:relative}.yuzhang-notch{position:absolute;z-index:5;top:21px;left:50%;transform:translate(-50%);width:110px;height:24px;border-radius:14px;background:#1c1307}.yuzhang-screen{position:relative;height:100%;overflow:hidden;border-radius:32px;background:#fbf4e4;color:#5a3c0e;display:flex;flex-direction:column;font-family:var(--sans)}.yuzhang-pages{position:relative;flex:1;overflow:hidden}.yuzhang-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:54px 18px 88px;scrollbar-width:thin}.yuzhang-page h3{font-size:20px;font-weight:750;color:#5a3c0e;margin:0 0 16px}.yuzhang-balance{padding:18px;border-radius:16px;background:linear-gradient(135deg,#d98216,#a94f06);color:#fff;margin-bottom:15px}.yuzhang-balance small{display:block;font-size:11px;color:#f7e6c4}.yuzhang-balance strong{display:block;font-size:29px;font-weight:750;margin:6px 0 12px;font-variant-numeric:tabular-nums}.yuzhang-balance>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#f7e6c4}.yuzhang-bill{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #f0dcb8;border-radius:12px;margin-bottom:9px}.yuzhang-bill>div{min-width:0;display:flex;flex-direction:column;gap:3px}.yuzhang-bill b{font-size:12px;color:#5a3c0e}.yuzhang-bill small{font-size:10px;color:#b9a884}.yuzhang-bill em{font-style:normal;font-size:9px;color:#92400e;background:#fdf4e6;border-radius:4px;padding:2px 6px;align-self:flex-start}.yuzhang-bill>strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.yuzhang-bill>strong.income{color:#92400e}.yuzhang-bill>strong.expense{color:#c2410c}.yuzhang-fab{position:absolute;z-index:4;right:18px;bottom:87px;width:50px;height:50px;border:0;border-radius:50%;background:#d98216;color:#fff;font-size:27px;font-weight:300;box-shadow:0 8px 20px #d9821659;cursor:pointer}.yuzhang-tabbar{position:absolute;z-index:3;left:0;right:0;bottom:0;height:70px;background:#fff;border-top:1px solid #f0dcb8;display:flex}.yuzhang-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#b9a884;font-size:10px;cursor:pointer}.yuzhang-tabbar button span{font-size:20px;line-height:1}.yuzhang-tabbar button.on{color:#92400e;font-weight:700}.yuzhang-seg{display:flex;gap:3px;padding:3px;border:1px solid #f0dcb8;border-radius:10px;background:#fdf4e6;margin-bottom:15px}.yuzhang-seg button{flex:1;border:0;border-radius:7px;background:transparent;color:#92400e;padding:7px;font-size:12px;font-weight:650;cursor:pointer}.yuzhang-seg button.on{background:#d98216;color:#fff}.yuzhang-chart{display:flex;justify-content:center;align-items:center;padding:8px 0 13px;background:#fff;border:1px solid #f0dcb8;border-radius:14px;margin-bottom:12px}.yuzhang-chart svg{width:150px;height:150px}.yuzhang-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #f0dcb8;border-radius:10px;margin-bottom:8px;font-size:12px}.yuzhang-bar i{width:11px;height:11px;border-radius:4px;flex:none}.yuzhang-bar span{flex:1;color:#5a3c0e}.yuzhang-bar b{color:#c2410c}.yuzhang-budget{padding:14px;background:#fff;border:1px solid #f0dcb8;border-radius:13px;margin-top:10px}.yuzhang-budget>b{display:flex;justify-content:space-between;font-size:12px;color:#5a3c0e}.yuzhang-budget em{font-style:normal;color:#c2410c}.yuzhang-budget>div{height:10px;background:#f0dcb8;border-radius:8px;overflow:hidden;margin:10px 0 7px}.yuzhang-budget>div i{display:block;width:100%;height:100%;background:#c2410c}.yuzhang-budget small{font-size:10px;color:#b9a884}.yuzhang-ai-card{padding:16px;border-radius:16px;background:linear-gradient(135deg,#92400e,#6b2f08);color:#f7ecd9;margin-bottom:16px}.yuzhang-ai-card b{display:block;color:#e8b66a;font-size:13px;margin-bottom:9px}.yuzhang-ai-card p{font-size:12px;line-height:1.8}.yuzhang-ai-card button{margin-top:12px;padding:7px 18px;border:0;border-radius:20px;background:#d98216;color:#fff;font-size:11px;cursor:pointer}.yuzhang-setting{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;background:#fff;border:1px solid #f0dcb8;border-radius:12px;margin-bottom:10px;font-size:12px}.yuzhang-setting span{color:#5a3c0e;font-weight:650}.yuzhang-setting b{color:#92400e}.yuzhang-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.yuzhang-tags span{padding:7px 10px;border:1px solid #f0dcb8;border-radius:8px;background:#fdf4e6;color:#92400e;font-size:11px}.yuzhang-mask{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#1c13077a}.yuzhang-sheet{width:100%;position:relative;padding:22px 19px 20px;border-radius:20px 20px 0 0;background:#fbf4e4;box-shadow:0 -10px 35px #2819081f}.yuzhang-sheet h4{font-size:16px;color:#5a3c0e;margin:0 0 14px}.yuzhang-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#9b8b70;font-size:24px;cursor:pointer}.yuzhang-sheet label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:#5a3c0e;margin:11px 0}.yuzhang-sheet input,.yuzhang-sheet select{width:100%;border:1px solid #f0dcb8;border-radius:9px;background:#fff;padding:10px 11px;color:#5a3c0e;font:13px var(--sans);outline:none}.yuzhang-submit{width:100%;border:0;border-radius:10px;padding:12px;background:#d98216;color:#fff;font-size:13px;font-weight:700;margin-top:8px;cursor:pointer}.yuzhang-reply{text-align:center;padding-top:30px}.yuzhang-reply>div{font-size:44px;margin-bottom:8px}.yuzhang-reply>b{font-size:14px;color:#92400e}.yuzhang-reply p{padding:14px;margin:13px 0;background:#fdf4e6;border:1px solid #f0dcb8;border-radius:12px;color:#5a3c0e;font-size:12px;line-height:1.8;text-align:left}@media(max-width:600px){.yuzhang-demo-wrap{padding:20px 8px}.yuzhang-device{height:700px;padding:9px;border-radius:35px}.yuzhang-screen{border-radius:27px}.yuzhang-page{padding:48px 14px 82px}.yuzhang-demo-intro{align-items:flex-start;flex-direction:column;gap:5px}.yuzhang-demo-intro p{text-align:left}}.drawn-card.rarity-ssr{border:1.5px solid #80b8c8!important;background:linear-gradient(150deg,#fff,#eaf7fa 65%,#f8fcfd)!important;box-shadow:0 12px 28px #3781971f!important;animation:cardReveal .5s var(--ease),ssrJitter .16s ease-in-out .5s 5!important}.drawn-card.rarity-ssr .drawn-head b{background:#dceff4!important;color:#397c90!important}.drawn-card.rarity-ssr .drawn-symbol{color:#5b9fb2!important;filter:none!important}.drawn-card.rarity-ssr:after{display:none!important;content:none!important;animation:none!important}header.site-header{position:relative;inset:auto;height:60px;min-height:60px;width:100%;background:#eaf8fc;color:#123f54;border-bottom:1px solid #cfe8f0;box-shadow:0 5px 18px #1f68800e;-webkit-backdrop-filter:none;backdrop-filter:none}header.site-header .wordmark{color:#123f54;font-size:12px;gap:8px}header.site-header .wordmark small{color:#568398}header.site-header .mark{width:29px;height:29px;font-size:14px;border-color:#8bbdcc;color:#147d9f;background:#ffffff8c}header.site-header .nav a,header.site-header .nav-contact{color:#174b62;font-size:11px}header.site-header .nav a:hover{color:#078db6}header.site-header .nav-contact{border-color:#8bbdcc;background:#f8fdff;padding:7px 13px}header.site-header .mobile-menu{color:#174b62}.hero-quick-actions{position:absolute;z-index:5;left:clamp(22px,5.3vw,90px);bottom:clamp(28px,5vw,66px);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero-quick-actions button,.hero-quick-actions a{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:#ebf9ffe6;color:#14516b;text-decoration:none;font-size:11px;font-weight:650;letter-spacing:.025em;box-shadow:0 5px 18px #0039591f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .2s,background .2s}.hero-quick-actions button:hover,.hero-quick-actions a:hover{transform:translateY(-2px);background:#fff}.drawn-card.rarity-ssr,.ten-card.rarity-ssr,.atlas-card.rarity-ssr{border-color:#d5a32e!important;background:linear-gradient(155deg,#fff9e8,#f7e3ad)!important;box-shadow:0 12px 28px #c18b3533}.drawn-card.rarity-ssr .drawn-head b,.drawn-card.rarity-ssr .drawn-kicker,.ten-card.rarity-ssr span,.atlas-card.rarity-ssr span{color:#94620a!important}.drawn-card.rarity-ssr .drawn-symbol{color:#bd861b}.drawn-card.rarity-sr,.ten-card.rarity-sr,.atlas-card.rarity-sr{border-color:#9a70d6!important;background:linear-gradient(155deg,#fbf7ff,#e9dcfb)!important}.drawn-card.rarity-sr .drawn-head b,.drawn-card.rarity-sr .drawn-symbol,.ten-card.rarity-sr span,.atlas-card.rarity-sr span{color:#7041ad!important}.drawn-card.rarity-r,.ten-card.rarity-r,.atlas-card.rarity-r{border-color:#4f9bd8!important;background:linear-gradient(155deg,#f5fbff,#dceeff)!important}.drawn-card.rarity-r .drawn-head b,.drawn-card.rarity-r .drawn-symbol,.ten-card.rarity-r span,.atlas-card.rarity-r span{color:#176da9!important}@keyframes ssrVibration{0%,to{transform:translate(0) rotate(0)}12%{transform:translate(-4px,1px) rotate(-1.1deg)}24%{transform:translate(4px,-1px) rotate(1.1deg)}36%{transform:translate(-5px) rotate(-1.3deg)}48%{transform:translate(5px,1px) rotate(1.3deg)}60%{transform:translate(-3px,-1px) rotate(-.8deg)}72%{transform:translate(3px) rotate(.8deg)}84%{transform:translate(-1px) rotate(0)}}.drawn-card.ssr-shake{animation:cardReveal .5s var(--ease),ssrVibration .62s ease-in-out .48s 2}@media(prefers-reduced-motion:reduce){.drawn-card.ssr-shake{animation:cardReveal .5s var(--ease)}}.resume-dialogue-scene{border-bottom:1px solid #e8e2d9!important}.experience-stage-axis{border-top:1px solid #e8e2d9;padding-top:18px!important;margin-top:0!important}.career-timeline-card{background:#fff!important;border:1px solid #ece8e2!important;box-shadow:0 12px 32px #2a30340b!important}.career-card-head{background:#fff!important;border-bottom-color:#f0eeeb!important}@media(max-width:600px){header.site-header{height:50px;min-height:50px;padding:0 16px}header.site-header .wordmark{font-size:11px}.hero-quick-actions{left:16px;right:16px;bottom:18px;gap:6px}.hero-quick-actions button,.hero-quick-actions a{min-height:34px;padding:0 10px;font-size:9px;gap:5px}.experience-stage-axis{padding-top:13px!important}}.experience-stage-axis{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px;margin:0!important;padding:19px 16px 17px!important;border-top:1px solid #e9e4dd!important;background:linear-gradient(180deg,#faf8f5e0,#ffffff59)}.experience-axis-line{left:calc(12.5% + 16px);right:calc(12.5% + 16px);top:33px;height:2px;background:linear-gradient(90deg,#f1c6b5,#e9d9cf);border-radius:3px}.experience-axis-step{display:flex;align-items:center;gap:7px;min-width:0;flex-direction:column;color:#a39a92;font:600 11px var(--sans);transition:color .2s,transform .2s}.experience-axis-step:hover{transform:translateY(-2px);color:#a85f43}.experience-axis-dot{width:28px;height:28px;border:2px solid #e8b59f;background:#fff;color:#bf795e;box-shadow:0 2px 6px #965c4114;font:600 9px var(--mono)}.experience-axis-step.active .experience-axis-dot,.experience-axis-step.passed .experience-axis-dot{background:#e77d56;border-color:#e77d56;color:#fff;box-shadow:0 0 0 4px #e77d561f,0 3px 9px #a0583b26}.experience-axis-step b{font-size:11px;white-space:nowrap;font-weight:650;color:#8c8178}.experience-axis-step.active b{color:#9c563c}.resume-dialogue-card,.career-timeline-card{background:#ffffffb8!important;border:1px solid rgba(225,215,202,.72)!important;box-shadow:0 10px 30px #302b2309!important}.career-card-head{background:transparent!important}.project-return-floating{position:fixed;z-index:60;right:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:13px 15px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#146884eb;color:#fff;font-size:11px;font-weight:650;box-shadow:0 9px 28px #1252693b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.project-return-floating:hover{transform:translate(-3px,-50%);background:#0d718f;box-shadow:0 12px 32px #1252694d}@media(max-width:700px){.project-return-floating{right:10px;top:auto;bottom:18px;transform:none;padding:12px 13px;gap:6px}.project-return-floating:hover{transform:translateY(-2px)}.experience-stage-axis{gap:3px;padding:15px 8px 13px!important}.experience-axis-line{left:12.5%;right:12.5%;top:29px}.experience-axis-dot{width:25px;height:25px}.experience-axis-step b{font-size:9px;white-space:normal;text-align:center;line-height:1.25}}.agent-flow-heading{margin:0 0 12px;color:#174b63;font-size:14px;font-weight:650;letter-spacing:.02em}.agent-flow-preview{width:100%;margin:0 0 20px;overflow:hidden;border:0;border-radius:14px;background:#f7f6f2;box-shadow:0 12px 30px #23799512}.agent-flow-preview iframe{display:block;width:100%;height:auto;aspect-ratio:12/7;border:0;margin:0;padding:0;background:#f7f6f2}.agent-flow-preview.flow-copilot iframe{aspect-ratio:10/7}@media(max-width:640px){.agent-flow-heading{font-size:13px;margin-bottom:10px}.agent-flow-preview{border-radius:10px}.agent-flow-preview iframe{height:auto;aspect-ratio:12/7}.agent-flow-preview.flow-copilot iframe{aspect-ratio:10/7}}