*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}.wrap{max-width:1100px;margin:auto;padding:0 18px}.site-header{background:#fff;border-bottom:1px solid #eee}.site-header .wrap{height:62px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;color:#1683ff;text-decoration:none}.site-header nav a{margin-left:20px;color:#555;text-decoration:none}.hero{background:#fff;margin:25px 0;padding:38px 28px;border-radius:12px;text-align:center}.hero h1{margin:0 0 12px;font-size:32px}.hero p{color:#666}.search{display:flex;max-width:650px;margin:25px auto 0}.search input{flex:1;border:1px solid #ddd;border-right:0;border-radius:8px 0 0 8px;padding:13px;font-size:16px}.search button,.button{border:0;background:#1683ff;color:#fff;padding:13px 20px;border-radius:0 8px 8px 0;cursor:pointer;text-decoration:none}.card{background:#fff;padding:24px;margin:20px 0;border-radius:12px}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.city-grid a{padding:15px;background:#f6f8fb;border-radius:8px;color:#333;text-decoration:none}.weather-head{background:#fff;margin:25px 0;padding:25px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.weather-head h1{margin:8px 0}.crumb{font-size:13px;color:#777}.crumb a{color:#1683ff}.current-temp{display:flex;align-items:center;gap:10px}.current-temp img{width:60px;height:60px}.current-temp strong{font-size:40px}.current-temp span{color:#666}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stats div{background:#fff;border-radius:10px;padding:16px;text-align:center}.stats span,.stats strong{display:block}.stats span{font-size:13px;color:#777;margin-bottom:7px}.forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.forecast article{border:1px solid #eee;border-radius:10px;padding:15px;text-align:center}.forecast img{display:block;width:55px;height:55px;margin:10px auto}.forecast span,.forecast b,.forecast strong{display:block;margin-top:7px}.forecast span{font-size:13px;color:#666}.result-list a{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #eee;text-decoration:none;color:#222}.error{color:#c00}.notice{background:#fff6dd;padding:12px;border-radius:8px}.credit{text-align:center;color:#888;font-size:12px;margin:25px}.site-header+main{min-height:70vh}footer{padding:25px 0;color:#888;font-size:13px;text-align:center}@media(max-width:700px){.weather-head{display:block}.current-temp{margin-top:20px}.stats{grid-template-columns:repeat(2,1fr)}.search{display:block}.search input{width:100%;border-right:1px solid #ddd;border-radius:8px;margin-bottom:8px}.search button{width:100%;border-radius:8px}.hero h1{font-size:26px}}