.course-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-height:none;margin-bottom:15px;padding:15px;overflow:hidden visible}.course-selector-header{margin-bottom:20px}.course-selector-header h3{color:#2c3e50;margin:0;font-size:18px;font-weight:600}.step-selectors{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.step-selector{flex-direction:column;display:flex}.step-selector label{color:#495057;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.step-selector-dropdown-wrapper{max-width:400px}.step-selector-dropdown-wrapper .step-selector{margin-bottom:0}.step-selector select.content-selector{background:#fff;border:1px solid #ced4da;border-radius:4px;min-height:38px;padding:8px 12px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.step-selector select.content-selector:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 2px #007bff40}.step-selector select.content-selector:disabled{color:#6c757d;cursor:not-allowed;background:#e9ecef}.step-selector select.content-selector.loading{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"%23333\" fill=\"none\" stroke-width=\"2\" stroke-dasharray=\"31.416\" stroke-dashoffset=\"31.416\"><animate attributeName=\"stroke-dashoffset\" dur=\"2s\" repeatCount=\"indefinite\" from=\"31.416\" to=\"0\"/></circle></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:32px}.step-selector select.content-selector.error{border-color:#dc3545}.step-selector-loading{color:#6c757d;margin-top:4px;font-size:12px;font-style:italic}.step-selector-error{color:#dc3545;margin-top:4px;font-size:12px;font-style:italic}.step-selector-placeholder{color:#6c757d;background:#f1f3f5;border:1px dashed #ced4da;border-radius:4px;padding:8px 12px;font-size:13px;font-style:italic}.step-selector-description{color:#6c757d;margin-top:4px;font-size:12px;line-height:1.4}.selection-actions{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.selection-action-btn{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #ced4da;border-radius:4px;justify-content:center;align-items:center;height:38px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.selection-action-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.selection-action-btn:disabled{color:#6c757d;cursor:not-allowed;opacity:.6;background:#e9ecef}.selection-action-btn.clear-btn{color:#fff!important;background:#dc3545!important;border-color:#dc3545!important}.selection-action-btn.clear-btn:hover:not(:disabled){background:#c82333!important;border-color:#c82333!important}.selection-action-btn.reset-btn{color:#fff!important;background:#dc3545!important;border-color:#dc3545!important}.selection-action-btn.reset-btn:hover:not(:disabled){background:#c82333!important;border-color:#c82333!important}.selected-content-module{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-top:16px;padding:16px}.content-module-label{color:#155724;margin-bottom:8px;font-size:14px;font-weight:500}.content-module-path{color:#155724;word-break:break-all;background:#fff;border:1px solid #c3e6cb;border-radius:4px;margin-bottom:8px;padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.content-module-description{color:#155724;font-size:13px;line-height:1.4}@media (max-width:768px){.step-selectors{gap:12px}.selection-actions{flex-direction:column}.selection-action-btn{width:100%}}.course-selector .select-group{display:block}.course-selector .select-item{margin-bottom:16px}.course-selector .content-selector{box-sizing:border-box;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--chip-border-color:#ced4da;--chip-bg:#f8f9fa;--chip-text-color:#495057;--chip-hover-border:#adb5bd;--chip-selected-bg:#2196f3;--chip-selected-border:#2196f3;--chip-selected-text:#fff;--chip-selected-hover-bg:#1976d2;--chip-selected-hover-border:#1976d2;--chip-disabled-bg:#e9ecef;--chip-disabled-border:#e9ecef;--chip-disabled-text:#6c757d}.chip-selector{flex-wrap:wrap;gap:8px;display:flex}.chip-selector .chip-selector-item{border:1px solid var(--chip-border-color);background:var(--chip-bg);background-color:var(--chip-bg);min-width:28px;height:28px;min-height:28px;color:var(--chip-text-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;appearance:none;border-radius:14px;justify-content:center;align-items:center;padding:2px 10px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;display:inline-flex;overflow:hidden}.chip-selector .chip-selector-item:hover:not(.chip-selector-item--disabled){background:var(--chip-bg);background-color:var(--chip-bg);color:var(--chip-text-color);border-color:var(--chip-hover-border);box-shadow:0 1px 3px #0000001a}.chip-selector .chip-selector-item:focus:not(.chip-selector-item--selected):not(.chip-selector-item--disabled){background:var(--chip-bg);background-color:var(--chip-bg);color:var(--chip-text-color);outline:none}.chip-selector .chip-selector-item--selected{background:var(--chip-selected-bg);background-color:var(--chip-selected-bg);border-color:var(--chip-selected-border);color:var(--chip-selected-text)}.chip-selector .chip-selector-item--selected:focus:not(.chip-selector-item--disabled){background:var(--chip-selected-bg);background-color:var(--chip-selected-bg);color:var(--chip-selected-text);outline:none}.chip-selector .chip-selector-item--selected:hover:not(.chip-selector-item--disabled),.chip-selector .chip-selector-item--selected:active:not(.chip-selector-item--disabled){background:var(--chip-selected-hover-bg);background-color:var(--chip-selected-hover-bg);border-color:var(--chip-selected-hover-border);color:var(--chip-selected-text)}.chip-selector .chip-selector-item:active:not(.chip-selector-item--disabled):not(.chip-selector-item--selected){background:var(--chip-hover-border);background-color:var(--chip-hover-border);color:var(--chip-text-color)}.chip-selector .chip-selector-item:focus-visible{outline:2px solid var(--chip-selected-bg);outline-offset:2px}.chip-selector .chip-selector-item--disabled{background:var(--chip-disabled-bg);background-color:var(--chip-disabled-bg);border-color:var(--chip-disabled-border);color:var(--chip-disabled-text);cursor:not-allowed;opacity:.65}
.copy-button{color:#fff;cursor:pointer;white-space:nowrap;background:#4caf50;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.copy-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #4caf504d}.copy-button:active{transform:translateY(0);box-shadow:0 1px 2px #4caf504d}.paste-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2196f3;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;animation:1.5s infinite pulse}.paste-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 4px #2196f34d}.paste-button:active{transform:translateY(0);box-shadow:0 1px 2px #2196f34d}.clear-button{color:#fff;cursor:pointer;white-space:nowrap;background:#dc3545;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.clear-button:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.clear-button:active{transform:translateY(0);box-shadow:0 1px 2px #dc35454d}.cancel-copy-button{color:#fff;cursor:pointer;white-space:nowrap;background:#6c757d;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.cancel-copy-button:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.cancel-copy-button:active{transform:translateY(0);box-shadow:0 1px 2px #6c757d4d}.section-card.copy-source{position:relative;background:linear-gradient(135deg,#f8f9ff 0%,#e3f2fd 100%)!important;border:2px solid #2196f3!important;box-shadow:0 0 15px #2196f366!important}.section-card.copy-source:before{content:"复制源";color:#fff;background:#2196f3;border-radius:2px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;top:-10px;right:10px}.section-card.can-paste{background:linear-gradient(135deg,#fff8e1 0%,#fff3cd 100%)!important;border:2px dashed #ff9800!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 5px #2196f34d}50%{box-shadow:0 0 20px #2196f399}to{box-shadow:0 0 5px #2196f34d}}.multi-section-course-selector.copy-mode .sections-grid{position:relative}.multi-section-course-selector.copy-mode .sections-grid:after{content:"复制模式激活";color:#fff;z-index:10;background:#2196f3;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:-25px;left:0}@media (max-width:768px){.copy-button,.paste-button,.clear-button,.cancel-copy-button{padding:3px 6px;font-size:11px}.section-card.copy-source:before{padding:1px 4px;font-size:9px;top:-8px}}.copy-button-group{flex-direction:column;flex-shrink:0;gap:4px;min-width:70px;display:flex}.section-card{transition:all .3s}.section-card.copy-source{animation:2s ease-in-out infinite glow}