:root{--primary-color: #1e88e5;--primary-dark: #1976d2;--text-color: #333;--text-light: #666;--background-light: #f5f7fa;--header-height: 64px}html,body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;height:100%;background-color:var(--background-light);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:15px}.logo{width:40px;height:40px;border-radius:50%}.header-text{display:flex;flex-direction:column}.subtitle{color:var(--text-color);font-size:16px;font-weight:500}.header-right{display:flex;align-items:center}.env-tag{background-color:#ff9800;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.app-content{flex:1;padding:calc(var(--header-height) + 20px) 20px 20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.app-footer{background-color:#fff;padding:20px;margin-top:40px;border-top:1px solid rgba(0,0,0,.05)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-links{margin-bottom:10px}.footer-links a{color:var(--text-light);text-decoration:none;font-size:14px;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.divider{margin:0 10px;color:var(--text-light)}.copyright{color:var(--text-light);font-size:13px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.subtitle{font-size:14px}.app-content{padding:calc(var(--header-height) + 10px) 15px 15px}}@media (max-width: 480px){.logo{width:32px;height:32px}.subtitle{font-size:13px}.footer-links{flex-direction:column;gap:10px}.divider{display:none}}