| @@ -1980,44 +1980,8 @@ | ||
| 1980 | 1980 | line-height: 1.4; |
| 1981 | 1981 | margin-top: 1px; |
| 1982 | 1982 | } |
| 1983 | 1983 | |
| 1984 | -.mxch-seo-check-fix { | |
| 1985 | - width: 22px; | |
| 1986 | - height: 22px; | |
| 1987 | - flex-shrink: 0; | |
| 1988 | - display: flex; | |
| 1989 | - align-items: center; | |
| 1990 | - justify-content: center; | |
| 1991 | - border: none; | |
| 1992 | - border-radius: 4px; | |
| 1993 | - background: transparent; | |
| 1994 | - color: var(--mxch-text-muted, #94a3b8); | |
| 1995 | - cursor: pointer; | |
| 1996 | - transition: all 0.15s; | |
| 1997 | - padding: 0; | |
| 1998 | - margin-top: -1px; | |
| 1999 | -} | |
| 2000 | - | |
| 2001 | -.mxch-seo-check-fix:hover { | |
| 2002 | - background: rgba(120, 115, 245, 0.1); | |
| 2003 | - color: var(--mxch-primary, #7873f5); | |
| 2004 | -} | |
| 2005 | - | |
| 2006 | -.mxch-seo-check-fix:disabled { | |
| 2007 | - cursor: not-allowed; | |
| 2008 | - opacity: 0.5; | |
| 2009 | -} | |
| 2010 | - | |
| 2011 | -.mxch-seo-check-fix.mxch-seo-check-fixing { | |
| 2012 | - opacity: 1; | |
| 2013 | - color: var(--mxch-primary, #7873f5); | |
| 2014 | -} | |
| 2015 | - | |
| 2016 | -.mxch-seo-check-fix.mxch-seo-check-fixing svg { | |
| 2017 | - animation: mxch-spin 0.8s linear infinite; | |
| 2018 | -} | |
| 2019 | - | |
| 2020 | 1984 | .mxch-seo-actions { |
| 2021 | 1985 | padding: 10px 12px; |
| 2022 | 1986 | border-top: 1px solid var(--mxch-card-border, #e2e4e9); |
| 2023 | 1987 | flex-shrink: 0; |
| @@ -2084,9 +2048,8 @@ | ||
| 2084 | 2048 | |
| 2085 | 2049 | .mxch-seod-filters-right { |
| 2086 | 2050 | display: flex; |
| 2087 | 2051 | align-items: center; |
| 2088 | - gap: 8px; | |
| 2089 | 2052 | } |
| 2090 | 2053 | |
| 2091 | 2054 | .mxch-seod-select { |
| 2092 | 2055 | padding: 6px 10px; |
| @@ -2288,56 +2251,8 @@ | ||
| 2288 | 2251 | display: flex; |
| 2289 | 2252 | align-items: center; |
| 2290 | 2253 | } |
| 2291 | 2254 | |
| 2292 | -.mxch-seod-header-check, | |
| 2293 | -.mxch-seod-cell-check { | |
| 2294 | - width: 28px; | |
| 2295 | - flex-shrink: 0; | |
| 2296 | - display: flex; | |
| 2297 | - align-items: center; | |
| 2298 | - justify-content: center; | |
| 2299 | -} | |
| 2300 | - | |
| 2301 | -.mxch-seod-header-check input, | |
| 2302 | -.mxch-seod-cell-check input { | |
| 2303 | - width: 15px; | |
| 2304 | - height: 15px; | |
| 2305 | - margin: 0; | |
| 2306 | - cursor: pointer; | |
| 2307 | - accent-color: var(--mxch-primary, #7873f5); | |
| 2308 | -} | |
| 2309 | - | |
| 2310 | -.mxch-seod-row.mxch-seod-row-optimizing { | |
| 2311 | - opacity: 0.7; | |
| 2312 | - pointer-events: none; | |
| 2313 | -} | |
| 2314 | - | |
| 2315 | -.mxch-seod-row.mxch-seod-row-optimizing .mxch-seod-score-badge { | |
| 2316 | - visibility: hidden; | |
| 2317 | -} | |
| 2318 | - | |
| 2319 | -.mxch-seod-row-spinner-wrap { | |
| 2320 | - position: absolute; | |
| 2321 | - top: 0; | |
| 2322 | - left: 0; | |
| 2323 | - right: 0; | |
| 2324 | - bottom: 0; | |
| 2325 | - display: flex; | |
| 2326 | - align-items: center; | |
| 2327 | - justify-content: center; | |
| 2328 | -} | |
| 2329 | - | |
| 2330 | -.mxch-seod-row-spinner { | |
| 2331 | - width: 24px; | |
| 2332 | - height: 24px; | |
| 2333 | - border: 2.5px solid var(--mxch-card-border, #e2e4e9); | |
| 2334 | - border-top-color: var(--mxch-primary, #7873f5); | |
| 2335 | - border-radius: 50%; | |
| 2336 | - animation: mxch-spin 0.6s linear infinite; | |
| 2337 | - box-sizing: border-box; | |
| 2338 | -} | |
| 2339 | - | |
| 2340 | 2255 | .mxch-seod-cell-title { |
| 2341 | 2256 | flex: 1; |
| 2342 | 2257 | min-width: 0; |
| 2343 | 2258 | flex-direction: column; |
| @@ -2363,9 +2278,8 @@ | ||
| 2363 | 2278 | .mxch-seod-cell-score { |
| 2364 | 2279 | width: 48px; |
| 2365 | 2280 | justify-content: center; |
| 2366 | 2281 | flex-shrink: 0; |
| 2367 | - position: relative; | |
| 2368 | 2282 | } |
| 2369 | 2283 | |
| 2370 | 2284 | .mxch-seod-score-badge { |
| 2371 | 2285 | width: 36px; |
| @@ -2494,34 +2408,8 @@ | ||
| 2494 | 2408 | flex: 1; |
| 2495 | 2409 | padding-right: 12px; |
| 2496 | 2410 | } |
| 2497 | 2411 | |
| 2498 | -.mxch-seod-modal-view-page { | |
| 2499 | - display: inline-flex; | |
| 2500 | - align-items: center; | |
| 2501 | - gap: 4px; | |
| 2502 | - font-size: 12px; | |
| 2503 | - font-weight: 500; | |
| 2504 | - color: var(--mxch-accent, #6366f1); | |
| 2505 | - text-decoration: none; | |
| 2506 | - padding: 4px 10px; | |
| 2507 | - border-radius: 6px; | |
| 2508 | - transition: color 0.15s, background 0.15s; | |
| 2509 | - flex-shrink: 0; | |
| 2510 | - margin-right: 8px; | |
| 2511 | - white-space: nowrap; | |
| 2512 | -} | |
| 2513 | - | |
| 2514 | -.mxch-seod-modal-view-page:hover { | |
| 2515 | - color: var(--mxch-accent-hover, #4f46e5); | |
| 2516 | - background: rgba(99, 102, 241, 0.08); | |
| 2517 | - text-decoration: none; | |
| 2518 | -} | |
| 2519 | - | |
| 2520 | -.mxch-seod-modal-view-page svg { | |
| 2521 | - flex-shrink: 0; | |
| 2522 | -} | |
| 2523 | - | |
| 2524 | 2412 | .mxch-seod-modal-close { |
| 2525 | 2413 | background: none; |
| 2526 | 2414 | border: none; |
| 2527 | 2415 | cursor: pointer; |
| @@ -2743,43 +2631,8 @@ | ||
| 2743 | 2631 | background: var(--mxch-primary, #7873f5); |
| 2744 | 2632 | color: #fff; |
| 2745 | 2633 | } |
| 2746 | 2634 | |
| 2747 | -.mxch-seod-bulk-note { | |
| 2748 | - font-size: 11px; | |
| 2749 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2750 | - font-style: italic; | |
| 2751 | -} | |
| 2752 | - | |
| 2753 | -.mxch-seod-bulk-locked { | |
| 2754 | - opacity: 0.65; | |
| 2755 | - cursor: not-allowed; | |
| 2756 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2757 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2758 | - border: 1px dashed var(--mxch-card-border, #e2e4e9); | |
| 2759 | -} | |
| 2760 | - | |
| 2761 | -.mxch-seod-bulk-locked:hover { | |
| 2762 | - background: var(--mxch-card-bg, #1e1e2e); | |
| 2763 | - color: var(--mxch-text-muted, #94a3b8); | |
| 2764 | -} | |
| 2765 | - | |
| 2766 | -.mxch-seod-bulk-locked .mxch-cg-pro-badge { | |
| 2767 | - margin-left: 4px; | |
| 2768 | - opacity: 1; | |
| 2769 | -} | |
| 2770 | - | |
| 2771 | -.mxch-seod-optimize-selected-btn { | |
| 2772 | - background: var(--mxch-primary, #7873f5); | |
| 2773 | - color: #fff; | |
| 2774 | - white-space: nowrap; | |
| 2775 | -} | |
| 2776 | - | |
| 2777 | -.mxch-seod-optimize-selected-btn:hover { | |
| 2778 | - background: var(--mxch-primary-hover, #6963e6); | |
| 2779 | - color: #fff; | |
| 2780 | -} | |
| 2781 | - | |
| 2782 | 2635 | .mxch-seod-scan-stop-btn { |
| 2783 | 2636 | color: #ef4444; |
| 2784 | 2637 | border-color: #ef4444; |
| 2785 | 2638 | } |
| @@ -3131,20 +2984,8 @@ | ||
| 3131 | 2984 | } |
| 3132 | 2985 | .mxch-seod-row-main { |
| 3133 | 2986 | padding: 10px 14px; |
| 3134 | 2987 | } |
| 3135 | - .mxch-seod-header-check, | |
| 3136 | - .mxch-seod-cell-check { | |
| 3137 | - width: 24px; | |
| 3138 | - } | |
| 3139 | - .mxch-seod-filters-right { | |
| 3140 | - flex-wrap: wrap; | |
| 3141 | - gap: 8px; | |
| 3142 | - } | |
| 3143 | - .mxch-seod-optimize-selected-btn { | |
| 3144 | - font-size: 12px; | |
| 3145 | - padding: 6px 10px; | |
| 3146 | - } | |
| 3147 | 2988 | .mxch-seod-footer { |
| 3148 | 2989 | flex-direction: column; |
| 3149 | 2990 | align-items: stretch; |
| 3150 | 2991 | gap: 8px; |
| @@ -3151,196 +2992,6 @@ | ||
| 3151 | 2992 | } |
| 3152 | 2993 | .mxch-seod-pagination { |
| 3153 | 2994 | margin-left: 0; |
| 3154 | 2995 | justify-content: center; |
| 3155 | - } | |
| 3156 | -} | |
| 3157 | - | |
| 3158 | -/* ── Edit Default Prompt Button & Modal ────────────────────── */ | |
| 3159 | -.mxch-cg-edit-prompt-btn { | |
| 3160 | - display: inline-flex; | |
| 3161 | - align-items: center; | |
| 3162 | - gap: 5px; | |
| 3163 | - background: none; | |
| 3164 | - border: none; | |
| 3165 | - color: #8a8f98; | |
| 3166 | - font-size: 12px; | |
| 3167 | - cursor: pointer; | |
| 3168 | - padding: 4px 0; | |
| 3169 | - margin-top: 2px; | |
| 3170 | - transition: color 0.2s; | |
| 3171 | -} | |
| 3172 | -.mxch-cg-edit-prompt-btn:hover { | |
| 3173 | - color: #c5c9d1; | |
| 3174 | -} | |
| 3175 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified { | |
| 3176 | - color: #7c6ee8; | |
| 3177 | -} | |
| 3178 | -.mxch-cg-edit-prompt-btn.mxch-cg-prompt-modified:hover { | |
| 3179 | - color: #9d92f0; | |
| 3180 | -} | |
| 3181 | - | |
| 3182 | -/* Modal overlay + container */ | |
| 3183 | -.mxch-cg-prompt-modal { | |
| 3184 | - position: fixed; | |
| 3185 | - top: 0; | |
| 3186 | - left: 0; | |
| 3187 | - right: 0; | |
| 3188 | - bottom: 0; | |
| 3189 | - z-index: 100100; | |
| 3190 | - display: flex; | |
| 3191 | - align-items: center; | |
| 3192 | - justify-content: center; | |
| 3193 | - overflow: hidden; | |
| 3194 | -} | |
| 3195 | -.mxch-cg-prompt-modal-overlay { | |
| 3196 | - position: absolute; | |
| 3197 | - top: 0; | |
| 3198 | - left: 0; | |
| 3199 | - right: 0; | |
| 3200 | - bottom: 0; | |
| 3201 | - background: rgba(0, 0, 0, 0.6); | |
| 3202 | -} | |
| 3203 | -.mxch-cg-prompt-modal-content { | |
| 3204 | - position: relative; | |
| 3205 | - background: #1e1e2e; | |
| 3206 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3207 | - border-radius: 12px; | |
| 3208 | - width: 90%; | |
| 3209 | - max-width: 760px; | |
| 3210 | - height: 75vh; | |
| 3211 | - max-height: 600px; | |
| 3212 | - display: flex; | |
| 3213 | - flex-direction: column; | |
| 3214 | - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); | |
| 3215 | - overflow: hidden; | |
| 3216 | -} | |
| 3217 | - | |
| 3218 | -/* Header */ | |
| 3219 | -.mxch-cg-prompt-modal-header { | |
| 3220 | - display: flex; | |
| 3221 | - align-items: center; | |
| 3222 | - justify-content: space-between; | |
| 3223 | - padding: 18px 24px; | |
| 3224 | - border-bottom: 1px solid rgba(255, 255, 255, 0.06); | |
| 3225 | -} | |
| 3226 | -.mxch-cg-prompt-modal-header h3 { | |
| 3227 | - margin: 0; | |
| 3228 | - font-size: 15px; | |
| 3229 | - font-weight: 600; | |
| 3230 | - color: #e2e4e9; | |
| 3231 | -} | |
| 3232 | -.mxch-cg-prompt-modal-close { | |
| 3233 | - background: none; | |
| 3234 | - border: none; | |
| 3235 | - color: #8a8f98; | |
| 3236 | - font-size: 22px; | |
| 3237 | - cursor: pointer; | |
| 3238 | - padding: 0 4px; | |
| 3239 | - line-height: 1; | |
| 3240 | - transition: color 0.2s; | |
| 3241 | -} | |
| 3242 | -.mxch-cg-prompt-modal-close:hover { | |
| 3243 | - color: #fff; | |
| 3244 | -} | |
| 3245 | - | |
| 3246 | -/* Body */ | |
| 3247 | -.mxch-cg-prompt-modal-body { | |
| 3248 | - padding: 16px 24px; | |
| 3249 | - overflow: hidden; | |
| 3250 | - flex: 1; | |
| 3251 | - display: flex; | |
| 3252 | - flex-direction: column; | |
| 3253 | - min-height: 0; | |
| 3254 | -} | |
| 3255 | -.mxch-cg-prompt-modal-desc { | |
| 3256 | - margin: 0 0 12px; | |
| 3257 | - font-size: 13px; | |
| 3258 | - color: #8a8f98; | |
| 3259 | - line-height: 1.5; | |
| 3260 | - flex-shrink: 0; | |
| 3261 | -} | |
| 3262 | -.mxch-cg-system-prompt-editor { | |
| 3263 | - width: 100%; | |
| 3264 | - flex: 1; | |
| 3265 | - min-height: 200px; | |
| 3266 | - background: #13131f; | |
| 3267 | - border: 1px solid rgba(255, 255, 255, 0.06); | |
| 3268 | - border-radius: 8px; | |
| 3269 | - color: #c5c9d1; | |
| 3270 | - font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 3271 | - font-size: 12.5px; | |
| 3272 | - line-height: 1.7; | |
| 3273 | - padding: 14px 16px; | |
| 3274 | - resize: none; | |
| 3275 | - box-sizing: border-box; | |
| 3276 | - overflow-y: auto; | |
| 3277 | -} | |
| 3278 | -.mxch-cg-system-prompt-editor:focus { | |
| 3279 | - outline: none; | |
| 3280 | - border-color: rgba(124, 110, 232, 0.4); | |
| 3281 | - box-shadow: 0 0 0 2px rgba(124, 110, 232, 0.1); | |
| 3282 | -} | |
| 3283 | -/* Custom scrollbar for prompt editor */ | |
| 3284 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar { | |
| 3285 | - width: 6px; | |
| 3286 | -} | |
| 3287 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-track { | |
| 3288 | - background: transparent; | |
| 3289 | - border-radius: 3px; | |
| 3290 | -} | |
| 3291 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb { | |
| 3292 | - background: rgba(124, 110, 232, 0.3); | |
| 3293 | - border-radius: 3px; | |
| 3294 | -} | |
| 3295 | -.mxch-cg-system-prompt-editor::-webkit-scrollbar-thumb:hover { | |
| 3296 | - background: rgba(124, 110, 232, 0.5); | |
| 3297 | -} | |
| 3298 | - | |
| 3299 | -/* Footer */ | |
| 3300 | -.mxch-cg-prompt-modal-footer { | |
| 3301 | - display: flex; | |
| 3302 | - align-items: center; | |
| 3303 | - justify-content: space-between; | |
| 3304 | - padding: 14px 24px; | |
| 3305 | - border-top: 1px solid rgba(255, 255, 255, 0.06); | |
| 3306 | -} | |
| 3307 | -.mxch-cg-prompt-modal-footer-right { | |
| 3308 | - display: flex; | |
| 3309 | - gap: 8px; | |
| 3310 | -} | |
| 3311 | -.mxch-cg-prompt-modal-footer .button { | |
| 3312 | - background: #2a2a3d; | |
| 3313 | - border: 1px solid rgba(255, 255, 255, 0.08); | |
| 3314 | - color: #c5c9d1; | |
| 3315 | - border-radius: 6px; | |
| 3316 | - padding: 6px 14px; | |
| 3317 | - font-size: 13px; | |
| 3318 | - cursor: pointer; | |
| 3319 | - transition: background 0.2s, border-color 0.2s; | |
| 3320 | -} | |
| 3321 | -.mxch-cg-prompt-modal-footer .button:hover { | |
| 3322 | - background: #333350; | |
| 3323 | - border-color: rgba(255, 255, 255, 0.14); | |
| 3324 | -} | |
| 3325 | -.mxch-cg-prompt-modal-footer .button-primary { | |
| 3326 | - background: #7c6ee8; | |
| 3327 | - border-color: #7c6ee8; | |
| 3328 | - color: #fff; | |
| 3329 | -} | |
| 3330 | -.mxch-cg-prompt-modal-footer .button-primary:hover { | |
| 3331 | - background: #6b5dd3; | |
| 3332 | - border-color: #6b5dd3; | |
| 3333 | -} | |
| 3334 | - | |
| 3335 | -@media (max-width: 600px) { | |
| 3336 | - .mxch-cg-prompt-modal-content { | |
| 3337 | - width: 96%; | |
| 3338 | - max-height: 90vh; | |
| 3339 | - } | |
| 3340 | - .mxch-cg-prompt-modal-header, | |
| 3341 | - .mxch-cg-prompt-modal-body, | |
| 3342 | - .mxch-cg-prompt-modal-footer { | |
| 3343 | - padding-left: 16px; | |
| 3344 | - padding-right: 16px; | |
| 3345 | 2996 | } |
| 3346 | 2997 | } |
