.xgplayer-settings{position:relative;cursor:pointer;transition:opacity 0.3s ease}.xgplayer-settings:hover{opacity:0.8}.xgplayer-settings:active{opacity:0.6}.xgplayer-settings:hover .xg-tips{opacity:1}.xgplayer-settings .xgplayer-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.xgplayer-settings .xgplayer-icon svg{width:100%;height:100%;display:block}.xgplayer-settings .xg-tips{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.8);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1000}.xgplayer-settings-menu{position:absolute;bottom:100%;right:0;z-index:999999;opacity:0;transform:translateY(10px) scale(0.95);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;margin-bottom:8px}.xgplayer-settings-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.settings-menu-content{background:rgba(0, 0, 0, 0.9);border-radius:8px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);min-width:320px;max-width:380px;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255, 255, 255, 0.1);background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%)}.settings-title{color:#fff;font-size:16px;font-weight:600;margin:0}.settings-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all 0.3s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.settings-close:hover{background-color:rgba(255, 255, 255, 0.1);transform:rotate(90deg)}.settings-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(255, 255, 255, 0.1);border-radius:6px;background:rgba(255, 255, 255, 0.02);transition:all 0.3s ease}.setting-item:hover{background:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.15)}.setting-item:last-child{border-bottom:1px solid rgba(255, 255, 255, 0.1)}.setting-info{flex:1;margin-right:12px;min-width:0}.setting-label{display:block;color:#fff;font-size:13px;font-weight:500;margin-bottom:2px}.setting-desc{display:block;color:rgba(255, 255, 255, 0.6);font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer;flex-shrink:0}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.2);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:12px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.setting-toggle input:checked + .toggle-slider{background:linear-gradient(135deg, #00d4aa 0%, #00a6ff 100%);box-shadow:0 0 0 2px rgba(0, 212, 170, 0.2)}.setting-toggle input:checked + .toggle-slider:before{transform:translateX(18px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.setting-toggle:hover .toggle-slider{box-shadow:0 0 0 8px rgba(255, 255, 255, 0.1)}.setting-toggle input:checked:hover + .toggle-slider{box-shadow:0 0 0 8px rgba(0, 212, 170, 0.1)}@media (max-width:768px){.xgplayer-settings-menu{right:0px;bottom:45px}.settings-menu-content{min-width:calc(100vw - 40px);max-width:calc(100vw - 20px)}.settings-header{padding:12px 16px}.settings-body{padding:12px 16px;gap:10px}.setting-item{padding:10px}.setting-label{font-size:12px}.setting-desc{font-size:10px}}@media (prefers-color-scheme:dark){.settings-menu-content{background:rgba(20, 20, 20, 0.95);border:1px solid rgba(255, 255, 255, 0.15)}.settings-header{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);border-bottom:1px solid rgba(255, 255, 255, 0.15)}.setting-item{border-bottom:1px solid rgba(255, 255, 255, 0.08)}}.xgplayer-is-fullscreen .xgplayer-settings-menu{position:fixed;bottom:80px;right:20px;z-index:999999}@media (max-width:768px){.xgplayer-is-fullscreen .xgplayer-settings-menu{bottom:60px;right:10px}}@keyframes settingsMenuSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.xgplayer-settings-menu.show{animation:settingsMenuSlideIn 0.2s ease-out forwards}.setting-control{flex-shrink:0;min-width:0}.source-line-selector{display:flex;align-items:center;gap:6px}.source-line-status{color:rgba(255, 255, 255, 0.8);font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:6px}.source-line-status .status-text{animation:sourceLineSwitching 1.5s infinite}.source-line-status .status-reset{background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.8);border-radius:50%;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;padding:0;line-height:1}.source-line-status .status-reset:hover{background:rgba(255, 100, 100, 0.8);border-color:rgba(255, 100, 100, 1);color:white;transform:scale(1.1)}@keyframes sourceLineSwitching{0%, 100%{opacity:0.6}50%{opacity:1}}.source-line-select{background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;color:#fff;padding:6px 10px;font-size:12px;cursor:pointer;outline:none;transition:all 0.3s ease;min-width:90px;max-width:140px;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 6px center;background-size:10px;padding-right:28px}.source-line-select:hover{background-color:rgba(255, 255, 255, 0.15);border-color:rgba(255, 255, 255, 0.3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.source-line-select:focus{background-color:rgba(255, 255, 255, 0.15);border-color:rgba(0, 212, 170, 0.5);box-shadow:0 0 0 3px rgba(0, 212, 170, 0.2)}.source-line-select:disabled{background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.1);cursor:not-allowed;opacity:0.6;transform:none;box-shadow:none}.source-line-select option{background:#2a2a2a;color:#fff;padding:8px 12px}.source-line-select::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg, #00d4aa 0%, #00a6ff 100%);opacity:0;transition:opacity 0.3s ease}.source-line-select:focus::before{opacity:1}@media (max-width:768px){.source-line-select{font-size:14px;padding:10px 14px;padding-right:36px;min-width:120px}}@media (prefers-color-scheme:dark){.source-line-select{background:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.1)}.source-line-select:hover{background-color:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.2)}.source-line-select option{background:#1a1a1a}}