.app-header[data-v-1e6f058e]{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding-top:var(--safe-area-top)}.header-inner[data-v-1e6f058e]{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:0 var(--spacing-md);height:44px}.header-title[data-v-1e6f058e]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:.5px}.desktop-nav[data-v-1e6f058e]{display:flex;gap:var(--spacing-lg)}.mobile-nav[data-v-1e6f058e]{display:none;flex-direction:column;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.nav-link[data-v-1e6f058e]{font-size:var(--font-size-base);color:#576b95;text-decoration:none;transition:opacity var(--transition-fast);line-height:44px}.nav-link[data-v-1e6f058e]:hover{opacity:.7}.nav-link--active[data-v-1e6f058e]{color:var(--color-text-primary);font-weight:600}.hamburger[data-v-1e6f058e]{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:2px}.hamburger span[data-v-1e6f058e]{display:block;width:100%;height:2px;background-color:var(--color-text-primary);border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.hamburger.open span[data-v-1e6f058e]:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span[data-v-1e6f058e]:nth-child(2){opacity:0}.hamburger.open span[data-v-1e6f058e]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.slide-down-enter-active[data-v-1e6f058e],.slide-down-leave-active[data-v-1e6f058e]{transition:all var(--transition-fast)}.slide-down-enter-from[data-v-1e6f058e],.slide-down-leave-to[data-v-1e6f058e]{opacity:0;transform:translateY(-8px)}@media(max-width:640px){.desktop-nav[data-v-1e6f058e]{display:none}.hamburger[data-v-1e6f058e],.mobile-nav[data-v-1e6f058e]{display:flex}.mobile-nav-link[data-v-1e6f058e]{line-height:36px;font-size:var(--font-size-base)}}.app-container[data-v-d6d39db2]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-d6d39db2]{flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--color-text-link);text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:400}p{overflow-wrap:break-word}#app{min-height:100vh}:root{--color-bg: #ffffff;--color-bg-secondary: #f7f7f7;--color-text-primary: #333333;--color-text-secondary: #888888;--color-text-link: #576b95;--color-border: #e5e5e5;--color-divider: #f0f0f0;--color-accent: #07c160;--color-danger: #fa5151;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-right-enter-from{transform:translate(-20px);opacity:0}.slide-right-leave-to{transform:translate(20px);opacity:0}.scale-enter-active,.scale-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.scale-enter-from,.scale-leave-to{transform:scale(.9);opacity:0}.slide-fade-enter-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-fade-leave-active{transition:transform var(--transition-slow),opacity var(--transition-slow)}.slide-fade-enter-from{transform:translateY(10px) scale(.98);opacity:0}.slide-fade-leave-to{transform:translateY(-10px) scale(.98);opacity:0}@media(max-width:767px){.photo-grid{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important;padding:var(--spacing-sm)!important}.app-header nav{gap:var(--spacing-xs)}.app-header .nav-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}button,a,.clickable{min-height:44px;min-width:44px}.upload-zone{padding:var(--spacing-lg) var(--spacing-md)}.timeline{padding:var(--spacing-xs) var(--spacing-sm)}.photo-card{width:100%;margin:0}.photo-viewer{padding:0}}@media(min-width:768px)and (max-width:1024px){.photo-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)!important}}@media(min-width:1025px){.photo-grid{grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-md)!important;max-width:1200px;margin:0 auto}}@supports (padding: env(safe-area-inset-top)){.app-header{padding-top:env(safe-area-inset-top)}.app-main{padding-bottom:env(safe-area-inset-bottom)}.editor-topbar{padding-top:calc(var(--spacing-sm) + env(safe-area-inset-top))}.editor-toolbar{padding-bottom:env(safe-area-inset-bottom)}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg);overscroll-behavior-y:contain}@media(hover:none)and (pointer:coarse){button:hover,a:hover{opacity:1}input[type=range]{height:28px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-bg-secondary: #2c2c2c;--color-text-primary: #e5e5e5;--color-text-secondary: #999999;--color-border: #3a3a3a;--color-divider: #2c2c2c}}