:root{color:#f5f5f2;background:#0b0d0c;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#0b0d0c}body{margin:0;min-width:320px;min-height:100vh;background:#0b0d0c;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:2px solid #d7c35f;outline-offset:3px}.platform-page{width:100%;min-height:100vh;margin-inline:auto;padding:28px clamp(18px,2.4vw,40px) 48px}.page-header{padding-bottom:18px}.page-header h1{margin:0;font-size:clamp(24px,2vw,32px);font-weight:700;line-height:1.25;letter-spacing:.02em}.provider-nav{position:sticky;top:0;z-index:10;background:#0b0d0c;border-bottom:1px solid #33372f}.provider-list,.type-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.provider-list{padding:2px 0 0}.provider-list::-webkit-scrollbar,.type-list::-webkit-scrollbar{display:none}.provider-tab{position:relative;flex:0 0 auto;min-width:138px;min-height:48px;padding:0 22px;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;color:#d7d8d3;background:transparent;cursor:pointer;font-size:16px;font-weight:600;line-height:1;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.provider-tab:hover{color:#fff;background:#151815}.provider-tab[data-active=true]{color:#e4d36c;background:#121511;border-color:#4e733b}.provider-tab[data-active=true]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:#d7c35f}.provider-content{min-height:620px;padding-top:28px}.type-list{justify-content:flex-start;padding:2px}.type-tab{flex:0 0 auto;min-width:88px;min-height:40px;padding:0 18px;border:1px solid #343930;border-radius:999px;color:#bfc2bc;background:#101310;cursor:pointer;font-size:15px;font-weight:600;line-height:1;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.type-tab:hover{color:#fff;border-color:#4e5c45}.type-tab[data-active=true]{color:#171a14;background:#d7c35f;border-color:#d7c35f}.game-area{margin-top:24px;border-top:1px solid #242823;min-height:430px;padding-top:16px}.game-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:18px;row-gap:24px}.game-card{display:block;min-width:0;overflow:visible;padding:0;border:0;border-radius:0;color:#f5f5f2;background:transparent;cursor:pointer;text-decoration:none;text-align:left;transition:transform .16s ease}.game-card:hover{transform:translateY(-2px)}.game-cover{position:relative;display:block;overflow:hidden;aspect-ratio:1;border:1px solid #315c3a;border-radius:10px;background:#101310;transition:border-color .16s ease,box-shadow .16s ease}.game-card:hover .game-cover{border-color:#5a8b59}.game-cover img{display:block}.game-cover-image{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.game-card:hover .game-cover-image{transform:scale(1.012)}.game-name{display:block;overflow:hidden;padding:9px 4px 0;color:#dfe1dc;font-size:15px;font-weight:550;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1500px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1280px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1024px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.platform-page{padding:20px 14px 36px}.page-header{padding:2px 2px 14px}.page-header h1{font-size:22px}.provider-nav{margin-inline:-14px;padding-inline:14px}.provider-list,.type-list{gap:6px}.provider-tab{min-width:auto;min-height:44px;padding-inline:16px;border-radius:999px;font-size:15px}.provider-tab[data-active=true]{border-width:1px}.provider-tab[data-active=true]:after{display:none}.provider-content{min-height:calc(100dvh - 132px);padding-top:22px}.type-nav{margin-inline:-14px;padding-inline:14px}.type-list{justify-content:flex-start}.type-tab{min-width:auto;min-height:38px;padding-inline:16px;font-size:14px}.game-area{margin-top:20px;min-height:340px;padding-top:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-name{padding:8px 3px 0;font-size:14px}}