*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f5f7fa}#app,.page-container{min-height:100vh}.page-container{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-card{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:40px;width:100%;max-width:600px}.page-title{font-size:28px;font-weight:600;color:#303133;margin-bottom:30px;text-align:center}.admin-layout{min-height:100vh;background:#f5f7fa}.admin-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.admin-title{font-size:20px;font-weight:600;color:#303133}.admin-content{padding:24px;max-width:1200px;margin:0 auto}.content-card{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.card-title{font-size:18px;font-weight:600;color:#303133;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #409eff}@media (max-width:768px){.page-container{padding:10px}.page-card{padding:20px;border-radius:4px}.page-title{font-size:22px;margin-bottom:20px}.admin-header{padding:0 12px;height:auto;min-height:56px;flex-wrap:wrap}.admin-title{font-size:16px;width:100%;margin-bottom:8px}.admin-content{padding:12px}.content-card{padding:16px;margin-bottom:16px}.card-title{font-size:16px;margin-bottom:16px}}@media (max-width:480px){.page-card{padding:16px}.page-title{font-size:20px}.admin-header{padding:0 8px}.admin-title{font-size:14px}.admin-content{padding:8px}.content-card{padding:12px}.card-title{font-size:14px}}