section{animation:pageEnter .4s cubic-bezier(.25,.46,.45,.94)}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light);font-size:14px}#admin>button:first-of-type{background:rgba(245,87,108,.1);color:var(--accent-warm);border:1px solid rgba(245,87,108,.2);margin-bottom:16px;font-size:13px;padding:6px 16px}#admin>button:first-of-type:hover{background:rgba(245,87,108,.15);box-shadow:0 2px 8px #f5576c26}#admin>h2{margin-bottom:8px}.messages-list:empty:after{content:"暂无留言，快来留下第一条吧~";display:block;text-align:center;padding:30px;color:var(--text-light);font-size:14px}.album-grid:empty:after{content:"相册还是空的，等待上传美好瞬间~";display:block;text-align:center;padding:30px;color:var(--text-light);font-size:14px;grid-column:1 / -1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}::selection{background:rgba(102,126,234,.2);color:var(--text-primary)}:root{--primary: #667eea;--primary-light: #764ba2;--primary-dark: #5a67d8;--accent: #f093fb;--accent-warm: #f5576c;--bg-main: #f0f2f5;--bg-card: #ffffff;--bg-card-hover: #fafbff;--bg-dark: #1a1a2e;--bg-darker: #16213e;--bg-input: #f7f8fc;--text-primary: #2d3748;--text-secondary: #718096;--text-light: #a0aec0;--text-white: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-main);background-image:url(/wallpaper.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}#root{width:100%;margin:0;padding:0;text-align:center}a{font-weight:500;color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}h1{font-size:1.8rem;line-height:1.2;font-weight:700}h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}button{border-radius:var(--radius-sm);border:none;padding:.6em 1.4em;font-size:.9rem;font-weight:500;font-family:inherit;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-white);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:3px solid rgba(102,126,234,.4);outline-offset:2px}.container{width:100%;max-width:2400px;margin:90px auto 60px;padding:0 20px}header{background:linear-gradient(135deg,var(--bg-dark),var(--bg-darker));color:#fff;padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;height:60px}.header-content{flex:1}.header-content h1{margin:0;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;list-style:none;gap:4px}nav a{color:#ffffffbf;text-decoration:none;font-size:13px;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:400}nav a:hover{color:#fff;background:rgba(255,255,255,.1)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;position:fixed;top:14px;right:16px;z-index:1001;box-shadow:none}.menu-toggle:hover{transform:none;box-shadow:none}.menu-toggle span{width:22px;height:2px;background-color:#fff;margin:3px 0;transition:var(--transition-normal);border-radius:2px}.menu-toggle.open span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{display:flex}section{padding:20px 0 40px;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{background:linear-gradient(135deg,var(--bg-dark),var(--bg-darker));color:#ffffff80;text-align:center;padding:16px 0;font-size:12px;position:fixed;bottom:0;left:0;right:0;letter-spacing:.5px}.avatars{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:16px;position:relative;padding:100px 0 0}.avatars:before{content:none}.heart{position:relative;z-index:1;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,45,85,.6));flex-shrink:0;align-self:center;margin-bottom:10px}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.avatar-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.avatar-container:first-child{margin-right:0}.avatar-container:last-child{margin-left:0}.avatar{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;border:3px solid transparent;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,var(--primary),var(--accent));background-origin:border-box;background-clip:content-box,border-box;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.avatar:hover{transform:scale(1.05)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:16px;color:var(--text-light);background:linear-gradient(135deg,#f0f2f5,#e2e8f0);width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.avatar-name{margin-top:12px;font-size:20px;color:var(--text-primary);font-weight:600}#home>p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.countdown{margin-top:0;text-align:center;padding:50px 36px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);max-width:650px;margin-left:auto;margin-right:auto}.countdown h2{color:var(--primary);margin-bottom:24px;font-size:1.3rem;font-weight:600}.countdown-display{font-size:min(2.8rem,8vw);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;letter-spacing:min(4px,1.2vw)}.countdown-labels{display:flex;justify-content:center;gap:100px;font-size:1.1rem;color:var(--text-light);font-weight:500;letter-spacing:2px}.countdown-labels span{min-width:50px}.projects-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}.project-item{background:var(--bg-card);padding:24px;border-radius:var(--radius-md);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal)}.project-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.project-item h3{margin-top:0;margin-bottom:8px;color:var(--primary);font-size:1.05rem}.project-item p{color:var(--text-secondary);font-size:14px;line-height:1.6}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:20px}.album-item{text-align:center;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.album-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.album-item img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md)}.photo-title{margin-top:8px;font-size:13px;color:var(--text-secondary)}.home-messages{margin-top:40px}.home-messages-toggle{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:180px;margin:0 auto}.home-messages-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-messages-toggle h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.toggle-icon{color:var(--primary);font-size:.75rem;transition:transform .3s ease}.messages-container{max-width:100%}.messages-list{margin-bottom:30px}.message-item{background:var(--bg-card);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:12px;border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);text-align:left;transition:all var(--transition-normal)}.message-item:hover{box-shadow:var(--shadow-md)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.message-name{font-weight:600;color:var(--primary);font-size:14px}.message-time{font-size:12px;color:var(--text-light)}.message-content{font-size:14px;line-height:1.6;color:var(--text-primary)}.message-form{background:var(--bg-card);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:left}.message-form h3{margin-top:0;margin-bottom:16px;color:var(--primary)}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-input);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea26;background:var(--bg-card)}.form-group textarea{resize:vertical;min-height:80px}.login-form{max-width:380px;margin:20px auto 0;background:var(--bg-card);padding:32px;border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.login-form button{width:100%;margin-top:8px;padding:12px;font-size:15px;border-radius:var(--radius-sm)}.admin-panel{background:var(--bg-card);padding:24px;border-radius:var(--radius-md);margin-top:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:left}.admin-panel h2{color:var(--text-primary)}.admin-panel h3{margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.content-form{text-align:left}.content-form button{margin-top:10px;padding:10px 24px}.album-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:20px}.album-item-preview{text-align:center;position:relative}.album-item-preview img{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--border-color);transition:border-color var(--transition-fast)}.album-item-preview img:hover{border-color:var(--primary)}.album-item-preview button{margin-top:6px;padding:4px 10px;font-size:12px;background:linear-gradient(135deg,var(--accent-warm),#ff6b6b);border-radius:var(--radius-sm)}.album-item-preview button:hover{box-shadow:0 2px 8px #f5576c4d}.avatar-preview{margin-bottom:10px}.avatar-preview img{border:3px solid transparent;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,var(--primary),var(--accent));background-origin:border-box;background-clip:content-box,border-box}#about{background:var(--bg-card);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);text-align:left}#about p{color:var(--text-secondary);font-size:15px;line-height:1.8}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{display:none;flex-direction:column;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:linear-gradient(180deg,var(--bg-dark),var(--bg-darker));padding:70px 24px 24px;box-shadow:-8px 0 30px #0003;transition:right var(--transition-normal);z-index:1000;gap:4px}.nav-menu.open{display:flex;right:0}.nav-menu li{margin:0}nav ul{flex-direction:column;gap:2px}nav a{font-size:15px;padding:12px 16px;border-radius:var(--radius-sm);color:#ffffffb3}nav a:hover{background:rgba(255,255,255,.08);color:#fff}section{padding:10px 0 40px}.container{margin-top:70px;padding:0 16px}.album-grid{grid-template-columns:repeat(2,1fr);gap:12px}.album-preview{grid-template-columns:repeat(3,1fr);gap:10px}.countdown-display{font-size:2.4rem;letter-spacing:3px}.countdown-labels{gap:36px;font-size:1rem}.avatars{gap:30px}.avatar{width:76px;height:76px}.login-form{width:100%;padding:24px}}@media (max-width: 400px){.countdown-display{font-size:2rem}.countdown-labels{gap:28px;font-size:.9rem}.header-content h1{font-size:1rem}}