*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#24292f;background:#fafbfc;flex-direction:column;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;line-height:1.6;display:flex}.page-wrapper{background:#fff;border-radius:12px;flex:1;max-width:1012px;margin:0 auto;padding:0 32px;box-shadow:0 1px 6px #0000000f}.container{padding:24px 0 40px}.top-bar{border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px 0 20px;display:flex;position:relative}.top-bar:after{content:"";background:#764ba2;width:60px;height:2px;position:absolute;bottom:-2px;left:0}.top-bar h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-size:1.8em;font-weight:700}.top-actions{align-items:center;gap:12px;display:flex}.lang-switch-btn{color:#667eea;margin-left:8px;font-weight:500;text-decoration:none}.lang-switch-btn:hover{color:#764ba2}p{color:#1f2328;margin-bottom:16px;font-size:16px}a{color:#0969da;text-decoration:none}a:hover{text-decoration:underline}.hero{text-align:left;padding-top:2rem;padding-bottom:3rem}.hero h2{color:#1f2328;max-width:20ch;font-size:2.4rem;font-weight:700;line-height:1.2}.hero p{color:#656d76;max-width:65ch;margin-top:1rem;font-size:1.1rem;line-height:1.5}.hero .cta-group{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.7em 1.8em;font-size:1rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .1s;display:inline-block}.primary-btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.secondary-btn{color:#24292f;background:0 0;border:1px solid #d0d7de;border-radius:6px;padding:.7em 1.8em;font-size:1rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.secondary-btn:hover{color:#667eea;border-color:#667eea;text-decoration:none}.projects-section{padding:3rem 0}.projects-section h3{color:#1f2328;margin-bottom:1.5rem;font-size:1.6rem;font-weight:600}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:24px;transition:box-shadow .2s,transform .1s}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.project-card h4{color:#1f2328;margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.project-card p{color:#656d76;margin-bottom:1rem;font-size:.95rem}.project-card a{color:#667eea;font-weight:500}.video-wrapper{background:#000;border-radius:8px;margin-top:1rem;overflow:hidden;box-shadow:0 2px 8px #00000014}.video-wrapper iframe{aspect-ratio:16/9;border:none;width:100%;height:auto;display:block}.footer{text-align:center;color:#656d76;border-top:1px solid #d0d7de;margin-top:3rem;padding-top:20px;font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px;display:flex}.footer-links a{color:#667eea;font-weight:500}@media (width<=768px){.page-wrapper{padding:0 16px}.hero h2{font-size:2rem}.project-grid{grid-template-columns:1fr}}[data-theme=dark] body{color:#c9d1d9;background:#0d1117}[data-theme=dark] .page-wrapper{background:#161b22;box-shadow:0 1px 6px #0006}[data-theme=dark] p,[data-theme=dark] .hero h2,[data-theme=dark] .hero h1,[data-theme=dark] .projects-section h3,[data-theme=dark] .project-card h4{color:#e6edf3}[data-theme=dark] .hero p,[data-theme=dark] .project-card p{color:#8b949e}[data-theme=dark] .primary-btn{background:linear-gradient(135deg,#6e7ef5 0%,#8b5cf6 100%)}[data-theme=dark] .secondary-btn{color:#c9d1d9;border-color:#30363d}[data-theme=dark] .secondary-btn:hover{color:#6e7ef5;border-color:#6e7ef5}[data-theme=dark] .footer,[data-theme=dark] .footer-links a{color:#8b949e}[data-theme=dark] .project-card{background:#0d1117;border-color:#30363d}[data-theme=dark] a{color:#58a6ff}.site-logo[data-astro-cid-nen7h5rs]{font-size:1.5em;font-weight:700}.home-link[data-astro-cid-nen7h5rs]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.top-actions[data-astro-cid-nen7h5rs]{align-items:center;gap:12px;display:flex}.icon-button[data-astro-cid-nen7h5rs]{cursor:pointer;color:#24292f;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:relative}.icon-button[data-astro-cid-nen7h5rs]:hover{color:#667eea;background:#f3f4f6}.icon-button[data-astro-cid-nen7h5rs][data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#24292f;border-radius:4px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.icon-button[data-astro-cid-nen7h5rs][data-tooltip]:hover:after{opacity:1}.lang-switch-btn[data-astro-cid-nen7h5rs]{color:#24292f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.lang-switch-btn[data-astro-cid-nen7h5rs]:hover{background:#f3f4f6;text-decoration:none}[data-theme=dark] .icon-button[data-astro-cid-nen7h5rs]{color:#c9d1d9}[data-theme=dark] .icon-button[data-astro-cid-nen7h5rs]:hover{color:#6e7ef5;background:#30363d}[data-theme=dark] .icon-button[data-astro-cid-nen7h5rs][data-tooltip]:after{color:#0d1117;background:#c9d1d9}[data-theme=dark] .lang-switch-btn[data-astro-cid-nen7h5rs]{color:#c9d1d9}[data-theme=dark] .lang-switch-btn[data-astro-cid-nen7h5rs]:hover{background:#30363d}