.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;text-decoration:none;transition:all .2s;font-weight:600}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff}
.btn-outline{background:#fff;color:var(--text);border:1px solid var(--border)}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:20}
.header-inner{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:inherit;text-decoration:none}
.logo{width:24px;height:24px}
.brand-text{font-size:18px}
.nav{display:flex;align-items:center;gap:12px;margin-left:auto}
.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.card-icon{width:56px;height:56px;border-radius:50%;object-fit:contain}
.card-title{display:flex;align-items:center;gap:8px}
.t-main{font-size:18px;font-weight:700}
.t-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:14px}
.t-badge.b1{background:var(--primary)}
.t-badge.b2{background:#00a2ff}
.t-badge.b3{background:#f59e0b}
.toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:9999}