:root{--bg:#f8fbfa;--bg-warm:#fbf8f1;--surface:#ffffffd1;--surface-solid:#fff;--text:#183236;--muted:#60777a;--line:#1c4c5021;--primary:#2a918b;--primary-dark:#17494d;--primary-soft:#e5f4f1;--accent:#e4a75f;--accent-soft:#fff1dc;--blue-soft:#e9f2f7;--shadow:0 22px 58px #15464b1c;--shadow-soft:0 12px 28px #15464b13;--radius-lg:28px;--radius-md:20px;--max-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:0;color:var(--text);background:radial-gradient(circle at 16% 8%,#ddf4efd1,#0000 30%),radial-gradient(circle at 88% 8%,#ffefd5b8,#0000 28%),linear-gradient(135deg,#fbfdfc 0%,#f3fbf8 48%,#fbf8f1 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;line-height:1.65;overflow-x:hidden}body::selection{background:#2a918b2e}a{color:inherit;text-decoration:none}button{font:inherit}#particle-canvas{z-index:-4;pointer-events:none;position:fixed;inset:0}.cursor-glow{--x:50vw;--y:50vh;z-index:-3;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--x) var(--y), #2a918b1c, transparent 58%);transition:opacity .3s;position:fixed;inset:0}.cursor-glow.is-active{opacity:1}.section-shell{width:min(calc(100% - 32px), var(--max-width));margin-inline:auto}.site-header{z-index:50;width:min(calc(100% - 32px), var(--max-width));margin:14px auto 0;position:sticky;top:14px}.header-inner{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-soft);backdrop-filter:blur(16px);background:#ffffffc2;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 14px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg, var(--primary-dark), var(--primary));border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 12px 26px #2a918b3d}.brand-text{flex-direction:column;min-width:0;line-height:1.12;display:flex}.brand-text strong{font-size:1rem}.brand-text small{max-width:280px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;overflow:hidden}.nav-links{justify-content:center;gap:4px;min-width:0;display:flex}.nav-links a{color:#183236bd;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:9px 11px;font-size:.9rem;transition:all .22s;display:inline-flex}.nav-links a:hover{color:var(--primary-dark);background:#2a918b17;transform:translateY(-1px)}.lang-toggle{color:#fff;background:linear-gradient(135deg, var(--primary-dark), var(--primary));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:72px;padding:9px 13px;transition:all .22s;display:inline-flex;box-shadow:0 12px 26px #2a918b3d}.lang-toggle:hover{transform:translateY(-1px)}.lang-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:52px;min-height:650px;padding:72px 0 48px;display:grid}.eyebrow{width:fit-content;color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;background:#2a918b14;border:1px solid #2a918b1f;border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:7px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero h1{max-width:780px;color:var(--primary-dark);letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.35rem,5.4vw,4.9rem);line-height:1.04}.hero-description{max-width:700px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,1.7vw,1.14rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:800;transition:all .24s;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg, var(--primary), #79c9bd);box-shadow:0 18px 34px #2a918b40}.button-secondary{color:var(--primary-dark);border:1px solid var(--line);background:#ffffffc7}.button:hover{transform:translateY(-2px)}.hero-visual{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;min-height:420px;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffdb,#eef8f5cc),radial-gradient(circle at 22% 18%,#e4a75f21,#0000 35%);padding:28px;position:relative;overflow:hidden}.visual-topline{z-index:2;color:var(--muted);justify-content:space-between;margin-bottom:24px;font-size:.82rem;font-weight:800;display:flex;position:relative}.visual-grid{z-index:1;grid-template-columns:repeat(6,1fr);gap:12px;display:grid;position:relative}.visual-cell{aspect-ratio:1;border:1px solid #18323614;border-radius:16px;animation:6.5s ease-in-out infinite cellFloat}.visual-cell-1{background:#e5f4ef;animation-delay:0s}.visual-cell-2{background:#e8f2f7;animation-delay:.2s}.visual-cell-3{background:#fff1dd;animation-delay:.4s}.visual-cell-4{background:#f4ecef;animation-delay:.6s}.visual-cell-5{background:#e8f5f3;animation-delay:.8s}.visual-cell-6{background:#f7f1df;animation-delay:1s}@keyframes cellFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.visual-card{z-index:2;color:#fff;background:linear-gradient(135deg,#173c40,#1e6968);border-radius:22px;width:min(330px,100% - 56px);padding:20px;position:absolute;bottom:28px;right:28px;box-shadow:0 24px 50px #1632353d}.visual-card span{color:#b7eee4;font-size:.78rem;font-weight:800}.visual-card strong{margin-top:8px;font-size:1.12rem;line-height:1.35;display:block}.visual-card small{color:#ffffffc2;margin-top:8px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:72px;display:grid}.stat-card,.research-card,.member-card,.project-card,.publication-item,.news-item,.contact-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.stat-card{padding:24px}.stat-card strong{color:var(--primary-dark);letter-spacing:-.06em;font-size:clamp(2rem,4.6vw,2.9rem);line-height:1;display:block}.stat-card span{color:var(--muted);margin-top:8px;display:block}.page-section{padding-top:82px;scroll-margin-top:110px}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.contact-section h2{color:var(--primary-dark);letter-spacing:-.04em;margin:0;font-size:clamp(1.85rem,3.7vw,3rem);line-height:1.12}.section-heading p:not(.eyebrow){color:var(--muted);margin:16px 0 0;font-size:1.04rem}.card-grid{gap:18px;display:grid}.three-columns,.people-grid{grid-template-columns:repeat(3,1fr)}.research-card,.member-card,.project-card{padding:24px;transition:transform .24s,box-shadow .24s,border-color .24s}.research-card:hover,.member-card:hover,.project-card:hover,.publication-item:hover,.news-item:hover{box-shadow:var(--shadow);border-color:#2a918b3d;transform:translateY(-4px)}.card-icon{min-width:54px;height:40px;color:var(--primary-dark);background:var(--primary-soft);border-radius:14px;place-items:center;padding:0 12px;font-size:.8rem;font-weight:900;display:inline-grid}.research-card h3,.member-card h3,.project-card h3,.publication-item h3,.news-item h3{color:var(--primary-dark);margin:18px 0 10px;line-height:1.25}.research-card p,.member-card p,.project-card p,.publication-item p,.news-item p{color:var(--muted)}.research-card ul{margin:18px 0 0;padding:0;list-style:none}.research-card li{color:#183236d6;margin:10px 0;padding-left:18px;font-size:.95rem;position:relative}.research-card li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:0}.project-list,.publication-list,.news-list{gap:16px;display:grid}.project-card{grid-template-columns:1fr auto;align-items:end;gap:22px;display:grid}.status{color:#815100;background:var(--accent-soft);border-radius:999px;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{color:var(--primary-dark);background:#2a918b17;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.member-card img{object-fit:cover;object-position:center top;background:#eef7f5;border-radius:22px;width:104px;height:128px;box-shadow:0 18px 34px #194e5229}.member-role{margin:0;font-weight:900;color:var(--primary)!important}.publication-item{grid-template-columns:90px 1fr;gap:22px;padding:24px;transition:all .24s;display:grid}.publication-year{width:72px;height:72px;color:var(--primary-dark);background:var(--blue-soft);border-radius:22px;place-items:center;font-weight:900;display:grid}.venue{font-weight:800;color:var(--primary)!important}.news-item{padding:22px 24px;transition:all .24s}.news-item time{color:var(--accent);font-size:.86rem;font-weight:900}.contact-section{background:linear-gradient(135deg,#ffffffd6,#e8f5f2d1),radial-gradient(circle at 100% 0,#e4a75f26,#0000 34%);grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;margin-top:82px;margin-bottom:82px;padding:32px;display:grid}.contact-card{background:var(--surface-solid);border:1px solid var(--line);border-radius:22px;gap:16px;padding:24px;display:grid}.contact-card p{margin:0}.contact-card strong{color:var(--primary-dark);font-size:.84rem;display:block}.contact-card a,.contact-card span{color:var(--muted)}.site-footer{width:min(calc(100% - 32px), var(--max-width));color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:18px;margin:0 auto 28px;padding:18px 0;font-size:.9rem;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=1040px){.header-inner{border-radius:24px;grid-template-columns:1fr auto}.nav-links{grid-column:1/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:58px}.three-columns,.people-grid{grid-template-columns:repeat(2,1fr)}.project-card,.contact-section{grid-template-columns:1fr}}@media (width<=720px){.section-shell,.site-header,.site-footer{width:calc(100% - 22px)}.site-header{margin-top:8px;top:8px}.header-inner{gap:10px;padding:10px}.brand-text small{max-width:170px}.lang-toggle{min-width:62px;padding:8px 11px}.nav-links a{padding:8px 10px;font-size:.84rem}.hero{gap:30px;padding:46px 0 36px}.hero h1{letter-spacing:-.045em;font-size:clamp(2.1rem,10.5vw,3.45rem)}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:320px;padding:22px}.visual-grid{grid-template-columns:repeat(4,1fr);gap:9px}.visual-cell{border-radius:12px}.visual-card{width:min(300px,100% - 36px);bottom:18px;right:18px}.stats,.three-columns,.people-grid{grid-template-columns:1fr}.page-section{padding-top:56px}.publication-item{grid-template-columns:1fr}.publication-year{border-radius:999px;width:fit-content;height:auto;padding:8px 14px}.site-footer{flex-direction:column}.cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}#particle-canvas,.cursor-glow{display:none}.reveal{opacity:1;transform:none}}