.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;}}