: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;--danger: #ff8a8a;--shadow: 0 18px 50px rgba(0, 0, 0, .36);--radius: 8px;--max-width: 1120px}*{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 420px),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.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0;line-height:1.1;letter-spacing:0}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:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100% - 32px,var(--max-width));margin:0 auto;padding:18px 0;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(54,216,255,.42);border-radius:var(--radius);color:var(--cyan);background:#14191fdb;box-shadow:0 0 0 1px #a78bfa1f inset}.brand-text{color:var(--text)}.primary-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.nav-link{min-height:38px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:.95rem}.nav-link:hover,.nav-link.active{color:var(--text);border-color:#36d8ff52;background:#36d8ff14}.nav-menu{position:relative}.nav-menu-trigger{cursor:pointer;background:transparent;font:inherit}.nav-menu-list{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;display:none;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#101418fa;box-shadow:var(--shadow)}.nav-menu:hover .nav-menu-list,.nav-menu:focus-within .nav-menu-list{display:grid;gap:4px}.language-switcher{min-height:38px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(167,139,250,.34);border-radius:var(--radius);color:var(--text);background:#a78bfa1f;font-size:.95rem;font-weight:800}.site-footer{display:flex;justify-content:space-between;gap:24px;width:min(100% - 32px,var(--max-width));margin:0 auto;padding:42px 0 32px;color:var(--muted);border-top:1px solid var(--line)}.site-footer strong{color:var(--text)}.footer-meta{display:grid;gap:6px;justify-items:end;text-align:right;color:var(--subtle)}.page-section{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:72px 0}.page-section.tight{padding:42px 0}.hero{position:relative;min-height:76vh;display:grid;align-items:end;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#080a0dfa,#080a0dd1 42%,#080a0d33),var(--hero-image) center / cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}.hero-inner{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:96px 0 84px}.hero-copy{max-width:720px;display:grid;gap:24px}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;font-size:.78rem}.hero h1{max-width:760px;font-size:6rem}.hero p{max-width:660px;color:var(--muted);font-size:1.12rem}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;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}.button.secondary{color:var(--text);background:#f3f7fa0f;border-color:#f3f7fa2e;box-shadow:none}.button:hover{transform:translateY(-1px)}.button-disabled{color:var(--subtle);background:#7483931f;border-color:#74839338;box-shadow:none;cursor:not-allowed}.section-title{display:grid;gap:10px;max-width:720px;margin-bottom:28px}.section-title-center{margin-inline:auto;text-align:center}.section-title h2{font-size:3rem}.section-title p:not(.eyebrow){color:var(--muted)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card,.download-card,.content-card,.info-panel,.resume-block,.contact-card{border:1px solid var(--line);border-radius:var(--radius);background:#14191fd1;box-shadow:var(--shadow)}.project-card{overflow:hidden;transition:transform .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-3px);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:14px;padding:20px}.project-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--subtle);font-size:.86rem}.project-card h3{font-size:1.28rem}.project-card p{color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tech-tag,.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:var(--radius);font-size:.82rem;font-weight:700}.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:24px}.info-panel h3,.resume-block h3,.contact-card h3{margin-bottom:12px;font-size:1.15rem}.info-panel p,.resume-block p,.contact-card p{color:var(--muted)}.plain-list{display:grid;gap:12px}.plain-list li{padding-left:16px;border-left:2px solid rgba(54,216,255,.42);color:var(--muted)}.download-groups{display:grid;gap:30px}.download-group{display:grid;gap:14px}.download-group h2{font-size:1.4rem}.download-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.download-card h3{font-size:1.2rem}.content-card{display:grid;gap:12px;padding:20px;align-content:start}.content-card h3{font-size:1.22rem}.content-card p{color:var(--muted)}.content-meta{color:var(--subtle);font-size:.9rem}.empty-state{padding:22px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#14191fb8}.video-thumb{aspect-ratio:16 / 9;display:grid;place-items:center;border:1px solid rgba(54,216,255,.22);border-radius:var(--radius);background:linear-gradient(135deg,#36d8ff1f,#a78bfa24),var(--surface-strong)}.video-thumb span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#061014;background:var(--cyan);font-weight:900}.download-type{color:var(--cyan);font-weight:800;font-size:.82rem}.download-meta,.download-source{color:var(--muted)}.download-actions{flex:0 0 auto}.inline-link{display:inline-flex;margin-top:8px;color:var(--cyan);font-weight:700}.detail-hero{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:56px 0 36px}.detail-layout{width:min(100% - 32px,var(--max-width));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:0 0 72px}.detail-main{display:grid;gap:24px}.project-body{color:var(--muted)}.project-body h2,.project-body h3{margin-top:28px;margin-bottom:10px;color:var(--text)}.project-body p+p{margin-top:16px}.detail-aside{display:grid;gap:16px;align-content:start}.meta-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.meta-row span:first-child{color:var(--subtle)}.meta-row span:last-child{color:var(--text);text-align:right}.lead{max-width:760px;color:var(--muted);font-size:1.08rem}.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% - 32px,640px)}@media(max-width:860px){.site-header{align-items:flex-start;flex-direction:column}.primary-nav{justify-content:flex-start}.nav-menu{width:auto}.nav-menu-list{position:static;display:grid;margin-top:6px;box-shadow:none}.project-grid,.grid.two,.grid.three,.detail-layout{grid-template-columns:1fr}.hero{min-height:72vh;background:linear-gradient(180deg,#080a0dc7,#080a0df5),var(--hero-image) center / cover no-repeat}.hero h1{font-size:4rem}.section-title h2{font-size:2.4rem}.site-footer,.download-card{flex-direction:column;align-items:flex-start}.footer-meta{justify-items:start;text-align:left}}@media(max-width:520px){.site-header,.page-section,.detail-hero,.detail-layout,.site-footer,.hero-inner{width:min(100% - 24px,var(--max-width))}.brand-text{display:none}.nav-link{padding:8px 10px;font-size:.9rem}.hero-inner{padding:84px 0 70px}.hero h1{font-size:3rem}.section-title h2{font-size:2rem}.button,.download-actions{width:100%}.button{justify-content:center}}