.home-container{display:flex;flex-direction:column;align-items:center;padding:40px 24px;overflow:auto;gap:32px;max-width:1100px;margin:0 auto;width:100%;}
.home-hero{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;}
.home-logo{width:80px;height:80px;}
.home-logo img{width:100%;height:100%;}
.home-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-0.5px;}
.home-title span{background:linear-gradient(135deg,#7c3aed,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.home-subtitle{font-size:15px;color:var(--text-secondary);max-width:520px;line-height:1.6;}
.home-section{width:100%;}
.home-section-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 4px;display:flex;align-items:center;gap:8px;}
.home-section-count{font-size:11px;font-weight:500;background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:10px;}
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;width:100%;}
.home-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-decoration:none;}
.home-card:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow);}
.home-card-icon{width:22px;height:22px;min-width:22px;color:var(--accent);display:flex;align-items:center;justify-content:center;}
.home-card-icon svg{width:22px;height:22px;}
.home-card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;}
.home-card-label{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-card-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-hint{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;padding-bottom:24px;}
.home-hint kbd{padding:2px 6px;border-radius:4px;font-size:11px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);}
@media (max-width:768px){.home-container{padding:24px 16px;gap:24px;}.home-title{font-size:22px;}.home-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;}.home-card{padding:10px 12px;}.home-card-desc{display:none;}}
@media (max-width:480px){.home-grid{grid-template-columns:1fr 1fr;}.home-card-label{font-size:12px;}}