*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;color:#fff;font-family:"华文楷体","STKaiti","KaiTi","楷体",serif;overflow:hidden;height:100vh}

/* 背景视频层 */
#bg-video-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iZzEiIGN4PSIyNSUiIGN5PSIzMCUiIHI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwQTg2QiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBBODZCIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZzIiIGN4PSI3NSUiIGN5PSI2MCUiIHI9IjQ1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwQTg2QiIgc3RvcC1vcGFjaXR5PSIwLjA0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBBODZCIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iZzMiIGN4PSI1MCUiIGN5PSI0MCUiIHI9IjM1JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZCQzU4QSIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkJDNThBIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZm9nIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGEwYTBhIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9IiMwYTBhMGEiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiLz48cmVjdCBmaWxsPSJ1cmwoI2cxKSIgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTA4MCIvPjxyZWN0IGZpbGw9InVybCgjZzIpIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIi8+PHJlY3QgZmlsbD0idXJsKCNnMykiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiLz48cmVjdCBmaWxsPSJ1cmwoI2ZvZykiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiLz48L3N2Zz4=') center/cover #0a0a0a}
#bg-video-layer .bg-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;border:none;transition:opacity 0.5s ease;opacity:1}
#bg-player1{z-index:2;opacity:1}
#bg-player2{z-index:1;opacity:0}
#bg-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2;pointer-events:none}
#video-label{position:absolute;bottom:18px;right:20px;z-index:3;font-size:11px;color:rgba(255,255,255,0.2);letter-spacing:1px;pointer-events:none;font-family:"华文楷体","STKaiti","KaiTi","楷体",serif}
#next-vid-btn{position:fixed;top:20px;left:170px;z-index:20;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#voice-btn{position:fixed;top:20px;left:250px;z-index:20;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#color-btn{position:fixed;top:20px;left:330px;z-index:20;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#mood-btn{background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.3s}
.mood-wrapper{position:fixed;top:20px;left:410px;z-index:30}
.mood-menu{display:none;position:absolute;top:100%;left:0;margin-top:6px;background:#003366;border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:5px;min-width:90px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.mood-menu div{padding:5px 14px;cursor:pointer;color:rgba(255,255,255,0.8);font-size:12px;border-radius:8px;transition:all 0.2s;font-family:inherit}
.mood-menu div:hover{background:rgba(107,197,138,0.25);color:#fff}
.mood-menu div.active{background:rgba(107,197,138,0.15);color:#6BC58A}

/* 内容层 */
.carousel-container{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:10}
.carousel-track{display:flex;height:100vh;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}
.player-wrapper{position:relative;min-width:100%;height:100vh;overflow:hidden}
.overlay-text{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:95%;max-width:none;background:linear-gradient(transparent,rgba(0,0,0,0.7));padding:60px 40px 30px;text-align:center}
.overlay-text h2{font-size:4em;margin-bottom:10px;color:#6BC58A;text-shadow:0 2px 10px rgba(0,0,0,0.8);letter-spacing:4px;font-family:"华文楷体","STKaiti","KaiTi","楷体",serif;text-align:center}
.scroll-text{max-height:65vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(107,197,138,0.3) transparent;text-align:center}
.scroll-text::-webkit-scrollbar{width:4px}
.scroll-text::-webkit-scrollbar-thumb{background:rgba(107,197,138,0.3);border-radius:2px}
.scroll-text p{font-size:3.2em;line-height:1.8;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,0.8),0 0 12px rgba(0,168,107,0.15);font-family:"华文楷体","STKaiti","KaiTi","楷体",serif;color:#00A86B}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.scroll-text .cursor{display:inline-block;animation:curBlink 0.6s step-end infinite;color:#6BC58A;margin-left:2px;font-size:0.9em;opacity:0.6}
@keyframes curBlink{50%{opacity:0}}

/* 导航 */
.nav-buttons{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:10;pointer-events:none;padding:0 10px}
#home-btn{position:fixed;top:20px;left:90px;z-index:20;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;font-size:12px;font-family:inherit;cursor:pointer;transition:all 0.3s}
.prev-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);background-image:url(assets/images/wmykx.png);background-size:70%;background-repeat:no-repeat;background-position:center;cursor:pointer;display:block;flex-shrink:0;background-color:rgba(0,0,0,0.35)}
.next-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);background-image:url(assets/images/kxywm.png);background-size:70%;background-repeat:no-repeat;background-position:center;cursor:pointer;display:block;flex-shrink:0;background-color:rgba(0,0,0,0.35)}
.prev-btn:hover,.next-btn:hover{background-color:rgba(107,197,138,0.25);border-color:#6BC58A}
.dots{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:20}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.25);cursor:pointer;transition:all 0.3s;border:1px solid rgba(255,255,255,0.15)}
.dot.active{background:#6BC58A;transform:scale(1.3);border-color:#6BC58A}
.chapter-label{position:fixed;top:20px;right:30px;z-index:20;font-size:13px;color:rgba(255,255,255,0.4);letter-spacing:2px}
.tts-btn{position:fixed;top:20px;left:30px;z-index:20;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:6px 14px;border-radius:18px;cursor:pointer;font-size:12px;transition:all 0.3s;font-family:inherit}
.tts-btn:hover{background:rgba(107,197,138,0.3);border-color:#6BC58A}
.tts-btn.active{background:rgba(107,197,138,0.25);border-color:#6BC58A}
.scroll-text .spoken{color:#00E676;text-shadow:0 0 16px rgba(0,230,118,0.4)}
.scroll-text .unspoken{color:rgba(0,168,107,0.25)}

@media(max-width:768px){
.overlay-text{bottom:60px;padding:40px 20px 20px;width:95%}
.overlay-text h2{font-size:2.6em}
.scroll-text{max-height:55vh}
.scroll-text p{font-size:2.6em;line-height:1.6;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,0.8),0 0 10px rgba(0,168,107,0.12);color:#00A86B}
.nav-buttons{padding:0 5px}
#home-btn{top:12px;left:80px;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:4px 10px;border-radius:18px;font-size:11px;font-family:inherit;cursor:pointer;transition:all 0.3s}
.prev-btn{width:40px;height:40px}
.next-btn{width:40px;height:40px}
.chapter-label{font-size:11px;top:12px;right:12px}
.tts-btn{font-size:11px;padding:4px 10px;top:12px;left:12px}
#next-vid-btn{top:12px;left:150px;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:4px 10px;border-radius:18px;font-size:11px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#voice-btn{top:12px;left:220px;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:4px 10px;border-radius:18px;font-size:11px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#color-btn{top:12px;left:290px;background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:4px 10px;border-radius:18px;font-size:11px;font-family:inherit;cursor:pointer;transition:all 0.3s}
#mood-btn{background:#003366;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:4px 10px;border-radius:18px;font-size:11px;font-family:inherit;cursor:pointer;transition:all 0.3s}
.mood-wrapper{top:12px;left:350px}
.mood-menu{min-width:80px}
.mood-menu div{padding:4px 12px;font-size:11px}
}

/* 氛围特效 Canvas */
#m-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:25;pointer-events:none}