@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: #ffffff;
            color: #000000;
            overflow: hidden;
        }

        /* 2026-09-07：需求推理模块整块下线（需求转换/音频反求 → 隐藏；DOM 保留以兼容既有功能绑定） */
        #advancedPanel { display: none !important; }

        /* 极简自定义滚动条 */
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #d4d4d8; }

        /* 平面化组件样式 */
        .panel-border { border: 1px solid #e4e4e7; }
        .bg-secondary { background-color: #fcfcfc; }

        .chip {
            padding: 4px 12px;
            border-radius: 9999px;
            font-size: 12px;
            border: 1px solid #e4e4e7;
            cursor: pointer;
            transition: all 0.2s ease;
            background: #ffffff;
            color: #3f3f46;
        }
        .chip:hover { border-color: #000000; color: #000000; }
        .chip.active { background: #000000; color: #ffffff; border-color: #000000; }

        .btn-primary {
            background: #000000; color: #ffffff; border: 1px solid #000000;
            transition: all 0.2s;
        }
        .btn-primary:hover { background: #27272a; border-color: #27272a; }
        .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }

        .btn-outline {
            background: transparent; color: #000000; border: 1px solid #e4e4e7;
            transition: all 0.2s;
        }
        .btn-outline:hover { border-color: #000000; }

        details > summary { list-style: none; cursor: pointer; }
        details > summary::-webkit-details-marker { display: none; }

        /* 行状态色 */
        .st-idle   { color: #6b7280; }
        .st-busy   { color: #f59e0b; }
        .st-ok     { color: #16a34a; }
        .st-err    { color: #dc2626; }

        /* 滑块美化 */
        input[type="range"] { accent-color: #000000; }

        /* Toast */
        #toast {
            position: fixed; left: 50%; bottom: 80px; transform: translateX(-50%);
            background: #000; color: #fff; padding: 10px 20px; border-radius: 8px;
            font-size: 12px; z-index: 999; opacity: 0; transition: opacity 0.3s;
            pointer-events: none; max-width: 80vw; text-align: center;
        }
        /* 搜索点击播放后聚焦高亮：黑框 + 底色，2.2s 后由 JS 清除 */
        .song-focused { border-color:#000 !important; background:#f4f4f5 !important; box-shadow: 0 0 0 1px #000; }
        /* ── 歌单右键菜单（#246：重命名/合并/分享/删除/新建歌单 全收进右键）── */
        #ctxMenu { position: fixed; z-index: 10000; display: none; min-width: 132px;
            background: #fff; border: 1px solid #e4e4e7; border-radius: 8px; padding: 4px;
            box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); font-size: 12px; }
        #ctxMenu .ctx-item { padding: 6px 12px; border-radius: 6px; cursor: pointer; color: #111;
            display: flex; align-items: center; gap: 8px; white-space: nowrap; user-select: none; }
        #ctxMenu .ctx-item:hover { background: #f4f4f5; }
        #ctxMenu .ctx-item.ctx-danger { color: #dc2626; }
        #ctxMenu .ctx-item.ctx-danger:hover { background: #fef2f2; }
        #ctxMenu .ctx-sep { height: 1px; background: #e4e4e7; margin: 4px 8px; }