body{margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app{display:flex;flex-direction:column;min-height:100vh}header{background-color:#1a1a1a;padding:15px 20px}nav{display:flex;gap:20px}nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background-color .3s}nav a:hover,nav a.router-link-active{background-color:#333}main{flex:1;padding:20px}footer{background-color:#f5f5f5;text-align:center;padding:15px;font-size:.9rem;color:#555}:root{--primary-color: #d4af37;--secondary-color: #1a1a1a;--text-color: #2c3e50;--light-bg: #f5f5f5;--card-bg: #ffffff;--border-color: #eeeeee;--shadow: 0 2px 12px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--light-bg);line-height:1.6}a{text-decoration:none;color:var(--primary-color)}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 15px}.card{padding:15px}}