*{box-sizing:border-box}body{margin:0;background:#f7f7f4;color:#242424;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}header{height:72px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;gap:34px}.logo{font-size:25px;font-weight:900}.logo span{font-weight:500;margin-left:3px}.nav nav{display:flex;gap:24px}.nav form{margin-left:auto;display:flex;background:#f1f1ef;border-radius:25px;padding:4px}.nav input{width:180px;border:0;background:transparent;padding:8px 12px;outline:0}.nav button{border:0;border-radius:20px;background:#222;color:#fff;padding:8px 15px}.hero{min-height:440px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.hero small{letter-spacing:4px;color:#d84d69}.hero h1{font-size:56px;line-height:1.08;margin:14px 0}.hero em{font-style:normal;color:#d84d69}.hero p{color:#777;font-size:17px}.btn{display:inline-block;background:#222;color:#fff;padding:13px 22px;border-radius:10px;margin-top:12px}.hero-card{height:300px;border-radius:28px;background:linear-gradient(145deg,#e7d5d0,#b9c8c3);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;box-shadow:0 20px 60px #2222}.hero-card b{font-size:34px;margin:7px 0}.title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 17px}.title h2{margin:0}.title a{font-size:13px;color:#777}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 22px #00000008}.cover{aspect-ratio:3/4;background:#ddd;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.info{padding:13px}.info h3{margin:0 0 6px;font-size:16px}.muted{color:#888;font-size:12px}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.list-item{display:flex;justify-content:space-between;background:#fff;border-bottom:1px solid #eee;padding:14px 0}.ranking{list-style:none;padding:0;margin:0}.ranking li,ol li{background:#fff;padding:14px 18px;border-bottom:1px solid #eee;display:flex;gap:12px}.ranking li b{width:25px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:60px}.news-grid article{background:#fff;padding:24px;border-radius:16px}.news-grid b{font-size:12px;color:#d84d69}.news-grid p{color:#777;line-height:1.7}footer{background:#222;color:#aaa;padding:35px 0;font-size:13px}footer b{color:#fff}@media(max-width:800px){.nav{gap:12px}.nav nav{display:none}.nav form{width:100%}.nav input{width:100%}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0}.hero h1{font-size:42px}.hero-card{height:230px}.grid{grid-template-columns:repeat(2,1fr)}.two,.news-grid{grid-template-columns:1fr}.wrap{width:calc(100% - 24px)}}