:root{--primary-color: #409eff;--secondary-color: #67c23a;--text-color: #333;--light-bg: #f5f7fa;--border-color: #e4e7ed}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-color);background-color:var(--light-bg);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--primary-color);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.app-content{flex:1;padding:0}.app-footer{background-color:#333;color:#fff;padding:1rem 0;margin-top:auto;text-align:center;font-size:.9rem}