:root{--blue:#1557c0;--blue2:#2878e8;--navy:#10284d;--pale:#edf4ff;--ink:#17243b;--muted:#758198;--line:#e5ebf4;--red:#d92735}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#f4f7fc}
.top{height:330px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.16) 0 130px,transparent 131px),radial-gradient(circle at 8% 100%,rgba(74,143,255,.24) 0 170px,transparent 171px),linear-gradient(125deg,#103b91,#1768d6 62%,#3188f4);color:white;padding:28px 20px 100px;overflow:hidden}
.wrap{width:min(100%,980px);margin:auto}
.brand{display:flex;align-items:center;gap:14px}
.logo{width:70px;height:70px;background:white;border-radius:18px;padding:5px;object-fit:contain;box-shadow:0 8px 24px #092b6633}
.brand-name{font-size:22px;font-weight:800;letter-spacing:.5px}
.sub{font-size:12px;letter-spacing:2px;opacity:.82;margin-top:5px}
.season{display:inline-block;margin-top:22px;background:#ffffff26;border:1px solid #ffffff2e;border-radius:99px;padding:8px 14px;font-size:13px}
.hero-title{font-size:30px;font-weight:850;margin:24px 0 8px}
.hero-desc{font-size:15px;line-height:1.8;color:#e3edff}
main{width:min(100% - 32px,920px);margin:24px auto 48px;position:relative}
.panel{background:white;border:1px solid #edf1f7;border-radius:25px;box-shadow:0 16px 48px #193c7210;padding:28px;margin-bottom:20px}
.panel h2{font-size:21px;margin:0 0 20px;letter-spacing:.2px}
.label{font-size:14px;font-weight:700;color:#586780;display:block;margin:15px 0 8px}
.field{width:100%;height:54px;border:1px solid #dfe6f0;border-radius:14px;background:#fbfcff;padding:0 16px;font-size:16px;outline:none;transition:.2s}
.field:focus{border-color:#3982ed;box-shadow:0 0 0 4px #2878e814;background:white}
.btn{border:0;border-radius:14px;height:54px;padding:0 20px;background:linear-gradient(100deg,var(--blue),var(--blue2));color:white;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #1557c026}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.searchbtn{width:100%;margin-top:20px}
.hint{color:var(--muted);font-size:12px;line-height:1.8;margin-top:13px}
.result{margin-top:20px;border-radius:16px;padding:18px;background:#f2f7ff;border:1px solid #dceaff;display:none}
.result.error{background:#fff5f4;border-color:#f4d7d5;color:#a42a2a}
.result h3{margin:0 0 14px;font-size:17px}
.details{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.detail{padding:13px;border-radius:12px;background:white;border:1px solid #e6eefb}
.detail small{display:block;color:#7a879c;font-size:12px;margin-bottom:7px}
.detail strong{font-size:16px;overflow-wrap:anywhere}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.stat{background:white;border:1px solid #edf1f7;border-radius:20px;padding:20px;text-align:center;box-shadow:0 10px 28px #193c7208}
.stat .num{font-size:27px;font-weight:850;color:#185cc3}
.stat .caption{font-size:13px;color:#78859a;margin-top:8px}
.footer{text-align:center;color:#8a95a8;font-size:12px;line-height:1.8;padding:0 18px 35px}
@media(max-width:600px){.top{height:315px;padding:22px 18px 88px}.logo{width:58px;height:58px;border-radius:15px}.brand-name{font-size:18px}.hero-title{font-size:27px}.hero-desc{font-size:13px}main{width:calc(100% - 24px);margin-top:-58px}.panel{padding:21px 18px;border-radius:22px}.stats{gap:8px}.stat{padding:15px 5px;border-radius:16px}.stat .num{font-size:22px}.stat .caption{font-size:11px}.details{grid-template-columns:1fr}}