.fullscreen-player{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;flex-direction:column;overflow:hidden;opacity:1;transition:opacity 0.3s ease-in-out}.fullscreen-player.hidden{display:none}.player-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.player-canvas-wrapper{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease-in-out}.player-page{box-shadow:0 10px 40px rgba(0,0,0,0.5)}.fullscreen-player .el-handle,.fullscreen-player .el.sel::after,.fullscreen-player .el::before{display:none !important;opacity:0 !important;pointer-events:none !important}.fullscreen-player .el{border:none !important;outline:none !important;box-shadow:none !important}.fullscreen-player .page,.fullscreen-player #elPageInner,.fullscreen-player .el-page,.fullscreen-player .page-inner,.fullscreen-player [class*="page"],.fullscreen-player [id*="page"]{background-image:none !important;background-color:transparent !important;background:none !important}.fullscreen-player *{background-image:none !important}.player-canvas-wrapper,.player-canvas-wrapper *{background-image:none !important}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 70%,transparent 100%);transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;z-index:10}.player-controls.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.controls-row{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:20px}.controls-group{display:flex;gap:8px;align-items:center}.controls-center{flex:0 0 auto}.player-btn{width:48px;height:48px;border:none;background:rgba(0,0,0,0.08);color:#333;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}.player-btn:hover{background:rgba(0,0,0,0.15);transform:scale(1.05)}.player-btn:active{transform:scale(0.95)}.player-btn.active{background:rgba(59,130,246,0.5);color:#60a5fa}.player-btn svg{width:24px;height:24px;pointer-events:none}.player-btn .icon-play,.player-btn .icon-pause{position:absolute;transition:opacity 0.2s}.player-btn .hidden{opacity:0;pointer-events:none}.player-counter{color:#333;font-size:18px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;padding:0 20px;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,0.8);user-select:none}.player-settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.1);z-index:20;min-width:400px;max-width:90vw;transition:opacity 0.3s,transform 0.3s}.player-settings-panel.hidden{opacity:0;transform:translate(-50%,-45%);pointer-events:none}.settings-content{padding:30px}.settings-content h3{margin:0 0 25px 0;color:#333;font-size:24px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.setting-group{margin-bottom:20px}.setting-group label{display:block;color:#333;font-size:14px;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.setting-group input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer}.setting-group select{width:100%;padding:10px 12px;background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);border-radius:8px;color:#333;font-size:14px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.setting-group select:focus{outline:none;border-color:#60a5fa;background:rgba(0,0,0,0.08)}.setting-group input[type="range"]{width:100%;height:6px;border-radius:3px;background:rgba(0,0,0,0.15);outline:none;cursor:pointer}.setting-group input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#60a5fa;cursor:pointer;transition:transform 0.2s}.setting-group input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-group input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#60a5fa;border:none;cursor:pointer;transition:transform 0.2s}.setting-group input[type="range"]::-moz-range-thumb:hover{transform:scale(1.2)}#duration-value{float:right;color:#60a5fa;font-weight:600}.setting-presets{margin-top:25px;padding-top:25px;border-top:1px solid rgba(0,0,0,0.1)}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.preset-btn{padding:10px;background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);border-radius:6px;color:#333;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.preset-btn:hover{background:rgba(0,0,0,0.1);border-color:#60a5fa;transform:translateY(-2px)}.preset-btn:active{transform:translateY(0)}.settings-buttons{margin-top:30px;display:flex;justify-content:flex-end}.btn-primary{padding:12px 24px;background:#60a5fa;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.btn-primary:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.4)}.btn-primary:active{transform:translateY(0)}.player-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.85);backdrop-filter:blur(20px);color:#fff;padding:20px 40px;border-radius:12px;font-size:24px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 10px 40px rgba(0,0,0,0.3);z-index:30;animation:notificationIn 0.3s ease-out;pointer-events:none;user-select:none}.player-notification.fade-out{animation:notificationOut 0.3s ease-in}@keyframes notificationIn{from{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes notificationOut{from{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-55%)}}@media (max-width:768px){.player-controls{padding:20px 15px}.controls-row{flex-direction:column;gap:15px}.controls-center{order:-1}.player-btn{width:44px;height:44px}.player-counter{font-size:16px;padding:0 10px}.player-settings-panel{min-width:90vw;max-height:90vh;overflow-y:auto}.settings-content{padding:20px}.settings-content h3{font-size:20px}.preset-buttons{grid-template-columns:repeat(3,1fr)}.player-canvas-container{padding:10px}.player-notification{font-size:18px;padding:15px 30px}}@media (max-width:480px){.player-btn{width:40px;height:40px}.player-btn svg{width:20px;height:20px}.controls-group{gap:6px}}@media (hover:none) and (pointer:coarse){.player-btn{width:52px;height:52px}.player-btn:active{background:rgba(0,0,0,0.2)}.preset-btn:active{background:rgba(0,0,0,0.15)}.btn-primary:active{background:#2563eb}}@media (prefers-color-scheme:dark){}@media (max-width:768px),(max-height:600px){.player-canvas-container{padding:10px}.player-canvas-wrapper{max-width:100vw;max-height:calc(100vh - 80px);overflow:hidden}.player-canvas-wrapper > *{transform-origin:top center}.player-page{box-shadow:0 4px 20px rgba(0,0,0,0.3)}}.fullscreen-player.maximize-mode .player-page{box-shadow:none}.anim-element{animation-fill-mode:both;animation-timing-function:ease-out}.anim-hidden{opacity:0;visibility:hidden}.anim-visible{opacity:1;visibility:visible}