:root{color-scheme:light;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 144px;--text-xs: .8125rem;--text-sm: .875rem;--text-md: .9375rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.375rem;--text-display: clamp(1.25rem, 1.5vw + 1rem, 1.4375rem);--font-display: "Plus Jakarta Sans", "Noto Sans TC", ui-sans-serif, system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Noto Sans TC", ui-sans-serif, system-ui, sans-serif;--tracking-display: -.02em;--color-canvas: oklch(97.8% .022 92);--color-paper: oklch(99.3% .006 88);--color-paper-2: oklch(96.2% .018 78);--color-paper-3: oklch(93.2% .025 76);--color-ink: oklch(25% .028 52);--color-ink-2: oklch(36% .028 52);--color-muted: oklch(45% .038 238);--color-rule: oklch(88% .018 78);--color-accent: oklch(77% .128 72);--color-accent-ink: oklch(25% .028 52);--color-signal: oklch(52% .095 215);--color-signal-ink: oklch(98.8% .006 215);--color-pink: oklch(83% .088 28);--color-focus: oklch(52% .115 215);--color-error: oklch(52% .19 27);--color-success: oklch(50% .12 150);--color-scrim: oklch(22% .025 52 / .92);--color-fade-top: oklch(99.3% .006 88 / 0);--color-fade-bottom: oklch(99.3% .006 88 / .78);--shadow-card: 0 18px 44px -12px oklch(25% .028 52 / .12);--shadow-raised: 0 6px 16px -4px oklch(25% .028 52 / .14);--radius-card: 28px;--radius-well: 16px;--radius-row: 10px;--radius-chip: 6px;--radius-pill: 999px;--rule-hair: 1px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip;margin:0;padding:0}html{scrollbar-color:var(--color-muted) var(--color-canvas);-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-signal);display:flex;flex-direction:column;align-items:center;justify-content:center}::selection{background-color:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.15;color:var(--color-ink);overflow-wrap:break-word;min-width:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed}img,svg{display:block;max-width:100%}@keyframes subtle-float{0%,to{background-position:0px 0px}50%{background-position:24px -16px}}.canvas-backdrop{position:fixed;inset:0;pointer-events:none;opacity:.07;background-repeat:repeat;background-size:210px 210px;animation:subtle-float 28s ease-in-out infinite;display:none}.profile-card{position:relative;z-index:var(--z-raised);width:100%;max-width:420px;min-height:100dvh;background-color:var(--color-paper);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 40rem){body{padding:var(--space-xl) var(--space-md)}.canvas-backdrop{display:block}.profile-card{min-height:0;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}}.card-banner{position:relative;width:100%;height:196px;background-color:var(--color-canvas);overflow:hidden;flex-shrink:0}.banner-tile-pattern{position:absolute;inset:0;background-repeat:repeat;background-size:210px 210px;animation:subtle-float 28s ease-in-out infinite}.banner-scrim{position:absolute;inset-inline:0;bottom:0;height:44px;background:linear-gradient(to top,var(--color-paper),oklch(99.3% .006 88 / .6) 50%,var(--color-fade-top));pointer-events:none}.avatar-stage{position:relative;z-index:var(--z-raised);display:flex;flex-direction:column;align-items:center;margin-top:-108px;user-select:none}.avatar-frame-wrap{position:relative;display:flex;align-items:center;justify-content:center}.avatar-viewport{position:relative;width:var(--space-4xl);height:var(--space-4xl);padding:6px;border-radius:var(--radius-pill);background-color:var(--color-paper);box-shadow:0 0 0 2px #e6a64f99,0 10px 25px -5px #2d1e152e;cursor:pointer;transition:transform .3s var(--ease-out)}.avatar-viewport:hover{transform:scale(1.02)}.avatar-viewport:active{transform:scale(.99)}.avatar-track{position:relative;width:100%;height:100%;border-radius:var(--radius-pill);overflow:hidden;background-color:var(--color-canvas)}.avatar-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}.avatar-slide[data-active=true]{opacity:1;transform:scale(1);z-index:var(--z-raised)}.js .avatar-slide[data-active=false]{opacity:0;transform:scale(.95);z-index:var(--z-base);pointer-events:none}.avatar-zoom-badge{position:absolute;bottom:2px;right:2px;z-index:var(--z-sticky);width:32px;height:32px;border-radius:var(--radius-pill);background-color:var(--color-ink);color:var(--color-canvas);box-shadow:0 0 0 2px var(--color-paper),var(--shadow-raised);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.avatar-viewport:hover .avatar-zoom-badge{background-color:var(--color-signal);color:var(--color-signal-ink);transform:scale(1.05)}.icon-ctl{width:32px;height:32px;border-radius:var(--radius-pill);background-color:var(--color-paper);color:var(--color-ink);border:1px solid oklch(77% .128 72 / .45);box-shadow:var(--shadow-raised);display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.icon-ctl:hover{background-color:var(--color-canvas);color:var(--color-ink)}.icon-ctl:active{background-color:var(--color-paper-2)}.avatar-step-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-sticky);opacity:.88}.avatar-step-btn:hover{opacity:1;transform:translateY(-50%) scale(1.05)}.avatar-step-btn:active{transform:translateY(-50%) scale(.95)}.avatar-step-btn--prev{left:-16px}.avatar-step-btn--next{right:-16px}.avatar-controls{margin-top:10px;display:flex;align-items:center;gap:var(--space-xs)}.avatar-dots{display:flex;align-items:center;gap:6px}.avatar-dot{height:8px;width:8px;border-radius:var(--radius-pill);background-color:#41596859;transition:width .3s var(--ease-out),background-color .3s var(--ease-out)}.avatar-dot[data-active=true]{width:24px;background-color:var(--color-accent)}.avatar-dot:hover{background-color:#41596899}.avatar-dot[data-active=true]:hover{background-color:var(--color-accent)}.card-body{padding:var(--space-sm) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;flex:1}.identity-block{text-align:center}.identity-title{font-size:var(--text-display);color:var(--color-ink);max-width:24ch;margin-inline:auto}.identity-bio{margin-top:var(--space-xs);font-size:var(--text-md);font-weight:500;color:var(--color-ink-2);line-height:1.6;max-width:36ch;margin-inline:auto}.topic-well{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-well);background-color:var(--color-paper-2);text-align:center}.topic-prompt{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:700;color:var(--color-signal);margin-bottom:var(--space-xs)}.topic-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2xs)}.topic-chip{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-chip);background-color:var(--color-paper);color:var(--color-ink);font-size:var(--text-xs);font-weight:600;line-height:1.35}.social-ledger{margin-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);border-bottom:var(--rule-hair) solid var(--color-rule);display:flex;flex-direction:column}.social-row{width:100%;min-height:48px;padding:var(--space-sm) var(--space-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);text-align:left;transition:background-color var(--dur-micro) var(--ease-out)}.social-row+.social-row{border-top:var(--rule-hair) solid var(--color-rule)}.social-row:hover{background-color:var(--color-paper-2)}.social-row:active{background-color:var(--color-paper-3)}.social-platform{display:flex;align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-ink)}.social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-ink-2);transition:color var(--dur-micro) var(--ease-out)}.social-row:hover .social-icon{color:var(--color-signal)}.social-name{font-size:var(--text-md);font-weight:700;white-space:nowrap}.social-meta{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;font-size:var(--text-sm);font-weight:500;color:var(--color-muted);font-variant-numeric:tabular-nums;transition:color var(--dur-micro) var(--ease-out)}.social-row:hover .social-meta{color:var(--color-ink)}.social-meta[data-copied=true]{color:var(--color-signal);font-weight:700}.social-action-slot{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-muted);transition:color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.social-row:hover .social-action-slot{color:var(--color-signal)}.social-row:hover .social-action-slot--arrow{transform:translate(2px)}.card-folio{margin-top:var(--space-md);padding-top:var(--space-2xs);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-xs);font-weight:700}.folio-link{min-height:36px;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-chip);color:var(--color-ink-2);display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.folio-link:hover{color:var(--color-ink);background-color:var(--color-paper-2)}.folio-link:active{background-color:var(--color-paper-3)}.folio-disabled{min-height:36px;padding:var(--space-2xs) var(--space-xs);color:var(--color-muted);display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;user-select:none}.lightbox-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-scrim);padding:var(--space-md);display:none;align-items:center;justify-content:center;user-select:none}.lightbox-backdrop[data-open=true]{display:flex}.lightbox-bar{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:var(--z-raised);max-width:960px;margin-inline:auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:960px;max-height:85dvh}.lightbox-img{max-width:100%;max-height:82dvh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-well);background-color:var(--color-paper);padding:var(--space-2xs);box-shadow:var(--shadow-card)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-raised)}.lightbox-nav-btn--prev{left:var(--space-xs)}.lightbox-nav-btn--next{right:var(--space-xs)}.is-hidden{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}