:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#eef5fc;background:#09111b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}#app{max-width:640px;margin:auto;min-height:100dvh;padding-bottom:88px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 16px}.brand{display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#183e35;font-size:23px}.brand strong{display:block;font-size:18px;letter-spacing:.5px}.brand small{font-size:9px;color:#8192a5;letter-spacing:1.6px}#reload{border:1px solid #26394a;background:#12202d;color:#dce9f6;border-radius:12px;font-size:26px;width:42px;height:42px}.hero{margin:4px 16px 22px;padding:25px 23px;background:radial-gradient(circle at 95% 0%,#216650 0%,transparent 48%),linear-gradient(140deg,#162d39,#10202c 75%);border:1px solid #315047;border-radius:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8fcbb7}.hero h1{font-size:32px;line-height:1.22;margin:16px 0 10px}.hero h1 em{color:#5be2b0;font-style:normal}.hero p{font-size:12px;color:#a1b5c4}.hero-stat{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #35514c;color:#b5d7ce;font-size:11px}.toolbar{padding:0 16px}.datebar{display:flex;gap:8px;align-items:center}.datebar button,.datebar input{height:40px;border-radius:11px;border:1px solid #263746;background:#13212e;color:#eaf5fa;padding:0 12px}.datebar input{flex:1;min-width:0;color-scheme:dark}.filters{display:flex;overflow:auto;gap:9px;padding:17px 0 14px;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid #253645;background:#13202c;color:#a3b3c4;border-radius:20px;padding:9px 15px;font-size:12px}.filters button.active{color:#072b20;background:#56dba7;border-color:#56dba7;font-weight:700}.matches{padding:0 16px}.league{display:flex;justify-content:space-between;align-items:center;margin:20px 1px 10px;color:#92a7bb;font-size:12px}.league span:last-child{font-size:10px}.match{position:relative;border:1px solid #243544;background:#121f2b;border-radius:16px;margin-bottom:10px;padding:16px 12px;display:grid;grid-template-columns:1fr 70px 1fr;gap:3px;align-items:center}.team{text-align:center;font-size:13px;font-weight:650;min-width:0;overflow-wrap:anywhere}.team .badge-team{display:grid;place-items:center;margin:0 auto 8px;width:38px;height:38px;border-radius:50%;background:#223a47;color:#8ee5c3;font-size:14px}.score{text-align:center}.score strong{font-size:21px;white-space:nowrap}.score small{display:block;font-size:10px;color:#8ba1b4;margin-top:5px}.score .live{color:#61e5ad}.star{position:absolute;right:9px;top:8px;border:0;background:transparent;color:#879caf;font-size:19px}.star.on{color:#f4cb65}.empty{text-align:center;color:#8b9eb0;padding:44px 15px;border:1px dashed #304253;border-radius:16px}.notice{margin:22px 16px;padding:16px;background:#101d29;border:1px solid #223544;border-radius:14px}.notice strong{font-size:12px;color:#b2d4c8}.notice p{font-size:11px;line-height:1.8;color:#8095a8;margin-bottom:0}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#101b27ee;backdrop-filter:blur(20px);border-top:1px solid #293a49;display:flex;justify-content:space-around}.bottom button{border:0;background:none;color:#8196a8;font-size:22px;width:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom button span{font-size:10px}.bottom button.selected{color:#5ee1ad}.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:flex-end;justify-content:center;z-index:20}.hidden{display:none}.sheet{width:min(100%,640px);max-height:88dvh;overflow:auto;background:#132231;border-radius:24px 24px 0 0;padding:24px 20px calc(35px + env(safe-area-inset-bottom));position:relative}.close{position:absolute;right:20px;top:17px;border:0;border-radius:50%;background:#283a49;color:white;width:32px;height:32px}.detail-title{font-size:20px;margin:18px 38px 8px 0}.detail-score{font-size:28px;color:#6be4b2;margin:20px 0}.section-title{font-size:13px;color:#76d8b4;margin:22px 0 9px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #263a48;font-size:12px}.muted{color:#8ca1b2;font-size:12px;line-height:1.8}.pill{display:inline-block;background:#204b3f;border-radius:8px;padding:4px 9px;font-size:10px;color:#8ff2c9}