/* v18 · v6.0 六世界视觉系统：环境退后、三类材质、电影镜头、统一状态 */
:root{--paper:#fff9eb;--paper-2:#f4ead4;--ink:#26324a;--ink-soft:#657087;--glass:#07172ee8;--glass-line:#8bc8ef2b;--entity-blue:#287fc4;--entity-gold:#d8a645;--entity-pink:#c7698f}
.sky-copy.cosmic-copy{width:min(500px,38vw)!important}.cosmic-copy h1{font-size:clamp(40px,3.7vw,62px)!important}
/* 环境永远在内容之后，不参与操作。 */
.world-decor,.v5-world-aura,.deep-nebula,.starfield,.cosmic-noise,.world-screen:before,.world-screen:after{pointer-events:none!important;user-select:none!important}
.world-decor{opacity:.48}.v5-world-aura{opacity:.32}.world-screen:before,.world-screen:after{opacity:.22!important;filter:none!important}
/* 材质一：系统是宇宙舱。 */
.topbar,.experience-head,.pill-tool,.model-status,.performance-switch,.voice-panel,.music-modal,.generating{background:var(--glass)!important;border-color:var(--glass-line)!important;backdrop-filter:blur(10px) saturate(112%)!important;-webkit-backdrop-filter:blur(10px) saturate(112%)!important;box-shadow:0 8px 24px rgba(0,4,20,.16)!important}
/* 材质二：故事、对白、歌词是温暖绘本纸张。 */
.story-chat-panel,.music-teacher-panel,.creation-guide,.guide-fanfan,.story-host,.music-host,.transcript,.type-box,.reader-ruby-text,.reader-page-summary,.music-player-card section{background:linear-gradient(145deg,var(--paper),var(--paper-2))!important;color:var(--ink)!important;border:1px solid rgba(122,91,43,.18)!important;box-shadow:0 10px 26px rgba(0,5,24,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.story-chat-panel b,.music-teacher-panel b,.creation-guide b,.guide-fanfan b,.story-host b,.music-host b,.transcript,.type-box span,.music-player-card section h2{color:var(--ink)!important}.story-chat-panel p,.music-teacher-panel p,.creation-guide p,.guide-fanfan p,.story-host p,.music-host p,.type-box label,.music-player-card section p{color:var(--ink-soft)!important}.type-box input,.type-box textarea,.music-round-tools input{background:#fffdf7!important;color:var(--ink)!important;border-color:rgba(94,69,35,.2)!important}
/* 材质三：入口、选择和主按钮是有重量的星球实体。 */
.primary-action,.type-box button,.music-confirm-actions button{background:linear-gradient(145deg,#76d9ed,#6687df 58%,#8b68cf)!important;color:#07162d!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:inset 0 2px rgba(255,255,255,.58),0 8px 0 rgba(32,63,121,.54),0 14px 24px rgba(0,19,58,.2)!important}
.primary-action:active,.type-box button:active{transform:translateY(5px)!important;box-shadow:inset 0 2px rgba(255,255,255,.45),0 3px 0 rgba(32,63,121,.54)!important}
/* 三张方向是漂浮绘本页，而非深蓝玻璃。 */
.imagine-branch-card,.classroom-branch-card,.director-image-card.story-branch{position:relative;background:linear-gradient(150deg,#fffdf6,#f4e9d3)!important;color:var(--ink)!important;border:1px solid rgba(111,83,43,.2)!important;border-radius:20px!important;box-shadow:0 13px 28px rgba(0,7,28,.18)!important;backdrop-filter:none!important;overflow:hidden}
.imagine-branch-card:after,.classroom-branch-card:after,.director-image-card.story-branch:after{content:"";position:absolute;inset:8px;border:1px solid rgba(108,80,42,.1);border-radius:13px;pointer-events:none}.branch-copy b,.branch-copy em,.branch-copy small,.director-image-card.story-branch span{color:var(--ink)!important}.branch-copy em{color:#46536b!important}.branch-copy small{color:#737b88!important}
.narrative-role{position:absolute!important;z-index:4;left:12px!important;top:12px!important;display:inline-flex!important;align-items:center;gap:6px;padding:6px 9px;border-radius:10px;color:#fff!important;font-size:11px;font-weight:850;letter-spacing:.05em;box-shadow:0 5px 14px rgba(0,0,0,.16)}.narrative-role i{font-style:normal;font-size:16px}.narrative-discover .narrative-role{background:#287fc4}.narrative-action .narrative-role{background:#b78324}.narrative-emotion .narrative-role{background:#bf5d86}.narrative-discover{border-top:4px solid var(--entity-blue)!important}.narrative-action{border-top:4px solid var(--entity-gold)!important}.narrative-emotion{border-top:4px solid var(--entity-pink)!important}
/* 首页电影镜头：远景—拖拽中景—聚焦近景—进入推进。 */
.planet-wrap{transition:transform .42s cubic-bezier(.2,.75,.2,1),filter .42s ease!important;transform-origin:55% 52%}.planet-wrap.camera-medium{transform:translateY(-50%) scale(1.025)!important}.planet-wrap.camera-close{transform:translateY(-50%) scale(1.055)!important}.planet-wrap.camera-close .planet-place:not(.is-focused){filter:brightness(.52) saturate(.55)!important;opacity:.32!important}.planet-wrap.camera-close .planet-place.is-focused{filter:brightness(1.13)!important;z-index:80!important;box-shadow:0 18px 45px rgba(0,8,31,.34),0 0 32px rgba(86,207,255,.23)!important}.planet-wrap.camera-close .planet-place.is-focused .place-text small{font-size:10px!important;color:#d6e8fb!important}.planet-wrap.camera-entering{transform:translateY(-50%) scale(1.16)!important;filter:brightness(1.16)}
html[data-transition-world="imagine"] .portal-transition{background:radial-gradient(circle,#52abc06b,#07182cf2 65%)}html[data-transition-world="director"] .portal-transition{background:radial-gradient(circle,#9274d06b,#090d28f2 65%)}html[data-transition-world="animalFriend"] .portal-transition{background:radial-gradient(circle,#4aa87b6b,#071e25f2 65%)}html[data-transition-world="emotionWeather"] .portal-transition{background:radial-gradient(circle,#7bcce06b,#33436ff2 65%)}html[data-transition-world="music"] .portal-transition{background:radial-gradient(circle,#29c1c06b,#061a2bf2 65%)}html[data-transition-world="memory"] .portal-transition{background:radial-gradient(circle,#bc8a576b,#161a3cf2 65%)}
/* 六个世界各自只保留一种主要动态语言。 */
.world-imagine .decor-sea{animation:v18Tide 9s ease-in-out infinite}.world-director .decor-beam{animation:v18CameraPush 8s ease-in-out infinite}.world-music .music-bay-shell:before{content:"";position:fixed;z-index:-1;left:8%;right:8%;bottom:4%;height:24%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,rgba(87,226,224,.08) 20px 22px,transparent 24px 39px);animation:v18Beat 3.2s ease-in-out infinite;pointer-events:none}.world-mini[data-game="emotionWeather"]{animation:v18Weather 14s ease-in-out infinite alternate}.world-mini[data-game="animalFriend"] .decor-animal-tree{transform-origin:50% 100%;animation:v18Grow 10s ease-in-out infinite}.world-library .works-planet-hero:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(255,203,126,.09),transparent 22%);animation:v18Archive 20s linear infinite;pointer-events:none}
@keyframes v18Tide{50%{transform:translateY(-2.5%) scaleX(1.025)}}@keyframes v18CameraPush{50%{transform:translateX(4%) scaleX(1.04)}}@keyframes v18Beat{50%{transform:scaleY(1.07);opacity:.72}}@keyframes v18Weather{50%{filter:hue-rotate(7deg) brightness(1.03)}}@keyframes v18Grow{50%{transform:scaleY(1.025)}}@keyframes v18Archive{to{transform:rotate(360deg)}}
/* 露米六状态：同一套可理解的视觉语法。 */
.lumi-home:before{content:"等待";position:absolute;z-index:8;left:58px;top:-13px;padding:4px 8px;border-radius:8px;background:#102d60;color:#bdefff;border:1px solid rgba(135,221,255,.35);font-size:9px;font-weight:800;letter-spacing:.08em}.lumi-home:after{content:"";position:absolute;z-index:7;left:37px;top:14px;width:82px;height:82px;border-radius:50%;border:2px solid transparent;pointer-events:none}
html[data-lumi-state="listening"] .lumi-home:before{content:"倾听";background:#155b68}html[data-lumi-state="listening"] .lumi-home:after{border-color:rgba(103,237,224,.52);animation:v18Listen 1.25s ease-out infinite}html[data-lumi-state="thinking"] .lumi-home:before{content:"思考";background:#594b8d}html[data-lumi-state="thinking"] .lumi-home:after{border-top-color:#d8c6ff;animation:v18Think 2.2s linear infinite}html[data-lumi-state="creating"] .lumi-home:before{content:"创作";background:#725127}html[data-lumi-state="creating"] .lumi-home:after{border-color:rgba(255,209,113,.52);box-shadow:0 0 24px rgba(255,204,100,.28);animation:v18Create 1.6s ease-in-out infinite}html[data-lumi-state="speaking"] .lumi-home:before{content:"讲述";background:#6b3e69}html[data-lumi-state="speaking"] .lumi-home:after{background:radial-gradient(circle,rgba(240,143,194,.2),transparent 66%);animation:v18Speak .72s ease-in-out infinite alternate}html[data-lumi-state="complete"] .lumi-home:before{content:"完成";background:#276b51;color:#caffdf}html[data-lumi-state="complete"] .lumi-home:after{border-color:#8cf0bd;box-shadow:0 0 28px rgba(86,224,158,.38)}
@keyframes v18Listen{to{transform:scale(1.25);opacity:0}}@keyframes v18Think{to{transform:rotate(360deg)}}@keyframes v18Create{50%{transform:scale(1.1) rotate(5deg)}}@keyframes v18Speak{to{transform:scale(1.13)}}
/* 轻量任务中心：没有任务时完全不占首页。 */
.lumi-task-center{position:absolute;z-index:42;left:clamp(24px,5vw,82px);bottom:150px;width:min(330px,calc(100vw - 40px));display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(151,211,255,.22);border-radius:16px;background:rgba(6,20,48,.88);color:#eef8ff;box-shadow:0 12px 30px rgba(0,4,24,.24)}.lumi-task-center[hidden]{display:none}.task-orbit{width:28px;height:28px;border:2px solid rgba(112,218,245,.3);border-top-color:#7de4f1;border-radius:50%;animation:v18Task 1.4s linear infinite}.lumi-task-center[data-status="done"] .task-orbit{animation:none;border-color:#74ddb0;background:radial-gradient(circle,#a8f0ca 0 22%,transparent 25%)}.lumi-task-center small,.lumi-task-center b,.lumi-task-center p{display:block;margin:0}.lumi-task-center small{color:#84ddec;font-size:9px;letter-spacing:.1em}.lumi-task-center b{margin-top:2px;font-size:12px}.lumi-task-center p{margin-top:2px;color:#aabbd6;font-size:9px}.lumi-task-center button{min-height:34px;padding:6px 9px;border:1px solid rgba(137,220,245,.25);border-radius:9px;background:#183760;color:#dff8ff;font-size:10px}@keyframes v18Task{to{transform:rotate(360deg)}}
/* 副歌只在参与时刻出现，大字逐字点亮；完整歌词退到次级模式。 */
.music-chorus-stage{margin:12px 0 16px;padding:18px;border:1px solid rgba(207,154,74,.22);border-radius:18px;background:linear-gradient(145deg,#fff9e7,#f4e2bd);color:var(--ink);text-align:center;box-shadow:0 10px 25px rgba(50,28,5,.12)}.music-chorus-stage[hidden]{display:none}.music-chorus-stage small{color:#a36d22;font-size:10px;letter-spacing:.18em}.music-chorus-stage div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px auto 8px;max-width:680px}.music-chorus-stage span{display:inline-grid;place-items:center;min-width:34px;min-height:44px;padding:4px 7px;border-radius:10px;background:#fffdf8;color:#7a756d;font-size:clamp(24px,3vw,40px);font-weight:900;transition:.14s}.music-chorus-stage span.active{background:linear-gradient(145deg,#ffe077,#f09ab9);color:#3a2440;transform:translateY(-4px) scale(1.05);box-shadow:0 7px 15px rgba(207,102,111,.2)}.music-chorus-stage p{margin:0!important;color:#8b7358!important;font-size:11px}.music-player:not(.lyrics-only) #musicPlayerLyrics{max-height:76px;opacity:.44;font-size:10px;overflow:hidden}.music-player.lyrics-only .music-chorus-stage{display:none!important}
@media(max-width:780px){.planet-wrap.camera-close{transform:translateY(-50%) scale(1.025)!important}.lumi-task-center{position:fixed;left:14px;right:14px;bottom:14px;width:auto}.narrative-role{font-size:9px}.music-chorus-stage span{min-width:28px;min-height:38px;font-size:22px}.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.world-decor *,.world-music .music-bay-shell:before,.world-library .works-planet-hero:before,.lumi-home:after,.task-orbit{animation:none!important}.planet-wrap{transition:none!important}}