*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa}#app{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 375px){.container{padding:0 12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 376px) and (max-width: 767px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.container{padding:0 24px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.p-8{padding:8px}.p-16{padding:16px}.page-with-bottom-nav{padding-bottom:50px;min-height:calc(100vh - 50px)}.page-with-top-nav{padding-top:46px;min-height:calc(100vh - 46px)}.page-with-both-nav{padding-top:46px;padding-bottom:50px;min-height:calc(100vh - 96px)}@media (min-width: 768px){.page-with-bottom-nav{padding-bottom:60px;min-height:calc(100vh - 60px)}.page-with-top-nav{padding-top:56px;min-height:calc(100vh - 56px)}.page-with-both-nav{padding-top:56px;padding-bottom:60px;min-height:calc(100vh - 116px)}}@media (min-width: 1024px){.page-with-bottom-nav{padding-bottom:70px;min-height:calc(100vh - 70px)}.page-with-top-nav{padding-top:66px;min-height:calc(100vh - 66px)}.page-with-both-nav{padding-top:66px;padding-bottom:70px;min-height:calc(100vh - 136px)}}@supports (padding: max(0px)){.page-with-bottom-nav,.page-with-both-nav{padding-bottom:max(50px,env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px 0}.empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;text-align:center}.empty-container .empty-icon{font-size:48px;color:#c8c9cc;margin-bottom:16px}.empty-container .empty-text{color:#969799;font-size:14px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.btn-primary{background:#1989fa;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#1677dd}.btn-secondary{background:#f7f8fa;color:#323233;border:1px solid #ebedf0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f2f3f5}@media (max-width: 375px){.btn-primary,.btn-secondary{padding:10px 20px;font-size:13px}}@media (min-width: 768px){.btn-primary,.btn-secondary{padding:14px 28px;font-size:15px}}