.reading-progress-container[data-v-7cd5590f]{position:fixed;top:0;left:0;right:0;height:3px;background-color:var(--border-color, #e0e0e0);z-index:1001}.reading-progress-bar[data-v-7cd5590f]{height:100%;background-color:var(--primary, #ff6b9d);transition:width .2s ease;border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--primary, #ff6b9d)}.search-container[data-v-9307b089]{position:relative;flex:1;min-width:120px;max-width:400px;height:40px;margin:0;padding:0 16px;border-radius:8px;border:3px solid var(--search-card-border-color);background-color:var(--card-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.search-container input[data-v-9307b089]{width:100%;color:var(--text-color);background-color:transparent;outline:none;border:none;font-size:14px;box-sizing:border-box}.search-results[data-v-9307b089]{position:fixed;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);max-height:400px;overflow-y:auto;z-index:9999;width:400px;max-width:90%}.search-empty[data-v-9307b089]{padding:16px;text-align:center;color:var(--text-muted)}.search-counter[data-v-9307b089]{padding:8px 16px;border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.search-result-item[data-v-9307b089]{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-color);transition:background-color .2s ease;cursor:pointer}.search-result-item[data-v-9307b089]:hover{background-color:var(--hover-bg)}.search-result-item[data-v-9307b089]:last-child{border-bottom:none}.result-title[data-v-9307b089]{font-weight:700;margin-bottom:4px}.result-meta[data-v-9307b089]{font-size:13px;color:var(--text-muted);margin-bottom:4px}.result-tags[data-v-9307b089]{font-size:12px;margin-top:4px}.tag[data-v-9307b089]{background-color:var(--button-bg);color:var(--button-text);padding:2px 6px;border-radius:4px;font-size:11px;margin-right:4px;display:inline-block}@media(max-width:768px){.search-results[data-v-9307b089]{position:fixed;left:10px;right:10px;max-height:60vh}}.audio-visualizer[data-v-9541ff48]{position:fixed;bottom:0;left:0;width:100%;height:120px;z-index:1000;pointer-events:none;opacity:.7;transition:opacity .3s ease}.audio-visualizer.hidden[data-v-9541ff48]{opacity:0}.audio-visualizer[data-v-9541ff48]:hover{opacity:.9}.visualizer-canvas[data-v-9541ff48]{display:block;width:100%;height:100%}.audio-effects[data-v-075c9d3a]{position:relative;display:flex;align-items:center}.effects-toggle-btn[data-v-075c9d3a]{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.effects-toggle-btn[data-v-075c9d3a]:hover{background:#fff3;transform:scale(1.1)}.effects-toggle-btn.active[data-v-075c9d3a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.effects-toggle-btn svg[data-v-075c9d3a]{width:18px;height:18px}.effects-panel[data-v-075c9d3a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;background:#1e1e32f2;border-radius:16px;padding:16px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeIn-075c9d3a .3s ease;z-index:1000}@keyframes fadeIn-075c9d3a{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.effects-header[data-v-075c9d3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.effects-header h4[data-v-075c9d3a]{margin:0;font-size:14px;font-weight:600;color:#fff}.header-actions[data-v-075c9d3a]{display:flex;align-items:center;gap:8px}.enable-btn[data-v-075c9d3a]{padding:4px 12px;border-radius:12px;border:none;font-size:12px;cursor:pointer;transition:all .3s ease;background:#ffffff1a;color:#888}.close-btn[data-v-075c9d3a]{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff1a;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-075c9d3a]:hover{background:#fff3;color:#fff}.enable-btn.active[data-v-075c9d3a]{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.effects-content.disabled[data-v-075c9d3a]{opacity:.5;pointer-events:none}.effect-section[data-v-075c9d3a]{margin-bottom:16px}.effect-section[data-v-075c9d3a]:last-child{margin-bottom:0}.effect-label[data-v-075c9d3a]{display:block;font-size:12px;color:#aaa;margin-bottom:8px}.visualizer-toggle[data-v-075c9d3a]{display:flex;justify-content:space-between;align-items:center}.visualizer-btn[data-v-075c9d3a]{padding:6px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ccc;font-size:12px;cursor:pointer;transition:all .3s ease}.visualizer-btn[data-v-075c9d3a]:hover{background:#ffffff26;border-color:#fff3}.visualizer-btn.active[data-v-075c9d3a]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 2px 8px #667eea4d}.surround-modes[data-v-075c9d3a],.eq-presets[data-v-075c9d3a]{display:flex;flex-wrap:wrap;gap:6px}.mode-btn[data-v-075c9d3a],.preset-btn[data-v-075c9d3a]{padding:6px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ccc;font-size:11px;cursor:pointer;transition:all .3s ease}.mode-btn[data-v-075c9d3a]:hover,.preset-btn[data-v-075c9d3a]:hover{background:#ffffff26;border-color:#fff3}.mode-btn.active[data-v-075c9d3a],.preset-btn.active[data-v-075c9d3a]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 2px 8px #667eea4d}.mode-btn[data-v-075c9d3a]:disabled,.preset-btn[data-v-075c9d3a]:disabled{opacity:.5;cursor:not-allowed}.button-style[data-v-8d1e7ef3]{background-color:var(--button-bg);border:1px solid var(--button-border);transition:all .3s ease;cursor:pointer}.button-style img[data-v-8d1e7ef3]{filter:invert(1);transition:filter .3s ease}body.dark-theme .button-style img[data-v-8d1e7ef3]{filter:invert(0)}.mobile-menu-container[data-v-9f8dbef1]{display:none}@media(max-width:768px){.mobile-menu-container[data-v-9f8dbef1]{display:block}}.mobile-menu-overlay[data-v-9f8dbef1]{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}.mobile-menu-overlay.active[data-v-9f8dbef1]{display:block}.language-selector{position:relative;margin-left:10px}.language-button{display:flex;align-items:center;padding:8px 12px;background-color:var(--button-bg, #f8f9fa);border:1px solid var(--button-border, #dee2e6);border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;color:var(--button-text, #333);transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.language-button:hover{background-color:var(--button-hover-bg, #e9ecef);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.dropdown-arrow{margin-left:5px;font-size:10px}.language-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background-color:var(--card-bg);border:1px solid var(--button-border, #dee2e6);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;overflow:hidden}.language-item{padding:10px 15px;cursor:pointer;transition:background-color .2s ease;font-size:14px;display:flex;justify-content:space-between;align-items:center}.language-item:hover{background-color:var(--button-hover-bg, #e9ecef)}.language-item.active{background-color:var(--button-bg, #f8f9fa);font-weight:700;color:var(--button-text, #333)}.current-indicator{margin-left:10px;color:var(--accent-fg, #007bff);font-weight:700}@media(max-width:768px){.language-button{padding:6px 10px;font-size:12px}.language-dropdown{min-width:100px}.language-item{padding:8px 12px;font-size:12px}}.dynamic-effect-control[data-v-86b8477c]{margin-right:10px}.sakura-container[data-v-86b8477c]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snow-container[data-v-86b8477c]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;overflow:hidden}.snowflake[data-v-86b8477c]{position:absolute;top:-10px;width:10px;height:10px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #fffc;animation:snowfall-86b8477c linear infinite}@keyframes snowfall-86b8477c{0%{transform:translateY(-10px) rotate(0);opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.avator-card[data-v-84889004]{width:100px;height:100px;border-radius:50%;overflow:hidden;transition:all .3s ease}.avator-card[data-v-84889004]:hover{transform:translateY(1.1)}.avator-card img[data-v-84889004]{width:100%;height:100%;object-fit:cover}.welcome-saying-card[data-v-07a7e8b5]{width:90%;height:fit-content;margin:4px auto;text-align:center}.welcome-saying-card p[data-v-07a7e8b5]{font-size:14px;font-style:italic;font-family:Microsoft YaHei,sans-serif;line-height:normal}.welcome-link[data-v-07a7e8b5]{cursor:pointer;-webkit-user-select:none;user-select:none}.welcome-link[data-v-07a7e8b5]:active{transform:none}.page-index-list[data-v-f2335799]{width:100%;max-height:180px;height:fit-content;text-align:center;padding:8px;margin-bottom:5px;overflow-y:auto}.page-index-list ul[data-v-f2335799]{list-style:none;padding:0;margin:0}.page-index-list-inner[data-v-f2335799]{width:100%}.page-card[data-v-f2335799]{width:100%;height:fit-content;text-align:center;border:8px;padding:6px;margin-bottom:4px;border-radius:8px;transition:all .3s ease}.page-card[data-v-f2335799]:hover{transform:translateY(-5px);border-left-width:6px}.rss-subscribe[data-v-430855b8]{width:100%;height:fit-content;text-align:center;padding:10px;margin-top:10px}.rss-subscribe-link[data-v-430855b8]{display:block;width:100%;padding:8px;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);border-radius:8px;text-decoration:none;transition:all .3s ease;font-size:14px}.rss-subscribe-link[data-v-430855b8]:hover{background-color:var(--button-hover-bg);transform:translateY(-5px)}.weather-mini{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;min-width:90px;transition:all .3s ease}.weather-mini:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.weather-loading{display:flex;align-items:center;justify-content:center;padding:4px;font-size:12px;color:var(--text-muted)}.weather-content{display:flex;align-items:center;gap:6px}.weather-icon{font-size:18px}.weather-temp{font-size:14px;font-weight:600;color:var(--text-primary)}.weather-city{font-size:11px;color:var(--text-muted);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.weather-mini{padding:4px 8px;min-width:80px}.weather-icon{font-size:16px}.weather-temp{font-size:13px}.weather-city{font-size:10px;max-width:40px}}.website-age[data-v-873ce4a9]{width:100%;text-align:center;font-size:.9rem}@media(min-width:768px){.website-age[data-v-873ce4a9]{text-align:left}}.copyright[data-v-69122066]{width:100%;text-align:center;font-size:.9rem;font-weight:500}@media(min-width:768px){.copyright[data-v-69122066]{text-align:left}}.footer-flex[data-v-88bf2203]{display:flex;justify-content:center;align-items:center;padding:20px 0}.footer-S[data-v-88bf2203]{width:95%;max-width:1400px;margin:0 auto}.footer-container[data-v-88bf2203]{width:100%}.footer-card[data-v-88bf2203]{width:100%;padding:15px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);display:flex;flex-direction:column!important;gap:10px;align-items:center}.footer-card .footer-element-card[data-v-88bf2203]{width:80%!important;margin-bottom:5px!important;border:2px solid var(--footer-element-card-border-color);background-color:var(--card-bg);border-radius:8px;padding:10px;transition:all .3s ease;display:flex;justify-content:center;align-items:center;text-align:center}.footer-card .footer-element-card[data-v-88bf2203]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.live2d-container[data-v-3b584591]{position:fixed;z-index:9999}.notification-container[data-v-90233072]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.notification[data-v-90233072]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-content[data-v-90233072]{display:flex;align-items:center;gap:12px}.notification-icon[data-v-90233072]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.notification-message[data-v-90233072]{flex:1;font-size:14px;line-height:1.4;color:#fff}.notification-close[data-v-90233072]{background:none;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification-close[data-v-90233072]:hover{background:#fff3;color:#fff}.notification-actions[data-v-90233072]{display:flex;gap:8px;margin-right:16px}.notification-button[data-v-90233072]{padding:4px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease;background-color:#fff3;color:#fff}.notification-button[data-v-90233072]:hover{background-color:#ffffff4d}.notification.success[data-v-90233072]{background:linear-gradient(135deg,#52c41a,#73d13d)}.notification.error[data-v-90233072]{background:linear-gradient(135deg,#f5222d,#ff4d4f)}.notification.warning[data-v-90233072]{background:linear-gradient(135deg,#faad14,#ffc53d)}.notification.info[data-v-90233072]{background:linear-gradient(135deg,#1890ff,#40a9ff)}.notification.success .notification-icon[data-v-90233072],.notification.error .notification-icon[data-v-90233072],.notification.warning .notification-icon[data-v-90233072],.notification.info .notification-icon[data-v-90233072]{background:#fff3;color:#fff}@media(max-width:768px){.notification-container[data-v-90233072]{top:10px;right:10px;left:10px}.notification[data-v-90233072]{min-width:auto;max-width:none}}.memory-monitor[data-v-8553700a]{padding:16px;background-color:var(--hover-bg);border-radius:8px;margin-bottom:16px}.memory-monitor h4[data-v-8553700a]{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:600}.memory-stats[data-v-8553700a]{display:flex;flex-direction:column;gap:8px}.stat-row[data-v-8553700a]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.stat-row span[data-v-8553700a]:first-child{color:var(--text-muted)}.stat-value[data-v-8553700a]{color:var(--text-color);font-weight:500}.no-support[data-v-8553700a]{text-align:center;padding:20px 0;color:var(--text-muted);font-size:14px}.no-support .hint[data-v-8553700a]{font-size:12px;margin-top:4px;opacity:.7}.fetch-monitor[data-v-baf2ef4d]{padding:16px;background-color:var(--hover-bg);border-radius:8px;margin-bottom:16px}.fetch-header[data-v-baf2ef4d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fetch-header h4[data-v-baf2ef4d]{margin:0;color:var(--text-color);font-size:14px;font-weight:600}.reset-button[data-v-baf2ef4d]{background-color:var(--button-bg);border:1px solid var(--button-border);color:var(--button-text);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.reset-button[data-v-baf2ef4d]:hover{background-color:var(--button-hover-bg)}.fetch-stats[data-v-baf2ef4d]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat-row[data-v-baf2ef4d]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.stat-row span[data-v-baf2ef4d]:first-child{color:var(--text-muted)}.stat-value[data-v-baf2ef4d]{color:var(--text-color);font-weight:500}.stat-value.success[data-v-baf2ef4d]{color:#4caf50}.stat-value.error[data-v-baf2ef4d]{color:#f44336}.request-list[data-v-baf2ef4d]{margin-top:16px}.request-list h5[data-v-baf2ef4d]{margin:0 0 8px;color:var(--text-color);font-size:13px;font-weight:500}.request-items[data-v-baf2ef4d]{max-height:200px;overflow-y:auto}.request-item[data-v-baf2ef4d]{padding:8px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;font-size:12px}.request-item.success[data-v-baf2ef4d]{border-left:3px solid #4caf50}.request-item.error[data-v-baf2ef4d]{border-left:3px solid #f44336}.request-url[data-v-baf2ef4d]{color:var(--text-color);margin-bottom:4px;word-break:break-all}.request-info[data-v-baf2ef4d]{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted)}.response-time[data-v-baf2ef4d]{font-weight:500}.no-requests[data-v-baf2ef4d]{text-align:center;padding:20px 0;color:var(--text-muted);font-size:14px}.no-requests .hint[data-v-baf2ef4d]{font-size:12px;margin-top:4px;opacity:.7}.performance-monitor[data-v-39d519ee]{position:fixed;bottom:20px;right:20px;z-index:9999}.monitor-button[data-v-39d519ee]{background-color:var(--button-bg);border:1px solid var(--button-border);color:var(--button-text);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color)}.monitor-button[data-v-39d519ee]:hover{background-color:var(--button-hover-bg);transform:translateY(-2px)}.monitor-panel[data-v-39d519ee]{position:absolute;bottom:50px;right:0;width:400px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:0 4px 16px var(--shadow-color);max-height:600px;overflow-y:auto}.monitor-header[data-v-39d519ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.monitor-header h3[data-v-39d519ee]{margin:0;color:var(--text-color);font-size:16px}.close-button[data-v-39d519ee]{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-color);padding:0;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease}.close-button[data-v-39d519ee]:hover{background-color:var(--hover-bg)}.monitor-section[data-v-39d519ee]{margin-bottom:16px}.monitor-section h4[data-v-39d519ee]{margin:0 0 12px;color:var(--text-color);font-size:14px;font-weight:600}.metrics-grid[data-v-39d519ee]{display:flex;flex-direction:column;gap:8px;background-color:var(--hover-bg);padding:12px;border-radius:6px}.metric-row[data-v-39d519ee]{display:flex;justify-content:space-between;align-items:center;font-size:13px}.metric-row span[data-v-39d519ee]:first-child{color:var(--text-muted)}.metric-value[data-v-39d519ee]{color:var(--text-color);font-weight:500}.no-data[data-v-39d519ee]{text-align:center;padding:20px 0;background-color:var(--hover-bg);border-radius:6px}.no-data p[data-v-39d519ee]{margin:0;color:var(--text-muted);font-size:14px}.no-data .hint[data-v-39d519ee]{font-size:12px;margin-top:8px;opacity:.7}@media(max-width:768px){.performance-monitor[data-v-39d519ee]{bottom:10px;right:10px}.monitor-panel[data-v-39d519ee]{width:calc(100vw - 40px);right:-10px}}.mouse-trail[data-v-bbd17daf]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.trail-char[data-v-bbd17daf]{position:absolute;font-family:Courier New,monospace;font-weight:700;transform:translate(-50%,-50%);transition:opacity .05s ease;will-change:transform,opacity}.console-easter-egg[data-v-1e5dc3d9]{display:none}:root{--bg-gradient-start: pink;--bg-gradient-end: white;--card-bg: white;--text-color: #333;--text-muted: #666;--link-color: #333;--link-hover-color: #ff6700;--border-color: #ddd;--button-bg: pink;--button-text: white;--button-border: #ef84ef;--button-hover-bg: #ef84ef;--shadow-color: rgba(0, 0, 0, .1);--footer-bg: white;--footer-element-card-border-color: rgba(255, 192, 203, 1);--social-bg: rgba(255, 192, 203, .2);--social-shadow: rgba(255, 192, 203, .8);--page-card-bg: pink;--page-card-shadow: 0 2px 4px rgba(0, 0, 0, .4);--page-card-hover: #f8f9fa;--page-card-hover-shadow: 0 4px 8px rgba(0, 0, 0, .15);--back-index-color: rgba(255, 182, 193, .6);--back-index-hover: rgba(255, 182, 193, .6);--logo-bg: white;--logo-text-color: rgba(255, 192, 203, 1);--avator-border-color: rgba(255, 192, 203, 1);--search-card-border-color: rgba(255, 192, 203, 1);--search-bg: #f9f9fa;--form-bg: #f9f9fa;--input-bg: white;--comment-bg: #f9f9fa;--reply-bg: #f0f0f0;--avatar-bg: #ff99cc;--avatar-text: white;--hover-bg: #f0f0f0;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #888;--scrollbar-thumb-hover: #555;--welcome-text: var(--center-card-hr-color);--center-card-border-color: rgba(255, 192, 203, 1);--center-card-hr-color: rgba(255, 192, 203, 1);--center-card-title-color: rgba(255, 192, 203, 1);--music-player-gradient-start: pink;--music-player-gradient-end: #ff99cc;--music-player-text: #333;--music-player-control: #ff6700;--video-player-text: #333;--video-player-border: #ddd;--video-player-control: #ff6700;--links-subpage-item-border: rgba(255, 192, 203, 1);--links-subpage-item-border-hover: #ff6700;--heatmap-background: rgba(255, 255, 255, .8);--heatmap-border: rgba(255, 192, 203, .5);--heatmap-text: #333;--heatmap-title-gradient: linear-gradient(90deg, #ff69b4, #ff1493, #ff69b4);--heatmap-cell-no-article: rgba(255, 192, 203, .2);--heatmap-cell-no-article-border: rgba(255, 192, 203, .3);--heatmap-cell-has-article: #ff69b4}body.dark-theme{--bg-gradient-start: #3aaae7;--bg-gradient-end: #1a237e;--card-bg: #1e1e3f;--text-color: #e0e0e0;--text-muted: #909090;--link-color: #e0e0e0;--link-hover-color: #4fc3f7;--border-color: #334155;--button-bg: #4fc3f7;--button-text: #1a237e;--button-border: #29b6f6;--button-hover-bg: #29b6f6;--shadow-color: rgba(0, 0, 0, .3);--footer-bg: #1e1e3f;--footer-element-card-border-color: #4fc3f7;--social-bg: rgba(79, 195, 247, .2);--social-shadow: rgba(41, 182, 246, .8);--page-card-bg: #0d47a1;--page-card-shadow: 0 2px 4px rgba(0, 0, 0, .6);--page-card-hover: #1565c0;--page-card-hover-shadow: 0 4px 8px rgba(79, 195, 247, .4);--back-index-color: rgba(79, 195, 247, .6);--back-index-hover: rgba(41, 182, 246, .6);--logo-bg: #1e1e3f;--logo-text-color: #4fc3f7;--avator-border-color: #4fc3f7;--search-card-border-color: #4fc3f7;--search-bg: #2c2c4a;--form-bg: #2c2c4a;--input-bg: #1e1e3f;--comment-bg: #2c2c4a;--reply-bg: #1e1e3f;--avatar-bg: #0d47a1;--avatar-text: #e0e0e0;--hover-bg: #334155;--scrollbar-track: #1e1e3f;--scrollbar-thumb: #334155;--scrollbar-thumb-hover: #475569;--welcome-text: var(--center-card-hr-color);--center-card-border-color: #4fc3f7;--center-card-hr-color: #4fc3f7;--center-card-title-color: #4fc3f7;--music-player-gradient-start: #3aaae7;--music-player-gradient-end: #1a237e;--music-player-text: #e0e0e0;--music-player-control: #4fc3f7;--video-player-text: #e0e0e0;--video-player-border: #334155;--video-player-control: #4fc3f7;--links-subpage-item-border: #4fc3f7;--links-subpage-item-border-hover: #29b6f6;--heatmap-background: rgba(30, 30, 63, .9);--heatmap-border: rgba(79, 195, 247, .5);--heatmap-text: #e0e0e0;--heatmap-title-gradient: linear-gradient(90deg, #4fc3f7, #00bcd4, #4fc3f7);--heatmap-cell-no-article: rgba(79, 195, 247, .2);--heatmap-cell-no-article-border: rgba(79, 195, 247, .3);--heatmap-cell-has-article: #4fc3f7}body{background:linear-gradient(to bottom,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-color);min-height:100vh;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;transition:all .3s ease}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-hover-color);text-decoration:none}.header-card,.left-asider-card,.center-card,.footer-card,.footer-element-card,.page-index-list{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow-color);transition:all .3s ease}.logo-card{background-color:var(--logo-bg);transition:background-color .3s ease}.logo-card h1{color:var(--logo-text-color);transition:color .3s ease}.button-style{background-color:var(--button-bg);border-color:var(--button-border);transition:all .3s ease;cursor:pointer}.button-style img{filter:invert(1);transition:filter .3s ease}body.dark-theme .button-style img{filter:invert(0);transition:filter .3s ease}.toc-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.toc-btn svg{fill:var(--button-text);transition:fill .3s ease}.toc-btn:hover{background-color:var(--button-hover-bg);transform:scale(1.05)}.search-card{border:2px solid var(--search-card-border-color);background-color:var(--card-bg);transition:all .3s ease}.search-card input{color:var(--text-color);background-color:transparent;outline:none;transition:color .3s ease;width:100%;box-sizing:border-box}.avator-card{border:3px solid var(--avator-border-color);transition:border-color .3s ease}.social-links-card{background-color:var(--social-bg);box-shadow:0 2px 4px var(--social-shadow);transition:all .3s ease}.social-links-card img,body.dark-theme .social-links-card img{filter:invert(0);transition:filter .3s ease}.page-card{width:100%;height:fit-content;background-color:var(--page-card-bg);text-align:center;padding:8px;margin-bottom:5px;border-radius:8px;box-shadow:var(--page-card-shadow);transition:all .3s ease}.page-card:hover{box-shadow:var(--page-card-hover-shadow);transform:translateY(-5px);border-left-width:6px;background-color:var(--page-card-hover)}.page-card:hover a{color:var(--text-color)}.page-card a{color:var(--text-color);text-decoration:none;display:block;width:100%;height:100%}.welcome-saying-card p{color:var(--welcome-text);transition:color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.center-card-content{background-color:var(--card-bg);transition:background-color .3s ease}.center-card-content hr,.center-card hr{border:none;height:1px;background-color:var(--center-card-hr-color);margin:10px 0;transition:background-color .3s ease}.center-card-bordered{border:2px solid var(--center-card-border-color);transition:border-color .3s ease}.center-head-card{background-color:var(--card-bg);transition:background-color .3s ease}.center-head-card h2{color:var(--center-card-title-color);transition:color .3s ease}.index-center-list-card{border-color:var(--center-card-border-color);transition:border-color .3s ease}.index-center-list-card hr{border:none;height:1px;background-color:var(--center-card-hr-color);margin:10px 0;transition:background-color .3s ease}.read-center-card-content,.about-center-card-content{background-color:var(--card-bg);transition:background-color .3s ease}.read-center-card-content hr,.about-center-card-content hr{border:none;height:1px;background-color:var(--center-card-hr-color);margin:10px 0;transition:background-color .3s ease}.links-center-list-card{border-color:var(--center-card-border-color);transition:border-color .3s ease}.links-center-list-card hr{border:none;height:1px;background-color:var(--center-card-hr-color);margin:10px 0;transition:background-color .3s ease}.tools-center-card-content{background-color:var(--card-bg);transition:background-color .3s ease}.tools-center-list-card{border-color:var(--center-card-border-color);transition:border-color .3s ease}.archives-center-card-content{background-color:var(--card-bg);transition:background-color .3s ease}.archives-center-list-card,.archives-members-center-list-card{border-color:var(--center-card-border-color);transition:border-color .3s ease}.archives-members-center-list-card hr{border:none;height:1px;background-color:var(--center-card-hr-color);margin:10px 0;transition:background-color .3s ease}.footer-element-card{border:2px solid var(--footer-element-card-border-color);background-color:var(--card-bg);transition:all .3s ease}.back-to-top-btn{background-color:var(--button-bg);border:1px solid var(--button-border);box-shadow:0 2px 4px var(--shadow-color)}.back-to-top-btn:hover{box-shadow:0 4px 8px var(--shadow-color)}.back-to-top-btn img{filter:invert(1)}body.dark-theme .back-to-top-btn img{filter:invert(0)}:root{--skeleton-bg: rgba(0, 0, 0, .1)}body.dark-theme{--skeleton-bg: rgba(255, 255, 255, .1)}html,body{height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}body{font-family:Arial,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}a{text-decoration:none}input,button,textarea,select{border:none;outline:none;font:inherit}button{cursor:pointer}img{vertical-align:middle;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400}hr{margin:0;padding:0}.header-flex{padding:10px;display:flex;flex-direction:column;align-items:center}.header-S{max-width:1800px;margin:0 auto;width:95%}.header-container{width:100%;height:100%;margin:0 auto}.header-card{width:100%;height:100%;padding:10px 20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:8px;overflow:visible}.logo-card{width:auto;height:100%;padding:0 0 0 10px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.logo-card h1{font-size:24px;font-family:Microsoft YaHei,sans-serif;white-space:nowrap}.search-card{flex:1;min-width:120px;max-width:400px;height:40px;max-height:40px;margin:0;padding:0 16px;border-radius:8px;border:3px solid var(--search-card-border-color);background-color:var(--card-bg);display:flex;justify-content:center;align-items:center}.button-class-card{width:fit-content;height:40px;margin:0;padding:4px;border-radius:8px;display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-shrink:0}.button-style{width:30px;height:30px;border-radius:25%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.button-style img{width:20px;height:20px}.mid-flex{max-width:1400px;height:850px;margin:0 auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px}.left-asider-S{width:15%;height:100%;display:flex;position:static}.left-asider-container{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.left-asider-card{width:200px;height:600px;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.avator-card{width:100px;height:100px;border-radius:50%;overflow:hidden;transition:all .3s ease}.avator-card:hover{transform:translateY(1.1)}.avator-card img{width:100%;height:100%;object-fit:cover}.welcome-saying-card{width:90%;height:fit-content;margin:4px auto;text-align:center}.welcome-saying-card p{font-size:14px;font-style:italic;font-family:Microsoft YaHei,sans-serif;line-height:normal}.social-links-card{width:80%;height:fit-content;border:4px;padding:4px;margin:4px;border-radius:8px}.social-links-card ul{display:flex;justify-content:center;align-items:center}.social-links-card ul li{border:2px;padding:2px;margin:2px;list-style:none}.social-links-card ul li a img{transition:transform .3s ease;filter:grayscale(100%)}.social-links-card ul li a img:hover{transform:scale(1.1);filter:grayscale(0)}.page-index-list{width:100%;max-height:235px;height:fit-content;text-align:center;padding:10px;margin-bottom:5px;overflow-y:auto}.page-index-list ul{list-style:none;padding:0;margin:0}.page-index-list-inner{width:100%}.page-card{width:100%;height:fit-content;text-align:center;border:8px;padding:8px;margin-bottom:5px;border-radius:8px;transition:all .3s ease}.page-card:hover{transform:translateY(-5px);border-left-width:6px}.center-S{width:1200px;height:100%;display:flex}.center-container{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.center-card{width:100%;max-height:600px;height:600px;padding:20px;border-radius:8px;display:flex;flex-direction:column;overflow-y:auto}.center-head-card{width:100%;height:fit-content;padding:5px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.center-head-card h2{height:20px;font-size:18px;font-weight:700;line-height:20px;margin:0;flex:1}.center-card-content{padding:20px;height:100%;overflow-y:auto}.footer-flex{display:flex;justify-content:center;align-items:center}.footer-S{max-width:1400px;width:95%;margin:0 auto;height:200px}.footer-container{width:100%;height:100%;margin:0 auto;padding:0 20px}.footer-card{width:100%;height:fit-content;padding:10px;margin-bottom:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.footer-element-card{width:80%;height:fit-content;padding:10px;margin-bottom:5px;display:flex;justify-content:center;align-items:center;border:3px solid var(--footer-element-card-border-color);background-color:var(--card-bg);border-radius:8px;transition:all .3s ease}.comment-section{margin-top:30px;padding:20px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.comment-section h3{color:var(--center-card-title-color);margin-bottom:20px;font-size:18px;text-align:center}.comment-container{width:100%;min-height:400px;border-radius:4px}@media(max-width:575.98px){body{gap:120px}.header-flex{flex-direction:column;justify-content:center;height:200px;align-items:center}.header-card,.button-class-card{gap:5px}}.mobile-menu-toggle{display:none}@media(max-width:767.98px){.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.mid-flex{width:100%;min-height:600px;flex-direction:column}.left-asider-S{position:fixed;top:0;left:-320px;width:280px;height:100vh;background:var(--card-bg);box-shadow:2px 0 10px var(--shadow-color);z-index:1000;transition:left .3s ease;overflow-y:auto;overflow-x:hidden;border-top-right-radius:8px;border-bottom-right-radius:8px;visibility:hidden}.left-asider-S.active{left:0;visibility:visible}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.mobile-menu-overlay.active{display:block}.center-S{width:100%;padding:0 10px}.left-center-blank{display:none}.left-asider-card{width:100%;height:auto;max-height:none;padding:20px;margin-top:60px;border-radius:8px}.header-card{flex-direction:column;gap:10px;padding:10px;height:auto}.logo-card{margin-left:0;margin-right:0}.search-card{width:80%;max-width:none}.button-class-card{gap:10px}.welcome-saying-card p{font-size:14px}.logo-card h1{font-size:20px}.button-style{width:36px;height:36px}.button-style img{width:18px;height:18px}.footer-S{height:auto;padding:20px 0}.footer-card{padding:10px}.footer-element-card{width:90%;padding:8px}}@media(min-width:576px){body{gap:50px}.header-flex{flex-direction:column;justify-content:center;height:300px;align-items:center}.welcome-saying-card p{font-size:16px}.logo-card h1{font-size:22px}.button-style{width:40px;height:40px}.button-style img{width:20px;height:20px}.search-card{width:60%}.header-card{flex-direction:column;gap:10px;padding:10px;height:auto}.header-S{height:70px}.mid-flex{max-height:800px}.footer-S{height:180px}}@media(min-width:768px){body{gap:15px}.header-flex{padding:20px;height:100px}.header-card{height:65px;padding:10px 30px}.mobile-menu-toggle{display:none}.left-asider-S{position:static;width:20%;height:fit-content;padding:0;left:0;box-shadow:none;background:transparent;align-self:flex-start}.mobile-menu-overlay{display:none}.mid-flex{flex-direction:row}.center-S{width:calc(80% - 20px);padding:0}.left-center-blank{display:flex}.left-asider-card{width:180px;height:600px;margin-top:0;border-radius:8px}.center-card{height:600px}.header-card{flex-direction:row;gap:16px;height:60px}.search-card{max-width:400px}.header-S{height:60px}.mid-flex{max-height:650px}.footer-S{height:190px}}@media(min-width:1024px){body{gap:20px}.header-flex{padding:10px;height:100px}.header-card{height:65px;padding:10px 30px}.left-asider-S{width:18%;padding:0}.center-S{width:1000px}.left-asider-card{width:200px;height:650px;border-radius:8px}.center-card{height:650px}.header-card{gap:16px}.search-card{max-width:500px}.header-S{height:65px}.mid-flex{max-height:650px}.footer-S{height:200px}}@media(min-width:1200px){body{gap:25px}.center-S{width:1200px}.left-asider-card{width:210px;height:600px;border-radius:8px}.center-card{height:600px}.header-S,.footer-S{max-width:1400px}.header-S{height:70px}.mid-flex{max-height:650px}.footer-S{height:210px}}@media(min-width:1440px){body{gap:30px}.header-S,.footer-S{max-width:1600px}.left-asider-card{width:220px;height:600px;border-radius:8px}.center-card{height:600px}.header-card{gap:16px}.search-card{max-width:600px}.header-S{height:75px}.mid-flex{max-height:650px}.footer-S{height:220px}}.text-style{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1;color:var(--text-color)}.text-style h1{font-size:2.5rem;font-weight:700;margin-top:2rem;margin-bottom:1.5rem;line-height:1.3;color:var(--text-color)}.text-style h2{font-size:2rem;font-weight:600;margin-top:1.8rem;margin-bottom:1.2rem;line-height:1.4;color:var(--text-color)}.text-style h3{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:1rem;line-height:1.4;color:var(--text-color)}.text-style h4{font-size:1.25rem;font-weight:600;margin-top:1.2rem;margin-bottom:.8rem;line-height:1.5;color:var(--text-color)}.text-style h5{font-size:1.1rem;font-weight:600;margin-top:1rem;margin-bottom:.6rem;line-height:1.5;color:var(--text-color)}.text-style h6{font-size:1rem;font-weight:600;margin-top:.8rem;margin-bottom:.5rem;line-height:1.5;color:var(--text-color)}.text-style p{font-size:1rem;margin-bottom:1rem;text-indent:2ch;line-height:1.5;color:var(--text-color)}.text-style ul,.text-style ol{margin-bottom:1.2rem;padding-left:2.5rem}.text-style li{margin-bottom:.5rem;color:var(--text-color)}.text-style ul ul,.text-style ul ol,.text-style ol ul,.text-style ol ol{margin-top:.5rem;margin-bottom:.5rem;padding-left:2rem}.text-style a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.text-style a:hover{color:var(--primary-hover-color);text-decoration:underline}.text-style blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary-color);font-style:italic;background-color:var(--secondary-bg-color);padding:1rem 1.5rem;border-radius:0 4px 4px 0}.text-style code{font-family:Courier New,Courier,monospace;font-size:.9rem;background-color:var(--input-bg-color);padding:.2rem .4rem;border-radius:3px;color:var(--text-color)}.text-style pre{font-family:Courier New,Courier,monospace;font-size:.9rem;background-color:var(--input-bg-color);padding:1rem;border-radius:4px;overflow-x:auto;margin:1.5rem 0;color:var(--text-color)}.text-style pre code{background-color:transparent;padding:0}.text-style img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:4px;display:block}.text-style hr{border:none;border-top:1px solid var(--center-card-hr-color);margin:2rem 0}.text-style strong{font-weight:600;color:var(--text-color)}.text-style em{font-style:italic;color:var(--text-color)}body.immersive-reading .left-blank,body.immersive-reading .left-asider-S,body.immersive-reading .left-center-blank,body.immersive-reading .footer-blank,body.immersive-reading .footer-flex,body.immersive-reading .footer-S{display:none}.left-blank,.left-asider-S,.left-center-blank,.center-S,.mid-flex,.footer-blank,.footer-flex,.footer-S{transition:all .3s ease}body.immersive-reading .center-S{width:1400px;max-width:1400px}body.immersive-reading .mid-flex{padding-left:20px;padding-right:20px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}@media(max-width:575.98px){body.immersive-reading .center-S{width:100%;max-width:100%;padding:0 10px}body.immersive-reading .mid-flex{padding-left:10px;padding-right:10px}}@media(min-width:576px){body.immersive-reading .center-S{width:90%;max-width:90%}body.immersive-reading .mid-flex{padding-left:15px;padding-right:15px;margin-top:60px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}}@media(min-width:768px){body.immersive-reading .center-S{width:700px;max-width:700px}body.immersive-reading .mid-flex{padding-left:20px;padding-right:20px;margin-top:70px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}}@media(min-width:1024px){body.immersive-reading .center-S{width:900px;max-width:900px}body.immersive-reading .mid-flex{margin-top:80px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}}@media(min-width:1200px){body.immersive-reading .center-S{width:1100px;max-width:1100px}body.immersive-reading .mid-flex{margin-top:80px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}}@media(min-width:1440px){body.immersive-reading .center-S{width:1400px;max-width:1400px}body.immersive-reading .mid-flex{margin-top:80px;align-items:flex-start}body.immersive-reading .center-card{max-height:none;height:auto}}*{margin:0;padding:0;box-sizing:border-box}.global-music-player{position:fixed;bottom:10px;left:0;width:100%;z-index:1001;transform:translateY(calc(100% + 10px));transition:transform .4s cubic-bezier(.4,0,.2,1)}.global-music-player.active{transform:translateY(0)}.player-content{width:100%;max-width:1200px;margin:0 auto;padding:16px 24px;background:linear-gradient(135deg,var(--music-player-gradient-start),var(--music-player-gradient-end));border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.player-cover{width:60px;height:60px;flex-shrink:0;position:relative}.player-cover img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.player-cover:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--music-player-control),transparent);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.player-cover.playing:before{opacity:1}.player-meta{min-width:0;flex-shrink:1;max-width:200px}#player-title{font-size:16px;font-weight:600;color:var(--music-player-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}#player-artist{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-progress{flex:1;min-width:0;margin:0 16px}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a)}#progress-fill{height:100%;background:linear-gradient(90deg,var(--music-player-control),#ff9900);border-radius:3px;width:0%;transition:width .1s linear;position:relative}#progress-fill:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--music-player-control);border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s ease,transform .2s ease}.progress-bar:hover #progress-fill:after{opacity:1;transform:translateY(-50%) scale(1.1)}.time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px;font-family:Courier New,monospace}.player-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.control-btn{width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:var(--music-player-text);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.control-btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.control-btn img{width:18px;height:18px;object-fit:contain;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(90deg) brightness(90%) contrast(100%)}.control-btn:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.play-btn{width:50px;height:50px;background:linear-gradient(135deg,var(--music-player-control),#ff9900);color:#fff;box-shadow:0 4px 16px #ff670066}.play-btn:hover{background:linear-gradient(135deg,#ff7a18,#ffb347);transform:scale(1.1);box-shadow:0 6px 20px #ff670080}.play-btn img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.player-volume{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:16px}.volume-bar{width:80px;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.volume-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);animation:shimmer 2s infinite}#volume-fill{height:100%;background:linear-gradient(90deg,var(--music-player-control),#ff9900);border-radius:3px;width:80%;transition:width .1s linear;position:relative}#volume-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--music-player-control);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:transform .2s ease}.volume-bar:hover #volume-handle{transform:translateY(-50%) scale(1.1)}.list-btn{margin-left:0}.pause-icon,.mute-icon,.volume-low-icon{display:none}.playing .pause-icon,.muted .mute-icon,.volume-low .volume-low-icon{display:block}.playing .play-icon,.muted .volume-icon,.volume-low .volume-icon{display:none}.player-list{display:flex;align-items:center}.player-playlist{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-playlist.active{display:flex}.playlist-container{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #0000004d;border:1px solid rgba(255,255,255,.1)}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--music-player-gradient-start),var(--music-player-gradient-end));border-radius:16px 16px 0 0}.playlist-header h3{font-size:18px;color:#fff;font-weight:600}.close-btn{width:36px;height:36px;border:none;border-radius:50%;background:#fff3;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.close-btn svg{width:20px;height:20px}.playlist-content{flex:1;overflow-y:auto;padding:12px 0}.playlist-content::-webkit-scrollbar{width:6px}.playlist-content::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.playlist-content::-webkit-scrollbar-thumb{background:var(--music-player-control);border-radius:3px}.playlist-items{list-style:none}.playlist-items li{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.playlist-items li:hover{background:var(--hover-bg);transform:translate(4px)}.playlist-items li.active{background:var(--hover-bg);border-left:4px solid var(--music-player-control)}.playlist-items img{width:48px;height:48px;border-radius:8px;object-fit:cover;margin-right:16px;box-shadow:0 2px 8px #00000026}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:14px;font-weight:500;color:var(--music-player-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.playlist-item-artist{font-size:12px;color:var(--text-muted)}.playlist-item-status{color:var(--music-player-control);font-size:16px;margin-left:12px;opacity:0;transition:opacity .3s ease}.playlist-items li.active .playlist-item-status{opacity:1}@media(max-width:768px){.player-content{padding:12px 16px;gap:16px}.player-cover{width:50px;height:50px}.player-meta{max-width:150px}#player-title{font-size:14px}#player-artist{font-size:12px}.player-progress{margin:0 8px}.player-controls{gap:8px}.control-btn{width:36px;height:36px}.play-btn{width:44px;height:44px}.player-volume{margin-left:8px}.volume-bar{width:60px}.list-btn{margin-left:8px}}@media(max-width:480px){.player-content{flex-wrap:wrap;padding:12px}.player-cover{width:44px;height:44px}.player-meta{max-width:calc(100% - 160px)}.player-progress{order:99;width:100%;margin:12px 0 0}.player-volume{display:none}}