#app{min-height:100vh}:root{--xh-brand: #1d9bf0;--xh-brand-2: #0f1419;--xh-brand-3: #1d9bf0;--xh-brand-soft: rgba(29, 155, 240, .1);--xh-brand-gradient: linear-gradient(135deg, #0f1419 0%, #1a1d24 100%);--xh-brand-gradient-2: linear-gradient(135deg, #1a1d24 0%, #0f1419 100%);--xh-brand-gradient-3: linear-gradient(135deg, #0f1419 0%, #272c30 100%);--xh-accent: #1d9bf0;--xh-accent-soft: rgba(29, 155, 240, .08);--xh-hero-bg: linear-gradient(135deg, #0f1419 0%, #1a1d24 50%, #1d2330 100%);--xh-about-bg: linear-gradient(135deg, #0f1419 0%, #1a1d24 100%);--xh-bg: #ffffff;--xh-bg-gradient: linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%);--xh-surface: #ffffff;--xh-surface-2: #f7f9f9;--xh-surface-glass: rgba(255, 255, 255, .8);--xh-text: #0f1419;--xh-text-2: #536471;--xh-text-3: #8899a6;--xh-border: #eff3f4;--xh-border-light: rgba(239, 243, 244, .8);--xh-radius: 16px;--xh-radius-sm: 10px;--xh-radius-lg: 24px;--xh-radius-xl: 32px;--xh-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 6px 20px rgba(0, 0, 0, .04);--xh-shadow-hover: 0 2px 8px rgba(0, 0, 0, .1), 0 12px 36px rgba(0, 0, 0, .08);--xh-shadow-brand: 0 2px 8px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--xh-shadow-glow: 0 0 24px rgba(29, 155, 240, .1);--xh-btn-primary-bg: var(--xh-text);--xh-btn-primary-text: var(--xh-bg);--xh-btn-secondary-bg: var(--xh-bg);--xh-btn-secondary-text: var(--xh-text);--xh-btn-secondary-border: var(--xh-border);--xh-btn-link-text: var(--xh-brand);--xh-btn-radius: 999px;--xh-btn-padding: 8px 20px;--xh-btn-font-size: 15px;--xh-btn-font-weight: 700;--xh-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--xh-space-1: 4px;--xh-space-2: 8px;--xh-space-3: 12px;--xh-space-4: 20px;--xh-space-5: 28px;--xh-space-6: 36px;--xh-ease: cubic-bezier(.4, 0, .2, 1);--xh-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--xh-duration: .3s;--xh-duration-fast: .15s;--xh-duration-slow: .5s}:root[data-theme=dark]{--xh-brand: #1d9bf0;--xh-brand-2: #e7e9ea;--xh-brand-3: #1d9bf0;--xh-brand-soft: rgba(29, 155, 240, .12);--xh-brand-gradient: linear-gradient(135deg, #16181c 0%, #212327 100%);--xh-brand-gradient-2: linear-gradient(135deg, #212327 0%, #16181c 100%);--xh-brand-gradient-3: linear-gradient(135deg, #16181c 0%, #212327 100%);--xh-accent: #1d9bf0;--xh-accent-soft: rgba(29, 155, 240, .12);--xh-hero-bg: linear-gradient(135deg, #16181c 0%, #1c1f23 50%, #212327 100%);--xh-about-bg: linear-gradient(135deg, #16181c 0%, #1c1f23 100%);--xh-bg: #000000;--xh-bg-gradient: linear-gradient(180deg, #000000 0%, #16181c 100%);--xh-surface: #16181c;--xh-surface-2: #212327;--xh-surface-glass: rgba(0, 0, 0, .8);--xh-text: #e7e9ea;--xh-text-2: #71767b;--xh-text-3: #8899a6;--xh-border: #2f3336;--xh-border-light: rgba(47, 51, 54, .6);--xh-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);--xh-shadow-hover: 0 2px 8px rgba(0, 0, 0, .5), 0 12px 36px rgba(0, 0, 0, .4);--xh-shadow-brand: 0 2px 8px rgba(0, 0, 0, .4), 0 4px 16px rgba(29, 155, 240, .08);--xh-shadow-glow: 0 0 24px rgba(29, 155, 240, .15);--xh-btn-primary-bg: var(--xh-text);--xh-btn-primary-text: var(--xh-bg);--xh-btn-secondary-bg: var(--xh-bg);--xh-btn-secondary-text: var(--xh-text);--xh-btn-secondary-border: var(--xh-border)}:root[data-theme=dark] code,:root[data-theme=dark] pre{background:#0f172a}:root[data-theme=dark] .post-img,:root[data-theme=dark] .publish-media-item img{border-radius:var(--xh-radius-sm);box-shadow:0 0 0 1px var(--xh-border)}:root{--xh-theme-transition: background-color var(--xh-duration) var(--xh-ease), color var(--xh-duration) var(--xh-ease), border-color var(--xh-duration) var(--xh-ease), box-shadow var(--xh-duration) var(--xh-ease), fill var(--xh-duration) var(--xh-ease)}:root[data-theme-transitioning] *{transition:var(--xh-theme-transition)!important}:root[data-reduce-motion=true] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}body{background:var(--xh-bg-gradient);color:var(--xh-text);font-family:var(--xh-font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}.xh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:999px;background:var(--xh-text);color:var(--xh-bg);font-weight:600;font-size:14px;transition:opacity .2s ease,transform .1s ease;text-decoration:none;cursor:pointer;border:none}.xh-btn:hover{opacity:.88}.xh-btn:active{transform:scale(.98)}.xh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.xh-btn--ghost{background:transparent;color:var(--xh-text);border:1px solid var(--xh-border);box-shadow:none}.xh-btn--ghost:hover{border-color:var(--xh-brand);color:var(--xh-brand);box-shadow:none}.xh-card{background:var(--xh-surface);border:1px solid var(--xh-border-light);border-radius:var(--xh-radius);box-shadow:var(--xh-shadow);transition:box-shadow var(--xh-duration) var(--xh-ease),transform var(--xh-duration) var(--xh-ease)}.xh-card:hover{box-shadow:var(--xh-shadow-hover)}.xh-input{width:100%;padding:10px 14px;border-radius:var(--xh-radius-sm);border:1px solid var(--xh-border);background:var(--xh-surface);outline:none;transition:border-color var(--xh-duration-fast) var(--xh-ease),box-shadow var(--xh-duration-fast) var(--xh-ease)}.xh-input:focus{border-color:var(--xh-brand);box-shadow:0 0 0 3px var(--xh-brand-soft)}.route-enter-active{transition:opacity var(--xh-duration) var(--xh-ease),transform var(--xh-duration) var(--xh-ease)}.route-leave-active{transition:opacity var(--xh-duration-fast) var(--xh-ease),transform var(--xh-duration-fast) var(--xh-ease)}.route-enter-from{opacity:0;transform:translateY(12px)}.route-leave-to{opacity:0;transform:translateY(-8px)}.xh-gradient-text{background:var(--xh-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.xh-glass{background:var(--xh-surface-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.xh-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--xh-btn-padding);border:none;border-radius:var(--xh-btn-radius);background:var(--xh-btn-primary-bg);color:var(--xh-btn-primary-text);font-size:var(--xh-btn-font-size);font-weight:var(--xh-btn-font-weight);cursor:pointer;text-decoration:none;transition:opacity .2s ease,transform .1s ease}.xh-btn-primary:hover{opacity:.88}.xh-btn-primary:active{transform:scale(.98)}.xh-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--xh-btn-padding);border:1px solid var(--xh-btn-secondary-border);border-radius:var(--xh-btn-radius);background:var(--xh-btn-secondary-bg);color:var(--xh-btn-secondary-text);font-size:var(--xh-btn-font-size);font-weight:var(--xh-btn-font-weight);cursor:pointer;text-decoration:none;transition:background .2s ease,transform .1s ease}.xh-btn-secondary:hover{background:var(--xh-surface-2)}.xh-btn-secondary:active{transform:scale(.98)}.xh-btn-link{color:var(--xh-btn-link-text);text-decoration:none;font-weight:500;transition:opacity .2s ease}.xh-btn-link:hover{opacity:.8}.xh-container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.xh-container{padding:0 12px}}.xh-hidden{display:none!important}.xh-flex{display:flex}.xh-flex-col{display:flex;flex-direction:column}.xh-flex-center{display:flex;align-items:center;justify-content:center}.xh-gap-2{gap:8px}.xh-gap-3{gap:12px}.xh-gap-4{gap:16px}.xh-mt-2{margin-top:8px}.xh-mt-4{margin-top:16px}.xh-mt-6{margin-top:24px}.xh-text-center{text-align:center}.xh-text-2{color:var(--xh-text-2)}.xh-text-3{color:var(--xh-text-3)}.xh-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xh-show-mobile{display:none}.xh-show-pc{display:block}@media (max-width: 768px){.xh-show-mobile{display:block}.xh-show-pc{display:none}}.xh-skeleton{background:linear-gradient(90deg,var(--xh-surface-2) 25%,var(--xh-border) 50%,var(--xh-surface-2) 75%);background-size:200% 100%;animation:xh-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--xh-radius-sm)}@keyframes xh-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.xh-fade-enter-active,.xh-fade-leave-active{transition:opacity .2s ease}.xh-fade-enter-from,.xh-fade-leave-to{opacity:0}.xh-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 480px){.xh-container{padding:0 8px}}