.dashboard{max-width:1000px;margin:30px auto;padding:0 20px}.weather-card{background:linear-gradient(135deg,#42a5f5,#478edf);color:#fff;border-radius:16px;padding:24px;margin-bottom:40px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.weather-card h2{margin:0 0 16px;font-size:20px}.search-box{display:flex;gap:10px;margin-bottom:16px}.search-box input{flex:1;padding:10px 14px;border:none;border-radius:8px;outline:none}.search-box button{padding:0 16px;border:none;border-radius:8px;background:#fff;color:#3b82f6;font-weight:700;cursor:pointer}.tip{text-align:center;padding:10px 0}.error{color:#ffcaca}.weather-info{text-align:center}.temp{font-size:42px;font-weight:700}.city{font-size:18px;margin:4px 0}.desc{font-size:16px;opacity:.9}.details{margin-top:10px;display:flex;justify-content:center;gap:16px;font-size:14px;opacity:.9}.query-box{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.query-box input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;flex:1;min-width:140px}.query-box button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.user-container h1{color:#2c3e50;text-align:center;margin-bottom:20px}.user-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}.user-table th{background:#3b82f6;color:#fff;padding:12px;text-align:left}.user-table td{padding:12px;border-bottom:1px solid #eee}.user-table tbody tr:nth-child(2n){background:#f9fafb}.user-table tbody tr:hover{background:#eff6ff}.btn-edit{background:#10b981;margin-right:6px}.btn-del,.btn-edit{padding:4px 10px;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-del{background:#ef4444}.pagination{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:15px}.pagination button{padding:6px 12px;border:1px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.dialog{background:#fff;width:460px;border-radius:10px;overflow:hidden}.dialog-header{padding:16px;background:#3b82f6;color:#fff;display:flex;justify-content:space-between;align-items:center}.dialog-header h3{margin:0;font-size:16px}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.dialog-body{padding:20px}.form-item{margin-bottom:16px;display:flex;align-items:center}.form-item label{width:70px;font-weight:700}.form-item input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px}.dialog-footer{padding:16px;text-align:right;border-top:1px solid #eee}.dialog-footer button{margin-left:10px;padding:6px 16px;border-radius:6px;border:1px solid #ddd;cursor:pointer}.btn-confirm{background:#3b82f6;color:#fff;border:none!important}.btn-add{background:#10b981!important}.btn-batch-del{background:#ef4444!important}.login-wrap{width:320px;margin:100px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 10px #eee}.login-wrap input{width:100%;margin:8px 0;padding:8px}.token-show{background:#f8f9fa;padding:12px;margin:10px 0;border-radius:6px;word-break:break-all}