.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:all .5s var(--ease-out)}.nav.is-scrolled{padding:12px 0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px #ff7a3d0f}.nav-inner{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--container-pad);display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-brand{display:inline-flex;align-items:center;gap:12px;color:var(--c-ink);transition:opacity .3s}.nav-brand:hover{opacity:.8}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),var(--c-warm));box-shadow:0 0 12px var(--c-warm-glow);animation:breathing 2.4s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.02em}.brand-text em{font-style:normal;font-size:10px;letter-spacing:.2em;color:var(--c-ink-mute);text-transform:uppercase}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{position:relative;padding:10px 18px;border-radius:999px;font-size:13px;letter-spacing:.05em;color:var(--c-ink-soft);transition:all .3s var(--ease-out);display:inline-flex;align-items:center;gap:8px}.nav-link:hover{color:var(--c-ink);background:#ffffff80}.nav-link-en{font-family:var(--font-display);font-style:italic;font-size:11px;color:var(--c-accent);letter-spacing:.1em}.nav-toggle{display:none;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-toggle span{width:14px;height:1.5px;background:var(--c-ink);border-radius:1px;transition:.3s}.nav-mobile{display:none}@media (max-width: 960px){.nav-links{display:none}.nav-toggle{display:inline-flex}.nav-mobile{display:block;position:fixed;top:80px;right:0;bottom:0;left:0;background:var(--c-bg-warm);transform:translateY(-110%);transition:transform .5s var(--ease-out);padding:40px var(--container-pad);z-index:90}.nav-mobile.open{transform:translateY(0)}.nav-mobile-link{display:block;width:100%;text-align:left;padding:24px 0;font-family:var(--font-display);font-size:28px;color:var(--c-ink);border-bottom:1px solid rgba(255,122,61,.18)}}@media (max-width: 640px){.brand-text strong{font-size:16px}.brand-text em{font-size:9px}}.halo-dot,.halo-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;mix-blend-mode:screen;will-change:transform}.halo-dot{width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(circle,#ffb840f2,#ffb84000 70%);box-shadow:0 0 18px 2px #ffb8408c}.halo-ring{width:320px;height:320px;margin:-160px 0 0 -160px;background:radial-gradient(circle,rgba(255,138,76,.18) 0%,rgba(255,184,64,.1) 35%,transparent 70%);filter:blur(2px);transition:opacity .3s ease;opacity:.85}@media (hover: none){.halo-dot,.halo-ring{display:none}}@media (prefers-reduced-motion: reduce){.halo-dot,.halo-ring{display:none}}.theme-toggle{width:72px;height:36px;border-radius:999px;padding:0;position:relative;overflow:hidden;background:transparent}.theme-track{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .5s var(--ease-out)}.theme-track.warm{background:linear-gradient(135deg,#ffba72,#ff7a3d)}.theme-track.night{background:linear-gradient(135deg,#1f2a44,#3a4566)}.theme-thumb{position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:#fff;color:#ff7a3d;font-size:14px;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease-spring),color .4s;box-shadow:0 4px 12px #00000040}.theme-track.night .theme-thumb{transform:translate(36px);color:#c8d4ff}.lang-switch{display:inline-flex;gap:2px;padding:4px;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:999px}.lang-switch__opt{padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.05em;color:var(--c-ink-soft);font-weight:500;transition:all .3s var(--ease-out);min-width:36px}.lang-switch__opt:hover{color:var(--c-ink)}.lang-switch__opt.is-active{background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;box-shadow:0 4px 14px #ff7a3d40}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-block:120px 80px;opacity:0;transition:opacity 1.2s var(--ease-out)}.hero.is-mounted{opacity:1}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;will-change:transform}.hero-bg video,.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f9f5ef9e,#f9f5ef59 35%,#f9f5efe0),radial-gradient(ellipse at top right,rgba(255,184,64,.18) 0%,transparent 60%)}.hero-overlay-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f9f5ef00,#f9f5ef00 60%,#f9f5ef8c);pointer-events:none}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-blob{position:absolute;z-index:1;top:18%;right:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,64,.42) 0%,rgba(255,138,76,.18) 45%,transparent 75%);filter:blur(40px);pointer-events:none;animation:floatBlob 14s ease-in-out infinite;will-change:transform}@keyframes floatBlob{0%,to{transform:translate(0)}50%{transform:translate(-30px,24px)}}.hero-inner{position:relative;z-index:3;display:grid;gap:32px;max-width:1100px;will-change:transform}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--c-ink-soft)}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);animation:breathing 2.4s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-title{font-family:var(--font-display);font-size:clamp(48px,8vw,128px);line-height:.98;letter-spacing:-.03em;font-weight:400;color:var(--c-ink);will-change:transform}.hero-title em{font-style:italic;background:linear-gradient(120deg,var(--c-accent),var(--c-coral));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title-line{display:block;overflow:hidden}.hero-title-line:first-child em,.hero-title-line:last-child em,.hero-title-line:last-child span{display:inline-block;opacity:0;transform:translateY(110%);animation:titleUp 1.1s var(--ease-out) forwards}.hero-title-line:last-child em{animation-delay:.15s}.hero-title-line:last-child span{animation-delay:.05s}@keyframes titleUp{to{opacity:1;transform:translateY(0)}}.hero-leads{font-size:clamp(16px,1.2vw,19px);color:var(--c-ink-soft);max-width:580px;line-height:1.75;will-change:transform}.hero-leads strong{color:var(--c-ink);font-weight:600}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.hero-watermark{position:absolute;top:-90px;right:0;font-family:var(--font-display);font-size:clamp(96px,16vw,220px);font-weight:500;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,122,61,.18);pointer-events:none;-webkit-user-select:none;user-select:none;font-style:italic;line-height:1;z-index:2}.hero-meta{position:absolute;right:var(--container-pad);bottom:-40px;display:flex;gap:36px;z-index:3}.meta-block{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-ink-mute)}.meta-value{font-size:14px;color:var(--c-ink);font-weight:500}.status-live{display:inline-flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade8099;animation:breathing 2.4s ease-in-out infinite}.hero-scroll{position:absolute;left:50%;bottom:32px;transform:translate(-50%);width:28px;height:44px;z-index:3;border:1.5px solid rgba(42,28,20,.4);border-radius:16px;background:transparent}.hero-scroll span{position:absolute;left:50%;width:2px;height:6px;background:var(--c-ink-soft);border-radius:1px;transform:translate(-50%)}.hero-scroll span:nth-child(1){top:8px;animation:scrollHint 1.6s ease-in-out infinite}.hero-scroll span:nth-child(2){top:8px;animation:scrollHint 1.6s ease-in-out infinite .3s}@keyframes scrollHint{0%{transform:translate(-50%);opacity:1}60%{opacity:0}to{transform:translate(-50%,14px);opacity:0}}@media (max-width: 960px){.hero{padding-block:100px 60px}.hero-meta{position:static;margin-top:36px;flex-wrap:wrap;gap:24px}.hero-blob{width:320px;height:320px;right:-20%;top:10%}.hero-watermark{font-size:80px;top:-50px}}.character{background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-bg-warm) 100%)}.character-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.char-bio{font-size:16px;line-height:1.85;color:var(--c-ink-soft);max-width:520px;margin:12px 0 36px}.char-skills{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(42,28,20,.1)}.skill-row{display:grid;grid-template-columns:80px 12px 1fr;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid rgba(42,28,20,.1);font-size:14px}.skill-key{font-family:var(--font-display);font-style:italic;color:var(--c-accent);letter-spacing:.05em}.skill-dot{width:4px;height:4px;border-radius:50%;background:var(--c-accent)}.skill-value{color:var(--c-ink)}.char-right{position:relative;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:16px;min-height:540px}.char-portrait{grid-column:1;grid-row:1 / 3;padding:12px;position:relative;overflow:hidden}.char-portrait img{width:100%;height:100%;object-fit:cover;border-radius:18px;aspect-ratio:4/5}.portrait-caption{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;font-size:11px;letter-spacing:.15em}.portrait-caption span{color:var(--c-ink-mute);text-transform:uppercase}.portrait-caption strong{color:var(--c-accent);font-weight:600}.char-strip{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:16px}.char-thumb{padding:10px;overflow:hidden}.char-thumb img{width:100%;border-radius:14px;aspect-ratio:1/1;object-fit:cover}.char-thumb.small{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;min-height:200px;position:relative}.small-quote{font-family:var(--font-display);font-size:64px;color:var(--c-accent);line-height:.5;position:absolute;top:18px;left:22px;opacity:.3}.char-thumb.small strong{display:block;font-family:var(--font-display);font-size:20px;line-height:1.3;font-weight:500;color:var(--c-ink);margin-top:16px;position:relative;z-index:1}.char-thumb.small em{display:block;margin-top:16px;font-size:12px;font-style:normal;color:var(--c-ink-mute);letter-spacing:.1em}.char-detail{grid-column:2;grid-row:2;padding:8px;overflow:hidden}.char-detail img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover}@media (max-width: 960px){.character-layout{grid-template-columns:1fr;gap:60px}.char-right{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;min-height:auto}}@media (max-width: 640px){.char-right{grid-template-columns:1fr}.char-portrait,.char-strip,.char-detail{grid-column:1;grid-row:auto}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#140c05c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:lbFade .3s var(--ease-out);padding:clamp(20px,4vw,64px)}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lightbox-inner{position:relative;width:100%;max-width:1700px;height:100%;display:flex;flex-direction:column;background:#fffaf00a;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden}.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.lb-meta{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.lb-tag{display:inline-block;padding:4px 10px;border:1px solid rgba(255,184,64,.4);border-radius:999px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffe8b0;white-space:nowrap}.lb-meta strong{font-family:var(--font-display);font-weight:500;font-size:clamp(18px,2vw,22px);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-count{font-family:var(--font-display);font-size:14px;color:#ffffff80;letter-spacing:.2em}.lb-close{width:44px;height:44px;border-radius:50%;background:#ffffff0f;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.lb-close:hover{background:#ff7a3d4d}.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0}.lb-stage img,.lb-stage video{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:16px;background:#000;box-shadow:0 40px 80px #00000080}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fffaf0eb;color:var(--c-ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d;transition:transform .2s,background .2s}.lb-nav:hover{transform:translateY(-50%) scale(1.08);background:#fff}.lb-prev{left:24px}.lb-next{right:24px}@media (max-width: 768px){.lb-bar{padding:12px 16px}.lb-close{width:36px;height:36px}.lb-nav{width:40px;height:40px}.lb-prev{left:8px}.lb-next{right:8px}}.works{position:relative;background:var(--c-bg)}.works__num{position:absolute;top:8%;right:6%;font-family:var(--font-display);font-size:clamp(160px,22vw,360px);font-weight:500;font-style:italic;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,122,61,.18);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;z-index:0}.works-header{margin-bottom:80px;max-width:800px;position:relative;z-index:1}.works-tabs{display:inline-flex;gap:4px;margin-top:32px;padding:4px;background:#ffffff8c;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);border-radius:999px}.works-tab{padding:10px 22px;border-radius:999px;font-size:13px;letter-spacing:.05em;color:var(--c-ink-soft);transition:all .3s var(--ease-out)}.works-tab:hover{color:var(--c-ink)}.works-tab.active{background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;box-shadow:0 4px 14px #ff7a3d52}.works-videos{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:80px;position:relative;z-index:1}.works-video[data-span="12"]{grid-column:span 12}.works-video[data-span="6"]{grid-column:span 6}.works-video{cursor:pointer;outline:none;transition:transform .5s var(--ease-out)}.works-video:hover{transform:translateY(-4px)}.video-cover{position:relative;overflow:hidden;padding:10px;background:#ffdcb252}.video-cover img{width:100%;border-radius:18px;display:block;transition:transform .7s var(--ease-out)}.works-video[data-span="12"] .video-cover img{aspect-ratio:21/9;object-fit:cover}.works-video[data-span="6"] .video-cover img{aspect-ratio:16/10;object-fit:cover}.works-video:hover .video-cover img{transform:scale(1.04)}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .4s var(--ease-spring);z-index:2}.video-play:hover{transform:scale(1.1)}.video-meta{margin-top:16px;padding-left:4px}.video-meta .meta-label{font-size:10px;letter-spacing:.3em;color:var(--c-accent);text-transform:uppercase}.video-meta h3{font-family:var(--font-display);font-size:22px;margin-top:4px;color:var(--c-ink);font-weight:500}.works-posters.bento{display:grid;position:relative;z-index:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:20px}.works-poster{padding:12px;margin:0;overflow:hidden;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);cursor:pointer;outline:none;display:flex;flex-direction:column}.works-poster:hover{transform:translateY(-6px);box-shadow:0 24px 60px #ff7a3d2e}.works-poster:focus-visible{box-shadow:0 0 0 3px #ffb84080}.bento-0{grid-column:span 2;grid-row:span 2}.bento-1{grid-column:span 1;grid-row:span 1}.bento-2{grid-column:span 1;grid-row:span 2}.bento-3,.bento-4{grid-column:span 1;grid-row:span 1}.bento-5{grid-column:span 2;grid-row:span 1}.poster-cover{border-radius:16px;overflow:hidden;aspect-ratio:4/5;flex:1;min-height:0;position:relative}.poster-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.works-poster:hover .poster-cover img{transform:scale(1.05)}.works-poster figcaption{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 6px}.works-poster figcaption .meta-label{font-size:10px;letter-spacing:.2em;color:var(--c-accent);text-transform:uppercase}.works-poster figcaption strong{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--c-ink)}@media (max-width: 960px){.works-videos .works-video[data-span="6"]{grid-column:span 12}.works-posters.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.bento-0{grid-column:span 2;grid-row:span 2}.bento-1,.bento-3,.bento-4,.bento-2{grid-column:span 1;grid-row:span 1}.bento-5{grid-column:span 2;grid-row:span 1}.works__num{font-size:120px;top:4%;right:4%}}.play{background:var(--c-bg-warm);position:relative;overflow:hidden}.play:before{content:"";position:absolute;top:-10%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,184,64,.18) 0%,transparent 70%);pointer-events:none}.play-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start;position:relative;z-index:1}.play-notes{list-style:none;margin:36px 0;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--c-ink-soft)}.play-notes li{display:flex;align-items:center;gap:12px;padding-left:14px;position:relative}.play-notes li span{width:6px;height:6px;border-radius:50%;background:var(--c-accent);position:absolute;left:0;top:8px}.play-status{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:999px;font-size:13px;color:var(--c-ink-soft)}.play-status strong{color:var(--c-accent)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px #ff7a3d99;animation:breathing 2.4s ease-in-out infinite}.play-right{position:relative;display:flex;flex-direction:column;gap:20px}.chat-card{padding:22px;display:flex;flex-direction:column;gap:18px}.chat-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,122,61,.12)}.chat-head-left{display:flex;align-items:center;gap:12px}.chat-avatar{padding:4px;border-radius:50%;width:44px;height:44px}.chat-avatar svg{width:100%;height:100%}.chat-head-left strong{display:block;font-family:var(--font-display);font-size:17px;color:var(--c-ink)}.chat-head-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.05em;color:var(--c-ink-mute)}.online-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099}.chat-more{width:32px;height:32px;border-radius:50%;color:var(--c-ink-mute);font-size:18px;letter-spacing:1px;transition:all .3s}.chat-more:hover{background:#ff7a3d14;color:var(--c-accent)}.chat-reset{width:32px;height:32px;border-radius:50%;background:#fff6;color:var(--c-ink-soft);font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.chat-reset:hover{background:#ff7a3d26;color:var(--c-accent);transform:rotate(-180deg)}.chat-list{height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,122,61,.3) transparent}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-thumb{background:#ff7a3d4d;border-radius:3px}.bubble{max-width:75%;padding:12px 16px;font-size:14px;line-height:1.6;border-radius:18px;position:relative;word-break:break-word;animation:bubbleIn .4s var(--ease-out)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble.xinxi{align-self:flex-start;background:#ffffffd9;color:var(--c-ink);border-bottom-left-radius:4px}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 16px #ff7a3d4d}.bubble-time{display:block;font-size:10px;margin-top:4px;opacity:.6;text-align:right}.bubble.xinxi .bubble-time{text-align:left}.caret{display:inline-block;width:2px;height:1em;vertical-align:-2px;margin-left:4px;background:var(--c-ink-soft);animation:caretBlink 1s ease-in-out infinite}@keyframes caretBlink{50%{opacity:0}}.chat-stop{width:38px;height:38px;border-radius:50%;background:#ff7a3d26;color:var(--c-accent);font-size:10px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.chat-stop:hover{background:#ff7a3d40}.play-hint{margin-top:16px;padding:10px 14px;border-left:2px solid rgba(255,122,61,.4);background:#ff7a3d14;color:var(--c-ink-soft);font-family:var(--font-sans);font-size:12px;display:block;word-break:break-word;white-space:pre-wrap;border-radius:6px}.play-model{margin-top:28px;display:flex;flex-direction:column;gap:10px}.play-model-label{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--c-ink-mute);font-family:monospace}.badge-free{font-size:9px;padding:2px 8px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;border-radius:999px;letter-spacing:.1em}.play-model-select{padding:12px 14px;background:#ffffffb3;border:1px solid rgba(255,122,61,.25);border-radius:12px;color:var(--c-ink);font-size:13px;font-family:var(--font-sans);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--c-accent) 50%),linear-gradient(135deg,var(--c-accent) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;transition:border-color .2s}.play-model-select:hover{border-color:var(--c-accent)}.play-model-select:focus{outline:2px solid var(--c-accent);outline-offset:2px}.play-model-desc{font-size:12px;color:var(--c-ink-mute);font-style:italic;margin:0}.play-cfg-toggle{margin-top:22px;padding:8px 14px;background:transparent;color:var(--c-ink-mute);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:monospace;transition:color .2s}.play-cfg-toggle:hover{color:var(--c-accent)}.play-cfg{margin-top:14px;padding:14px 16px;background:#ffffff73;border-radius:12px;display:flex;flex-direction:column;gap:10px}.play-cfg label{display:flex;justify-content:space-between;font-size:11px;font-family:monospace;color:var(--c-ink-mute);letter-spacing:.15em;text-transform:uppercase}.play-cfg-val{color:var(--c-accent);font-weight:600}.play-cfg input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ff7a3d33;border-radius:999px;outline:none}.play-cfg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-accent);cursor:pointer}.play-cfg input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-accent);cursor:pointer;border:none}.play-cfg-hint{margin:0;font-size:11px;color:var(--c-ink-mute);font-style:italic}.play-balance{color:var(--c-accent);font-style:italic}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.suggestions{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,122,61,.15);color:var(--c-ink-soft);padding:6px 12px;border-radius:999px;font-size:12px;transition:all .25s var(--ease-out)}.chip:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.chat-form{display:flex;gap:8px;align-items:center;background:#ffffffb3;padding:6px;border-radius:999px;border:1px solid rgba(255,122,61,.15)}.chat-input{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--c-ink);font-size:14px;outline:none}.chat-input::placeholder{color:var(--c-ink-mute)}.chat-send{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease-spring);flex-shrink:0}.chat-send:hover:not(:disabled){transform:scale(1.1) rotate(-15deg)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-deco{position:absolute;bottom:-18px;right:-28px;padding:16px 22px;display:flex;flex-direction:column;gap:4px;transform:rotate(-3deg)}.chat-deco span{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent)}.chat-deco strong{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--c-ink)}@media (max-width: 960px){.play-layout{grid-template-columns:1fr;gap:48px}.chat-deco{position:static;transform:rotate(0);align-self:flex-end;margin-right:16px}}.logs{position:relative;background:linear-gradient(180deg,transparent 0%,rgba(255,247,237,.6) 50%,rgba(255,232,207,.4) 100%)}.logs-header{margin-bottom:60px;max-width:700px}.logs-timeline{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.log-card{padding:28px 32px;margin:0;display:flex;flex-direction:column;gap:14px;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}.log-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #ff7a3d29}.log-card-head{display:flex;align-items:center;gap:14px;font-size:12px}.log-date{font-family:var(--font-display);font-size:14px;font-style:italic;color:var(--c-accent);letter-spacing:.05em}.log-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid currentColor}.log-tag--note{color:var(--c-accent)}.log-tag--design{color:#c97a3d}.log-tag--code{color:#2a8c8c}.log-tag--log{color:var(--c-ink-soft)}.log-tag--milestone{color:#b94200;background:#ffb8401f}.log-mood{margin-left:auto;font-size:12px;color:var(--c-ink-mute)}.log-title{font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.4;color:var(--c-ink);margin:0}.log-body{color:var(--c-ink-soft);font-size:14px;line-height:1.75;white-space:pre-wrap}.logs-foot{margin-top:48px;text-align:center;color:var(--c-ink-mute);font-size:14px}@media (max-width: 768px){.logs-timeline{grid-template-columns:1fr}.log-card{padding:22px 24px}}.contact{background:linear-gradient(180deg,var(--c-bg-warm) 0%,var(--c-bg) 100%);padding-bottom:80px}.contact-header{margin-bottom:72px;max-width:800px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-card{padding:28px 32px;display:flex;flex-direction:column;gap:10px;transition:transform .5s var(--ease-out)}.contact-card:hover{transform:translateY(-4px)}.contact-card .meta-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent)}.contact-h{font-family:var(--font-display);font-size:clamp(24px,2.6vw,36px);font-weight:500;letter-spacing:-.01em;color:var(--c-ink);line-height:1.2;position:relative;display:inline-block;text-decoration:none;transition:color .3s}.contact-h:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}a.contact-h:hover{color:var(--c-accent)}a.contact-h:hover:after{transform:scaleX(1)}.contact-h.small{font-size:20px}.contact-h.mini{font-size:18px}.contact-hint{font-size:12px;color:var(--c-ink-mute);margin-top:4px}.contact-form-col{display:flex;flex-direction:column;gap:24px}.contact-form{padding:32px;display:flex;flex-direction:column;gap:18px}.contact-form h3{font-family:var(--font-display);font-size:24px;font-weight:500;margin-bottom:8px;color:var(--c-ink)}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-mute)}.field input,.field textarea{padding:14px 18px;border:1px solid rgba(255,122,61,.18);border-radius:14px;background:#fff9;color:var(--c-ink);font-family:inherit;font-size:14px;outline:none;transition:border-color .3s,background .3s;resize:none}.field input:focus,.field textarea:focus{border-color:var(--c-accent);background:#fff}.field input::placeholder,.field textarea::placeholder{color:var(--c-ink-mute)}.contact-form .btn-primary{align-self:flex-start}.form-hint{font-size:11px;color:var(--c-ink-mute);margin-top:4px}.contact-social{padding:24px 28px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);border-radius:20px}.contact-social .meta-label{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent);margin-bottom:14px}.social-row{display:flex;flex-wrap:wrap;gap:8px}.social-chip{padding:8px 16px;background:#ffffffb3;border:1px solid rgba(255,122,61,.15);border-radius:999px;font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--c-ink-soft);transition:all .3s var(--ease-out)}.social-chip:hover{background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;transform:translateY(-2px)}.site-footer{margin-top:100px;padding:36px 0;border-top:1px solid rgba(42,28,20,.1)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--c-ink-mute);letter-spacing:.05em}.footer-left strong{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-family:var(--font-display);font-style:italic;color:var(--c-ink)}.footer-right{display:inline-flex;gap:16px}.footer-right a:hover{color:var(--c-accent)}@media (max-width: 960px){.contact-grid{grid-template-columns:1fr;gap:36px}}:root{--c-bg: #f9f5ef;--c-bg-warm: #fff7ed;--c-surface: rgba(255, 255, 255, .55);--c-surface-warm: rgba(255, 220, 178, .32);--c-ink: #2a1c14;--c-ink-soft: #5d4a3e;--c-ink-mute: #9d8a7d;--c-accent: #ff7a3d;--c-accent-soft: #ffb088;--c-warm: #ffb840;--c-warm-glow: rgba(255, 184, 64, .35);--c-coral: #ff9a76;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong:rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: 0 8px 32px rgba(255, 122, 61, .12), 0 2px 8px rgba(0, 0, 0, .04);--glass-blur: saturate(180%) blur(18px);--container: 1700px;--container-pad: clamp(20px, 4vw, 64px);--font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Cormorant Garamond", "Source Han Serif SC", serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=night]{--c-bg: #0e1422;--c-bg-warm: #131a2e;--c-surface: rgba(20, 28, 48, .55);--c-surface-warm: rgba(49, 70, 130, .32);--c-ink: #e6ebf5;--c-ink-soft: #a8b3cf;--c-ink-mute: #6e7a97;--c-accent: #ff8b66;--c-accent-soft: #ffb088;--c-warm: #ffd28a;--c-warm-glow: rgba(255, 210, 138, .32);--c-coral: #ff9eb5;--glass-bg: rgba(20, 28, 48, .55);--glass-bg-strong: rgba(20, 28, 48, .78);--glass-border: rgba(120, 160, 220, .22);--glass-shadow: 0 8px 32px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.08) inset}[data-theme=night] .works__num,[data-theme=night] .hero-watermark{-webkit-text-stroke-color:rgba(255,139,102,.22)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-weight:400;letter-spacing:.02em;background:var(--c-bg);color:var(--c-ink);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none}*{transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}.floating-tools{position:fixed;bottom:24px;left:24px;z-index:50;display:flex;flex-direction:row;align-items:center;gap:12px}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--container-pad);padding-right:var(--container-pad)}section{position:relative;padding-block:clamp(80px,12vw,160px)}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent);margin-bottom:24px}.section-eyebrow:before{content:"";width:28px;height:1px;background:var(--c-accent)}.section-title{font-family:var(--font-display);font-size:clamp(36px,5.5vw,80px);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-bottom:28px;color:var(--c-ink)}.section-title em{font-style:italic;background:linear-gradient(120deg,var(--c-accent),var(--c-coral));-webkit-background-clip:text;background-clip:text;color:transparent}.section-lead{font-size:clamp(15px,1.1vw,18px);color:var(--c-ink-soft);max-width:680px;line-height:1.75}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow)}.glass-warm{background:linear-gradient(135deg,#ffdcb280,#fff7edb3);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 8px 40px #ff9a762e}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.05em;transition:all .4s var(--ease-out)}.btn-primary{background:linear-gradient(135deg,var(--c-accent),var(--c-warm));color:#fff;box-shadow:0 6px 24px #ff7a3d52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px #ff7a3d6b}.btn-ghost{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.6);color:var(--c-ink)}.btn-ghost:hover{background:var(--glass-bg-strong)}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::selection{background:var(--c-accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ff7a3d4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff7a3d8c}@media (max-width: 960px){section{padding-block:80px}}@media (max-width: 640px){:root{--container-pad: 18px}}