:root{--color-brand-050: #151A3A;--color-brand-100: #F0F2FF;--color-brand-200: #2A3070;--color-brand-300: #3E449B;--color-brand-400: #6C63D8;--color-brand-500: #8E7BFF;--color-brand-600: #A99CFB;--color-brand-700: #6855CE;--color-gray-050: #05060F;--color-gray-100: #101630;--color-gray-200: #5A64A8;--color-gray-300: #6E79BC;--color-gray-400: #7B85B8;--color-gray-500: #9AA3D2;--color-gray-600: #B4BCE4;--color-gray-700: #CBD1F2;--color-gray-800: #EDEFFB;--color-gray-900: #02030A;--color-border-strong: #7A85C8;--color-success-text: #7EDFAE;--color-success-bg: #0E241A;--color-success-solid: #1F7A4D;--color-warning-text: #F3C86A;--color-warning-bg: #2A200C;--color-danger-text: #FF9E94;--color-danger-bg: #3A1D1A;--color-danger-solid: #C64B41;--color-info-text: var(--color-brand-700);--color-info-bg: var(--color-brand-050);--color-bg: var(--color-gray-050);--color-surface: #101630;--color-surface-hover: var(--color-gray-050);--color-text: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-border: var(--color-gray-200);--color-brand: var(--color-brand-500);--color-brand-hover: var(--color-brand-600);--color-brand-active: var(--color-brand-700);--color-brand-tint: var(--color-brand-050);--color-brand-tint-strong: var(--color-brand-100);--color-on-brand: #08091A;--color-inverse-text: #FFFFFF;--color-inverse-btn-bg: var(--color-surface);--color-inverse-btn-bg-hover: var(--color-brand-tint);--color-inverse-btn-text: var(--color-brand-active);--color-overlay: rgba(2, 3, 10, .76);--color-scrim: rgba(2, 3, 10, .52);--focus-ring-color: var(--color-brand-600);--focus-ring-shadow: 0 0 0 3px var(--color-brand-100);--font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lead: clamp(1rem, .96rem + .2vw, 1.125rem);--text-lg: clamp(1.0625rem, 1.01rem + .26vw, 1.1875rem);--text-xl: clamp(1.25rem, 1.16rem + .45vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.32rem + .9vw, 2rem);--text-3xl: clamp(2rem, 1.55rem + 2.25vw, 3.25rem);--leading-none: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.6;--leading-loose: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--section-gap: var(--space-7);--card-padding: var(--space-4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(23, 28, 35, .05);--shadow-md: 0 4px 16px rgba(23, 28, 35, .08);--shadow-lg: 0 16px 40px rgba(23, 28, 35, .16);--z-sticky: 200;--z-drawer: 300;--z-overlay: 400;--z-toast: 500;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--container-max: 1200px;--gutter: 20px;--header-h: 64px;--control-h: 44px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}@media (min-width: 768px){:root{--header-h: 76px;--gutter: 24px;--section-gap: var(--space-9);--card-padding: var(--space-5)}}[data-theme=neon]{--color-brand-050: #151A3A;--color-brand-100: #F0F2FF;--color-brand-200: #2A3070;--color-brand-300: #3E449B;--color-brand-400: #6C63D8;--color-brand-500: #8E7BFF;--color-brand-600: #A99CFB;--color-brand-700: #6855CE;--color-gray-050: #05060F;--color-gray-100: #101630;--color-gray-200: #5A64A8;--color-gray-300: #6E79BC;--color-gray-400: #7B85B8;--color-gray-500: #9AA3D2;--color-gray-600: #B4BCE4;--color-gray-700: #CBD1F2;--color-gray-800: #EDEFFB;--color-gray-900: #02030A;--color-border-strong: #7A85C8;--color-success-text: #7EDFAE;--color-success-bg: #0E241A;--color-success-solid: #1F7A4D;--color-warning-text: #F3C86A;--color-warning-bg: #2A200C;--color-danger-text: #FF9E94;--color-danger-bg: #301218;--color-danger-solid: #C2443E;--color-info-text: #A99CFB;--color-info-bg: #151A3A;--color-bg: var(--color-gray-050);--color-surface: #101630;--color-surface-hover: #17203F;--color-text: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-border: var(--color-gray-200);--color-brand: var(--color-brand-500);--color-brand-hover: var(--color-brand-600);--color-brand-active: var(--color-brand-700);--color-brand-tint: var(--color-brand-050);--color-brand-tint-strong: var(--color-brand-100);--color-on-brand: #08091A;--color-inverse-text: #FFFFFF;--color-inverse-btn-bg: #EFF1FF;--color-inverse-btn-bg-hover: #FFFFFF;--color-inverse-btn-text: #100F33;--color-overlay: rgba(5, 6, 15, .76);--color-scrim: rgba(5, 6, 15, .5);--focus-ring-color: var(--color-brand-600);--focus-ring-shadow: 0 0 0 3px rgba(169, 156, 251, .32);--fx-cyan: #55E4DA;--fx-violet: #A88BFF;--font-display: "Bahnschrift", "DIN Alternate", "MiSans Display", var(--font-family);--font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--text-sm: .8125rem;--text-lead: clamp(1.0625rem, 1rem + .3vw, 1.25rem);--text-2xl: clamp(1.875rem, 1.5rem + 1.7vw, 2.75rem);--text-3xl: clamp(2.5rem, 1.7rem + 3.6vw, 4.5rem);--leading-none: 1.05;--space-7: 56px;--space-8: 76px;--space-9: 112px;--space-10: 148px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(2, 3, 10, .5);--shadow-md: 0 8px 24px rgba(2, 3, 10, .55);--shadow-lg: 0 20px 52px rgba(2, 3, 10, .66);--duration-base: .2s;--duration-slow: .3s}[data-theme=neon] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(60% 50% at 18% 8%,rgba(142,123,255,.18),transparent 60%),radial-gradient(55% 45% at 88% 26%,rgba(85,228,218,.1),transparent 62%)}[data-theme=neon] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(90deg,rgba(122,133,200,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(122,133,200,.09) 1px,transparent 1px);background-size:60px 60px}[data-theme=neon] .hero:before{top:-26%;right:-10%;width:78%;height:150%;background:radial-gradient(circle at 62% 30%,rgba(142,123,255,.26),transparent 58%),radial-gradient(circle at 22% 74%,rgba(85,228,218,.14),transparent 55%)}[data-theme=neon] .hero__media{border:1px solid rgba(90,100,168,.9);border-radius:var(--radius-lg);background-image:linear-gradient(135deg,rgba(142,123,255,.14),rgba(85,228,218,.06) 55%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffff1a}[data-theme=neon] .hero__name{font-weight:var(--weight-bold);letter-spacing:-.01em;text-shadow:0 0 24px rgba(142,123,255,.45),0 0 48px rgba(85,228,218,.16)}[data-theme=neon] .section__title:before{width:40px;height:3px;margin-left:-8px;background:linear-gradient(90deg,var(--fx-violet),var(--fx-cyan))}[data-theme=neon] .work-card__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,transparent,rgba(142,123,255,.85) 28%,rgba(85,228,218,.85) 72%,transparent),linear-gradient(180deg,transparent 58%,rgba(2,3,10,.5));background-size:100% 1px,100% 100%;background-repeat:no-repeat}[data-theme=neon] .cta-band:before{top:-200px;width:900px;height:340px;background:radial-gradient(ellipse at center,rgba(85,228,218,.16) 0%,transparent 62%)}[data-theme=neon] .skill-card__icon{background:var(--color-brand-tint);color:var(--color-brand-hover);box-shadow:inset 0 0 0 1px #8e7bff8c,0 0 16px #8e7bff38}[data-theme=neon] .step-card__num{background:var(--color-brand-tint);color:var(--color-brand-hover);box-shadow:inset 0 0 0 1px #8e7bff80,0 0 14px #8e7bff4d;text-shadow:0 0 10px rgba(142,123,255,.5)}[data-theme=neon] .timeline:before{width:2px;background:linear-gradient(180deg,rgba(142,123,255,.9),rgba(85,228,218,.35) 60%,transparent)}[data-theme=neon] .timeline__node{background:var(--color-brand-hover);box-shadow:0 0 0 2px var(--color-surface),0 0 12px #8e7bffbf}[data-theme=neon] .btn--primary{background:var(--color-brand);background-image:none}[data-theme=neon] .btn--primary:hover,[data-theme=neon] .btn--primary:active{background:var(--color-brand-hover);background-image:none}[data-theme=neon] .link:hover,[data-theme=neon] .link-arrow:hover,[data-theme=neon] .badge--ongoing,[data-theme=neon] .tag-line,[data-theme=neon] .skill-card__tier--primary .pill,[data-theme=neon] .step-card__num{color:var(--color-brand-hover)}[data-theme=neon] .skill-card__tier--primary .pill{background:var(--color-brand-tint)}[data-theme=neon] .chip{border-color:var(--color-border-strong)}[data-theme=neon] .closed__icon{color:var(--color-text-tertiary)}[data-theme=neon] #root{position:relative;z-index:1}[data-theme=neon]{--px: 50vw;--py: 38vh;--cx: 50%;--cy: 50%}[data-theme=neon] .cursor-glow{position:fixed;left:0;top:0;width:680px;height:680px;transform:translate3d(calc(var(--px) - 50%),calc(var(--py) - 50%),0);z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(142,123,255,.1) 0%,rgba(85,228,218,.05) 45%,transparent 70%)}[data-theme=neon] .work-card,[data-theme=neon] .skill-card,[data-theme=neon] .intent-panel,[data-theme=neon] .channel-card,[data-theme=neon] .step-card{position:relative}[data-theme=neon] .work-card:before,[data-theme=neon] .skill-card:before,[data-theme=neon] .intent-panel:before,[data-theme=neon] .channel-card:before,[data-theme=neon] .step-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-out);background:radial-gradient(180px circle at var(--cx) var(--cy),rgba(85,228,218,.9) 0%,rgba(142,123,255,.25) 40%,transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}[data-theme=neon] .work-card:hover:before,[data-theme=neon] .skill-card:hover:before,[data-theme=neon] .intent-panel:hover:before,[data-theme=neon] .channel-card:hover:before,[data-theme=neon] .step-card:hover:before{opacity:1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-loose);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,ul,ol,figure,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}img,video{display:block;max-width:100%}img{height:auto}a{color:var(--color-brand-hover);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 16%,transparent);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text) 30%,transparent);background-clip:padding-box;border:2px solid transparent}.skip-link{position:fixed;top:-48px;left:16px;z-index:calc(var(--z-toast) + 1);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:12px}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-gap)}.section--alt{background:var(--color-surface)}.section__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text);margin-bottom:var(--space-4)}.section__lead{font-size:var(--text-lead);line-height:var(--leading-loose);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-5)}.section__note{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-5)}.section__more{margin-top:var(--space-6)}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.route-loading{min-height:60vh}.prose{max-width:720px;font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text)}.section__title,.page-head__title{position:relative}.section__title:before,.page-head__title:before{content:"";display:block;width:30px;height:3px;margin-bottom:var(--space-3);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-brand),color-mix(in srgb,var(--color-brand) 20%,transparent))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn:hover{text-decoration:none}.btn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 86%,white),var(--color-brand) 45%,var(--color-brand-active));color:var(--color-on-brand);box-shadow:0 6px 20px color-mix(in srgb,var(--color-brand) 28%,transparent)}.btn--primary:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 10px 28px color-mix(in srgb,var(--color-brand) 40%,transparent)}.btn--primary:active{background:var(--color-brand-active);transform:translateY(0)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-gray-400)}.btn--secondary:active{background:var(--color-gray-100)}.btn--text{background:transparent;color:var(--color-brand-hover);padding:0 var(--space-3);border-radius:var(--radius-sm)}.btn--text:hover{background:var(--color-brand-tint)}.btn--primary-inverse{background:var(--color-inverse-btn-bg);color:var(--color-inverse-btn-text)}.btn--primary-inverse:hover{background:var(--color-inverse-btn-bg-hover)}.btn:disabled{background:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed}.link{color:var(--color-brand-hover);font-weight:var(--weight-medium)}.link:hover{color:var(--color-brand-active);text-decoration:underline}.link-arrow{color:var(--color-brand-hover);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.link-arrow:hover{color:var(--color-brand-active);text-decoration:underline}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);font-weight:var(--weight-medium);white-space:nowrap}.badge--category{padding:var(--space-1) var(--space-3);background:var(--color-brand-hover);color:var(--color-on-brand);font-size:var(--text-xs)}.badge--ongoing{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-brand-tint);color:var(--color-brand-active);font-size:var(--text-xs)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in srgb,var(--color-surface) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.header__brand{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none}.header__brand:hover{text-decoration:none}.header__brand-name{font-family:var(--font-display, "MiSans Display", var(--font-family));font-weight:600;font-size:17px;line-height:1.25}.header__nav{display:none;align-items:center;gap:var(--space-1)}.nav__link{position:relative;display:inline-flex;align-items:center;min-height:var(--control-h);padding:0 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-700);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.nav__link:hover{color:var(--color-brand-hover);background:var(--color-brand-tint);text-decoration:none}.nav__link[aria-current=page]{color:var(--color-brand-hover)}.nav__link[aria-current=page]:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:4px;width:26px;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,var(--color-brand),var(--color-brand-hover),transparent)}.header__cta{margin-left:var(--space-2)}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:var(--control-h);height:var(--control-h);padding:0;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.hamburger__line{display:block;width:20px;height:2px;border-radius:var(--radius-full);background:var(--color-gray-800);transition:transform var(--duration-base) var(--ease-out)}.hamburger--open .hamburger__line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger--open .hamburger__line:last-child{transform:translateY(-4px) rotate(-45deg)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:var(--color-scrim)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(320px,85vw);background:var(--color-surface);border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);transform:translate(100%);visibility:hidden;transition:transform var(--duration-slow) var(--ease-out),visibility var(--duration-slow)}.drawer--open{transform:translate(0);visibility:visible}.drawer__nav{display:flex;flex-direction:column;padding-top:var(--space-5)}.drawer__link{position:relative;display:flex;align-items:center;min-height:48px;padding:0 var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text);border-bottom:1px solid var(--color-gray-100)}.drawer__link:hover{text-decoration:none;background:var(--color-surface-hover)}.drawer__link[aria-current=page]{color:var(--color-brand-hover)}.drawer__link[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;border-radius:var(--radius-full);background:var(--color-brand)}.drawer__footer{margin-top:auto;padding:var(--space-5)}.drawer__cta{width:100%}.footer{background:var(--color-gray-900);color:var(--color-gray-400);position:relative}.footer__inner{display:grid;gap:var(--space-6);padding-block:var(--space-7) var(--space-5)}.footer__brand-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-inverse-text)}.footer__tagline{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-2);max-width:320px}.footer__badge{display:inline-flex;margin-top:var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--color-brand-300);border-radius:var(--radius-full);color:var(--color-brand-tint-strong);font-size:var(--text-sm)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{font-size:var(--text-sm);color:var(--color-gray-400);padding:var(--space-1) 0}.footer__link:hover{color:var(--color-inverse-text);text-decoration:none}.footer__cta-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-inverse-text);margin-bottom:var(--space-3)}.footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding-block:var(--space-4) var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-inverse-text) 10%,transparent);font-size:var(--text-sm)}.footer__icp{margin-top:var(--space-1)}.footer__icp a{color:var(--color-gray-400);font-size:var(--text-xs);text-decoration:none}.footer__icp a:hover{color:var(--color-gray-300);text-decoration:underline}.footer:before{content:"";position:absolute;top:-120px;left:-60px;width:420px;height:240px;border-radius:var(--radius-full);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-brand) 8%,transparent) 0%,transparent 70%);pointer-events:none}.hero{padding-block:var(--space-8) var(--space-5);position:relative;overflow:hidden;background-image:radial-gradient(color-mix(in srgb,var(--color-text) 4%,transparent) 1px,transparent 1px);background-size:26px 26px;min-height:62vh;display:flex;align-items:center}.hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);position:relative;z-index:1;width:100%}.hero__title{font-size:clamp(38px,6.4vw,64px);font-weight:600;line-height:var(--leading-none);color:var(--color-text);letter-spacing:-.5px;font-family:var(--font-display, "MiSans Display", var(--font-family))}.hero__lead{font-size:var(--text-lead);line-height:var(--leading-loose);color:var(--color-text-secondary);max-width:540px;margin-top:var(--space-5)}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.hero:before{content:"";position:absolute;top:-220px;right:-140px;width:680px;height:680px;border-radius:var(--radius-full);background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 22%,transparent) 0%,transparent 66%);pointer-events:none;animation:hero-glow-a 18s ease-in-out infinite alternate;will-change:transform}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-brand) 35%,transparent),transparent);pointer-events:none}.hero__name{display:block;background:linear-gradient(120deg,var(--color-brand-400),var(--color-brand-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-brand-hover)}.hero__inner:before{content:"";position:absolute;z-index:-1;left:-140px;bottom:-200px;width:520px;height:520px;border-radius:var(--radius-full);background:radial-gradient(circle,color-mix(in srgb,var(--color-brand-400) 12%,transparent) 0%,transparent 66%);animation:hero-glow-b 22s ease-in-out infinite alternate;pointer-events:none}.hero__media{display:none}.page-head{padding-block:var(--space-7) var(--space-6)}.page-head__title{font-size:clamp(30px,4vw,42px);font-weight:var(--weight-bold);line-height:var(--leading-none);color:var(--color-text)}.page-head__lead{font-size:var(--text-lead);line-height:var(--leading-loose);color:var(--color-text-secondary);max-width:640px;margin-top:var(--space-4)}.page-head--about{text-align:center}.page-head--about .page-head__lead{margin-inline:auto}.about-avatar{width:96px;height:96px;border-radius:var(--radius-full);border:4px solid var(--color-surface);box-shadow:var(--shadow-md);object-fit:cover;margin-inline:auto;margin-bottom:var(--space-5)}.work-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.work-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.work-card:has(.work-card__hit:hover){box-shadow:var(--shadow-md);transform:translateY(-4px)}.work-card:has(.work-card__hit:focus-visible){outline:2px solid var(--focus-ring-color);outline-offset:2px}.work-card__hit{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;cursor:pointer}.work-card__cover{position:relative;display:block;aspect-ratio:16 / 9;background:var(--color-gray-100);overflow:hidden}.work-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease-out)}.work-card__cover .badge--category{position:absolute;top:var(--space-3);left:var(--space-3)}.work-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-gray-900) 55%,transparent);color:var(--color-inverse-text);pointer-events:none}.work-card__play svg{margin-left:2px}.work-card__duration{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-gray-900) 60%,transparent);color:var(--color-inverse-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.work-card__body{display:block;padding:var(--card-padding)}.work-card__title{display:block;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.work-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.filter{display:flex;gap:var(--space-2);overflow-x:auto;padding-inline:var(--space-1);scrollbar-width:none;-ms-overflow-style:none}.filter::-webkit-scrollbar{display:none}.works__count{margin-block:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-text-tertiary)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-8)}.empty__icon{color:var(--color-gray-300);margin-bottom:var(--space-4)}.empty__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.work-card__hit:hover .work-card__cover img,.work-card__hit:focus-visible .work-card__cover img{transform:scale(1.05)}.cta-band{background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 22%,var(--color-brand-active)),var(--color-brand-active) 62%);padding-block:var(--space-8);position:relative;overflow:hidden}.cta-band__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative;z-index:1}.cta-band__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-inverse-text)}.cta-band__desc{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text);max-width:560px}.cta-band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.cta-band:before{content:"";position:absolute;top:-140px;left:50%;transform:translate(-50%);width:620px;height:280px;border-radius:var(--radius-full);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-brand) 30%,transparent) 0%,transparent 70%);pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow-y:auto;background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-out)}.lightbox__dialog{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:dialog-in var(--duration-base) var(--ease-out)}.lightbox__dialog--image{max-width:1080px}.lightbox__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);background:var(--color-gray-100);border:0;border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.lightbox__close:hover{background:var(--color-gray-200)}.lightbox__media{background:var(--color-gray-900)}.lightbox__video{display:block;width:100%;max-height:76vh;object-fit:contain;background:var(--color-gray-900);margin-inline:auto}.lightbox__figure{background:var(--color-gray-050)}.lightbox__figure>img{width:100%;max-height:70vh;object-fit:contain}.lightbox__thumbs{display:flex;gap:var(--space-2);padding:var(--space-3);overflow-x:auto}.lightbox__thumb{flex:0 0 auto;width:64px;height:48px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.lightbox__thumb img{width:100%;height:100%;object-fit:cover}.lightbox__thumb--active{border-color:var(--color-brand)}.lightbox__detail{padding:var(--card-padding)}.lightbox__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text);padding-right:var(--space-7)}.lightbox__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.lightbox__desc{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-secondary);margin-top:var(--space-4)}.lightbox__section{margin-top:var(--space-5)}.lightbox__subtitle{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.lightbox__highlights li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-700);padding-block:var(--space-1)}.lightbox__check{flex:0 0 auto;color:var(--color-brand);font-weight:var(--weight-bold)}.lightbox__tools{display:flex;flex-wrap:wrap;gap:var(--space-2)}.toast-region{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;justify-content:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:480px;padding:var(--space-3) var(--space-5);background:var(--color-gray-900);color:var(--color-inverse-text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--duration-base) var(--ease-out)}.toast__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold)}.toast--success .toast__icon{background:var(--color-success-solid);color:var(--color-inverse-text)}.toast--error .toast__icon{background:var(--color-danger-solid);color:var(--color-inverse-text)}.tag-line{margin-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-brand-active)}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.skill-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.skill-card__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-brand-tint);color:var(--color-brand-hover)}.skill-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.skill-card__tier+.skill-card__tier{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.skill-card__tier-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.skill-card__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-card__tier--primary .pill{background:var(--color-brand-tint-strong);color:var(--color-brand-active)}.skill-card__tier--basic .pill{background:var(--color-surface);border:1px dashed var(--color-gray-300);color:var(--color-text-secondary)}.timeline{position:relative;max-width:720px}.timeline:before{content:"";position:absolute;left:5px;top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-border)}.timeline__item{position:relative;padding-left:var(--space-6)}.timeline__item+.timeline__item{margin-top:var(--space-6)}.timeline__node{position:absolute;left:0;top:var(--space-2);width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-brand);box-shadow:0 0 0 2px var(--color-surface),inset 0 0 0 2px var(--color-surface)}.timeline__node--ongoing{box-shadow:0 0 0 2px var(--color-surface),0 0 0 6px var(--color-brand-tint-strong),inset 0 0 0 2px var(--color-surface)}.timeline__time{display:flex;align-items:center;font-size:var(--text-xs);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.timeline__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-top:var(--space-1)}.timeline__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-top:var(--space-1)}.intent-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);border-color:color-mix(in srgb,var(--color-brand) 18%,var(--color-border))}.intent-panel__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.intent-panel__block{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-secondary)}.intent-panel__block+.intent-panel__block{margin-top:var(--space-3)}.intent-panel__block strong{color:var(--color-text);font-weight:var(--weight-semibold)}.intent-panel__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.intent-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.channel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding);transition:box-shadow var(--duration-base) var(--ease-out)}.channel-card:hover{box-shadow:var(--shadow-md)}.channel-card__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border-radius:var(--radius-full);background:var(--color-brand-tint);color:var(--color-brand-hover);margin-bottom:var(--space-3)}.channel-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.channel-card__value{font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all;margin-top:var(--space-1)}.channel-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.channel-card__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.channel-card__qr{display:block;width:160px;height:160px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);object-fit:contain;margin-top:var(--space-4);margin-inline:auto}.closed{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-8)}.closed__icon{color:var(--color-gray-300);margin-bottom:var(--space-4)}.closed__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.step-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.step-card__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-brand-tint);color:var(--color-brand-active);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;margin-bottom:var(--space-3)}.step-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.step-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-top:var(--space-1)}.service-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.channel-card__actions--stack{flex-direction:column;align-items:stretch}.channel-card__actions--stack .btn{width:100%}.notfound{min-height:60vh;display:flex;align-items:center;padding-block:var(--space-8)}.notfound__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5)}.notfound__code{font-size:96px;font-weight:var(--weight-bold);line-height:1;color:var(--color-brand-tint-strong)}.notfound__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text)}body.is-locked{overflow:hidden}.chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:var(--control-h);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-700);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chip:hover{background:var(--color-surface-hover);border-color:var(--color-gray-300)}.chip--active,.chip--active:hover{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.channel-grid{display:grid;gap:var(--space-4)}@media (min-width: 640px){.grid-3,.grid-4,.channel-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.header__nav{display:flex}.hamburger,.drawer,.drawer-mask{display:none}.footer__inner{grid-template-columns:2fr 1fr 1fr;gap:var(--space-6)}.hero__inner{flex-direction:row;text-align:left;align-items:center}.hero__actions{justify-content:flex-start}.work-grid{grid-template-columns:repeat(2,1fr)}.cta-band{padding-block:var(--space-9)}.toast-region{left:50%;right:auto;transform:translate(-50%);bottom:var(--space-5)}.step-card:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--color-gray-300);font-weight:var(--weight-bold)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.hero__inner{gap:var(--space-8)}.hero__text{flex:1 1 auto;min-width:0}.hero__media{display:block;flex:0 0 40%;aspect-ratio:16 / 9;border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 10%,transparent),transparent 70%)}.hero__media>*{width:100%;height:100%;object-fit:cover;border-radius:inherit}.work-grid{grid-template-columns:repeat(3,1fr)}.lightbox{align-items:center;padding:var(--space-6)}.lightbox__dialog--image{display:grid;grid-template-columns:2fr 320px;gap:var(--space-5);max-height:calc(100vh - 2 * var(--space-6))}.lightbox__dialog--image .lightbox__media{border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden}.channel-grid{grid-template-columns:repeat(4,1fr)}}@media (max-height: 620px){.hero{min-height:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hero-glow-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-36px,28px,0) scale(1.1)}}@keyframes hero-glow-b{0%{transform:translateZ(0) scale(1.08)}to{transform:translate3d(30px,-24px,0) scale(1)}}@font-face{font-family:MiSans Display;font-display:swap;src:url(/assets/misans-display-9XQPauA7.woff2) format("woff2")}