:root{color-scheme:light;--bg: #f6f7fb;--bg-deep: #e9eef8;--panel: rgba(255, 255, 255, .54);--panel-strong: rgba(255, 255, 255, .72);--line: rgba(255, 255, 255, .7);--line-deep: rgba(116, 132, 166, .18);--text: #172033;--muted: #647084;--accent: #6366f1;--accent-soft: #93c5fd;--rose: #f0abfc;--cyan: #67e8f9;--warm: #f6c177;--shadow: 0 26px 80px rgba(76, 84, 122, .18);--radius-xl: 34px;--radius-lg: 26px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;color:var(--text);background:radial-gradient(circle at 12% 10%,rgba(196,181,253,.45),transparent 25%),radial-gradient(circle at 86% 14%,rgba(125,211,252,.36),transparent 23%),radial-gradient(circle at 50% 92%,rgba(244,114,182,.18),transparent 28%),linear-gradient(180deg,#fbfdff 0%,var(--bg) 46%,var(--bg-deep) 100%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.page-shell{position:relative;min-height:100vh;overflow:hidden}.gradient-field,.noise-layer,.glow{position:fixed;pointer-events:none}.gradient-field{top:0;right:0;bottom:0;left:0;z-index:0;opacity:.58;background:linear-gradient(-45deg,#c4b5fd,#bfdbfe,#fbcfe8,#a7f3d0);background-size:420% 420%;animation:gradientMove 16s ease infinite}.noise-layer{top:0;right:0;bottom:0;left:0;z-index:1;opacity:.26;background-image:radial-gradient(circle at 18% 20%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),radial-gradient(circle at 33% 64%,rgba(99,102,241,.34) 0 1px,transparent 1.8px),radial-gradient(circle at 72% 28%,rgba(14,165,233,.28) 0 1px,transparent 1.8px),radial-gradient(circle at 88% 72%,rgba(244,114,182,.32) 0 1px,transparent 1.8px)}.glow{z-index:2;border-radius:999px;filter:blur(70px);opacity:.55}.glow-a{width:360px;height:360px;left:-120px;top:160px;background:#c4b5fd}.glow-b{width:420px;height:420px;right:-140px;top:130px;background:#7dd3fc}.glow-c{width:320px;height:320px;left:42%;bottom:80px;background:#f9a8d4}.topbar,.content,.footer{position:relative;z-index:5}.topbar{position:fixed;top:22px;left:50%;transform:translate(-50%);width:min(1200px,calc(100% - 96px));height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid var(--line);border-radius:26px;background:#ffffff6b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #4c547a21}.brand{display:inline-flex;align-items:center;gap:14px}.brand-logo{width:50px;height:50px;border-radius:17px;object-fit:cover;box-shadow:0 14px 32px #6366f12e}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:1.32rem;letter-spacing:-.02em}.brand-copy small{margin-top:7px;color:var(--muted);font-weight:700}.topnav{display:flex;align-items:center;gap:6px}.topnav a{padding:10px 16px;border-radius:999px;color:#43506a;font-weight:800;font-size:.92rem;transition:.22s ease}.topnav a:hover{color:#312e81;background:#fff9;box-shadow:inset 0 0 0 1px #6366f11f}.content{width:min(1200px,calc(100% - 96px));margin:0 auto;padding:128px 0 84px}.hero{min-height:calc(100vh - 150px);display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.glass-card,.section-block,.project-card,.capability-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffa8,#ffffff5c);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.hero-copy{border-radius:var(--radius-xl);padding:44px}.eyebrow,.section-kicker{margin:0 0 12px;color:#6366f1;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero h1{margin:0;font-size:5.8rem;line-height:.92;letter-spacing:-.06em}.hero h1 span{display:block;margin-top:12px;font-size:.42em;letter-spacing:.02em;color:#5b6478}.hero-text{margin:24px 0 0;max-width:42ch;color:var(--muted);line-height:1.9;font-size:1.06rem}.hero-actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 16px 34px #6366f152}.button-secondary{color:#39445d;background:#ffffff80;border:1px solid rgba(99,102,241,.14)}.mini-note{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:11px 14px;border-radius:999px;color:var(--muted);background:#ffffff73;border:1px solid rgba(255,255,255,.72);font-weight:700}.mini-note span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55ecc}.hero-visual{display:grid;place-items:center}.orbital-card{position:relative;width:620px;aspect-ratio:1;border-radius:46px;overflow:hidden;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.75),transparent 20%),linear-gradient(145deg,#6366f133,#0ea5e929,#f472b62e);box-shadow:0 36px 90px #4c547a3d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.orbital-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 74%);mask-image:radial-gradient(circle,#000 30%,transparent 74%)}.hero-logo-wrap{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:42px;background:#ffffff8f;border:1px solid rgba(255,255,255,.82);box-shadow:0 28px 70px #6366f133}.hero-logo-wrap img{width:152px;height:152px;object-fit:cover;border-radius:32px}.float-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:18px;border:1px solid rgba(255,255,255,.8);background:#ffffff8a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #4c547a29;color:#334155;font-weight:900}.chip-main{left:50%;top:78px;width:270px;min-height:92px;transform:translate(-50%);flex-direction:column}.chip-main small{color:#6366f1;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.chip-main strong{margin-top:6px;font-size:1.25rem}.chip-a{left:82px;top:220px}.chip-b{right:84px;top:240px}.chip-c{right:124px;bottom:116px}.profile-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;margin-top:22px}.profile-card,.dashboard-card{border-radius:var(--radius-xl);padding:30px}.profile-main{display:flex;align-items:center;gap:24px}.profile-main img{width:106px;height:106px;object-fit:cover;border-radius:28px;box-shadow:0 20px 42px #6366f12e}.profile-main h2,.section-head h2{margin:0;color:var(--text);font-size:2.45rem;letter-spacing:-.03em}.profile-main p:last-child,.section-head p,.project-card p,.capability-card p,.timeline-item p{color:var(--muted);line-height:1.75}.profile-bottom{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-top:34px}.stat-list,.social-list,.badge-row,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.stat-item{min-width:86px;padding:12px 14px;border-radius:18px;background:#ffffff7a;border:1px solid rgba(255,255,255,.68)}.stat-item strong{display:block;color:#4f46e5;font-size:1.34rem}.stat-item span{color:var(--muted);font-size:.78rem;font-weight:900}.social-list a,.badge-row span,.tag-row span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:#4f46e5;background:#ffffff80;border:1px solid rgba(99,102,241,.13);font-size:.82rem;font-weight:900}.dashboard-card{display:flex;flex-direction:column;justify-content:space-between}.clock{margin:8px 0 18px;padding:18px 20px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#111827,#312e81);font-family:Consolas,SFMono-Regular,monospace;font-size:2.3rem;font-weight:900;letter-spacing:.06em;box-shadow:inset 0 1px #ffffff24}.runtime{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:900}.runtime span{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55ed9}.section-block{margin-top:28px;padding:34px;border-radius:var(--radius-xl)}.section-head{max-width:760px;margin-bottom:26px}.project-grid,.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card,.capability-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:26px;transition:transform .22s ease,box-shadow .22s ease}.project-card:hover,.capability-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px #4c547a38}.project-card:before,.capability-card:before{content:"";position:absolute;inset:-90px auto auto -70px;width:220px;height:220px;border-radius:50%;filter:blur(22px);opacity:.22}.tone-cyan:before{background:#22d3ee}.tone-violet:before{background:#8b5cf6}.tone-rose:before{background:#f472b6}.card-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center}.card-badge,.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.8rem;font-weight:900}.card-badge{color:#4f46e5;background:#6366f11a}.status-pill{color:#047857;background:#10b9811f}.project-card h3,.capability-card h3,.timeline-item h3{position:relative;z-index:1;margin:18px 0 10px;font-size:1.34rem}.project-card p,.project-card ul,.card-actions,.capability-card p,.tag-row{position:relative;z-index:1}.project-card ul{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;padding:0;list-style:none}.project-card li{padding:7px 10px;border-radius:12px;color:#475569;background:#ffffff80;border:1px solid rgba(255,255,255,.65);font-size:.78rem;font-weight:800}.card-actions{display:flex;gap:16px;margin-top:24px;color:var(--muted);font-weight:900}.card-actions .card-link-primary{color:#4f46e5}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-card{min-height:260px}.capability-card:before{background:#818cf8}.glow-line{width:82px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#6366f1,transparent);box-shadow:0 0 24px #6366f173}.updates-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:#ffffff61}.timeline-item time{color:#4f46e5;font-weight:900}.timeline-item h3{margin-top:0}.timeline-item p{margin:0}.footer{padding:26px 0 44px;text-align:center;color:var(--muted)}.footer p{margin:0;color:var(--text);font-weight:900}.footer small{display:inline-block;margin-top:8px}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 28% 22%,rgba(196,181,253,.7),transparent 28%),radial-gradient(circle at 76% 28%,rgba(125,211,252,.55),transparent 24%),linear-gradient(145deg,#f8fbff,#eef2ff)}.splash-orb{position:absolute;border-radius:999px;filter:blur(70px);opacity:.8}.splash-orb-a{width:360px;height:360px;left:16%;top:18%;background:#c4b5fd}.splash-orb-b{width:430px;height:430px;right:14%;bottom:14%;background:#93c5fd}.splash-card{position:relative;width:380px;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.76);border-radius:42px;background:#ffffff6b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 36px 96px #4c547a38;animation:splashFloat 1.7s ease both}.splash-card img{width:112px;height:112px;object-fit:cover;border-radius:30px;box-shadow:0 22px 50px #6366f13d}.splash-card p{margin:22px 0 4px;color:#6366f1;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.splash-card strong{font-size:2.1rem;letter-spacing:.02em}.splash-card span{margin-top:14px;color:var(--muted);font-weight:800}.splash-leave-active{transition:opacity .55s ease,transform .55s ease}.splash-leave-to{opacity:0;transform:scale(1.04)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes splashFloat{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1180px){body{min-width:1040px}.content,.topbar{width:1040px}}
