:root{--color-bg:#f7f9fd;--color-bg-elevated:#ffffff;--color-surface:rgba(15,23,42,0.04);--color-border:rgba(15,23,42,0.09);--color-text:#0f172a;--color-text-muted:#5b6478;--color-primary:#3b82f6;--color-accent:#0284c7;--gradient-primary:linear-gradient(135deg,#3b82f6,#06b6d4);--radius-md:12px;--radius-lg:20px;--shadow-card:0 20px 50px rgba(15,23,42,0.1);--shadow-soft:0 4px 20px rgba(15,23,42,0.06);--font-sans:var(--font-inter),var(--font-noto-sans-sc),-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .8s ease-out both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.78);border-bottom:1px solid var(--color-border)}.header-inner{justify-content:space-between;height:68px}.header-inner,.header-left{display:flex;align-items:center}.header-left{gap:36px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;letter-spacing:.02em;flex-shrink:0}.logo-mark{color:var(--color-primary);font-size:1.3rem}.logo-image{width:36px;height:36px;border-radius:8px;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.05)}.nav{display:flex;gap:28px}.nav-link{color:var(--color-text-muted);font-size:.95rem;transition:color .2s ease;position:relative;cursor:pointer}.nav-link:hover{color:var(--color-text)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .2s ease}.nav-link:hover:after{width:100%}.nav-link-accent{color:var(--color-primary);font-weight:600}.nav-link-accent:hover{color:var(--color-accent)}.header-actions{display:flex;align-items:center;flex-shrink:0}.language-switcher{display:flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden;background:var(--color-bg-elevated)}.language-option{padding:6px 14px;font-size:.82rem;color:var(--color-text-muted);transition:all .2s ease}.language-option.active{background:var(--gradient-primary);color:#fff;font-weight:600}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;white-space:nowrap}.cta-button:hover{transform:translateY(-2px)}.cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 24px rgba(59,130,246,.3)}.cta-primary:hover{box-shadow:0 12px 32px rgba(6,182,212,.4)}.cta-outline{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg-elevated)}.cta-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.cta-sm{padding:8px 18px;font-size:.85rem}.cta-md{padding:12px 26px;font-size:.95rem}.cta-lg{padding:15px 34px;font-size:1rem}.hero{position:relative;padding:180px 0 120px;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.55}.hero-glow-1{width:560px;height:560px;background:#bfdbfe;top:-180px;left:-120px}.hero-glow-2{width:480px;height:480px;background:#a5f3fc;bottom:-200px;right:-100px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%)}.hero-content{position:relative;text-align:center}.hero-badge{display:inline-block;padding:7px 18px;border:1px solid rgba(2,132,199,.3);border-radius:999px;background:rgba(2,132,199,.07);color:var(--color-accent);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hero-logo-wrapper{margin:24px auto 0;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.hero-logo{width:120px;height:120px;filter:drop-shadow(0 12px 32px rgba(14,165,233,.35));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{margin-top:28px;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#0b1530}.hero-subtitle{margin:24px auto 0;max-width:720px;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.2rem)}.hero-cta{margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-stats{margin:72px auto 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;max-width:860px}.hero-stat{display:flex;flex-direction:column;gap:4px;padding:22px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-soft)}.hero-stat-value{order:-1;font-size:1.7rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-stat-label{font-size:.82rem;color:var(--color-text-muted)}.section-heading{text-align:center;max-width:760px;margin:0 auto 72px}.section-badge{display:inline-block;padding:7px 18px;border:1px solid rgba(59,130,246,.3);border-radius:999px;background:rgba(59,130,246,.07);color:#2563eb;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.section-title{margin-top:20px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;color:#0b1530}.section-subtitle{margin-top:16px;color:var(--color-text-muted);font-size:1.05rem}.projects-section{padding:120px 0 40px}.projects-list{display:flex;flex-direction:column;gap:96px}.project-card{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:56px;gap:56px;align-items:center}.project-card.reversed .project-media{order:2}.project-card.reversed .project-body{order:1}.media-viewer{position:relative}.media-tabs{position:absolute;top:14px;left:14px;z-index:2;display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.media-tab{padding:6px 16px;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.media-tab.active{background:var(--gradient-primary);color:#fff}.media-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-card);aspect-ratio:16/9;background:#e8eef7}.media-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);pointer-events:none}.media-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.media-frame:hover .media-image{transform:scale(1.03)}.media-video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.project-index{font-size:.9rem;font-weight:700;letter-spacing:.2em;color:var(--color-accent)}.project-title{margin-top:10px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.01em;color:#0b1530}.project-tagline{margin-top:8px;color:#2563eb;font-size:.98rem;font-weight:600}.project-description{margin-top:16px;color:var(--color-text-muted);font-size:1rem}.project-features{margin-top:24px}.project-features-title{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.project-features ul{margin-top:12px;display:grid;grid-gap:10px;gap:10px}.project-features li{position:relative;padding-left:26px;color:var(--color-text);font-size:.95rem}.project-features li:before{content:"▹";position:absolute;left:0;color:var(--color-primary)}.project-download{margin-top:28px;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-elevated);box-shadow:var(--shadow-soft);font-size:.92rem;font-weight:600;transition:all .2s ease}.project-download:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.download-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:.8rem}.project-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.project-visit-site{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px -4px rgba(59,130,246,.55);font-size:.92rem;font-weight:600;transition:all .22s ease;text-decoration:none}.project-visit-site:hover{transform:translateY(-2px);box-shadow:0 10px 28px -4px rgba(59,130,246,.7);filter:brightness(1.05)}.project-visit-site:active{transform:translateY(0)}.visit-site-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:.88rem;line-height:1;font-weight:700}@media (max-width:560px){.project-actions{flex-direction:column;align-items:stretch}.project-visit-site{justify-content:center}}.contact-section{padding:120px 0}.contact-card{position:relative;text-align:center;padding:72px 32px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(ellipse 60% 80% at 50% 0,rgba(59,130,246,.12),transparent 70%),var(--color-bg-elevated);box-shadow:var(--shadow-card);overflow:hidden}.contact-subtitle{margin:20px auto 0;max-width:640px;color:var(--color-text-muted);font-size:1.05rem}.contact-email-row{margin:36px 0 28px;display:flex;flex-direction:column;gap:8px;align-items:center}.contact-email-label{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.contact-email{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-email:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.site-footer{border-top:1px solid var(--color-border);padding:56px 0 32px;background:var(--color-bg-elevated)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700}.footer-brand .logo-image{width:32px;height:32px;border-radius:6px}.footer-tagline{color:var(--color-text-muted);font-size:.9rem;font-weight:400}.footer-email{color:var(--color-accent);font-weight:600}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;text-align:center}@media (max-width:900px){.header-left{gap:16px}.nav{display:none}.project-card,.project-card.reversed{grid-template-columns:1fr;gap:32px}.project-card.reversed .project-media{order:0}.hero-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hero{padding:140px 0 80px}.projects-list{gap:64px}.header-left{gap:10px}.logo-text{font-size:1rem}.language-switcher{transform:scale(.85);transform-origin:right center}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}