:root{--dl-page: #ffffff;--dl-page-wide: #f5f5f5;--dl-card: #f5f5f7;--dl-card-wide: #ffffff;--dl-text: #111111;--dl-text-secondary: #666666;--dl-text-hint: #767676;--dl-btn-bg: #111111;--dl-btn-bg-active: #333333;--dl-btn-text: #ffffff;--dl-logo-shadow: 0 6px 20px rgba(17, 17, 17, .14)}@media(prefers-color-scheme:dark){:root{--dl-page: #1a1a1a;--dl-page-wide: #1a1a1a;--dl-card: #252525;--dl-card-wide: #252525;--dl-text: #f2f2f2;--dl-text-secondary: #ababab;--dl-text-hint: #969696;--dl-btn-bg: #f2f2f2;--dl-btn-bg-active: #d6d6d6;--dl-btn-text: #111111;--dl-logo-shadow: 0 0 0 1px rgba(255, 255, 255, .1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--dl-text);background:var(--dl-page);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 20px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{width:100%}.container{width:100%;max-width:400px;margin:0 auto}.head{text-align:center;margin-bottom:32px}.logo{display:block;width:88px;height:88px;border-radius:20px;margin:0 auto 20px;box-shadow:var(--dl-logo-shadow)}h1{font-size:26px;line-height:34px;font-weight:700;letter-spacing:.5px;color:var(--dl-text);margin-bottom:6px}.subtitle{font-size:15px;line-height:22px;color:var(--dl-text-secondary)}.cards{display:grid;grid-template-columns:1fr;grid-gap:12px}.card{background:var(--dl-card);border-radius:16px;padding:20px}.platform{display:flex;align-items:center;margin-bottom:16px}.platform-icon{flex:none;width:36px;height:36px;margin-right:14px;fill:var(--dl-text)}.card h2{font-size:18px;line-height:24px;font-weight:700;color:var(--dl-text)}.desc{font-size:13px;line-height:19px;color:var(--dl-text-secondary);margin-top:2px}.btn{display:block;padding:15px 20px;border-radius:12px;font-size:16px;line-height:20px;font-weight:600;text-align:center;text-decoration:none;color:var(--dl-btn-text);background:var(--dl-btn-bg);transition:background-color .15s ease}.btn:active{background:var(--dl-btn-bg-active)}@media(hover:hover){.btn:hover{background:var(--dl-btn-bg-active)}}.back{margin-top:24px;text-align:center}.back a{font-size:14px;color:var(--dl-text-hint);text-decoration:none;transition:color .15s ease}.back a:hover{color:var(--dl-text)}@media(min-width:640px){body{background:var(--dl-page-wide)}.container{max-width:680px}.cards{grid-template-columns:1fr 1fr}.card{background:var(--dl-card-wide)}}