*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#333;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.spinner{border:4px solid #d9dce6;border-top-color:#4a6cf7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.title{color:#666;font-size:16px}.error-icon{color:#e5484d;text-align:center;background:#fdecea;border-radius:50%;width:48px;height:48px;font-size:28px;font-weight:700;line-height:48px}.error-text{color:#999;text-align:center;word-break:break-all;max-width:320px;font-size:14px}.home{background:#f4f6fb;max-width:520px;min-height:100%;margin:0 auto}.home-header{color:#fff;background:linear-gradient(160deg,#2f6bff 0%,#4f8cff 60%,#6aa3ff 100%);border-radius:0 0 24px 24px;padding:16px 20px 28px}.home-header__bar{justify-content:space-between;align-items:center;display:flex}.home-brand{align-items:center;gap:10px;display:flex}.home-brand__logo{color:#fff;background:#ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-brand__name{letter-spacing:.5px;font-size:18px;font-weight:700}.home-brand__slogan{opacity:.85;margin-top:2px;font-size:11px}.home-header__avatar{background:#fff3;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:flex}.home-greeting{margin-top:22px}.home-greeting__title{font-size:20px;font-weight:700}.home-greeting__sub{opacity:.9;margin-top:6px;font-size:13px}.home-body{padding:16px 16px 32px}.home-section+.home-section{margin-top:20px}.home-section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-section__title{color:#1f2a44;font-size:16px;font-weight:700}.home-section__more{color:#2f6bff;font-size:13px}.home-grid{background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:14px 8px;padding:18px 12px;display:grid;box-shadow:0 4px 16px #1f2a440d}.home-grid__item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px 0;font-family:inherit;display:flex}.home-grid__icon{color:#2f6bff;background:#eef4ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .1s;display:flex}.home-grid__item:active .home-grid__icon{transform:scale(.92)}.home-grid__label{color:#3a4563;font-size:12px}.home-list{background:#fff;border-radius:16px;padding:6px 14px;box-shadow:0 4px 16px #1f2a440d}.home-card{align-items:center;gap:12px;padding:12px 0;display:flex}.home-card+.home-card{border-top:1px solid #f0f2f7}.home-card__cover{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.home-card__info{flex:1;min-width:0}.home-card__title{color:#1f2a44;font-size:15px;font-weight:600}.home-card__desc{color:#8a94ad;margin-top:4px;font-size:12px}.home-card__arrow{color:#c3cbd9;font-size:22px}.home-footer{text-align:center;color:#aab2c5;padding:8px 0 24px;font-size:12px}