html,body,#app{margin:0;padding:0;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#faf9f6,#f5f0e8,#ede4d3);min-height:100vh}.glass{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.4)}.glass--strong{background:#ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5)}.glass--subtle{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.page-container{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:100;padding:16px 48px}.navbar__inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:inherit}.navbar__brand-zh{font-size:22px;font-weight:700;color:#262626}.navbar__brand-en{font-size:12px;color:#a3a3a3;letter-spacing:2px}.navbar__actions{display:flex;gap:12px}.nav-link{padding:8px 20px;border-radius:999px;font-size:14px;font-weight:500;color:#525252;cursor:pointer;transition:all .15s}.nav-link.active{background:linear-gradient(135deg,#ffdb73,#ffd14d,#e5b830);color:#262626;box-shadow:0 2px 12px #ffd14d40}.footer{padding:20px;text-align:center;margin-top:auto}.footer-text{font-size:13px;color:#a3a3a3;letter-spacing:1px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@media (max-width: 768px){.navbar{padding:12px 16px}}