:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#08070b;--color-surface:#100d16;--color-surface-raised:#171120;--color-text:#f5f1ff;--color-text-muted:#aaa1b8;--color-accent:#9b5cff;--color-accent-soft:#c6a6ff;--color-border:#b07eff38;--font-display:"Noto Serif SC", "Songti SC", SimSun, serif;--font-body:Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--container-width:72rem;--header-height:4rem;--radius-sm:.5rem;--radius-md:1rem;--glow-accent:0 0 3rem #9b5cff3d;--duration-fast:.18s;--duration-base:.48s;--duration-slow:.9s;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-content:1;--z-header:20;--z-cursor:40}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{background:var(--color-bg);min-width:20rem;color:var(--color-text);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;line-height:1.6}button,input,textarea{color:inherit;font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{left:var(--space-4);top:var(--space-4);z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:var(--z-header);min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-3) clamp(1rem, 4vw, 3rem);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#08070bd1;display:flex;position:fixed;inset:0 0 auto}.site-header__brand{font-family:var(--font-display);text-decoration:none}.site-header__nav-list{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header__nav-list a{color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);font-size:.875rem;text-decoration:none}.site-header__nav-list a:hover,.site-header__nav-list a[aria-current=location]{color:var(--color-accent-soft)}.section-shell{min-height:100svh;padding:calc(var(--header-height) + var(--space-16)) var(--space-6) var(--space-16);border-bottom:1px solid var(--color-border);scroll-margin-top:var(--header-height);position:relative;overflow-x:clip}.section-shell__inner{width:min(100%, var(--container-width));margin-inline:auto}.section-shell__header{max-width:44rem;margin-bottom:var(--space-12)}.section-shell__header>p:last-child{color:var(--color-text-muted);max-width:38rem}.section-shell__eyebrow{color:var(--color-accent-soft);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.section-shell h1,.section-shell h2,.section-shell h3{font-family:var(--font-display);font-weight:500}.section-shell h1,.section-shell h2{margin:0;font-size:clamp(2.25rem,7vw,5rem);line-height:1.15}.hero-section{background:var(--color-bg);place-items:center;display:grid;overflow:clip}.hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-section__content{z-index:var(--z-content);text-align:center;max-width:40rem;position:relative}.hero-section__description{color:var(--color-text-muted);margin:var(--space-6) auto;max-width:32rem;font-size:clamp(1rem,2.5vw,1.125rem)}.hero-section__cta{margin-top:var(--space-4);padding:var(--space-3) var(--space-8);border:1px solid var(--color-border);color:var(--color-accent-soft);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hero-section__cta:hover{border-color:var(--color-accent);box-shadow:var(--glow-accent)}.hero-section__side-label{z-index:var(--z-content);color:#c6a6ff47;font-family:var(--font-display);letter-spacing:.55em;writing-mode:vertical-rl;text-orientation:mixed;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:.75rem;position:absolute;top:50%}.hero-section__side-label--left{left:clamp(1rem,4vw,3rem);transform:translateY(-50%)}.hero-section__side-label--right{right:clamp(1rem,4vw,3rem);transform:translateY(-50%)rotate(180deg)}.hero-section__scroll-hint{bottom:var(--space-8);z-index:var(--z-content);color:var(--color-text-muted);letter-spacing:.25em;margin:0;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}.content-grid{gap:var(--space-6);display:grid}.content-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card,.post-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:linear-gradient(160deg,#171120e6,#100d16f2)}.profile-card:hover,.post-card:hover{box-shadow:var(--glow-accent);border-color:#b07eff66}.profile-card__avatar{width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);border:1px solid var(--color-border);color:var(--color-accent-soft);font-family:var(--font-display);background:radial-gradient(circle,#9b5cff59,#0000 70%);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.profile-card__role,.post-card__date{color:var(--color-accent-soft);letter-spacing:.08em;font-size:.8125rem}.profile-card h3,.post-card h3{margin:var(--space-2) 0 var(--space-3);font-size:1.5rem}.profile-card p:last-child,.post-card p:not(.post-card__date){color:var(--color-text-muted);margin:0}.post-card__tags{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.post-card__tags li{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;font-size:.75rem}.work-section{background:var(--color-bg)}.work-section .section-shell__inner{width:100%;max-width:none}.work-section .section-shell__header{width:min(100%, var(--container-width));padding-inline:var(--space-6);margin-inline:auto}.project-carousel{position:relative}.project-carousel__controls{justify-content:flex-end;gap:var(--space-3);width:min(100%, var(--container-width));margin:0 auto var(--space-4);padding-inline:var(--space-6);display:flex}.project-carousel__viewport{width:min(100%, var(--container-width));padding-inline:var(--space-6);margin-inline:auto}.project-carousel__button{border:1px solid var(--color-border);width:2.5rem;height:2.5rem;color:var(--color-accent-soft);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#100d16b8;border-radius:50%;place-items:center;display:grid}.project-carousel__button:hover{border-color:var(--color-accent);box-shadow:var(--glow-accent)}.project-carousel__track{gap:var(--space-6);scroll-snap-type:x mandatory;padding-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9b5cff59 transparent;display:flex;overflow-x:auto}.project-carousel__track::-webkit-scrollbar{height:.375rem}.project-carousel__track::-webkit-scrollbar-thumb{background:#9b5cff59;border-radius:999px}.project-card{scroll-snap-align:start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:0 0 min(85%,36rem);gap:0;display:grid;overflow:hidden}.project-card__visual{min-height:14rem;padding:var(--space-8);background:#000;place-items:center;display:grid;position:relative}.project-card__visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#9b5cff2e,#0000 55%);position:absolute;inset:0}.project-card__title-en{z-index:1;font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-shadow:0 0 2rem #9b5cff73,0 0 4rem #9b5cff33;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);position:relative}.project-card__body{gap:var(--space-3);padding:var(--space-6);display:grid}.project-card__body h3{color:var(--color-accent-soft);font-family:var(--font-display);margin:0;font-size:1.5rem}.project-card__summary{color:var(--color-text);margin:0;font-size:1rem}.project-card__body p:last-child{color:var(--color-text-muted);margin:0;font-size:.9375rem}.contact-form{gap:var(--space-4);max-width:42rem;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background:#100d168c;display:grid}.contact-form label{gap:var(--space-2);color:var(--color-text-muted);font-size:.875rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#08070bb8}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #9b5cff2e}.contact-form button{border:1px solid var(--color-accent);padding:var(--space-3) var(--space-8);color:var(--color-accent-soft);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border-radius:999px;justify-self:start}.contact-form button:hover{box-shadow:var(--glow-accent);background:#9b5cff1f}.contact-form__notice{color:var(--color-text-muted);margin:0;font-size:.8125rem}.contact-form__feedback{margin:0;font-size:.875rem}.contact-form__feedback--success{color:var(--color-accent-soft)}.contact-form__feedback--error{color:#ff8a8a}.site-footer{padding:var(--space-12) var(--space-6) var(--space-16);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.875rem}.site-footer p{margin:0}.site-footer p+p{margin-top:var(--space-2)}@media (width<=48rem){.site-header{align-items:flex-start}.site-header__nav-list{justify-content:flex-end;gap:var(--space-2) var(--space-3)}.content-grid--two,.content-grid--three{grid-template-columns:1fr}.section-shell{padding-inline:var(--space-4)}.hero-section__side-label{display:none}.profile-card,.post-card,.contact-form{padding:var(--space-6)}.project-card{flex-basis:100%}.project-carousel__controls,.work-section .section-shell__header,.project-carousel__viewport{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){.hero-section__scroll-hint{opacity:.6}}