@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap";:root{color-scheme:light;--color-primary: #ff8a00;--color-primary-light: #ffb84d;--color-primary-dark: #e66f00;--color-blue: #2ec4ff;--color-red: #ff4b2b;--color-yellow: #ffd84d;--color-green: #a8e000;--color-purple: #8b5cf6;--color-pink: #ffd6e8;--color-bg: #fff8ee;--color-bg-soft: #fffdf8;--color-card: #ffffff;--color-text: #1f1f1f;--color-text-muted: #666666;--color-border: #111111;--color-line-soft: #e8dccb;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-hard: 6px 6px 0 var(--color-border);--shadow-hard-strong: 9px 9px 0 var(--color-border);--shadow-soft: 0 12px 28px rgba(0, 0, 0, .08);--max-width: 1160px;--font-display: "Baloo 2", "Nunito", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-body: "Nunito", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}[data-theme=dark]{color-scheme:dark;--color-primary: #ff9a2f;--color-primary-light: #ffbf66;--color-primary-dark: #ff8a00;--color-blue: #65d5ff;--color-red: #ff7a62;--color-yellow: #ffe178;--color-green: #b9ef2f;--color-purple: #a78bfa;--color-pink: #ffd2e2;--color-bg: #1b1712;--color-bg-soft: #201b15;--color-card: #2a241d;--color-text: #fff5e9;--color-text-muted: #d6c7b7;--color-border: #f7eadb;--color-line-soft: #4c3c2f;--shadow-soft: 0 16px 32px rgba(0, 0, 0, .36)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--color-text);font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 13% 16%,color-mix(in srgb,var(--color-yellow) 24%,transparent),transparent 22%),radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--color-blue) 20%,transparent),transparent 20%),radial-gradient(circle at 82% 86%,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent 24%),radial-gradient(circle at 16% 88%,color-mix(in srgb,var(--color-red) 14%,transparent),transparent 20%),var(--color-bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;background:radial-gradient(var(--color-line-soft) 1px,transparent 1px),radial-gradient(var(--color-line-soft) 1px,transparent 1px);background-size:26px 26px;background-position:0 0,13px 13px}a{color:inherit}img{max-width:100%}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:1.02;letter-spacing:.01em}p{margin:0}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:50;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);box-shadow:4px 4px 0 var(--color-border);padding:.65rem .95rem;font-weight:700;text-decoration:none}.skip-link:focus{top:.9rem}.shell{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto}.site-header{position:sticky;top:.75rem;z-index:20}.header-row{margin-top:.75rem;padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.95rem;border:2px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-bg-soft) 88%,transparent);box-shadow:4px 4px 0 var(--color-border);backdrop-filter:blur(6px)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.65rem;aspect-ratio:1;border-radius:50%;border:2px solid var(--color-border);background:color-mix(in srgb,var(--color-card) 92%,transparent);box-shadow:3px 3px 0 var(--color-border);overflow:hidden}.brand-mark img{width:84%;height:84%;object-fit:contain;display:block}.brand-text strong,.brand-text small{display:block}.brand-text strong{font-size:1rem;line-height:1}.brand-text small{margin-top:.18rem;color:var(--color-text-muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.site-nav{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.55rem}.header-actions{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.site-controls{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);box-shadow:3px 3px 0 var(--color-border);padding:.5rem .95rem;text-decoration:none;font-weight:700;font-family:var(--font-body);color:var(--color-text);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.nav-pill:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-border)}.nav-pill[aria-current=page]{background:var(--color-yellow)}.toggle-pill{cursor:pointer}.toggle-pill[data-theme-state=dark]{background:color-mix(in srgb,var(--color-blue) 35%,var(--color-card))}.toggle-pill[data-theme-state=light]{background:color-mix(in srgb,var(--color-yellow) 42%,var(--color-card))}main{position:relative;z-index:1}.eyebrow{display:inline-flex;width:fit-content;margin:0 0 .85rem;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-yellow);box-shadow:3px 3px 0 var(--color-border);padding:.28rem .8rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lead{color:var(--color-text-muted);font-size:1.06rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius-full);box-shadow:4px 4px 0 var(--color-border);padding:.72rem 1.2rem;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button-primary{background:var(--color-primary)}.button-secondary{background:var(--color-card)}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border);filter:saturate(1.05)}.button:active{transform:translate(0) scale(.98);box-shadow:2px 2px 0 var(--color-border)}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag{display:inline-flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);padding:.38rem .72rem;font-size:.84rem;font-weight:700}.tag-ai{background:#ddf5ff}.tag-video{background:#ffd6e8}.tag-design{background:#ffe0b5}.tag-code{background:#dfffd6}.hero{margin-top:1.2rem}.hero-card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:center;gap:1.1rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-hard);padding:clamp(1.25rem,3vw,2.2rem);overflow:hidden}.hero-copy h1{max-width:11ch;font-size:clamp(2.25rem,6vw,4rem)}.hero-copy h1 .hero-name{color:var(--color-primary-dark)}.hero-copy .lead{margin:1rem 0 1.15rem;max-width:46ch}.hero-copy .tag-list{margin-top:1rem}.hero-visual{position:relative;min-height:310px;display:grid;place-items:center;border:2px solid var(--color-border);border-radius:24px;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--color-primary-light) 35%,transparent),transparent 34%),radial-gradient(circle at 74% 26%,color-mix(in srgb,var(--color-blue) 35%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-soft) 80%,#ffefc5),color-mix(in srgb,var(--color-bg) 70%,#ffdca0));box-shadow:inset 0 0 0 2px #1111110a}.hero-visual:before{content:"";position:absolute;inset:1rem;border:2px dashed rgba(17,17,17,.25);border-radius:20px}.hero-mascot-img{position:relative;z-index:1;width:min(72%,240px);height:auto;object-fit:contain;filter:drop-shadow(4px 4px 0 rgba(17,17,17,.16));animation:float 3.2s ease-in-out infinite}.hero-sticker{position:absolute;border:2px solid var(--color-border);border-radius:var(--radius-full);padding:.34rem .65rem;font-size:.78rem;font-weight:800;box-shadow:3px 3px 0 var(--color-border)}.hero-sticker.one{top:14px;left:14px;background:var(--color-card)}.hero-sticker.two{right:12px;bottom:16px;background:color-mix(in srgb,var(--color-blue) 30%,var(--color-card))}.section{margin-top:1.2rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-card) 92%,transparent);box-shadow:var(--shadow-soft);padding:clamp(1.25rem,3vw,2rem)}.video-card{border:2px solid var(--color-border);border-radius:24px;background:var(--color-card);box-shadow:var(--shadow-hard);padding:.8rem;aspect-ratio:16 / 9}.home-video{display:block;width:100%;height:100%;border:2px solid var(--color-border);border-radius:16px;background:transparent;object-fit:cover}.section-head{margin-bottom:1rem}.section-title{font-size:clamp(1.7rem,4vw,2.55rem)}.section-desc{margin-top:.45rem;max-width:68ch;color:var(--color-text-muted)}.feature-grid{display:grid;gap:.95rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:2px solid var(--color-border);border-radius:24px;background:var(--color-card);box-shadow:4px 4px 0 var(--color-border);padding:1rem;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}.card-yellow{background:#fff2b8}.card-blue{background:#ddf5ff}.card-orange{background:#ffe0b5}.card h3{font-size:1.18rem}.card p{margin-top:.5rem;color:color-mix(in srgb,var(--color-text) 82%,transparent)}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:grid;gap:.75rem;border:2px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-hard);background:var(--color-card);padding:1.1rem;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard-strong)}.project-badge{width:fit-content;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-pink);padding:.3rem .66rem;font-size:.78rem;font-weight:700}.project-card h3{font-size:1.24rem}.project-card p{color:var(--color-text-muted)}.project-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.52fr);gap:1rem;align-items:center}.contact-note{border:2px solid var(--color-border);border-radius:20px;background:color-mix(in srgb,var(--color-blue) 30%,var(--color-card));box-shadow:4px 4px 0 var(--color-border);padding:.9rem}.contact-note p+p{margin-top:.45rem}.site-footer{padding:1.1rem 0 2rem}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;border:2px solid var(--color-border);border-radius:20px;background:color-mix(in srgb,var(--color-card) 90%,transparent);box-shadow:4px 4px 0 var(--color-border);padding:.85rem 1rem}.footer-row p{color:var(--color-text-muted);font-size:.95rem}.footer-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem}.footer-links a{text-decoration:none}.page-simple{margin-top:1.2rem}.page-simple .section+.section{margin-top:1rem}.stats-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:2px solid var(--color-border);border-radius:20px;background:var(--color-card);box-shadow:4px 4px 0 var(--color-border);padding:.8rem}.stat-card strong{display:block;margin-bottom:.2rem;font-size:1.25rem;font-family:var(--font-display)}.muted{color:var(--color-text-muted)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@media(max-width:980px){.hero-card,.feature-grid,.project-grid,.contact-card,.stats-grid{grid-template-columns:1fr}.hero-visual{min-height:280px}}@media(max-width:720px){.shell{width:min(calc(100% - 1rem),var(--max-width))}.site-header{top:.5rem}.header-row,.footer-row{border-radius:22px}.header-row{align-items:flex-start;flex-direction:column;padding:.75rem}.header-actions{width:100%;justify-content:flex-start}.hero-copy h1{font-size:clamp(2rem,11vw,2.9rem)}.button{min-width:8.8rem}}