.random-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.random-head h1{font-size:28px;font-weight:800;margin:0;flex:1}.random-head .sub{color:var(--text-mute);font-size:14px;margin-top:4px}.rand-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.rand-table{width:100%;border-collapse:collapse;font-size:14px}.rand-table th{text-align:left;padding:12px 16px;color:var(--text-dim);font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.rand-table td{padding:10px 16px;border-bottom:1px solid var(--border)}.rand-table tr:last-child td{border-bottom:0}.rand-table tr.song-row{cursor:pointer;transition:background .12s}.rand-table tr.song-row:hover{background:rgba(255,255,255,0.04)}.rand-table tr.song-row.playing{background:rgba(79,140,255,0.10)}.rand-table .idx{color:var(--text-dim);width:50px;text-align:center}.rand-table .name{font-weight:500}.rand-table .disc{color:var(--text-mute);width:26%;min-width:150px;white-space:nowrap}.rand-table .dur{color:var(--text-mute);width:70px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rand-table .ops{width:130px;text-align:right;white-space:nowrap}.rand-table .ops .btn-icon{width:30px;height:30px;font-size:13px;margin-left:4px}@media (max-width:960px){.random-head{flex-direction:column;align-items:stretch;gap:14px}.random-head>div{width:100%}.random-head h1{font-size:21px}.random-head .btn{flex:1}}@media (max-width:640px){.rand-table thead{display:none}.rand-table td{padding:8px 6px}.rand-table tr.song-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;column-gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.rand-table tr.song-row>td{display:block;padding:0;border-bottom:0;min-width:0}.rand-table tr.song-row>.disc{display:none}.rand-table tr.song-row>.idx{width:auto;text-align:left}.rand-table tr.song-row>.name{grid-column:2}.rand-table tr.song-row>.dur{grid-column:3;width:auto}.rand-table tr.song-row>.ops{grid-column:1 / -1;width:auto;display:flex;justify-content:flex-start;margin-top:2px;padding-top:9px;border-top:1px dashed var(--border)}.rand-table .ops .btn-icon{width:38px;height:38px;font-size:15px;margin:0 10px 0 0}.rand-table tr:last-child{border-bottom:0}}