.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);width:max-content;max-width:90vw;overflow:hidden;}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;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:13px;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:6px;display:grid;grid-template-columns:auto auto;gap:4px;}.setting-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 8px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;background:rgba(255,255,255,0.02);transition:all 0.3s ease;gap:6px;white-space:nowrap;}.setting-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);}.setting-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}.setting-label{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;}.setting-desc{display:none;}.setting-toggle{position:relative;display:inline-block;width:32px;height:18px;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:12px;width:12px;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(16px);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:-10px;}.settings-menu-content{max-width:85vw;}.settings-header{padding:8px 10px;}.settings-body{padding:6px;gap:4px;}.setting-item{padding:6px 8px;gap:6px;}.setting-label{font-size:11px;}.setting-toggle{width:30px;height:16px;}.toggle-slider:before{height:10px;width: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:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);}}.xgplayer-is-fullscreen .xgplayer-settings-menu{position:fixed;bottom:80px;right:20px;}@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:3px;color:#fff;padding:4px 6px;font-size:11px;cursor:pointer;outline:none;transition:all 0.3s ease;min-width:80px;max-width:120px;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 4px center;background-size:8px;padding-right:20px;}.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;}}.aspect-ratio-selector{display:flex;align-items:center;gap:6px;}.aspect-ratio-select{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:3px;color:#fff;padding:4px 6px;font-size:11px;cursor:pointer;outline:none;transition:all 0.3s ease;min-width:80px;max-width:120px;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 4px center;background-size:8px;padding-right:20px;}.aspect-ratio-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);}.aspect-ratio-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);}.aspect-ratio-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;}.aspect-ratio-select option{background:#2a2a2a;color:#fff;padding:8px 12px;}@media (max-width:768px){.aspect-ratio-select{font-size:11px;padding:4px 6px;padding-right:20px;min-width:70px;max-width:100px;}}@media (prefers-color-scheme:dark){.aspect-ratio-select{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);}.aspect-ratio-select:hover{background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}.aspect-ratio-select option{background:#1a1a1a;}}