*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;background:#0d1535;color:#e8edf5;font-family:sans-serif;overflow-y:auto;}
.back{padding:10px 14px;font-size:13px;color:#00c6ff;cursor:pointer;border-bottom:1px solid rgba(0,198,255,0.1);-webkit-tap-highlight-color:transparent;}
.back:active{background:rgba(0,198,255,0.05);}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;}
.gcard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:10px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;}
.gcard:active{background:rgba(255,255,255,0.05);}
.gicon{width:72px;height:72px;border-radius:16px;background:color-mix(in srgb,var(--c) 18%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);display:flex;align-items:center;justify-content:center;}
.gicon svg{width:40px;height:40px;}
.gicon.alb{width:72px;height:72px;border-radius:12px;border:none;}
.gcard span{font-size:11px;color:#8aadcc;text-align:center;line-height:1.3;word-break:break-word;}
.list{display:flex;flex-direction:column;gap:2px;padding:6px;}
.tr{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.tr:active{background:rgba(58,123,213,0.15);}
.tr-num{font-size:12px;color:#3a5a7a;width:20px;text-align:center;flex-shrink:0;}
.tr-title{font-size:13px;color:#8aadcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}