:root{color-scheme:dark;--bg: #080a0d;--bg-soft: #101418;--surface: #14191f;--surface-strong: #1b2229;--text: #f3f7fa;--muted: #a5b3bf;--subtle: #748393;--line: #2b3540;--cyan: #36d8ff;--violet: #a78bfa;--green: #7ee787;--amber: #f2bd5e;--shadow: 0 16px 42px rgba(0, 0, 0, .34);--radius: 8px;--max-width: 1120px;--page-gutter: 16px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);background:linear-gradient(180deg,rgba(54,216,255,.05),transparent 360px),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}ul{margin:0;padding:0}li{list-style:none}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.site-header{position:sticky;top:0;z-index:20;display:grid;gap:12px;width:min(100% - calc(var(--page-gutter) * 2),var(--max-width));margin:0 auto;padding:12px 0;background:#080a0dd1;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(54,216,255,.42);border-radius:var(--radius);color:var(--cyan);background:#14191fe6;box-shadow:0 0 0 1px #a78bfa1f inset}.brand-text{color:var(--text);overflow-wrap:anywhere}.primary-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nav-link,.language-switcher{min-height:40px;display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:8px 11px;border-radius:var(--radius);font-size:.92rem;overflow-wrap:anywhere}.nav-link{border:1px solid transparent;color:var(--muted)}.nav-link:hover,.nav-link.active{color:var(--text);border-color:#36d8ff52;background:#36d8ff14}.language-switcher{border:1px solid rgba(167,139,250,.34);color:var(--text);background:#a78bfa1f;font-weight:800}.site-footer{display:flex;justify-content:center;width:min(100% - calc(var(--page-gutter) * 2),var(--max-width));margin:0 auto;padding:22px 0 20px;color:var(--muted);border-top:1px solid var(--line)}.site-footer strong{color:var(--text)}.footer-meta{display:grid;gap:8px;color:var(--subtle)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.page-section,.hero-inner,.detail-hero,.detail-layout{width:min(100% - calc(var(--page-gutter) * 2),var(--max-width));margin:0 auto}.page-section{padding:48px 0}.page-section.tight{padding:32px 0}.projects-page{padding-top:24px}.hero{position:relative;min-height:64vh;display:grid;align-items:end;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#080a0dd1,#080a0df5),var(--hero-image) center / cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}.hero-inner{padding:76px 0 56px}.hero-copy{max-width:720px;display:grid;gap:18px}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;font-size:.78rem}.hero h1{max-width:760px;font-size:3rem}.hero p{max-width:660px;color:var(--muted);font-size:1rem}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;padding:10px 16px;border:1px solid rgba(54,216,255,.42);border-radius:var(--radius);color:#061014;background:var(--cyan);font-weight:800;box-shadow:0 14px 28px #36d8ff2e;overflow-wrap:anywhere}.button.secondary{color:var(--text);background:#f3f7fa0f;border-color:#f3f7fa2e;box-shadow:none}.button:hover{transform:translateY(-1px)}.section-title{display:grid;gap:10px;max-width:720px;margin-bottom:22px}.section-title-center{margin-inline:auto;text-align:center}.section-title h2{font-size:2rem}.section-title p:not(.eyebrow){color:var(--muted)}.grid,.project-grid{display:grid;grid-template-columns:1fr;gap:14px}.project-card,.featured-carousel,.download-card,.content-card,.info-panel,.resume-block,.contact-card,.empty-state{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#14191fd1;box-shadow:var(--shadow)}.project-page-stack{display:grid;gap:36px}.project-featured-section,.project-list-section{min-width:0}.featured-carousel{overflow:hidden}.featured-carousel-track{position:relative;min-height:0}.featured-slide{display:none;min-width:0;gap:18px;padding:18px}.featured-slide.active{display:grid}.featured-slide-copy{display:grid;gap:14px;align-content:center;min-width:0}.featured-slide-copy h3{font-size:1.6rem}.featured-slide-copy p{color:var(--muted)}.featured-slide-media{min-width:0;aspect-ratio:16 / 10;border:1px solid rgba(54,216,255,.18);border-radius:var(--radius);background:var(--surface-strong);overflow:hidden}.featured-slide-media img{width:100%;height:100%;object-fit:cover}.carousel-dots{display:flex;justify-content:center;gap:10px;padding:0 18px 18px}.carousel-dot{width:12px;height:12px;padding:0;border:1px solid rgba(54,216,255,.44);border-radius:999px;background:#f3f7fa1a;cursor:pointer}.carousel-dot.active{width:28px;background:var(--cyan)}.project-list{display:grid;gap:10px}.project-list-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:58px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#14191fad}.project-list-row h3{font-size:1rem}.project-list-row span{color:var(--subtle);font-weight:800}.project-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-2px);border-color:#36d8ff6b}.project-media{display:block;aspect-ratio:16 / 9;background:var(--surface-strong);overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover}.project-card-body{display:grid;gap:12px;padding:16px}.project-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--subtle);font-size:.84rem}.project-card h3{font-size:1.16rem}.project-card p,.info-panel p,.resume-block p,.contact-card p{color:var(--muted)}.project-card-actions{display:flex;flex-wrap:wrap;gap:12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tech-tag,.status-badge{display:inline-flex;align-items:center;min-width:0;min-height:28px;max-width:100%;padding:5px 9px;border-radius:var(--radius);font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.tech-tag{color:#cfeef5;border:1px solid rgba(54,216,255,.24);background:#36d8ff14}.status-badge{color:var(--text);border:1px solid rgba(126,231,135,.28);background:#7ee7871f}.status-completed{border-color:#7ee7875c;background:#7ee78724}.status-prototype{border-color:#f2bd5e57;background:#f2bd5e1f}.status-in-progress{border-color:#a78bfa5c;background:#a78bfa24}.info-panel,.resume-block,.contact-card{padding:18px}.info-panel h3,.resume-block h3,.contact-card h3{margin-bottom:10px;font-size:1.08rem}.plain-list{display:grid;gap:12px}.plain-list li{padding-left:14px;border-left:2px solid rgba(54,216,255,.42);color:var(--muted)}.plain-list strong{color:var(--text)}.inline-link{display:inline-flex;width:max-content;max-width:100%;margin-top:6px;color:var(--cyan);font-weight:700;overflow-wrap:anywhere}.empty-state{padding:18px;color:var(--muted)}.lead{max-width:760px;color:var(--muted);font-size:1.02rem}.not-found{min-height:62vh;display:grid;place-items:center;text-align:center}.not-found>div{display:grid;gap:18px;justify-items:center;width:min(100% - calc(var(--page-gutter) * 2),640px)}@media(min-width:640px){:root{--page-gutter: 24px}.site-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:16px 0}.primary-nav{justify-content:flex-end}.button{width:auto}.grid.two,.grid.three,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{justify-content:flex-end}}@media(min-width:1024px){.page-section{padding:72px 0}.page-section.tight{padding:42px 0}.projects-page{padding-top:36px}.hero{min-height:74vh;background:linear-gradient(90deg,#080a0dfa,#080a0dd1 44%,#080a0d33),var(--hero-image) center / cover no-repeat}.hero-inner{padding:96px 0 84px}.hero-copy{gap:22px}.hero h1{font-size:5.4rem}.hero p{font-size:1.12rem}.section-title{margin-bottom:28px}.section-title h2{font-size:2.8rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card-body{padding:20px}.project-page-stack{gap:48px}.featured-slide{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:stretch;padding:24px}.featured-slide-copy h3{font-size:2rem}.info-panel,.resume-block,.contact-card{padding:24px}}