@media (max-width:768px){*,:after,:before{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:1000!important;transform:translateZ(0)!important}*{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;animation-duration:.1s!important;animation-fill-mode:both!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;text-rendering:optimizeSpeed!important;text-shadow:none!important;transition-duration:.1s!important;transition-timing-function:ease-out!important}html{-webkit-overflow-scrolling:touch!important;height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important}body{margin:0!important;min-height:100%!important;padding:0!important}.memory-app-bg,body{-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important;transform:translateZ(0)!important;will-change:auto!important}.memory-app-bg{-webkit-user-select:none!important;user-select:none!important}.memory-app-bg,.memory-main{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;contain:layout style!important;touch-action:pan-y!important}.memory-main{transform:translateZ(0)!important;will-change:auto!important}.memory-menu,.memory-navbar{contain:layout style paint!important;isolation:isolate!important;position:fixed!important;z-index:1000!important}.activity-list,.album-list,.memory-card-list,.memory-menu,.memory-navbar,.recordings-list-container{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform:translateZ(0)!important;will-change:auto!important}.activity-list,.album-list,.memory-card-list,.recordings-list-container{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;contain:layout style!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important;scrollbar-width:none!important}.activity-list::-webkit-scrollbar,.album-list::-webkit-scrollbar,.memory-card-list::-webkit-scrollbar,.recordings-list-container::-webkit-scrollbar{display:none!important}.album-img,.album-preview-img,.album-preview-video,.preview-thumb,.preview-video-thumb,img,video{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;contain:layout style paint!important;image-rendering:optimizeSpeed!important;image-rendering:-webkit-optimize-contrast!important;touch-action:manipulation!important;transform:translateZ(0)!important;will-change:auto!important}.album-item,.btn,.center-voice-card,.delete-btn,.enter-gallery-btn,.memory-card,.mobile-gallery-card,.upload-media-btn,.voice-action,button{-webkit-tap-highlight-color:transparent!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;contain:layout style!important;touch-action:manipulation!important;transform:translateZ(0)!important;transition:transform .1s ease-out!important;will-change:auto!important}.memory-search,input,textarea{-webkit-touch-callout:default!important;touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important}.line-chart,.line-chart-container,.memory-search,input,svg,textarea{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform:translateZ(0)!important}.line-chart,.line-chart-container,svg{shape-rendering:optimizeSpeed!important;contain:layout style paint!important;text-rendering:optimizeSpeed!important;will-change:auto!important}*{font-feature-settings:normal,none!important;background-attachment:scroll!important;border-image:none!important;font-variant-ligatures:none!important;isolation:auto!important;mix-blend-mode:normal!important}.activity-chart,.media-board,.parent-activity,.photo-board,.video-board{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;contain:layout style!important;transform:translateZ(0)!important;will-change:auto!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate3d(20px,0,0)}to{transform:translateZ(0)}}.fade-in{animation:fadeIn .2s ease-out!important}.slide-in{animation:slideIn .2s ease-out!important}@media (max-width:480px){*{font-size:inherit!important;line-height:inherit!important}.album-item,.memory-card{margin-bottom:8px!important}}@supports (-webkit-touch-callout:none){body{overscroll-behavior-y:contain!important}.memory-app-bg,body{-webkit-overflow-scrolling:touch!important}.memory-app-bg{overscroll-behavior:contain!important}}@media screen and (-webkit-min-device-pixel-ratio:1){.memory-main{overscroll-behavior:contain!important}html{scroll-behavior:auto!important}}.gallery-icon,.voice-icon{box-shadow:0 15px 30px #3bb6a680!important;box-shadow:0 15px 30px var(--theme-primary,#3bb6a680)!important}.mobile-gallery-card{background:#fffffff2!important;background:var(--theme-containerBg,#fffffff2)!important;border-color:#ffffff4d!important;border-color:var(--theme-border,#ffffff4d)!important;box-shadow:0 8px 32px #0000001a!important;box-shadow:0 8px 32px var(--theme-shadow,#0000001a)!important}.gallery-title{color:#3bb6a6!important;color:var(--theme-primary,#3bb6a6)!important}.gallery-desc{color:#666!important;color:var(--theme-textSecondary,#666)!important}.enter-gallery-btn{background:linear-gradient(135deg,#3bb6a6,#2ea087)!important;background:linear-gradient(135deg,var(--theme-primary,#3bb6a6) 0,var(--theme-tertiary,#2ea087) 100%)!important;box-shadow:0 4px 15px #3bb6a64d!important;box-shadow:0 4px 15px var(--theme-primary,#3bb6a64d)!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:MUYAO-SOFTBRUSH,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,微软雅黑,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:400;scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.15}input::-ms-clear{display:none}img{border-style:none;height:auto;max-width:100%}@media (max-width:768px){*{box-sizing:border-box;max-width:100%!important}.memory-app-bg{max-width:100vw;padding:95px 0 0;width:100%}.memory-app-bg.miniprogram{padding:0}.memory-main{flex-direction:column;gap:16px;padding:16px}.memory-center,.memory-left,.memory-right{max-width:100%;min-width:auto;width:100%}.memory-right{flex-direction:column;gap:16px;max-width:100%;min-width:auto}.photo-board,.video-board{max-width:100%;min-height:300px;padding:20px}.album-list{gap:12px;grid-template-columns:repeat(3,1fr)}.album-item{aspect-ratio:1;height:auto;width:100%}.memory-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#c3eae2f2;background-color:var(--theme-headerBg,#c3eae2f2);box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--theme-shadow,#0000001a);box-sizing:border-box;display:flex;height:56px;justify-content:space-between;left:0;overflow:hidden;padding:8px 12px;position:fixed;right:0;top:0;width:100%;z-index:1000}.delete-activity-btn{border-radius:50%!important;box-sizing:border-box;flex-shrink:0!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important}.activity-chart{padding:15px 15px 15px 25px}.line-chart-container{padding-left:10px}.line-chart{min-width:280px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--theme-primaryBg,linear-gradient(135deg,#e8f5e8 0,#a8d8a8 30%,#78c6b6 70%,#4ecdc4 100%));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}button,div,h1,h2,h3,h4,h5,h6,input,label,p,span,textarea{font-family:MUYAO-SOFTBRUSH,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.memory-app-bg{background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png);background-image:var(--theme-backgroundImage,url("https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png"));background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:Muyao-Softbrush-Regular,sans-serif;max-width:100vw;min-height:100vh;overflow-x:auto;overflow-y:auto;padding-top:80px;width:100%}.memory-menu{align-items:center;background-color:#6ac1b7;background-color:var(--theme-primary,#6ac1b7);box-shadow:0 3px 4px 0 #00000040;box-shadow:0 3px 4px 0 var(--theme-shadow,#00000040);display:flex;justify-content:center;left:0;padding:12px 0;position:fixed;right:0;top:0;width:100%;z-index:999}.menu-item{border-radius:12px;color:#fff;color:var(--theme-buttonText,#fff);cursor:pointer;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:1.3rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.menu-item.active{background:#fff3;background:var(--theme-buttonHover,#fff3)}.menu-item:hover{background:#ffffff1a;background:var(--theme-buttonActive,#ffffff1a)}.memory-main{align-items:stretch;box-sizing:border-box;display:flex;gap:clamp(16px,2.5vw,24px);justify-content:center;margin:20px auto;max-width:min(1600px,95vw);overflow-x:hidden;padding:clamp(16px,2.5vw,24px);width:100%}.user-account-card{background:linear-gradient(135deg,#e8f5e8,#c8e6c8);background:linear-gradient(135deg,var(--theme-containerBg,#e8f5e8),var(--theme-secondaryBg,#c8e6c8));border:2px solid #3bb6a64d;border:2px solid var(--theme-border,#3bb6a64d);border-radius:16px;box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--theme-shadow,#00000026);margin-bottom:20px;padding:20px;text-align:center}.user-account-card .user-code{color:#fff;color:var(--theme-buttonText,#fff);font-size:2.1rem;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 8px #000c,0 0 4px #00000080}.user-account-card .user-status{color:#fff;color:var(--theme-buttonText,#fff);font-size:1.15rem;font-weight:600;opacity:.9;text-shadow:0 0 4px #000c,0 0 2px #00000080}.memory-left{flex-shrink:0;gap:16px;justify-content:space-between;max-width:35%;min-width:280px}.memory-left,.memory-left-top{display:flex;flex-direction:column;height:100%}.memory-left-top{flex:0 0 auto;justify-content:stretch}.memory-left-title{color:#3bb6a6;color:var(--theme-primary,#3bb6a6);font-size:1.7rem;margin-bottom:20px;padding-left:10px}.memory-card-list{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:stretch}.memory-timeline-container{background:#fff;background:var(--theme-background,#fff);border-radius:16px;box-shadow:0 4px 13px #bfe0ca;box-shadow:0 4px 13px var(--theme-shadow,#bfe0ca);flex:1 1;max-height:800px;overflow-y:auto;padding:20px;transition:all .3s ease}.memory-timeline-container:hover{box-shadow:0 6px 20px #bfe0ca;box-shadow:0 6px 20px var(--theme-shadow,#bfe0ca)}.memory-card{align-items:center;background:#fff;background:var(--theme-background,#fff);box-shadow:0 4px 13px #bfe0ca;box-shadow:0 4px 13px var(--theme-shadow,#bfe0ca);cursor:pointer;font-size:1.25rem;gap:16px;height:200px;padding:20px;position:relative}.memory-card:hover{box-shadow:0 6px 20px #bfe0ca;box-shadow:0 6px 20px var(--theme-shadow,#bfe0ca);transform:translateY(-2px)}.center-voice-card{background:linear-gradient(135deg,var(--theme-secondaryBg),var(--theme-secondaryBg));border:3px solid var(--theme-primary);border-radius:20px;box-shadow:0 15px 40px var(--theme-cardShadow);cursor:pointer;height:auto;padding:24px;text-align:center;transition:all .4s ease;width:100%}.center-voice-card:hover{border-color:var(--theme-primaryDark);box-shadow:0 25px 60px var(--theme-cardShadow);transform:translateY(-8px)}.center-voice-card .voice-icon{border-radius:20px;box-shadow:0 15px 30px var(--theme-cardShadow);color:var(--theme-primary);font-size:60px;margin-bottom:15px}.voice-action-btn{background:var(--theme-primary);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;min-width:120px;padding:12px 24px;transition:all .3s ease}.voice-action-btn:hover{background:var(--theme-primaryDark);box-shadow:0 10px 25px var(--theme-cardShadow);transform:translateY(-3px)}.voice-action-btn:active{transform:translateY(0)}.center-voice-card .voice-title{color:#fff;font-size:2rem;font-weight:900;line-height:1.2;margin-bottom:16px}.center-voice-card .voice-desc{color:var(--theme-text);font-size:.9rem;line-height:1.5;margin-bottom:14px}.center-voice-card .voice-action{background:var(--theme-primary);border:none;border-radius:25px;color:var(--theme-buttonText);cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.center-voice-card .voice-action:hover{background:var(--theme-primaryDark);transform:scale(1.05)}.mobile-voice-card{display:none}.memory-card.featured-voice{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #3bb6a6;box-shadow:0 8px 25px #3bb6a64d;margin-bottom:20px;padding:24px}.memory-card.featured-voice:hover{box-shadow:0 12px 35px #3bb6a666;transform:translateY(-4px)}.memory-card.featured-voice .card-title{font-size:20px;font-weight:700}.memory-card.featured-voice .card-desc{font-size:14px;margin-top:4px}.memory-card.compact .card-title{font-size:1.5rem}.memory-card.compact .card-desc{bottom:10px;font-size:20px;left:20px;position:absolute}.card-center-dot{background:#3bb6a6;border-radius:50%;flex-shrink:0;height:20px;position:absolute;top:20px;width:20px}.card-center-dot-inner{background:#e26969;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.card-content{font-size:3.5rem;height:125px;width:80%}.card-title{color:#3bb6a6;font-size:1.3rem;font-weight:600;left:40px;margin-bottom:4px;position:absolute}.card-desc{color:#666;font-size:1.3rem;font-weight:400}.card-dont1{height:50px;margin-left:150px;margin-top:40px;width:90px}.card-dont2{height:60px;margin-left:-30px;margin-top:30px;width:60px}.card-dont{height:50px;margin-left:180px;margin-top:40px;width:90px}.card-dont3{height:100px;margin-left:60px;margin-top:30px;width:160px}.card-img{height:120px;margin-left:-10px;object-fit:cover;width:100px}.memory-center{flex:1 1 auto;height:100%;justify-content:space-between;margin:0;max-width:45%;min-width:350px;width:clamp(400px,40vw,800px)}.baby-info,.memory-center{display:flex;flex-direction:column;gap:16px}.baby-info{background:#fff;border-radius:16px;box-shadow:0 4px 13px #bfe0ca;flex:1 1;justify-content:stretch;margin-top:10px}.baby-avatar{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);font-size:35px;height:70px;width:70px;.baby-avatar{align-items:center;background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:50%;color:#fff;display:flex;font-size:35px;height:70px;justify-content:center;width:70px}.baby-avatar:before{background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/user.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;width:100%}}.baby-avatar:before{background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/user.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:60%;width:60%}.baby-info-top{gap:20px;height:75px}.baby-age{color:#3bb6a6;flex:1 1;font-size:1.5rem;font-weight:600;line-height:1.2;text-align:center}.baby-progress{width:100%}.age-slider{background:#e8f4f2;border-radius:16px;height:18px;margin-bottom:15px;position:relative}.age-slider::-webkit-slider-thumb{background:#3bb6a6;border:3px solid #fff;box-shadow:0 2px 6px #3bb6a64d;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.age-slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #3bb6a666;transform:scale(1.1)}.age-slider::-moz-range-thumb{background:#3bb6a6;border:3px solid #fff;box-shadow:0 2px 6px #3bb6a64d;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.age-slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #3bb6a666;transform:scale(1.1)}.progress-bar{background:#e3f6f2;margin-bottom:8px}.progress-inner{background:linear-gradient(90deg,#3bb6a6,#4ecdc4);height:100%;transition:width .3s ease}.age-labels{color:#3bb6a6;display:flex;font-size:.95rem;font-weight:400;justify-content:space-between}.slider-marks span:first-child{flex:0 0 auto;margin-left:8px;text-align:left}.slider-marks span:last-child{flex:0 0 auto;margin-right:8px;text-align:right}.slider-marks span{color:#4ac5b4;font-size:20px}.book-memory-card{background:linear-gradient(135deg,#3bb6a6,#2ea087);border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;cursor:pointer;overflow:hidden;padding:25px;transition:all .3s ease}.book-memory-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.book-memory-card:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.book-memory-card:hover:before{opacity:1}.book-card-header{margin-bottom:20px;position:relative;z-index:1}.book-card-title{font-size:48px;gap:24px}.book-icon{font-size:56px}.book-card-stats{gap:20px}.book-card-stats .stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.book-card-stats .stat-number{color:#333;font-size:40px;font-weight:700}.book-card-stats .stat-label{font-size:24px;margin-top:4px;opacity:.8}.book-card-content{margin-bottom:25px;position:relative;z-index:1}.book-card-desc{font-size:32px;line-height:1.6;margin-bottom:40px;opacity:.9}.book-card-features{flex-wrap:wrap}.feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:40px;font-size:24px;font-weight:600;padding:12px 24px}.book-card-action1{width:18%}.book-card-action,.book-card-action1{background:#fff;border-radius:24px;color:#3bb6a6;font-size:32px;font-weight:600;padding:24px 48px;position:relative;z-index:1}.book-card-action{width:100%}.book-card-action:hover{background:#f0f0f0;box-shadow:0 5px 15px #ffffff4d}.dialog-mask{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-box{animation:dialogFadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;overflow:hidden;padding:0;width:90%}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.dialog-title{color:#333;font-size:18px;font-weight:600;margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.dialog-close:hover{background-color:#f0f0f0;color:#666}.dialog-content{padding:20px 24px}.form-group{margin-bottom:16px}.form-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.form-hint{color:#999;font-size:12px;line-height:1.4;margin-top:6px}.dialog-actions{background-color:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.dialog-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 20px;transition:all .2s ease}.cancel-btn{background-color:#f0f0f0}.cancel-btn:hover{background-color:#e0e0e0}.delete-btn{background-color:#ff6b6b;color:#fff}.delete-btn:hover{background-color:#ff5252}.confirm-btn{background-color:#4ecdc4}.confirm-btn:hover:not(:disabled){background-color:#3db8af}.confirm-btn:disabled{background-color:#b2e8e4}.ai-music-card{background:var(--theme-primary);border-radius:20px;box-shadow:var(--theme-cardShadow);color:var(--theme-buttonText);cursor:pointer;margin-top:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.ai-music-card:hover{box-shadow:var(--theme-cardShadow);transform:translateY(-5px)}.ai-music-card:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ai-music-card:hover:before{opacity:1}.ai-music-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.ai-music-card-title{align-items:center;display:flex;font-size:48px;font-weight:700;gap:24px}.ai-music-icon{font-size:56px}.ai-music-card-content{margin-bottom:25px;position:relative;z-index:1}.ai-music-card-desc{font-size:32px;line-height:1.6;margin-bottom:40px;opacity:.9}.ai-music-card-features{display:flex;flex-wrap:wrap;gap:10px}.ai-music-card-action{align-items:center;background:var(--theme-buttonText);border:none;border-radius:24px;box-shadow:0 4px 12px #0000001a;color:var(--theme-primary);cursor:pointer;display:flex;font-size:32px;font-weight:600;gap:12px;justify-content:center;margin-bottom:16px;overflow:hidden;padding:24px 48px;position:relative;transition:all .3s ease;width:100%;z-index:1}.ai-music-card-action:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.ai-music-card-action:hover:before{left:100%}.ai-music-card-action:hover{background:var(--theme-secondaryBg);box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.bind-music-btn{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#fff;font-weight:700;text-shadow:0 1px 2px #0000001a}.bind-music-btn:hover{background:linear-gradient(135deg,#ff8a8e,#fbc0b4);box-shadow:0 8px 20px #ff9a9e4d}.play-music-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:700;text-shadow:0 1px 2px #0000001a}.play-music-btn:hover{background:linear-gradient(135deg,#3f9cfe,#00e2ee);box-shadow:0 8px 20px #4facfe4d}.play-music-btn:disabled{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);box-shadow:none;color:#9e9e9e;cursor:not-allowed;transform:none}.play-music-btn:disabled:before{display:none}@media (max-width:768px){.waveform{height:60px}.book-memory-card{padding:20px}.book-card-header{flex-direction:column;gap:15px;text-align:center}.book-card-stats{gap:15px}.book-card-features{justify-content:center}.ai-music-card{padding:20px}.ai-music-card-header{flex-direction:column;gap:15px;text-align:center}.ai-music-card-features{justify-content:center}}.activity-title-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.title-right-section{align-items:center;display:flex;gap:12px}.upload-photo-btn{background:#3bb6a6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.upload-photo-btn:hover{background:#2ea087;transform:scale(1.05)}.photo-toggle-btn{align-items:center;background:#3bb6a6;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:all .3s ease}.photo-toggle-btn:hover{background:#2ea087;transform:scale(1.05)}.toggle-arrow{font-size:.6rem;transition:transform .3s ease}.toggle-arrow.up{transform:rotate(180deg)}.toggle-arrow.down{transform:rotate(0deg)}.activity-list{flex:1 1;list-style:none;margin-bottom:16px;overflow-y:auto;padding-right:8px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--theme-secondaryBg,#f1f1f1);border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087;background:var(--theme-primaryHover,#2ea087)}.activity-list li{align-items:center;border-bottom:1px solid #f0f9f7;display:flex;gap:12px;height:50px;overflow-y:hidden;padding:12px 0;position:relative}.activity-list li:last-child{border-bottom:none}.activity-list li.completed .activity-text{color:#999;text-decoration:line-through}.activity-list input[type=checkbox]{background:#fff;border:2px solid #3bb6a6;border-radius:3px;cursor:pointer;height:18px;width:18px}.activity-list input[type=checkbox]:checked{background:#3bb6a6}.activity-text{color:#333;flex:1 1;font-size:1.15rem;font-weight:400}.delete-activity-btn{align-items:center;background:#f75959;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:22px;justify-content:center;line-height:1;opacity:0;position:absolute;right:0;transition:all .3s ease;width:22px}.activity-list li:hover .delete-activity-btn{opacity:1}.delete-activity-btn:hover{background:#ff5252;transform:scale(1.1)}.add-activity-item{align-items:center;display:flex;gap:12px;padding:12px 0}.add-activity-input{border:1px solid #3bb6a6;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.add-activity-buttons{display:flex;gap:8px}.cancel-btn,.confirm-btn{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.confirm-btn{background:#3bb6a6}.cancel-btn{background:#ff6b6b}.activity-add{align-items:center;background:none;border:2px dashed #3bb6a6;border-radius:50%;color:#3bb6a6;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;margin:0 auto;transition:all .3s ease;width:40px}.activity-add:hover{background:#3bb6a61a}.activity-chart{background:#fff;border-radius:16px;box-shadow:0 4px 13px #bfe0ca;display:flex;flex:1 1;flex-direction:column;max-height:407px;padding:20px}.chart-title{color:#3bb6a6;font-size:1.3rem;font-weight:600;margin-bottom:20px}.line-chart-container{align-items:center;display:flex;height:90%;justify-content:center;overflow:hidden;width:100%}.line-chart{height:380px;min-width:400px;width:100%}.chart-point{transition:all .5s ease}.chart-point:hover{r:7}.chart-value{opacity:0;transition:all .3s ease}.chart-point:hover+.chart-value{opacity:1}.memory-right{flex:1 1;gap:20px;height:100%;justify-content:space-between;max-width:min(900px,40vw);min-width:min(500px,35vw);overflow:hidden}.activity-board,.memory-right{display:flex;flex-direction:column}.activity-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0000001a;height:auto;padding:30px}.photo-board,.video-board{flex:1 1;max-height:1030px;max-width:430px;min-height:1030px}.upload-video-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:20px;box-shadow:0 4px 15px #4a90e24d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.upload-video-btn:hover{background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 6px 20px #4a90e266;transform:translateY(-2px)}.media-board{background:var(--theme-containerBg);border-radius:20px;box-shadow:var(--theme-cardShadow);display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:80%;overflow:hidden;padding:clamp(15px,2.5vw,25px);width:100%}.media-tabs{border-bottom:2px solid var(--theme-border);padding-bottom:0}.media-tab{background:#0000;border:2px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;color:var(--theme-primary);cursor:pointer;font-size:clamp(16px,2.2vw,24px);font-weight:500;padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px);position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.media-tab.active,.media-tab:hover{background:var(--theme-secondaryBg);color:var(--theme-primary)}.media-tab.active{border-color:var(--theme-border);border-bottom:2px solid var(--theme-containerBg);font-weight:600;margin-bottom:-2px}.view-gallery-btn-container{display:flex;justify-content:center;margin:15px 0}.view-gallery-btn{border:none;border-radius:20px;box-shadow:var(--theme-cardShadow);color:var(--theme-buttonText);cursor:pointer;font-size:16px;font-weight:500;padding:8px 20px;transition:all .3s ease;white-space:nowrap}.view-gallery-btn,.view-gallery-btn:hover{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-primary) 100%)}.view-gallery-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.media-upload-section{display:flex;justify-content:flex-end;margin-bottom:20px}.upload-media-btn{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-primary) 100%);border:none;border-radius:20px;box-shadow:var(--theme-cardShadow);color:var(--theme-buttonText);cursor:pointer;font-size:clamp(14px,2vw,24px);font-weight:400;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);transition:all .3s ease;white-space:nowrap;.upload-media-btn:hover{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-primary) 100%);box-shadow:var(--theme-cardShadow);transform:translateY(-2px)}.media-content{display:flex;flex:1 1;flex-direction:column;max-height:auto;min-height:100%;overflow:hidden}.album-list{flex:1 1;margin-top:16px;max-height:100%;overflow-y:auto;padding-right:12px;transition:all .3s ease}.album-list::-webkit-scrollbar{width:6px}.album-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--theme-secondaryBg,#f1f1f1);border-radius:3px}.album-list::-webkit-scrollbar-thumb{background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:3px}.album-list::-webkit-scrollbar-thumb:hover{background:#2ea087;background:var(--theme-primaryHover,#2ea087)}.album-img{animation:fadeIn .3s ease-in-out;border-radius:12px;box-shadow:4px 4px 0 #0003;cursor:pointer;height:210px;left:0;object-fit:cover;padding-bottom:10px;position:absolute;top:0;transition:all .3s ease;width:100%}.album-img:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.album-preview-mask{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.album-preview-box{max-height:90vh;max-width:90vw;position:relative}.album-preview-img{border-radius:8px;max-height:90vh;max-width:100%}.album-preview-close{background:none;height:40px;right:0;top:-40px;width:40px}.album-preview-arrow,.album-preview-close{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;justify-content:center;position:absolute}.album-preview-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;height:50px;top:50%;transform:translateY(-50%);width:50px}.album-preview-arrow.left{left:-70px}.album-preview-arrow.right{right:-70px}.album-preview-arrow:hover{background:#ffffff4d}.empty-album{align-items:center;color:#3bb6a6b3;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.8}.empty-text{color:#3bb6a6cc;font-size:16px;font-weight:500;margin-bottom:8px}.empty-desc{color:#3bb6a699;font-size:14px}.album-item{border-radius:16px;height:150px;overflow:hidden;padding-bottom:50%;position:relative;transition:transform .2s ease;width:100%}.album-item:hover{transform:scale(1.05)}.video-overlay,.video-preview-container{background:#0000;height:150px}.video-overlay{align-items:center;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%}.album-item:hover .video-overlay,.video-preview-container:hover .video-overlay{opacity:1}@media (min-width:769px){.video-overlay{background:#0000!important}.album-item:hover .video-overlay,.video-preview-container:hover .video-overlay{opacity:1!important}}.play-icon{border-radius:50%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));height:48px;opacity:.9;transition:transform .2s ease;width:48px}.video-overlay:hover .play-icon{opacity:1;transform:scale(1.1)}.album-preview-video{border-radius:8px;max-height:100%;max-width:100%}.preview-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;bottom:-60px;color:#fff;left:0;padding:10px 15px;position:absolute;right:0}.preview-filename{font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.preview-time{font-size:12px;opacity:.8}@media (max-width:1200px){.memory-main{flex-direction:column;gap:16px}.memory-left,.memory-right{width:100%}.memory-center{max-width:100%}.album-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){*{box-sizing:border-box;max-width:100%!important}.memory-app-bg{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;padding:95px 0 0;scroll-behavior:smooth;width:100%}.memory-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#c3eae2f2;box-shadow:0 2px 10px #0003;box-sizing:border-box;display:flex;height:56px;justify-content:space-between;left:0;overflow:hidden;padding:8px 12px;position:fixed;right:0;top:0;width:100%;z-index:1000}.delete-activity-btn{border-radius:50%!important;box-sizing:border-box;flex-shrink:0!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important}.navbar-left{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:0}.memory-logo{border-radius:6px;flex-shrink:0;height:32px;width:32px}.memory-title{display:none}.navbar-center{display:flex;flex:1 1;justify-content:center;margin:0 8px;min-width:0}.search-container{align-items:center;border-radius:18px;display:flex;height:36px;max-width:240px;min-width:140px;padding:4px 12px;width:100%}.memory-search{flex:1 1;font-size:13px;min-width:0;padding:4px 60px 4px 6px;width:auto}.search-btn{border-radius:14px;flex-shrink:0;height:28px;width:28px}.search-icon{height:14px;width:14px}.search-btn-box{right:4px}.navbar-right{gap:6px;min-width:0}.memory-icon,.navbar-right{align-items:center;display:flex;flex-shrink:0}.memory-icon{border-radius:6px;height:28px;justify-content:center;width:28px}.memory-menu{-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;gap:8px;justify-content:space-around;left:0;overflow-x:auto;overflow-y:hidden;padding:8px 12px;position:fixed;right:0;scrollbar-width:none;top:56px;white-space:nowrap;width:100%;z-index:999}.memory-menu::-webkit-scrollbar{display:none}.menu-item{flex-shrink:0;font-size:13px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 8px;white-space:nowrap}.memory-main{box-sizing:border-box;flex-direction:column;gap:8px;padding:8px;width:100%}.memory-center,.memory-left,.memory-right{margin:0;width:100%}.activity-board,.baby-info,.center-voice-card,.memory-card,.parent-activity,.user-account-card{box-sizing:border-box;max-width:100%;width:100%}.album-img,.card-img,.memory-logo{height:auto;max-width:100%}.mobile-gallery-card,.mobile-gallery-entrance{box-sizing:border-box;min-width:100%!important;overflow:hidden}.album-list{gap:8px;grid-template-columns:repeat(2,1fr)}.empty-album{min-height:150px;padding:30px 15px}.mobile-gallery-entrance{display:flex;flex-direction:column;gap:12px;min-height:auto;padding:12px 16px}.mobile-center-gallery{margin:12px 0;min-height:240px;padding:0}.mobile-left-gallery{margin:10px 0;min-height:180px;padding:0}.mobile-gallery-card{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:none;padding:16px;text-align:center}.gallery-icon{font-size:40px;margin-bottom:12px}.mobile-gallery-card .gallery-title{font-size:1.3rem;margin-bottom:8px}.gallery-desc{font-size:.85rem;margin-bottom:12px}.gallery-preview{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.preview-thumb{height:36px}.enter-gallery-btn{font-size:13px;padding:8px 16px}.memory-right{flex-direction:column;gap:16px}.photo-board,.video-board{max-width:none;min-height:auto}.memory-main{max-width:100%;overflow-x:hidden}.memory-center{box-sizing:border-box;max-width:100%}.empty-icon{font-size:36px;margin-bottom:12px}.empty-text{font-size:14px;margin-bottom:6px}.empty-desc{font-size:12px}.play-icon{border-radius:50%;height:32px;width:32px}.preview-info{bottom:-50px;padding:8px 12px}.preview-filename{font-size:12px}.preview-time{font-size:10px}.mobile-voice-card{display:block;margin-bottom:20px;margin-top:20px}.memory-center .center-voice-card:not(.mobile-voice-card){display:none}}.memory-date{color:#ffa07a;font-size:1rem;font-weight:400;margin-bottom:6px}.memory-description{color:#ff8c69;font-size:1.05rem;font-weight:400;line-height:1.4}.age-labels,.line-chart text,.progress-bar{font-size:.95rem;font-weight:400}@media (max-width:768px){.delete-activity-btn{border-radius:50%!important;flex-shrink:0!important;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important}.memory-timeline-container{background:#fff;background:var(--theme-background,#fff);border-radius:12px;box-shadow:0 4px 13px #bfe0ca;box-shadow:0 4px 13px var(--theme-shadow,#bfe0ca);max-height:400px;padding:15px}.activity-chart{padding:15px 15px 15px 25px}.line-chart-container{overflow:visible;padding-left:10px}.line-chart{min-width:280px}.parent-activity{height:300px;min-height:auto}.activity-list{max-height:200px;overflow-y:auto;padding-right:8px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--theme-secondaryBg,#f1f1f1);border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087;background:var(--theme-primaryHover,#2ea087)}.activity-title-container{margin-bottom:12px}.photo-toggle-btn{border-radius:12px;font-size:.75rem;padding:5px 10px}.album-list{gap:8px}}@media (max-width:1024px) and (min-width:415px){.memory-app-bg{padding:115px 0 0}.memory-menu{top:65px;width:100%;z-index:999}.memory-menu,.memory-navbar{left:0;position:fixed;right:0}.memory-navbar{height:65px;padding:12px 20px;top:0;z-index:1000}.memory-title{display:none}.navbar-center{margin:0 20px;max-width:350px}.search-container{border-radius:22px;max-width:320px;padding:5px 18px;width:100%}.memory-search{font-size:15px;padding:5px 60px 5px 5px}.search-btn{height:40px;padding:8px;width:40px}.search-btn-box{right:3px}.memory-main{flex-direction:column;gap:20px;padding:20px}.memory-left{order:1;width:100%}.memory-center{margin:0;max-width:100%;order:2;width:100%}.memory-right{order:3;width:100%}.user-account-card{margin-bottom:16px;padding:18px}.baby-info{padding:20px}.memory-card.compact{min-height:130px;padding:20px}.center-voice-card{margin-bottom:20px;padding:25px}.mobile-voice-card{display:block;margin-bottom:20px;margin-top:20px}.memory-center .center-voice-card:not(.mobile-voice-card){display:none}.activity-chart{padding:18px 18px 18px 30px}.line-chart-container{overflow:visible;padding-left:12px}.line-chart{min-width:300px}.parent-activity{height:280px;min-height:auto}.activity-list{max-height:180px;overflow-y:auto;padding-right:8px}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087}.activity-title-container{margin-bottom:14px}.title-right-section{gap:10px}.upload-photo-btn{font-size:.85rem;padding:7px 14px}.photo-toggle-btn{border-radius:14px;font-size:.8rem;padding:6px 12px}.album-list{gap:10px}}@media (max-width:480px){.mobile-center-gallery{margin:8px 0;min-height:160px}.mobile-left-gallery{margin:6px 0;min-height:120px}.mobile-gallery-card{padding:12px}.gallery-icon{font-size:36px;margin-bottom:10px}.mobile-gallery-card .gallery-title{font-size:1.1rem;margin-bottom:6px}.gallery-desc{font-size:.8rem;margin-bottom:20px}.enter-gallery-btn{font-size:12px;padding:6px 12px}}@media (max-width:414px) and (min-width:376px){.memory-app-bg{overflow-x:hidden;padding:95px 0 0}.memory-app-bg.miniprogram{padding:0}.memory-navbar{height:54px;left:0;padding:8px 12px;position:fixed;right:0;top:0;z-index:1000}.navbar-left{gap:6px}.memory-logo{height:30px;width:30px}.memory-title{display:none}.navbar-center{margin:0 8px;min-width:0}.search-container{border-radius:16px;height:32px;max-width:180px;min-width:100px;padding:4px 10px;width:100%}.memory-search{font-size:12px;padding:4px 45px 4px 5px}.search-btn{border-radius:12px;height:24px;width:24px}.search-icon{height:12px;width:12px}.search-btn-box{right:6px}.navbar-right{gap:6px}.memory-icon{height:26px;width:26px}.memory-menu{gap:6px;justify-content:space-around;left:0;padding:8px 10px;position:fixed;right:0;top:54px;width:100%;z-index:999}.menu-item{flex-shrink:0;font-size:12px;padding:6px 8px;white-space:nowrap}.memory-main{flex-direction:column;gap:16px;padding:16px}.memory-left{order:1;width:100%}.memory-center{margin:0;max-width:100%;order:2;width:100%}.memory-right{order:3;width:100%}.user-account-card{margin-bottom:14px;padding:16px}.user-account-card .user-code{font-size:1.8rem;margin-bottom:8px}.user-account-card .user-status{font-size:1rem}.baby-info{padding:18px}.baby-age{font-size:1.3rem}.memory-left-title{font-size:1.4rem;margin-bottom:16px;padding-left:8px}.memory-card.compact{margin-bottom:12px;min-height:120px;padding:16px}.card-title{font-size:1.1rem}.card-desc{font-size:1rem}.center-voice-card{margin-bottom:16px;padding:20px}.center-voice-card .voice-title{font-size:1.6rem;margin-bottom:12px}.center-voice-card .voice-desc{font-size:.7rem;margin-bottom:14px}.center-voice-card .voice-action{font-size:1rem;padding:12px 24px}.mobile-voice-card{display:block;margin-bottom:18px;margin-top:18px;padding:20px}.memory-center .center-voice-card:not(.mobile-voice-card){display:none}.activity-title{font-size:1.3rem;margin-bottom:10px}.activity-text{font-size:1rem}.activity-board{padding:18px}.album-list{gap:12px}.album-img{height:120px}.activity-chart{padding:16px 16px 16px 28px}.line-chart-container{overflow:visible;padding-left:8px}.line-chart{min-width:280px}.parent-activity{height:260px;min-height:auto}.activity-list{max-height:160px;overflow-y:auto;padding-right:6px}.activity-list::-webkit-scrollbar{width:5px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--theme-secondaryBg,#f1f1f1);border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087;background:var(--theme-primaryHover,#2ea087)}.activity-title-container{margin-bottom:12px}.title-right-section{gap:8px}.upload-photo-btn{font-size:.8rem;padding:6px 12px}.photo-toggle-btn{border-radius:12px;font-size:.75rem;padding:5px 10px}.album-list{gap:8px}}@media (max-width:375px){.memory-app-bg{overflow-x:hidden;padding:90px 0 0}.memory-app-bg.miniprogram{padding:0}.memory-navbar{height:50px;left:0;padding:6px 10px;position:fixed;right:0;top:0;z-index:1000}.navbar-left{gap:5px}.memory-logo{height:28px;width:28px}.memory-title{display:none}.navbar-center{margin:0 6px;min-width:0}.search-container{border-radius:14px;height:28px;max-width:140px;min-width:80px;padding:3px 8px;width:100%}.memory-search{font-size:11px;min-width:0;padding:3px 40px 3px 3px}.search-btn{border-radius:11px;height:22px;width:22px}.search-icon{height:10px;width:10px}.search-btn-box{right:2px}.navbar-right{gap:4px}.memory-icon{height:24px;width:24px}.memory-menu{flex-wrap:nowrap;gap:4px;justify-content:space-around;left:0;overflow-x:auto;padding:6px 8px;position:fixed;right:0;top:50px;width:100%;z-index:999}.menu-item{flex-shrink:0;font-size:11px;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 6px;white-space:nowrap}.memory-main{flex-direction:column;gap:12px;padding:12px}.memory-left{order:1;width:100%}.memory-center{margin:0;min-width:90vw;order:2;width:100%}.memory-right{order:3;width:100%}.user-account-card{margin-bottom:12px;padding:14px}.user-account-card .user-code{font-size:1.6rem;margin-bottom:6px}.user-account-card .user-status{font-size:.9rem}.baby-info{padding:16px}.baby-age{font-size:1.2rem}.baby-avatar{font-size:30px;height:60px;width:60px}.memory-left-title{font-size:1.2rem;margin-bottom:14px;padding-left:6px}.memory-card.compact{margin-bottom:10px;min-height:100px;padding:14px}.card-title{font-size:1rem}.card-desc{font-size:.9rem}.center-voice-card{margin-bottom:14px;padding:18px}.center-voice-card .voice-icon{font-size:50px;margin-bottom:12px}.center-voice-card .voice-title{font-size:1.4rem;margin-bottom:10px}.center-voice-card .voice-desc{font-size:.7rem;margin-bottom:14px}.center-voice-card .voice-action{font-size:.9rem;padding:10px 20px}.mobile-voice-card{display:block;margin-bottom:16px;margin-top:16px;padding:18px}.memory-center .center-voice-card:not(.mobile-voice-card){display:none}.activity-title{font-size:1rem;margin-bottom:12px}.activity-text{font-size:.9rem}.activity-list li{padding:10px 0}.delete-activity-btn{border-radius:50%;flex-shrink:0;font-size:12px;height:20px;width:20px}.activity-board{padding:16px}.album-list{gap:10px}.album-img{height:100px}.activity-chart{padding:14px 14px 14px 26px}.line-chart-container{overflow:visible;padding-left:6px}.line-chart{min-width:260px}.parent-activity{height:240px;min-height:auto}.activity-list{max-height:140px;overflow-y:auto;padding-right:5px}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;border-radius:2px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087}.activity-title-container{margin-bottom:10px}.title-right-section{gap:6px}.upload-photo-btn{font-size:.75rem;padding:5px 10px}.photo-toggle-btn{border-radius:10px;font-size:.7rem;padding:4px 8px}.album-list{gap:6px}}@media (max-width:320px){.memory-app-bg{padding:80px 0 0}.memory-app-bg.miniprogram{padding:0}.memory-menu{top:44px;width:100%;z-index:999}.memory-menu,.memory-navbar{left:0;position:fixed;right:0}.memory-navbar{height:44px;padding:4px 6px;top:0;z-index:1000}.navbar-left{gap:3px}.memory-logo{height:24px;width:24px}.memory-title{display:none}.navbar-center{margin:0 4px;min-width:0}.search-container{border-radius:12px;height:24px;max-width:100px;min-width:60px;padding:2px 6px;width:100%}.memory-search{font-size:10px;min-width:0;padding:2px 35px 2px 2px}.search-btn{border-radius:9px;height:18px;width:18px}.search-icon{height:8px;width:8px}.search-btn-box{right:4px}.navbar-right{gap:3px}.memory-icon{height:20px;width:20px}.memory-main{gap:10px;padding:10px}.user-account-card .user-code{font-size:1.4rem}.center-voice-card .voice-title{font-size:1.2rem}.center-voice-card .voice-desc{font-size:.7rem}.memory-card.compact{min-height:90px;padding:12px}.card-title{font-size:.9rem}.card-desc{font-size:.8rem}.mobile-voice-card{display:block;margin-bottom:14px;margin-top:14px;padding:16px}.memory-center .center-voice-card:not(.mobile-voice-card){display:none}.activity-chart{padding:12px 12px 12px 24px}.line-chart-container{overflow:visible;padding-left:4px}.line-chart{min-width:240px}.parent-activity{height:200px;min-height:auto;padding:12px}.activity-list{max-height:120px;overflow-y:auto;padding-right:4px}.activity-list::-webkit-scrollbar{width:3px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;background:var(--theme-secondaryBg,#f1f1f1);border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background:#3bb6a6;background:var(--theme-primary,#3bb6a6);border-radius:2px}.activity-list::-webkit-scrollbar-thumb:hover{background:#2ea087;background:var(--theme-primaryHover,#2ea087)}.activity-title-container{margin-bottom:8px}.title-right-section{align-items:flex-end;flex-direction:column;gap:4px}.upload-photo-btn{font-size:.7rem;order:2;padding:4px 8px}.photo-toggle-btn{border-radius:8px;font-size:.65rem;order:1;padding:3px 6px}.album-list{gap:4px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.memory-search{padding:5px 70px 5px 8px!important}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.memory-search{padding:5px 70px 5px 8px!important}}@media (hover:none) and (pointer:coarse){.memory-card.compact{min-height:110px}.center-voice-card .voice-action{font-size:1.1rem;padding:14px 28px}.delete-activity-btn{border-radius:50%;flex-shrink:0;font-size:14px;height:26px;width:26px}.memory-card:hover{transform:none}.memory-card:active{transform:scale(.98)}}.mobile-gallery-entrance{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px;width:100%}.mobile-center-gallery{margin:16px 0;min-height:220px;padding:0}.mobile-left-gallery{margin:15px 0;min-height:180px;padding:0}.mobile-gallery-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--theme-containerBg,#fffffff2);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);border-radius:24px;box-shadow:0 8px 32px #0000001a;box-shadow:0 8px 32px var(--theme-shadow,#0000001a);cursor:pointer;max-width:350px;min-width:97vw;padding:30px;text-align:center;transition:all .3s ease}.mobile-gallery-card:hover{box-shadow:0 12px 40px #00000026;box-shadow:0 12px 40px var(--theme-shadow,#00000026);transform:translateY(-8px)}.gallery-icon{border-radius:16px;box-shadow:0 15px 30px #3bb6a680;box-shadow:0 15px 30px var(--theme-primary,#3bb6a680);font-size:60px;margin-bottom:20px}.mobile-gallery-card .gallery-title{color:#3bb6a6;color:var(--theme-primary,#3bb6a6);font-size:1.8rem;font-weight:700;margin-bottom:12px}.gallery-desc{color:#666;color:var(--theme-textSecondary,#666);font-size:1rem;line-height:1.5;margin-bottom:30px}.gallery-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;width:100%}.preview-thumb{aspect-ratio:1/1;border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease;width:90%}.preview-thumb:hover{transform:scale(1.05)}.preview-image{height:100%;object-fit:cover;width:100%}.video-preview-container{height:100%;position:relative;width:100%}.video-play-icon{align-items:center;background-color:#0009;border-radius:50%;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.enter-gallery-btn{background:linear-gradient(135deg,#3bb6a6,#2ea087);background:linear-gradient(135deg,var(--theme-primary,#3bb6a6) 0,var(--theme-tertiary,#2ea087) 100%);border:none;border-radius:20px;box-shadow:0 4px 15px #3bb6a64d;box-shadow:0 4px 15px var(--theme-primary,#3bb6a64d);color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.enter-gallery-btn:hover{background:linear-gradient(135deg,#2ea087,#238c7a);background:linear-gradient(135deg,var(--theme-tertiary,#2ea087) 0,var(--theme-primaryHover,#238c7a) 100%);box-shadow:0 6px 20px #3bb6a666;box-shadow:0 6px 20px var(--theme-primary,#3bb6a666);transform:translateY(-2px)}@media (max-width:1024px) and (min-width:769px){.memory-main{flex-direction:column;gap:20px}.memory-center,.memory-left,.memory-right{max-width:100%;min-width:auto;width:100%}.memory-right{flex-direction:column;gap:20px;max-width:100%;min-width:auto}.media-board,.photo-board,.video-board{flex:1 1;max-width:none;min-height:350px}.album-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width:1920px){.memory-main{gap:clamp(24px,3vw,40px);max-width:min(2000px,90vw)}.memory-left{max-width:700px}.memory-center{max-width:900px}.memory-right{max-width:600px}}@media (min-width:1366px) and (max-width:1919px){.memory-main{gap:clamp(20px,2.5vw,30px);max-width:min(1600px,92vw)}}@media (min-width:1024px) and (max-width:1366px) and (orientation:portrait){.memory-main{box-sizing:border-box;flex-direction:column;gap:20px;max-width:100%;padding:16px;width:100%}.memory-center,.memory-left,.memory-right{margin:0;max-width:100%;min-width:auto;width:100%}.mobile-voice-card{display:none!important}.memory-right{flex-direction:column;gap:20px}.media-board,.photo-board,.video-board{flex:1 1;max-width:none;min-height:350px}.album-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.memory-card-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.memory-card.compact{height:160px;margin-bottom:0}.user-account-card{max-width:none}.center-voice-card{max-width:none;padding:30px}.activity-chart,.media-content,.parent-activity{max-width:none}.media-tabs{justify-content:center}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.memory-main{box-sizing:border-box;flex-direction:column;gap:20px;max-width:100%;padding:16px;width:100%}.memory-center,.memory-left,.memory-right{margin:0;max-width:100%;min-width:auto;width:100%}.memory-right{flex-direction:column;gap:20px}.album-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mobile-voice-card{display:none!important}.activity-chart,.center-voice-card,.media-board,.parent-activity,.photo-board,.video-board{display:flex!important;opacity:1!important;visibility:visible!important}}@media (device-width:1024px) and (orientation:portrait),(device-width:768px) and (orientation:portrait),(device-width:820px) and (orientation:portrait),(device-width:834px) and (orientation:portrait){.memory-main{flex-direction:column!important;gap:20px!important;max-width:100%!important;padding:16px!important;width:100%!important}.memory-center,.memory-left,.memory-right{margin:0!important;max-width:100%!important;min-width:auto!important;width:100%!important}.memory-right{flex-direction:column!important;gap:20px!important}.mobile-voice-card{display:none!important}.activity-chart,.center-voice-card,.media-board,.parent-activity,.photo-board,.user-account-card,.video-board{display:block!important;margin-top:20px;max-width:100%!important;opacity:1!important;visibility:visible!important}}@media (min-width:768px) and (max-width:1366px){.mobile-voice-card{display:none!important}.tablet-only{display:block!important}.center-voice-card-center,.media-board-right{display:none!important}}@media (min-width:1025px) and (max-width:1365px) and (orientation:landscape){.memory-main{gap:clamp(16px,2vw,24px);max-width:min(1400px,94vw)}.memory-left{width:clamp(280px,28vw,400px)}.memory-center{width:clamp(350px,38vw,500px)}.memory-right{width:clamp(280px,28vw,400px)}.album-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.memory-main{box-sizing:border-box;flex-direction:column;gap:20px;max-width:100%;padding:16px;width:100%}.memory-center,.memory-left,.memory-right{margin:0;max-width:100%;min-width:auto;width:100%}.memory-right{flex-direction:column;gap:20px}.media-board,.photo-board,.video-board{flex:1 1;max-width:none;min-height:350px}.album-list{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.memory-card-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.memory-card.compact{height:160px;margin-bottom:0}.user-account-card{max-width:none}.center-voice-card{max-width:none;padding:30px}.activity-chart,.media-content,.parent-activity{max-width:none}.media-tabs{justify-content:center}}@media (min-width:768px) and (max-width:1366px){.mobile-left-gallery,.mobile-voice-card{display:none!important}.tablet-only{display:block!important}*,:after,:before{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:1000!important;transform:translateZ(0)!important}.memory-app-bg{-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-behavior:auto!important}.memory-app-bg,.memory-center,.memory-left,.memory-right{contain:layout style!important;transform:translateZ(0)!important;will-change:transform!important}.album-item,.center-voice-card,.memory-app-bg,.memory-card,.memory-main,.mobile-gallery-card,.photo-board,.video-board{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important}*,:after,:before{animation-duration:.1s!important;animation-fill-mode:both!important;transition-duration:.1s!important;transition-timing-function:ease-out!important}}@media (min-width:768px) and (max-width:1366px){.memory-center::-webkit-scrollbar,.memory-left::-webkit-scrollbar,.memory-right::-webkit-scrollbar{display:none!important}.memory-center,.memory-left,.memory-right{-ms-overflow-style:none!important;scrollbar-width:none!important}.album-img,.album-preview-img,.album-preview-video,.preview-thumb,.preview-video-thumb,img,video{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;contain:layout style paint!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;touch-action:manipulation!important;transform:translateZ(0)!important;will-change:transform!important}.activity-list,.album-list,.memory-card-list{-webkit-overflow-scrolling:touch!important;contain:layout style!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important;transform:translateZ(0)!important;will-change:transform!important}*{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.activity-text,.card-desc,.card-title,.memory-title,.voice-desc,.voice-title,input,textarea{-webkit-touch-callout:default!important;-webkit-user-select:text!important;user-select:text!important}}}body{background:linear-gradient(135deg,#e8f5e8,#a8d8a8 30%,#78c6b6 70%,#4ecdc4);background:var(--theme-bg,linear-gradient(135deg,#e8f5e8 0,#a8d8a8 30%,#78c6b6 70%,#4ecdc4 100%));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Muyao-Softbrush-Regular,sans-serif;overflow-x:hidden}.app,body{min-height:100vh}.app{background-color:#fff;margin:0 auto;max-width:1400px;overflow:auto;padding:0;position:relative}.theme-switcher-container{display:flex;justify-content:center;margin-top:10px}.header{background-color:#c3eae2e0;box-shadow:0 2px 10px #0000001a;height:59px;justify-content:space-between;padding:13px 26px}.header,.header-left .logo{align-items:center;display:flex}.header-left .logo{color:#90b0a9;cursor:pointer;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:18px;font-weight:600;gap:10px}.logo-icon{align-items:center;display:flex;font-size:24px;height:34px;justify-content:center;width:34px}.header-center{flex:1 1;margin:0 32px;max-width:360px}.search-bar{align-items:center;background:#fff;border-radius:15px;display:flex;height:31px;margin:0 auto;padding:5px 16px;width:272px}.search-bar input{background:#0000;border:none;color:#54978f66;flex:1 1;font-family:Inter-Semi Bold;font-size:13px;margin-left:8px;outline:none}.search-bar input::placeholder{color:#54978f66}.header-right{align-items:center;color:#90b0a9;display:flex;gap:22px}.header-right svg{border-radius:12px;cursor:pointer;height:34px;padding:8px;transition:all .3s ease;width:34px}.header-right svg:hover{background:#4ecdc426;color:#4ecdc4}.nav-tabs{align-items:center;background-color:#6ac1b7;box-shadow:0 3px 4px 0 #00000040;display:flex;gap:180px;height:39px;justify-content:center;padding:8px 0}.tab{color:#fff;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:24px;font-weight:400;line-height:24px;padding:8px 16px}.tab.active{background:#fff3;border-radius:12px}.tab:hover{background:#ffffff1a;border-radius:12px}.main-content{gap:20px;min-height:505px;padding:18px 24px 23px}.main-content,.sidebar-header{display:flex;justify-content:space-between}.sidebar-header{align-items:center;height:34px;margin:5px 0 0 10px;width:246px}.sidebar-header h3{color:#90b0a9;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:24px;font-weight:400;line-height:24px;margin-top:6px}.sidebar-header h3:after{align-items:center;content:"🧠";display:inline-flex;font-size:20px;height:34px;justify-content:center;margin-left:8px;width:34px}.left-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:32px;width:266px}.feature-card{border-radius:10px;box-shadow:0 4px 13px 0 #bfe0ca;cursor:pointer;height:117px;margin-left:17px;overflow:hidden;position:relative;transition:all .3s ease;width:230px}.voice-record{background-image:linear-gradient(180deg,#c0eacc,#eefcfb)}.photo-memory{background-image:linear-gradient(180deg,#e8f1c5 25%,#f8faf8)}.time-rewind{background-image:linear-gradient(180deg,#c0eacc,#eefcfb)}.feature-card:hover{box-shadow:0 12px 40px #bfe0ca99;transform:translateY(-4px)}.card-content{align-items:center;display:flex;gap:8px;height:24px;margin:6px 0 0 7px;position:absolute;width:128px;z-index:2}.card-content h4{font-size:24px}.card-content h4,.card-subtitle{color:#30b5a0;font-family:Muyao-Softbrush-Regular,sans-serif;font-weight:400;line-height:20px;white-space:nowrap}.card-subtitle{font-size:20px;height:25px;left:4px;position:absolute;top:86px;width:144px}.status-dot{background-color:#1f929e;height:18px;margin-top:2px;position:relative;width:15px}.status-dot:after{background-color:#fe9694;border-radius:50%;content:"";height:11px;left:3px;position:absolute;top:3px;width:9px}.card-illustration{align-items:center;display:flex;flex-direction:column;height:104px;justify-content:center;position:absolute;right:15px;top:15px;width:83px}.illustration-icon{font-size:44px;margin-bottom:8px}.microphone-icon,.photo-icon{color:#30b5a0;height:32px;margin-top:17px;width:42px}.clock-illustration{align-items:center;display:flex;font-size:60px;height:104px;justify-content:center;opacity:.8;position:absolute;right:15px;top:15px;width:83px}.center-panel{display:flex;flex-direction:column;flex-shrink:0;gap:44px;width:277px}.control-card{background-color:#fff;border-radius:15px;box-shadow:8px 3px 15px -3px #91d2bc;position:relative;transition:all .3s ease}.control-card:hover{box-shadow:8px 8px 25px -3px #91d2bc;transform:translateY(-2px)}.baby-card{align-items:center;display:flex;height:153px;padding:20px;width:277px}.baby-avatar{background:linear-gradient(135deg,#4ecdc4,#78c6b6);height:78px;width:79px}.avatar-icon{font-size:50px}.baby-info h2{font-size:36px;letter-spacing:5px;line-height:30px;margin-bottom:4px}.baby-info h2,.baby-info h3{color:#4ac5b4;font-family:Muyao-Softbrush-Regular,sans-serif;font-weight:400}.baby-info h3{font-size:24px}.progress-bar{background:#e0e0e0;border-radius:6px;height:27px;margin:23px 0 22px 20px;position:relative;width:236px}.progress-fill{background:linear-gradient(90deg,#4ecdc4,#78c6b6);border-radius:6px;width:60%}.age-markers{color:#7a9d9d;display:flex;flex-direction:column;font-size:12px;gap:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.task-card{height:302px;padding:18px 21px;width:277px}.task-header{align-items:center;color:#11b49e;display:flex;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:32px;font-weight:600;justify-content:space-between;letter-spacing:5px;line-height:30px;margin-bottom:20px}.add-btn{background:linear-gradient(135deg,#4ecdc4,#78c6b6);border-radius:50%;color:#fff;font-size:18px;height:32px;position:absolute;right:20px;top:20px;width:32px}.add-btn:hover{transform:scale(1.1)}.task-list{gap:15px}.task-item{color:#11b49e;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:28px;gap:12px;letter-spacing:5px;line-height:30px;position:relative}.task-item:before{background:#4ecdc4;border-radius:2px;bottom:-8px;content:"";height:11px;left:32px;position:absolute;width:243px}.task-item .label-icon{align-items:center;display:flex;font-size:24px;height:37px;justify-content:center;left:10px;position:absolute;width:33px}.task-item span{color:#11b49e;font-size:28px;margin-left:25px}.chart-card{height:200px;padding:20px;width:277px}.chart-header{color:#11b49e;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px}.chart{height:120px;position:relative}.chart-bars{height:100px;justify-content:space-between;padding:0 10px}.bar,.chart-bars{align-items:flex-end;display:flex}.bar{background:linear-gradient(0deg,#4ecdc4,#78c6b6);border-radius:8px 8px 0 0;cursor:pointer;justify-content:center;position:relative;transition:all .3s ease;width:28px}.bar:hover{background:linear-gradient(0deg,#5ed6ce,#88d0c0);transform:scale(1.1)}.bar span{bottom:-20px;color:#7a9d9d;font-size:11px;font-weight:500;position:absolute;white-space:nowrap}.right-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:19px;width:494px}.right-sidebar .sidebar-header{margin:0;width:100%}.right-sidebar .sidebar-header h3:after{content:"📷"}.photo-gallery{display:flex;gap:44px;height:302px;width:494px}.photo-icons{display:flex;flex-direction:column;gap:36px;height:294px;margin-top:8px;width:74px}.photo-icon-item{align-items:center;border-radius:15px;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;height:74px;justify-content:center;transition:all .3s ease;width:74px}.photo-icon-item:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.photo-content{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:30px}.photo-main-card{background-color:#fff;border-radius:15px;box-shadow:8px 3px 15px -3px #91d2bc;height:302px;padding:18px 21px;position:relative;width:376px}.photo-main-card .card-title{color:#11b49e;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:32px;font-weight:400;letter-spacing:5px;line-height:30px;margin-bottom:15px}.photo-items-list{display:flex;flex-direction:column;gap:15px}.photo-item{align-items:center;color:#11b49e;display:flex;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:28px;gap:12px;letter-spacing:5px;line-height:30px;position:relative}.photo-item:before{background:#4ecdc4;border-radius:2px;bottom:-8px;content:"";height:15px;left:32px;position:absolute;width:316px}.photo-item .photo-emoji{align-items:center;display:flex;font-size:24px;height:37px;justify-content:center;left:10px;position:absolute;width:33px}.photo-item span{margin-left:43px}.photo-gear-icon{align-items:center;bottom:15px;display:flex;font-size:50px;height:64px;justify-content:center;position:absolute;right:15px;width:67px}.user-info-card{background-color:#fff;border-radius:15px;box-shadow:8px 3px 15px -3px #91d2bc;height:182px;width:494px}.user-header{align-items:center;color:#11b49e;display:flex;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:28px;font-weight:400;justify-content:center;letter-spacing:5px;line-height:30px;margin-bottom:16px}.status-indicator{background:#4caf50;border-radius:50%;height:8px;position:absolute;right:20px;top:20px;width:8px}.user-content{align-items:center;display:flex;flex-direction:column;padding:20px}.user-code-display{background:#f8f9fa;background:var(--theme-containerBg,#f8f9fa);border:2px solid #4a90e2;border:2px solid var(--theme-primary,#4a90e2);border-radius:8px;margin-bottom:20px;padding:15px;text-align:center;width:200px}.user-code{display:block;font-family:monospace;font-size:24px;letter-spacing:2px;text-shadow:0 0 8px #000c,0 0 4px #00000080}.status-text{color:#fff;display:block;margin-top:8px;text-shadow:0 0 4px #000c,0 0 2px #00000080}.home-icon{font-size:40px;margin-bottom:10px;text-align:center}.user-note{color:#6c757d;font-size:12px;line-height:1.4;max-width:300px;text-align:center}@media (max-width:1200px){.main-content{align-items:center;flex-direction:column;gap:30px}.center-panel,.left-sidebar,.right-sidebar{max-width:600px;width:100%}.photo-gallery{max-width:500px;width:100%}.photo-main-card{max-width:400px;width:100%}.user-info-card{max-width:500px;width:100%}}@media (max-width:992px){.nav-tabs{flex-wrap:wrap;gap:60px}.tab{font-size:20px}}@media (max-width:768px){.header{padding:12px 16px}.header-center{margin:0 16px}.search-bar{width:200px}.nav-tabs{gap:20px}.main-content,.nav-tabs{padding:12px}}.baby-age-display{align-items:center;gap:8px;margin-bottom:8px}.age-label,.age-value{color:#4ac5b4;font-size:20px}.edit-birth-date-btn{background:linear-gradient(135deg,#4ecdc4,#78c6b6);border-radius:12px;font-family:inherit;font-size:22px}.edit-birth-date-btn:hover{box-shadow:0 2px 8px #4ecdc466;transform:scale(1.05)}.loading-indicator{color:#4ac5b4;font-style:italic}.birth-date-editor{background:#ffffffe6;border:1px solid #4ecdc44d;border-radius:12px;margin:8px 0}.editor-title{color:#4ac5b4;font-size:14px;font-weight:500;text-align:center}.birth-date-input{background:#fffc;border:1px solid #4ecdc480;border-radius:6px;color:#4ac5b4;margin-bottom:8px}.birth-date-input:focus{border-color:#4ecdc4cc;box-shadow:0 0 0 2px #4ecdc433}.editor-buttons{justify-content:center}.cancel-btn,.save-btn{border-radius:6px;font-family:inherit;font-size:12px}.cancel-btn{background:#fffc;border:1px solid #4ecdc480;color:#4ac5b4}.cancel-btn:hover{background:#4ecdc41a}.save-btn{background:linear-gradient(135deg,#4ecdc4,#78c6b6)}.save-btn:hover:not(:disabled){box-shadow:0 2px 8px #4ecdc466;transform:scale(1.05)}.save-btn:disabled{background:#c8c8c880}.birth-date-display{background:#fff9;border-radius:8px;gap:8px;margin:8px 0;padding:8px}.birth-date-label,.birth-date-value{color:#4ac5b4;font-size:24px;font-weight:500}.age-slider-container{margin-top:12px}.slider-label{color:#4ac5b4;font-size:12px;margin-bottom:8px;text-align:center}.age-slider{background:#4ecdc44d}.age-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#4ecdc4,#78c6b6);box-shadow:0 2px 6px #4ecdc466;height:18px;-webkit-transition:all .3s ease;transition:all .3s ease;width:18px}.age-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 10px #4ecdc499;transform:scale(1.2)}.age-slider::-moz-range-thumb{background:linear-gradient(135deg,#4ecdc4,#78c6b6);box-shadow:0 2px 6px #4ecdc466;height:18px;width:18px}.mobile-album-section{margin-top:20px;max-width:500px;width:100%}.mobile-album-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.mobile-album-title{color:#11b49e;font-family:Muyao-Softbrush-Regular,sans-serif;font-size:24px;font-weight:400;letter-spacing:2px}.mobile-album-tabs{display:flex;gap:10px}.mobile-album-tab{background:#ffffffb3;border:1px solid #4ecdc44d;border-radius:20px;color:#11b49e;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.mobile-album-tab.active{background:linear-gradient(135deg,#4ecdc4,#78c6b6);border:none;color:#fff}.mobile-album-content{background-color:#fff;border-radius:15px;box-shadow:8px 3px 15px -3px #91d2bc;min-height:150px;padding:15px}.mobile-album-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.mobile-album-item{aspect-ratio:1/1;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.mobile-album-item:hover{transform:scale(1.02)}.mobile-album-img{height:100%;object-fit:cover;width:100%}.mobile-video-preview-container{height:100%;position:relative;width:100%}.mobile-video-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.mobile-play-icon{height:40px;opacity:.8;width:40px}.mobile-empty-album{align-items:center;color:#11b49e;display:flex;flex-direction:column;grid-column:span 2;height:200px;justify-content:center;text-align:center}.mobile-empty-icon{font-size:40px;margin-bottom:10px;opacity:.7}.mobile-empty-text{font-size:16px;margin-bottom:5px}.mobile-empty-desc{color:#11b49eb3;font-size:14px;margin-bottom:15px}.mobile-upload-btn{background:linear-gradient(135deg,#4ecdc4,#78c6b6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.mobile-upload-btn:hover{box-shadow:0 4px 8px #4ecdc44d;transform:translateY(-2px)}.mobile-view-gallery-container{margin-top:15px;text-align:center}.mobile-view-gallery-btn{background:#ffffffe6;border:1px solid #4ecdc480;border-radius:20px;color:#11b49e;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.mobile-view-gallery-btn:hover{background:#4ecdc41a}@media (max-width:768px){.baby-age-display{align-items:flex-start;gap:4px}.edit-birth-date-btn{font-size:15px;padding:2px 6px}.birth-date-editor{padding:8px}.birth-date-display,.editor-buttons{flex-direction:column;gap:4px}.birth-date-display{align-items:flex-start}.slider-marks span{font-size:8px}.mobile-album-section{display:block}}@media (min-width:769px){.mobile-album-section{display:none}}.player-page{background-image:var(--theme-backgroundImage);background-position:50%}.player-header{background:var(--theme-headerBg,#ffffff26);border-bottom:1px solid var(--theme-border,#ffffff4d)}.delete-recording-btn,.nav-back-btn{background:#e8f5e9;background:var(--theme-buttonBg,#e8f5e9);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);color:var(--theme-buttonText,#2d5016)}.nav-back-btn:hover{background:var(--theme-buttonHover,#ffffff59)}.delete-recording-btn:hover{background:#66bb6a;background:var(--theme-primary,#66bb6a);color:var(--theme-textLight,#fff)}.session-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--theme-containerBg,#fff);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);margin:8px 20px 0;text-align:center}@media (max-width:768px){.session-info{font-size:14px;margin:4px 16px 0;padding:6px 12px}}.session-label{color:var(--theme-textPrimary,#2d5016)}.player-container{background:#fff;background:var(--theme-containerBg,#fff);border:1px solid var(--theme-border,#fff6);box-shadow:var(--theme-cardShadow,0 25px 80px #2d501626,0 10px 35px #2d50161a);z-index:1}.elephant-icon{height:200px;opacity:.9;right:-10px;top:-100px;width:200px;z-index:100!important}.elephant-icon:hover{filter:drop-shadow(0 0 15px var(--theme-primary,rgba(255,255,255,.5)));opacity:1;transform:scale(1.05) rotate(3deg)}.avatar-icon{align-items:center!important;background:#e8f5e9!important;background:var(--theme-containerBg,#e8f5e9)!important;border:2px solid #a5d6a7!important;border:2px solid var(--theme-border,#a5d6a7)!important;border-radius:50%!important;box-shadow:0 8px 32px 0 #66bb6a2e,0 2px 8px 0 #66bb6a1a,0 0 0 8px #e8f5e9,0 0 0 20px #c8e6c9!important;box-shadow:0 8px 32px 0 var(--theme-shadow,#66bb6a2e),0 2px 8px 0 var(--theme-shadow,#66bb6a1a),0 0 0 8px var(--theme-containerBg,#e8f5e9),0 0 0 20px var(--theme-buttonBg,#c8e6c9)!important;cursor:pointer!important;display:flex!important;height:120px!important;justify-content:center!important;left:50%!important;position:absolute!important;top:-60px!important;transform:translateX(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:120px!important;z-index:999!important}.avatar-icon:hover{background:#c8e6c9!important;background:var(--theme-primaryHover,#c8e6c9)!important;box-shadow:0 16px 40px 0 #66bb6a38,0 0 0 8px #c8e6c9,0 0 0 20px #e8f5e9!important;box-shadow:0 16px 40px 0 var(--theme-shadow,#66bb6a38),0 0 0 8px var(--theme-primaryHover,#c8e6c9),0 0 0 20px var(--theme-containerBg,#e8f5e9)!important;transform:translateX(-50%) scale(1.05)!important}@media (max-width:768px){.avatar-icon{opacity:1!important;z-index:1000!important}.avatar-icon,.elephant-icon{pointer-events:auto!important;position:absolute!important;visibility:visible!important}.elephant-icon{opacity:.9!important;z-index:100!important}.player-container{overflow:visible!important;position:relative!important}.player-header{padding:10px 15px!important;position:relative!important;z-index:10!important}.media-carousel-section{z-index:20!important}.player-page{padding-bottom:10px!important;padding-top:0!important}.player-main{max-height:-webkit-fit-content!important;max-height:fit-content!important;overflow-y:hidden!important;padding:60px 10px 10px!important}}.progress-fill{background:linear-gradient(90deg,#66bb6a,#81c784)!important;background:linear-gradient(90deg,var(--theme-primary,#66bb6a),var(--theme-primaryHover,#81c784))!important}.progress-container{background:#66bb6a33!important;background:var(--theme-border,#66bb6a33)!important}.progress-slider::-webkit-slider-thumb{background:#66bb6a!important;background:var(--theme-primary,#66bb6a)!important;border:2px solid #fff!important;border:2px solid var(--theme-containerBg,#fff)!important;box-shadow:0 2px 8px #66bb6a80!important;box-shadow:0 2px 8px var(--theme-shadow,#66bb6a80)!important}.progress-slider::-webkit-slider-thumb:hover{background:#81c784!important;background:var(--theme-primaryHover,#81c784)!important;box-shadow:0 4px 15px #66bb6ab3!important;box-shadow:0 4px 15px var(--theme-shadow,#66bb6ab3)!important}.progress-slider::-moz-range-thumb{background:#66bb6a!important;background:var(--theme-primary,#66bb6a)!important;border:2px solid #fff!important;border:2px solid var(--theme-containerBg,#fff)!important;box-shadow:0 2px 8px #66bb6a80!important;box-shadow:0 2px 8px var(--theme-shadow,#66bb6a80)!important}.progress-slider::-moz-range-thumb:hover{background:#81c784!important;background:var(--theme-primaryHover,#81c784)!important;box-shadow:0 4px 15px #66bb6ab3!important;box-shadow:0 4px 15px var(--theme-shadow,#66bb6ab3)!important}.time-display{color:#333!important;color:var(--theme-textSecondary,#333)!important}*{-ms-overflow-style:auto;scrollbar-color:#3bb6a6 #0000;scrollbar-color:var(--theme-primary,#3bb6a6) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#3bb6a61a;background:var(--theme-primary,#3bb6a61a);border-radius:4px}::-webkit-scrollbar-thumb{background:#3bb6a699;background:var(--theme-primary,#3bb6a699);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3bb6a6cc;background:var(--theme-primaryHover,#3bb6a6cc)}.main-controls{margin:30px 0 25px}.control-btn:hover{filter:drop-shadow(0 8px 20px rgba(45,80,22,.15));filter:drop-shadow(0 8px 20px var(--theme-shadow,rgba(45,80,22,.15)))}.play-box:hover{transform:translateY(-5px) scale(1.05)}.speed-btn{background:#e8f5e9!important;background:var(--theme-buttonBg,#e8f5e9)!important;border:1px solid #ffffff4d!important;border:1px solid var(--theme-border,#ffffff4d)!important;color:#2d5016!important;color:var(--theme-buttonText,#2d5016)!important}.speed-btn:hover{background:#ffffff59!important;background:var(--theme-buttonHover,#ffffff59)!important;transform:translateY(-2px)!important}.speed-btn.active{background:#66bb6a!important;background:var(--theme-primary,#66bb6a)!important;border-color:#66bb6a!important;border-color:var(--theme-primary,#66bb6a)!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}.recording-metadata .metadata-item{background:#66bb6a14!important;background:var(--theme-buttonBg,#66bb6a14)!important;border-left:3px solid #66bb6a!important;border-left:3px solid var(--theme-primary,#66bb6a)!important}.recording-metadata .metadata-item .label{color:#666!important;color:var(--theme-textSecondary,#666)!important}.recording-metadata .metadata-item .value{color:#333!important;color:var(--theme-textPrimary,#333)!important}.recording-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#66bb6a,#81c784)!important;background:linear-gradient(135deg,var(--theme-primary,#66bb6a),var(--theme-primaryHover,#81c784))!important;-webkit-background-clip:text!important;background-clip:text!important}.play-box{background:linear-gradient(135deg,#66bb6a,#81c784)!important;background:linear-gradient(135deg,var(--theme-primary,#66bb6a),var(--theme-primaryHover,#81c784))!important}.play-box:hover{background:linear-gradient(135deg,#81c784,#66bb6a)!important;background:linear-gradient(135deg,var(--theme-primaryHover,#81c784),var(--theme-primary,#66bb6a))!important;box-shadow:0 10px 25px #66bb6a80!important;box-shadow:0 10px 25px var(--theme-shadow,#66bb6a80)!important}.btn-label{color:#666!important;color:var(--theme-textSecondary,#666)!important}.player-container{border:1px solid #ffffff4d!important;border:1px solid var(--theme-border,#ffffff4d)!important;box-shadow:0 25px 80px #2d501626,0 10px 35px #2d50161a!important;box-shadow:var(--theme-cardShadow,0 25px 80px #2d501626,0 10px 35px #2d50161a)!important}.volume-slider::-webkit-slider-thumb{background:#66bb6a;background:var(--theme-primary,#66bb6a)}.volume-slider::-moz-range-thumb{background:#66bb6a;background:var(--theme-primary,#66bb6a)}.media-carousel-section{margin:90px 0 30px;z-index:20}.swiper-pagination-bullet{background:#ffffff4d;background:var(--theme-border,#ffffff4d)}.swiper-pagination-bullet-active{background:#66bb6a;background:var(--theme-primary,#66bb6a)}.swiper-button-next,.swiper-button-prev{background:#fff;background:var(--theme-containerBg,#fff);border-radius:50%;color:#66bb6a;color:var(--theme-primary,#66bb6a);height:40px;width:40px}.swiper-button-next:hover,.swiper-button-prev:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);color:#81c784;color:var(--theme-primaryHover,#81c784)}.preview-content{background:var(--theme-containerBg,#fff);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d)}.preview-close{background:#66bb6a;background:var(--theme-primary,#66bb6a);color:var(--theme-textLight,#fff)}.preview-close:hover{background:#81c784;background:var(--theme-primaryHover,#81c784);transform:rotate(90deg)}.mobile-interaction-prompt{background:#000000e6;color:#fff;color:var(--theme-textLight,#fff)}.mobile-interaction-prompt button{background:#66bb6a;background:var(--theme-primary,#66bb6a);color:#fff;color:var(--theme-textLight,#fff)}.mobile-interaction-prompt button:hover{background:#81c784;background:var(--theme-primaryHover,#81c784)}.error-content{background:var(--theme-containerBg,#ffffff1a);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d)}.back-btn,.error-content{color:var(--theme-textLight,#fff)}.back-btn{background:#66bb6a;background:var(--theme-primary,#66bb6a);border:none;padding:12px 24px}.back-btn:hover{background:#81c784;background:var(--theme-primaryHover,#81c784)}.loading-spinner{color:#fff;color:var(--theme-textLight,#fff)}.spinner{border-top:4px solid #66bb6a;border:4px solid var(--theme-border,#ffffff4d);border-top-color:var(--theme-primary,#66bb6a)}.time-display{text-align:center}.current-time{background:#e8f5e9;background:var(--theme-buttonBg,#e8f5e9);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);border-radius:20px;display:inline-block;font-size:18px;font-weight:600;padding:8px 16px}.control-label,.current-time{color:#2d5016;color:var(--theme-textPrimary,#2d5016)}@media (max-width:1024px){.elephant-icon{height:200px;right:-10px;top:-100px;width:200px;z-index:100!important}.avatar-icon{height:100px!important;top:-50px!important;width:100px!important;z-index:999!important}.player-container{padding:70px 30px 30px}.player-main{padding:160px 20px 30px!important}}@media (max-width:768px){.header-actions{gap:8px}.elephant-icon{height:240px;right:-40px;top:-120px;width:240px;z-index:100!important}.avatar-icon{height:90px!important;top:-45px!important;width:90px!important;z-index:999!important}.player-container{padding:140px 25px 25px}.player-main{overflow-y:hidden!important;padding:70px 15px 20px!important}}@media (max-width:480px){.header-actions{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end}.delete-recording-btn,.nav-back-btn{white-space:nowrap!important}.delete-recording-btn,.nav-back-btn,.theme-toggle-btn{font-size:12px!important;min-height:36px!important;padding:8px 12px!important}.theme-toggle-btn{gap:6px!important}.elephant-icon{height:150px;right:-20px;top:-90px;width:150px;z-index:100!important}.avatar-icon{height:80px!important;top:-35px!important;width:80px!important;z-index:999!important}.player-container{padding:110px 18px 20px}.player-main{overflow-y:hidden!important;padding:60px 12px 100px!important}}@media (max-width:375px){.header-actions{gap:6px!important}.delete-recording-btn,.nav-back-btn,.theme-toggle-btn{font-size:11px!important;min-height:32px!important;padding:6px 10px!important}.theme-toggle-btn{gap:4px!important}.elephant-icon{height:100px;right:-15px;top:-50px;width:100px;z-index:100!important}.avatar-icon{height:60px!important;top:-20px!important;width:60px!important;z-index:999!important}.player-container{padding:70px 12px 18px}.player-main{overflow-y:hidden!important;padding:60px 10px 12px!important}}@media (max-width:900px) and (orientation:landscape){.header-actions{gap:10px!important}.delete-recording-btn,.nav-back-btn,.theme-toggle-btn{font-size:12px!important;min-height:36px!important;padding:8px 14px!important}.elephant-icon{height:160px;right:-25px;top:-80px;width:160px;z-index:100!important}.avatar-icon{height:70px!important;top:-35px!important;width:70px!important;z-index:999!important}.player-container{padding:100px 25px 20px}.player-main{overflow-y:hidden!important;padding:120px 15px 15px!important}}@media (max-width:667px) and (orientation:landscape){.elephant-icon{height:120px;right:-15px;top:-60px;width:120px;z-index:100!important}.avatar-icon{height:50px!important;top:-25px!important;width:50px!important;z-index:999!important}.player-container{padding:80px 18px 15px}.player-main{overflow-y:hidden!important;padding:12px 10px 10px!important}}.mobile-gallery-card{background:#2d5a2dd9!important;background:var(--theme-containerBg,#2d5a2dd9)!important;border:1px solid #4a7c5966!important;border:1px solid var(--theme-border,#4a7c5966)!important;box-shadow:0 8px 24px #0a2e0a40,0 4px 12px #0a2e0a26!important;box-shadow:var(--theme-cardShadow,0 8px 24px #0a2e0a40,0 4px 12px #0a2e0a26)!important}.mobile-gallery-card:hover{box-shadow:0 12px 30px #0a2e0a59!important}.gallery-icon{background:#2d5a2d!important;background:var(--theme-secondary,#2d5a2d)!important;box-shadow:0 15px 30px #4a7c5980!important;box-shadow:0 15px 30px var(--theme-primary,#4a7c5980)!important}.gallery-icon,.mobile-gallery-card .gallery-title{color:#fff!important;color:var(--theme-textLight,#fff)!important}.mobile-gallery-card .gallery-title{text-shadow:0 1px 3px #0000004d!important}.gallery-desc{color:#c8e6c9!important;color:var(--theme-textSecondary,#c8e6c9)!important}.preview-thumb{border:2px solid #4a7c5966!important;border:2px solid var(--theme-border,#4a7c5966)!important}.enter-gallery-btn{background:linear-gradient(135deg,#4a7c59,#76a461)!important;background:linear-gradient(135deg,var(--theme-primary,#4a7c59) 0,var(--theme-accent,#76a461) 100%)!important;box-shadow:0 4px 15px #4a7c594d!important;box-shadow:0 4px 15px var(--theme-primary,#4a7c594d)!important;color:var(--theme-textLight,#fff)!important}.enter-gallery-btn:hover{background:linear-gradient(135deg,#5a8c69,#6fa86f)!important;background:linear-gradient(135deg,var(--theme-primaryHover,#5a8c69) 0,var(--theme-tertiary,#6fa86f) 100%)!important;box-shadow:0 6px 20px #4a7c5966!important;box-shadow:0 6px 20px var(--theme-primary,#4a7c5966)!important}.age-label{color:#c8e6c9!important;color:var(--theme-textSecondary,#c8e6c9)!important}.age-value,.baby-info-top .age-value{color:#fff!important;color:var(--theme-textLight,#fff)!important;text-shadow:0 1px 3px #0000004d!important}@media (max-width:768px){.mobile-gallery-card .gallery-title{font-size:16px!important}.enter-gallery-btn,.gallery-desc{font-size:12px!important}.enter-gallery-btn{padding:6px 16px!important}.age-value{font-size:18px!important}}.timeline-title{color:#fff!important;color:var(--theme-textLight,#fff)!important;text-shadow:0 1px 2px #0000004d}.timeline-description,.timeline-session,.timeline-time{color:#dcedc8!important;color:var(--theme-textSecondary,#dcedc8)!important}.timeline-item.major-event .timeline-title{color:#fff!important;color:var(--theme-textLight,#fff)!important}.timeline-item.major-event .timeline-description,.timeline-item.major-event .timeline-time{color:#dcedc8!important;color:var(--theme-textSecondary,#dcedc8)!important}.timeline-item.major-event .timeline-description{background:#0003!important}.family-page{animation:backgroundShift 20s ease-in-out infinite;background:linear-gradient(135deg,#ffe5b4,#ffcccb 25%,#ffb6c1 50%,#ffa07a 75%,#ff8c69);font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}@keyframes backgroundShift{0%,to{background:linear-gradient(135deg,#ffe5b4,#ffcccb 25%,#ffb6c1 50%,#ffa07a 75%,#ff8c69)}50%{background:linear-gradient(135deg,#fff0e6,#ffd6d6 25%,pink 50%,#ffb07a 75%,#ff9673)}}.welcome-section{align-items:center;animation:slideInDown .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff6;border-radius:24px;box-shadow:0 12px 48px #ff8c6926,0 4px 20px #ffb6c11a;display:flex;justify-content:space-between;margin-bottom:24px;padding:30px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-content{flex:1 1}.welcome-title{align-items:center;color:#ff6b6b;display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin-bottom:8px;text-shadow:0 2px 8px #ff6b6b33}.welcome-title svg{animation:heartBeat 2s ease-in-out infinite;color:#ff8c69}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-subtitle{color:#ff8c69;font-size:1rem;font-weight:400;opacity:.8}.family-avatar-group{align-items:center;display:flex;gap:16px}.family-member{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.family-member:hover{transform:translateY(-4px) scale(1.05)}.member-avatar{align-items:center;animation:avatarFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#ffb6c1,#ffa07a);border:3px solid #fffc;border-radius:50%;box-shadow:0 6px 20px #ff8c694d;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.member-name{color:#ff6b6b;font-size:.85rem;font-weight:500}.main-family-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr 320px;height:calc(100vh - 200px)}.activity-sidebar{animation:slideInLeft .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #ff8c691f;padding:24px}.sidebar-title{color:#ff6b6b;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.activity-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.activity-item{align-items:center;background:#fff9;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.activity-item:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.activity-item:hover:before{left:100%}.activity-item:hover{background:#fffc;box-shadow:0 6px 24px #ff8c6933;transform:translateX(8px) scale(1.02)}.activity-item.active{background:linear-gradient(135deg,var(--activity-color),#ffffffe6);border-color:var(--activity-color);box-shadow:0 8px 32px #ff8c694d;color:#fff;transform:translateX(8px)}.activity-icon{color:inherit;height:24px;width:24px}.activity-name{font-size:.9rem;font-weight:500}.daily-tasks{background:linear-gradient(135deg,#ffe5b4,#ffcccb);border-radius:16px;box-shadow:inset 0 2px 8px #ff8c691a;padding:20px}.tasks-title{color:#ff6b6b;font-size:1rem;font-weight:600;margin-bottom:16px;text-align:center}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{align-items:center;display:flex;gap:10px;padding:8px 0;transition:all .3s ease}.task-item:hover{transform:translateX(4px)}.task-check{align-items:center;background:#fffc;border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.task-item.completed .task-check{background:#4ecdc4;color:#fff}.task-text{color:#ff6b6b;font-size:.85rem;font-weight:500}.task-item.completed .task-text{opacity:.7;text-decoration:line-through}.content-area{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #ff8c691f;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#ff6b6b,#ffa07a,#ffb6c1);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 48px #ff8c6933;transform:translateY(-4px) scale(1.02)}.stat-icon{animation:iconBounce 2s ease-in-out infinite;font-size:2.5rem}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-info h4{color:#ff8c69;font-size:.85rem;font-weight:500;margin-bottom:4px}.stat-number{color:#ff6b6b;display:block;font-size:1.5rem;font-weight:600}.stat-unit{color:#ffa07a;font-size:.75rem;font-weight:400;opacity:.8}.activity-details{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #ff8c691f;flex:1 1;padding:30px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.activity-header h3{color:#ff6b6b;font-size:1.2rem;font-weight:600}.activity-controls{display:flex;gap:12px}.control-btn{border-radius:12px;font-size:.85rem;font-weight:500;padding:10px 20px}.control-btn.start{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 16px #4ecdc44d;color:#fff}.control-btn.pause{background:linear-gradient(135deg,#ffa07a,#ff8c69);box-shadow:0 4px 16px #ffa07a4d;color:#fff}.control-btn:hover{box-shadow:0 6px 24px #0003}.reading-progress{margin-bottom:30px}.progress-info{color:#ff8c69;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#ffb6c14d}.progress-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,#ffa07a);border-radius:4px;transition:width .3s ease}@keyframes progressGlow{0%,to{box-shadow:0 0 8px #ff6b6b4d}50%{box-shadow:0 0 16px #ff6b6b99}}.book-recommendations h4{color:#ff6b6b;font-size:1rem;font-weight:600;margin-bottom:16px}.book-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.book-item{align-items:center;background:#fff9;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.book-item:hover{background:#fffc;border-color:#ffb6c1;box-shadow:0 8px 24px #ffb6c133;transform:translateY(-4px)}.book-cover{font-size:2rem;margin-bottom:4px}.book-title{color:#ff6b6b;font-size:.75rem;font-weight:500;text-align:center}.memories-sidebar{animation:slideInRight .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #ff8c691f;gap:20px;padding:24px}.memories-list,.memories-sidebar{display:flex;flex-direction:column}.memories-list{flex:1 1;gap:16px;max-height:400px;overflow-y:auto}.memory-card{background:#ffffffb3;background:var(--theme-containerBg,#ffffffb3);border:1px solid #ffb6c133;border:1px solid var(--theme-border,#ffb6c133);border-radius:16px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.memory-card:hover{background:#ffffffe6;background:var(--theme-containerBgHover,#ffffffe6);box-shadow:0 6px 20px #ffb6c133;box-shadow:0 6px 20px var(--theme-shadowHover,#ffb6c133);transform:translateX(-4px)}.memory-image{align-items:center;background:linear-gradient(135deg,#ffe5b4,#ffcccb);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.memory-content{flex:1 1}.memory-title{color:#3bb6a6;color:var(--theme-primary,#3bb6a6);font-size:2.4rem;font-weight:400;margin-bottom:4px}.memory-date{color:#ffa07a;color:var(--theme-textSecondary,#ffa07a);font-size:.8rem;margin-bottom:6px}.memory-description{color:#ff8c69;color:var(--theme-textPrimary,#ff8c69);font-size:.8rem;line-height:1.4}.quick-add{background:linear-gradient(135deg,#ffe5b4,#ffcccb);border-radius:16px;box-shadow:inset 0 2px 8px #ff8c691a;box-shadow:inset 0 2px 8px var(--theme-shadow,#ff8c691a);padding:20px}.add-title{color:#ff6b6b;color:var(--theme-primary,#ff6b6b);font-size:.9rem;font-weight:600;margin-bottom:16px;text-align:center}.add-buttons{display:flex;gap:12px}.add-btn{align-items:center;background:#fffc;background:var(--theme-containerBg,#fffc);border:none;border-radius:12px;color:#ff6b6b;color:var(--theme-primary,#ff6b6b);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:6px;padding:16px 12px;transition:all .3s ease}.add-btn:hover{background:#fffffff2;background:var(--theme-containerBgHover,#fffffff2);box-shadow:0 6px 20px #ffb6c133;box-shadow:0 6px 20px var(--theme-shadowHover,#ffb6c133);transform:translateY(-2px)}.add-btn svg{height:20px;width:20px}@media (max-width:1200px){.main-family-content{grid-template-columns:250px 1fr 280px}}@media (max-width:992px){.main-family-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.activity-sidebar,.memories-sidebar{order:2}.content-area{order:1}}@media (max-width:768px){.family-page{padding:12px}.welcome-section{flex-direction:column;gap:20px;text-align:center}.stats-cards{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)}.family-avatar-group{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}button,div,h1,h2,h3,h4,h5,h6,input,label,p,span,textarea{font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.background-decoration{background-attachment:scroll;background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:fixed;z-index:-10}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.record-container{background:#ffffffe6;min-height:100vh;overflow-x:hidden;position:relative;width:100vw;z-index:1}.top-navigation-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#9ee099;border-bottom:1px solid #ffffff4d;border-radius:0 0 15px 15px;box-shadow:0 4px 20px #2b492866,0 2px 10px #0000001a;box-sizing:border-box;height:90px;justify-content:space-between;margin:0 0 16px;padding:16px 20px;position:relative;width:100%;z-index:100}.nav-left,.top-navigation-bar{align-items:center;display:flex}.nav-right{align-items:center;width:240px}.back-button{background:#319888;border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:600;gap:8px;min-width:80px;padding:8px 12px}.back-button:hover{background:#4caf501a}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#319888;border:none;border-radius:50px;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:4px;padding:12px 10px;width:240px}.record-main-layout{align-items:center;gap:20px;margin:0 auto;max-width:800px;min-height:calc(100vh - 120px);padding:20px}.record-control-card,.record-main-layout{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.record-control-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffe6;border:3px solid #3fb6a666;border-radius:30px;box-shadow:0 25px 80px #2d501626,0 10px 35px #2d50161a;max-width:600px;min-height:480px;overflow:hidden;padding:50px 40px;position:relative}.record-control-header{margin-bottom:30px;text-align:center}.record-control-header h2{color:#3bb6a6;font-size:45px;font-weight:500;letter-spacing:.5px;margin:0}.record-time-display{align-items:center;background:linear-gradient(135deg,#f8fffe,#f0fdfc);border:2px solid #3bb6a626;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:35px 0;padding:25px 20px;position:relative;text-align:center}.record-time-large{color:#3bb6a6;font-size:40px;font-weight:200;letter-spacing:4px;position:relative;text-shadow:0 2px 4px #3bb6a61a;z-index:1}.record-status-indicator{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #6c757d1a;border-radius:30px;display:flex;gap:12px;justify-content:center;margin:25px 0;padding:18px 25px;transition:all .4s ease}.status-dot{background:#6c757d;border-radius:50%;box-shadow:0 0 0 3px #6c757d33;height:10px;transition:all .4s ease;width:10px}.record-status-indicator.recording{background:linear-gradient(135deg,#ffeaea,#ffe0e0);border-color:#dc354533}.record-status-indicator.recording .status-dot{animation:pulse-recording 2s infinite;background:#dc3545;box-shadow:0 0 0 3px #dc35454d}.record-status-indicator.paused{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-color:#ffc10733}.record-status-indicator.paused .status-dot{background:#ffc107;box-shadow:0 0 0 3px #ffc1074d}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.status-text{color:#6c757d;font-size:25px;letter-spacing:10px}.record-status-indicator.recording .status-text{color:#dc3545}.record-status-indicator.paused .status-text{color:#856404}.record-control-buttons{display:flex;flex-direction:column;gap:18px;margin:30px 0}.record-start-btn{align-items:center;background:#f3fadf;border:2px solid #e2f5c2;border-radius:50px;box-shadow:0 8px 32px 0 #4ac9672e,0 2px 8px 0 #4ac9671a;color:#7bbd5a;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:15px;justify-content:center;overflow:hidden;padding:22px 35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.record-start-btn:hover{background:#eaf7d0;box-shadow:0 16px 40px 0 #4ac96738,0 0 0 8px #eaf7d0,0 0 0 20px #f3fadf;transform:translateY(-3px)}.record-start-btn:active{transform:translateY(-1px)}.record-action-buttons{display:flex;gap:12px}.record-pause-btn,.record-stop-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:18px 25px;position:relative;transition:all .3s ease}.record-pause-btn{background:#f8fae6;border:2px solid #e2f5c2;color:#2d5016}.record-pause-btn:hover{background:#ffffff59;transform:translateY(-2px)}.record-stop-btn{background:#f8fae6;border:2px solid #e2f5c2;color:#2d5016}.record-stop-btn:hover{background:#dc35454d;color:#fff;transform:translateY(-2px)}.record-reset-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:14px;box-shadow:0 4px 15px #6c757d33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 30px;transition:all .3s ease;width:100%}.record-reset-btn:hover{box-shadow:0 6px 20px #6c757d4d;transform:translateY(-2px)}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px}.btn-text{font-size:30px;font-weight:400;letter-spacing:10px}.current-recording-player{background:#4caf500d;border:1px solid #4caf5026;border-radius:20px;margin-top:32px;padding:24px}.current-recording-player-header{align-items:center;display:flex;font-size:18px;gap:8px;margin-bottom:16px}.player-icon{align-items:center;display:flex}.player-title{color:#2e7d32;font-weight:600}.audio-player-control{border-radius:24px;filter:hue-rotate(80deg) saturate(1.2);height:48px;outline:none;width:100%}.record-right-panel{margin-top:20px;max-width:600px;width:100%}@media (max-width:768px){.record-right-panel{box-sizing:border-box;margin:0;max-width:100vw;min-width:100vw;padding:0 16px}}.recordings-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #3bb6a633;border-radius:25px;box-shadow:0 8px 32px #3bb6a626,0 4px 16px #00000014;margin-bottom:16px;padding:32px;position:relative;width:100%}.section-header{flex-wrap:wrap;gap:8px;margin-bottom:24px}.section-header h3{color:#3bb6a6;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.section-count{color:#666;font-size:14px}.session-info{color:#888;font-size:12px}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b49281a;border:1px solid #2b492833;border-radius:8px;height:32px;justify-content:center;min-width:32px;padding:8px}.refresh-btn:hover:not(:disabled){background:#2b492833;border-color:#2b492866;transform:rotate(180deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.checking-status{animation:checking-pulse 1.5s ease-in-out infinite;color:#2b4928cc;font-size:12px;margin-left:8px}@keyframes checking-pulse{0%,to{opacity:.6}50%{opacity:1}}.recordings-list-container{max-height:400px;overflow-y:auto;padding-right:8px}.recording-list-item{background:#fff;border:1px solid #3bb6a633;border-radius:20px;box-shadow:0 4px 16px #3bb6a614;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.recording-list-item:hover{border-color:#3bb6a666;box-shadow:0 8px 24px #3bb6a626;transform:translateY(-2px)}.recording-first-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.recording-item-info{flex:1 1;min-width:200px}.recording-timestamp{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:4px}.recording-size{color:#666;font-size:14px}.video-badge{font-size:12px;margin-left:8px;opacity:.8}.audio-only-hint{color:#2b492899;font-size:11px;font-style:italic}.cloud-icon{font-size:12px}.ai-badge{color:#722ed1;font-weight:600;margin-left:4px}.ai-hint{color:#722ed1;font-weight:500}.recording-player-row{display:flex;justify-content:center;margin-top:12px}.recording-player-pc{display:none;flex:1 1;margin:0 20px;max-width:300px}.recording-player-mobile{align-items:center;display:flex;justify-content:center;margin-top:12px;width:100%}.mini-audio-player{border-radius:22px;filter:hue-rotate(80deg) saturate(1.2);height:44px;outline:none;width:100%}.recording-actions{gap:12px}.action-btn,.recording-actions{align-items:center;display:flex}.action-btn{background:#3bb6a61a;border:1px solid #3bb6a633;border-radius:12px;cursor:pointer;height:44px;justify-content:center;transition:all .3s ease;width:44px}.action-btn:hover{background:#3bb6a633;transform:translateY(-1px)}.action-btn img{height:20px;width:20px}.recording-list-item.bound-item{background:#3bb6a60d;border-left:4px solid #3bb6a6}.recording-list-item.bound-item:hover{background:#3bb6a61a}.recording-list-item.bound-item .recording-player-row{display:none}.empty-recordings-state{color:#3bb6a6b3;padding:48px 20px;text-align:center}.empty-recordings-state h3{color:#3bb6a6;font-size:18px;font-weight:600;margin-bottom:8px}.empty-section-state{color:#3bb6a6b3;padding:40px 24px;text-align:center}.empty-section-icon{font-size:56px;margin-bottom:20px}.empty-section-state p{color:#3bb6a6;font-size:20px;font-weight:600;margin-bottom:12px}.empty-section-hint{color:#3bb6a6b3;font-size:16px;line-height:1.6;opacity:.8}.error-message{background:#fffffff2;border:1px solid #f4433633;border-radius:24px;box-shadow:0 8px 32px #4caf5026;padding:48px 32px}.error-message h3{color:#f44336;font-size:24px;font-weight:700;margin-bottom:16px}.error-message p{color:#81c784;font-size:16px;font-weight:500;line-height:1.6}@media (max-width:768px){.record-container,body,html{overflow-x:hidden;width:100vw}.top-navigation-bar{height:70px;padding:12px 15px;width:100vw}.back-button{font-size:13px;padding:8px 16px}.user-info{font-size:13px;padding:6px 12px;width:200px}.record-main-layout{gap:16px;margin:0;max-width:100vw;min-height:calc(100vh - 100px);padding:0;width:100vw}.record-control-card{border-radius:20px;margin:0;max-width:100vw;min-height:400px;padding:30px 20px;width:100vw}.record-control-header h2{font-size:32px}.record-time-display{margin:20px 0;padding:20px 16px}.record-time-large{font-size:32px}.record-status-indicator{margin:20px 0;padding:16px 20px}.status-text{font-size:18px}.record-control-buttons{gap:16px;margin:24px 0}.record-start-btn{font-size:16px;min-height:56px;padding:18px 28px}.record-action-buttons{gap:12px}.record-pause-btn,.record-stop-btn{font-size:14px;min-height:48px;padding:16px 20px}.record-reset-btn{font-size:14px;min-height:48px;padding:14px 24px}.btn-text{font-size:18px;letter-spacing:5px}.recordings-section{margin-bottom:12px;margin-left:0;margin-right:0;max-width:calc(100vw - 32px);padding:20px;width:calc(100vw - 32px)}.section-header h3{font-size:18px}.recordings-list-container{max-height:300px}.record-right-panel{box-sizing:border-box;margin:0;max-width:100vw;padding:0 16px;width:100vw}.recording-list-item{margin-bottom:12px;padding:16px}.recording-first-row{gap:12px}.recording-item-info{min-width:150px}.recording-timestamp{font-size:14px}.recording-size{font-size:12px}.recording-actions{gap:8px}.action-btn{height:40px;width:40px}.action-btn img{height:18px;width:18px}.mini-audio-player{height:40px}.refresh-btn{height:28px;min-width:28px;padding:6px}.checking-status{font-size:11px}.empty-recordings-state{padding:32px 16px}.empty-icon{font-size:40px}.empty-recordings-state h3{font-size:16px}.empty-section-state{padding:32px 20px}.empty-section-icon{font-size:48px}.empty-section-state p{font-size:18px}.empty-section-hint{font-size:14px}}@media (min-width:1024px){.recording-player-pc{align-items:center;display:flex;justify-content:center}.recording-player-mobile{display:none}.recording-list-item.unbound-item .recording-first-row{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.recording-list-item.unbound-item .recording-item-info{flex:0 0 200px;min-width:200px}.recording-player-pc .mini-audio-player{border-radius:8px;height:36px;width:100%}.recording-list-item.unbound-item .recording-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}}@media (max-width:720px){.record-main-layout{gap:12px;padding:0}.record-control-card,.record-main-layout{margin:0;max-width:100vw!important;min-width:100vw!important}.record-control-card{border-radius:16px;min-height:380px;padding:24px 16px}.record-control-header h2{font-size:28px}.record-time-display{margin:16px 0;padding:16px 12px}.record-time-large{font-size:28px}.record-status-indicator{margin:16px 0;padding:12px 16px}.status-text{font-size:16px}.record-control-buttons{gap:12px;margin:20px 0}.record-start-btn{font-size:15px;min-height:52px;padding:16px 24px}.record-action-buttons{gap:10px}.record-pause-btn,.record-stop-btn{font-size:13px;min-height:44px;padding:14px 18px}.record-reset-btn{font-size:13px;min-height:44px;padding:12px 20px}.btn-text{font-size:16px;letter-spacing:4px}.recordings-section{margin-bottom:10px;margin-left:0;margin-right:0;max-width:100vw!important;min-width:100vw!important;padding:16px}.section-header h3{font-size:16px}.recordings-list-container{max-height:280px}.record-right-panel{box-sizing:border-box;margin:0;max-width:100vw!important;min-width:100vw!important;padding:0}.recording-list-item{margin-bottom:10px;padding:12px}.recording-first-row{gap:10px}.recording-item-info{min-width:120px}.recording-timestamp{font-size:13px}.recording-size{font-size:11px}.recording-actions{gap:6px}.action-btn{height:36px;width:36px}.action-btn img{height:16px;width:16px}.mini-audio-player{height:36px}.refresh-btn{height:24px;min-width:24px;padding:4px}.checking-status{font-size:10px}.empty-recordings-state{padding:24px 12px}.empty-icon{font-size:36px}.empty-recordings-state h3{font-size:14px}.empty-section-state{padding:24px 16px}.empty-section-icon{font-size:40px}.empty-section-state p{font-size:16px}.empty-section-hint{font-size:12px}}@media (max-width:720px) and (min-width:360px){.record-main-layout{gap:8px;padding:0}.record-control-card,.record-main-layout{margin:0;max-width:100vw!important;min-width:100vw!important}.record-control-card{border-radius:12px;min-height:360px;padding:20px 12px}.record-control-header h2{font-size:24px}.record-time-display{margin:12px 0;padding:12px 8px}.record-time-large{font-size:24px}.record-status-indicator{margin:12px 0;padding:10px 12px}.status-text{font-size:14px}.record-control-buttons{gap:8px;margin:16px 0}.record-start-btn{font-size:14px;min-height:48px;padding:12px 20px}.record-action-buttons{gap:8px}.record-pause-btn,.record-stop-btn{font-size:12px;min-height:40px;padding:12px 16px}.record-reset-btn{font-size:12px;min-height:40px;padding:10px 16px}.btn-text{font-size:14px;letter-spacing:2px}.recordings-section{margin-bottom:8px;margin-left:0;margin-right:0;max-width:100vw;padding:12px;width:100vw}.section-header h3{font-size:14px}.recordings-list-container{max-height:260px}.record-right-panel{box-sizing:border-box;margin:0;max-width:100vw;padding:0;width:100vw}.recording-list-item{margin-bottom:8px;padding:10px}.recording-first-row{gap:8px}.recording-item-info{min-width:100px}.recording-timestamp{font-size:12px}.recording-size{font-size:10px}.recording-actions{gap:4px}.action-btn{height:32px;width:32px}.action-btn img{height:14px;width:14px}.mini-audio-player{height:32px}.refresh-btn{height:20px;min-width:20px;padding:2px}.checking-status{font-size:9px}.empty-recordings-state{padding:20px 8px}.empty-icon{font-size:32px}.empty-recordings-state h3{font-size:12px}.empty-section-state{padding:20px 12px}.empty-section-icon{font-size:36px}.empty-section-state p{font-size:14px}.empty-section-hint{font-size:10px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;background:var(--theme-primary,#ffffff1a);border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#66bb6a);background:var(--theme-primary,linear-gradient(135deg,#4caf50,#66bb6a));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);background:var(--theme-primaryHover,linear-gradient(135deg,#66bb6a,#4caf50))}::selection{background:#4caf504d;color:#2e7d32}::-moz-selection{background:#4caf504d;color:#2e7d32}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.upload-modal-header{align-items:center;background:linear-gradient(135deg,#9ee099,#319888);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.upload-modal-header h2{font-size:24px;font-weight:600;margin:0}.upload-modal-session-info{font-size:14px;opacity:.9}.upload-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.upload-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.upload-modal-area{background:#f9f9f9;border:2px dashed #ddd;border-radius:15px;cursor:pointer;margin:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-modal-area.drag-over,.upload-modal-area:hover{background:#f0f9ff;border-color:#319888}.upload-modal-text{color:#666;display:block;font-size:18px;margin-bottom:10px}.upload-modal-files-container{padding:0 20px 20px}.upload-modal-file-tabs{border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.upload-modal-file-tab{background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.upload-modal-file-tab.active{background:#319888;color:#fff}.upload-modal-file-tab:hover:not(.active){background:#e0e0e0}.upload-modal-files-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.upload-modal-media-item{border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.upload-modal-media-item:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.upload-modal-media-content{cursor:pointer}.upload-modal-media-preview{display:block;height:150px;object-fit:cover;width:100%}.upload-modal-image-preview,.upload-modal-video-preview{position:relative}.upload-modal-video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.upload-modal-video-play-icon{color:#fff;font-size:40px;text-shadow:0 2px 10px #00000080}.upload-modal-media-overlay{position:absolute;right:10px;top:10px}.upload-modal-delete-media-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.upload-modal-delete-media-btn:hover{background:red;transform:scale(1.1)}.upload-modal-image-id-display,.upload-modal-video-id-display{background:#000000b3;bottom:0;color:#fff;font-size:12px;left:0;padding:8px;position:absolute;right:0;text-align:center}.upload-modal-pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.upload-modal-pagination-btn{background:#f5f5f5;border:none;border-radius:15px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.upload-modal-pagination-btn:hover:not(:disabled){background:#e0e0e0}.upload-modal-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.upload-modal-pagination-info{color:#666;font-size:14px;margin:10px 0;text-align:center}.upload-modal-empty-state{color:#666;padding:40px 20px;text-align:center}.upload-modal-empty-icon{font-size:48px;margin-bottom:15px}.upload-modal-empty-text{font-size:18px;font-weight:600;margin-bottom:10px}.upload-modal-empty-subtext{font-size:14px;opacity:.8}.upload-modal-preview-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.upload-modal-preview-content{max-height:90%;max-width:90%;position:relative}.upload-modal-preview-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;width:40px}.upload-modal-preview-media{max-height:100%;max-width:100%;object-fit:contain}.upload-modal-preview-modal.fullscreen .upload-modal-preview-media{height:100vh;object-fit:contain;width:100vw}@media (max-width:768px){.upload-modal-content{max-height:95vh;width:95%}.upload-modal-header{padding:15px}.upload-modal-header h2{font-size:20px}.upload-modal-area{margin:15px;padding:30px 15px}.upload-modal-text{font-size:16px}.upload-modal-files-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.upload-modal-media-preview{height:120px}}@font-face{font-family:SongTi;font-style:normal;font-weight:400;src:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/fonts/song.ttf) format("truetype")}.upload-page{background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative}.upload-header{background:#baeeaf;border-radius:0 0 16px 16px;box-shadow:10px 4px 4px 0 #00000040;height:82px;padding:0 24px;width:100%}.back-button,.upload-header{align-items:center;display:flex}.back-button{background:#fff9;border-radius:50px;cursor:pointer;height:41px;justify-content:center;transition:all .3s ease;width:177px}.back-button:hover{background:#fffc;transform:scale(1.05)}.back-text{color:#6ebf8e;font-family:SongTi,sans-serif;font-size:24px;font-weight:400;line-height:24px;white-space:nowrap}.session-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e21a;border:1px solid #4a90e24d;border-radius:20px;margin-left:10px;padding:8px 16px}.session-info span{color:#4a90e2;font-size:18px;font-weight:500;text-transform:uppercase}.file-type-tabs{gap:15px;margin-bottom:10px}.file-tab{background:#ffffffb3;border:2px solid #3bb6a6;border-radius:20px;font-family:SongTi,sans-serif;font-size:16px;font-weight:500;min-width:120px;text-align:center}.file-tab:hover{background:#ffffffe6;box-shadow:0 4px 12px #3bb6a64d;transform:translateY(-2px)}.file-tab.active{background:#3bb6a6;box-shadow:0 4px 15px #3bb6a666}.file-tab.active:hover{background:#2fa087}.upload-area{align-items:center;background:#fff9;border:3px dashed #6ebf8e;border-radius:32px;box-shadow:8px 8px 20px 0 #6ebf8e;box-sizing:border-box;cursor:pointer;display:flex;height:137px;justify-content:center;margin:25px auto 0;padding:20px;position:relative;transition:all .3s ease;width:1200px}.upload-area:hover{background:#fffc;box-shadow:5px 7px 6px 0 #baeeaf;transform:translateY(-2px)}.upload-area.drag-over{background:#28b2a81a;border-color:#6ebf8e;transform:scale(1.02)}.upload-text{color:#6ebf8e;font-family:SongTi,sans-serif;font-size:32px;font-weight:400;line-height:32px;text-align:center;white-space:nowrap}.photos-container{display:flex;flex-direction:column;gap:20px;margin:10px auto;width:1500px}.all-photos-section{background:#fff9;border-radius:32px;box-shadow:8px 8px 20px 0 #6ebf8e;box-sizing:border-box;margin:25px auto 0;padding:30px;width:min(calc(100% - 80px),900px);width:1200px}.section-header{margin-bottom:0}.pagination-info{color:#12a4b2;font-family:SongTi,sans-serif;font-size:16px}.media-item{background:#fefefe;border-radius:14px;cursor:pointer}.media-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.media-content{height:200px}.media-preview{position:absolute}.video-overlay{background:#0000004d;bottom:0;left:0;right:0;top:0}.video-play-icon{background:#ffffffe6;color:#6ebf8e;height:60px;transition:all .3s ease;width:60px}.media-item:hover .video-overlay{background:#00000080}.media-item:hover .video-play-icon{background:#fff;transform:scale(1.1)}.media-overlay{right:10px;top:10px}.delete-media-btn{background:#ff6b6b;height:30px;width:30px}.delete-media-btn:hover{background:#ff5252}.media-info{display:flex;flex-direction:column;gap:6px;padding:5px}.media-name{color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-name,.media-time{font-family:SongTi,sans-serif}.media-time{color:#666;font-size:12px}.empty-state{color:#6ebf8e;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-text{font-size:24px;margin-bottom:10px}.empty-subtext,.empty-text{font-family:SongTi,sans-serif}.empty-subtext{font-size:16px;opacity:.7}.pagination{gap:18px;margin:32px 0 0}.pagination-btn{background:linear-gradient(90deg,#3bb6a6,#6be6c1);border-radius:24px;box-shadow:0 2px 8px #3bb6a614;font-size:16px;padding:8px 28px;transition:background .2s,box-shadow .2s,color .2s,transform .1s}.pagination-btn:disabled{color:#aaa}.pagination-btn:not(:disabled):hover{background:linear-gradient(90deg,#2fa18e,#4fd6a8);box-shadow:0 4px 16px #3bb6a626;color:#fff}.pagination-btn:active{transform:scale(.96)}.pagination-numbers{display:flex;gap:6px}.pagination-number,.pagination-number.active{display:none!important}.pagination-current-page{transform:scale(1.12)}.pagination-total-page{opacity:.7}.preview-modal{background:#000000b3;height:100vh;width:100vw;z-index:9999}.preview-content{align-items:center;box-shadow:0 4px 24px #0000002e;display:flex;flex-direction:column;max-width:96vw;padding:24px 24px 16px}.preview-media{background:#fff;box-shadow:0 4px 24px #00000026;display:block;height:auto;margin:0 auto 12px;max-height:70vh;max-width:90vw;width:auto}.preview-info h4{margin:0 0 10px}.preview-info h4,.preview-info p{font-family:SongTi,sans-serif}@media (max-width:1200px){.upload-area{margin:20px auto 0;width:calc(100% - 60px)}.photos-container{margin:24px auto;width:calc(100% - 60px)}.all-photos-section{padding:25px;width:calc(100% - 60px)}.photos-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pagination{flex-wrap:wrap;gap:8px}.pagination-numbers{flex-basis:100%;justify-content:center;margin-top:10px;order:2}}@media (max-width:1024px){.upload-header{height:75px;padding:0 20px}.back-button{height:38px;width:160px}.back-text{font-family:SongTi,sans-serif;font-size:20px}.upload-area{border-radius:24px;height:120px;width:calc(100% - 50px)}.upload-text{font-size:26px;line-height:28px}.all-photos-section{padding:25px;width:calc(100% - 50px)}.photos-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-content{height:180px}}@media (max-width:768px){.upload-header{align-items:center;flex-direction:row;gap:10px;height:auto;justify-content:space-between;min-height:60px;padding:8px 16px}.session-info{flex-shrink:0;margin-left:10px;margin-top:0;padding:6px 12px}.session-info span{font-size:12px;white-space:nowrap}.file-type-tabs{flex-direction:column;gap:10px;margin:15px 16px 20px}.file-tab{font-size:14px;min-width:auto;padding:8px 16px;width:100%}.back-button{flex-shrink:0;height:38px;min-height:44px;width:130px}.back-text{font-family:SongTi,sans-serif;font-size:16px}.upload-area{border-radius:20px;border-width:2px;height:110px;margin:20px auto 0;width:calc(100% - 32px)}.upload-text{font-size:20px;line-height:1.3;padding:0 16px;text-align:center;white-space:normal}.photos-container{gap:20px;margin:20px auto;width:calc(100% - 32px)}.section-header{align-items:center;flex-direction:column;gap:10px;text-align:center}.pagination-info{font-size:14px}.all-photos-section{border-radius:20px;padding:20px;width:calc(100% - 32px)}.photos-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.media-content{height:140px}.media-info{padding:12px}.media-name{font-size:14px}.media-name,.media-time{font-family:SongTi,sans-serif}.media-time{font-size:11px}.delete-media-btn{font-size:16px;height:32px;width:32px}.pagination{flex-wrap:wrap;gap:8px;justify-content:center}.pagination-btn{font-size:14px;min-height:44px;padding:8px 16px}.pagination-number{font-size:14px;min-height:44px;min-width:44px;padding:8px 12px}.empty-icon{font-size:48px}.empty-text{font-size:20px}.empty-subtext{font-size:14px}}@media (max-width:600px){.upload-header{align-items:center;flex-direction:row;height:auto;justify-content:space-between;min-height:55px;padding:6px 12px}.file-type-tabs{gap:8px;margin:12px 14px 18px}.file-tab{font-size:13px;padding:7px 14px}.back-button{flex-shrink:0;height:36px;min-height:44px;width:115px}.back-text{font-family:SongTi,sans-serif;font-size:15px}.session-info{padding:5px 10px}.session-info span{font-size:11px}.upload-area{border-radius:18px;height:100px;width:calc(100% - 28px)}.upload-text{font-size:18px;padding:0 12px}.all-photos-section{border-radius:18px;padding:18px;width:calc(100% - 28px)}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.media-content{height:130px}}@media (max-width:480px){.upload-header{align-items:center;flex-direction:row;height:auto;justify-content:space-between;min-height:50px;padding:6px 10px}.file-type-tabs{gap:8px;margin:10px 12px 16px}.file-tab{font-size:12px;padding:6px 12px}.back-button{flex-shrink:0;height:34px;min-height:44px;width:110px}.back-text{font-family:SongTi,sans-serif;font-size:14px}.session-info{padding:4px 8px}.session-info span{font-size:10px}.upload-area{border-radius:16px;height:90px;padding:16px;width:calc(100% - 24px)}.upload-text{font-size:16px;line-height:1.2;padding:0 8px}.photos-container{width:calc(100% - 24px)}.section-header{align-items:center;flex-direction:column;gap:8px;text-align:center}.pagination-info{font-size:12px}.all-photos-section{border-radius:16px;padding:16px;width:calc(100% - 24px)}.photos-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.media-content{height:110px}.media-info{padding:8px}.media-name{font-size:12px}.media-name,.media-time{font-family:SongTi,sans-serif}.media-time{font-size:10px}.delete-media-btn{font-size:14px;height:28px;width:28px}.pagination{align-items:center;flex-direction:column;gap:6px}.pagination-btn{font-size:11px;padding:5px 10px}.pagination-number{font-size:11px;padding:3px 6px}.pagination-numbers{flex-basis:auto;margin-bottom:10px;margin-top:0;order:0}.empty-icon{font-size:40px}.empty-text{font-size:16px}.empty-subtext{font-size:12px}.preview-content{max-height:95vh;max-width:95vw}.preview-info{padding:15px}.preview-info h4{font-size:16px}.preview-info p{font-size:12px}}@media (max-width:360px){.upload-header{align-items:center;flex-direction:row;height:auto;justify-content:space-between;min-height:48px;padding:5px 8px}.file-type-tabs{gap:6px;margin:8px 10px 14px}.file-tab{font-size:11px;padding:5px 10px}.back-button{flex-shrink:0;height:32px;min-height:44px;width:100px}.back-text{font-family:SongTi,sans-serif;font-size:13px}.session-info{padding:3px 6px}.session-info span{font-size:9px}.upload-area{border-radius:14px;height:80px;padding:12px;width:calc(100% - 20px)}.upload-text{font-size:14px;padding:0 6px}.photos-container{margin:16px auto;width:calc(100% - 20px)}.all-photos-section{border-radius:14px;padding:14px;width:calc(100% - 20px)}.photos-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-content{height:100px}.media-info{padding:6px}.media-name{font-size:11px}.media-name,.media-time{font-family:SongTi,sans-serif}.media-time{font-size:9px}.delete-media-btn{font-size:12px;height:26px;width:26px}.pagination-btn{font-size:12px;min-height:40px;padding:6px 12px}.pagination-number{font-size:12px;min-height:40px;min-width:40px;padding:6px 10px}.empty-icon{font-size:36px}.empty-text{font-size:14px}.empty-subtext{font-size:11px}}@media (max-width:320px){.upload-header{align-items:center;flex-direction:row;height:auto;justify-content:space-between;min-height:45px;padding:4px 6px}.back-button{flex-shrink:0;height:30px;min-height:44px;width:85px}.back-text{font-family:SongTi,sans-serif;font-size:12px}.session-info{padding:2px 4px}.session-info span{font-size:8px}.upload-area{border-radius:12px;height:70px;padding:10px;width:calc(100% - 16px)}.upload-text{font-size:13px;padding:0 4px}.photos-container{margin:12px auto;width:calc(100% - 16px)}.all-photos-section{border-radius:12px;padding:12px;width:calc(100% - 16px)}.photos-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-content{height:85px}.media-info{padding:5px}.media-name{font-size:10px}.media-name,.media-time{font-family:SongTi,sans-serif}.media-time{font-size:8px}.delete-media-btn{font-size:11px;height:24px;width:24px}.pagination-btn{font-size:11px;min-height:38px;padding:5px 10px}.pagination-number{font-size:11px;min-height:38px;min-width:38px;padding:5px 8px}.empty-icon{font-size:32px}.empty-text{font-size:13px}.empty-subtext{font-size:10px}}@media (hover:none) and (pointer:coarse){.media-item{transition:transform .2s ease}.media-item:active{transform:scale(.98)}.delete-media-btn{background:#ff6b6be6;opacity:1}.media-overlay{opacity:1}.back-button:active,.pagination-btn:active,.pagination-number:active{transform:scale(.95)}}@supports (padding:max(0px)){.upload-page{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-top:max(0px,env(safe-area-inset-top))}.upload-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.photos-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.upload-area{border-color:#000;border-width:3px}.all-photos-section{border:2px solid #000}.media-item{border:1px solid #000}.back-button{border:2px solid #000}}.pagination-controls{gap:10px;margin-top:20px}.pagination-controls button{background:#3bb6a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:SongTi,sans-serif;font-size:14px;padding:8px 16px;transition:all .3s ease}.pagination-controls button:hover:not(:disabled){background:#2ea087;transform:scale(1.05)}.pagination-controls button:disabled{background:#ccc;cursor:not-allowed;transform:none}.page-numbers{gap:5px}.page-number{background:#3bb6a61a;border:1px solid #3bb6a6;border-radius:6px;font-family:SongTi,sans-serif;font-size:14px;padding:6px 12px;transition:all .3s ease}.page-number:hover{background:#3bb6a633;transform:scale(1.05)}.page-number.active{background:#3bb6a6}.uploading-item{animation:fadeIn .3s ease;background:#ffffffe6;border:2px dashed #6ebf8e}.upload-progress-container,.uploading-item{align-items:center;display:flex;justify-content:center}.upload-progress-container{flex-direction:column;height:100%;padding:20px}.upload-progress-circle{align-items:center;display:flex;justify-content:center;margin-bottom:10px;position:relative}.progress-ring{position:relative}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-background{fill:none;stroke:#e0e0e0;stroke-width:4}.progress-ring-progress{fill:none;stroke:#6ebf8e;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-text{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:#00bcd4;font-family:SongTi,sans-serif;font-size:18px;font-weight:700}.success-icon{animation:scaleIn .3s ease;color:#4caf50;font-size:32px}.upload-file-name{color:#666;font-family:SongTi,sans-serif;font-size:14px;margin-bottom:8px;max-width:200px;text-align:center;word-break:break-word}.upload-success-message{animation:fadeIn .5s ease;color:#4caf50;font-family:SongTi,sans-serif;font-size:16px;font-weight:700}.image-id-display1{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000e6!important;border:1px solid #ffffff1a!important;border-radius:6px!important;bottom:5px!important;box-shadow:0 2px 8px #0006!important;left:8px!important;letter-spacing:.3px!important;line-height:1.4!important;max-height:60px!important;min-height:20px!important;padding:6px 8px!important;right:8px!important;z-index:10!important}.image-id-display1,.video-id-display1{box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:10px!important;font-weight:500!important;overflow-y:auto!important;position:absolute!important;text-align:center!important;white-space:normal!important;word-break:break-word!important}.video-id-display1{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#000000f2!important;border:1px solid #ffffff26!important;border-radius:4px!important;bottom:6px!important;box-shadow:0 1px 6px #00000080!important;left:6px!important;letter-spacing:.2px!important;line-height:1.3!important;max-height:50px!important;min-height:16px!important;padding:4px 6px!important;right:6px!important;z-index:15!important}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:768px){.upload-progress-circle{margin-bottom:8px}.progress-ring-svg{height:80px;width:80px}.progress-ring-background,.progress-ring-progress{r:36;cx:40;cy:40}.progress-percentage{font-size:14px}.success-icon{font-size:24px}.upload-file-name{font-size:12px;max-width:150px}.upload-success-message{font-size:14px}.image-id-display1,.video-id-display1{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#000000f2!important;border:1px solid #ffffff26!important;border-radius:4px!important;bottom:6px!important;box-shadow:0 1px 6px #00000080!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:9px!important;font-weight:500!important;left:6px!important;letter-spacing:.2px!important;line-height:1.3!important;max-height:50px!important;min-height:16px!important;overflow-y:auto!important;padding:4px 6px!important;position:absolute!important;right:6px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:15!important}}@media (max-width:480px){.image-id-display1,.video-id-display1{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000fa!important;border:1px solid #fff3!important;border-radius:3px!important;bottom:4px!important;box-shadow:0 1px 4px #0009!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:8px!important;font-weight:500!important;left:4px!important;letter-spacing:.1px!important;line-height:1.2!important;max-height:40px!important;min-height:14px!important;overflow-y:auto!important;padding:3px 5px!important;position:absolute!important;right:4px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:20!important}}.preview-modal.fullscreen{-webkit-overflow-scrolling:none;align-items:center;animation:fadeIn .2s;background:#000000f5;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;overscroll-behavior:none;padding:0;position:fixed;top:0;width:100vw;z-index:99999}.fullscreen-media{background:#111;border-radius:0;box-shadow:none;display:block;height:auto;margin:0 auto;max-height:80vh;max-width:100vw;object-fit:contain;position:relative;width:100vw;z-index:10000}.fullscreen-video-wrapper.mobile{align-items:center;background:#111;display:flex;height:80vh;justify-content:center;width:100vw}.preview-modal.fullscreen .preview-content{align-items:center;background:#0000;border-radius:0;bottom:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;max-height:100vh;max-width:100vw;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:100vw}@media (max-width:768px){.fullscreen-media{max-height:65vh}.fullscreen-video-wrapper.mobile{height:65vh}}@media (max-width:480px){.fullscreen-media{max-height:55vh}.fullscreen-video-wrapper.mobile{height:55vh}}@supports (-webkit-touch-callout:none){.preview-modal.fullscreen .fullscreen-media{-webkit-appearance:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;transform:translateZ(0)}.preview-modal.fullscreen img.fullscreen-media{-webkit-touch-callout:none!important;-webkit-appearance:none!important;background-color:#111!important;height:auto!important;max-height:80vh!important;max-width:100vw!important;object-fit:contain!important;position:relative!important;-webkit-user-select:none!important;user-select:none!important;width:100%!important;z-index:10000!important}.preview-modal.fullscreen,.preview-modal.fullscreen img.fullscreen-media{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;touch-action:pan-x pan-y!important;transform:translateZ(0)!important}.preview-modal.fullscreen{height:100vh!important;left:0!important;overflow:hidden!important;overscroll-behavior:contain!important;position:fixed!important;top:0!important;width:100vw!important}.preview-modal.fullscreen .preview-content{bottom:0;left:0;overflow:hidden!important;position:absolute!important;right:0;top:0;transform:translateZ(0)!important}.preview-modal.fullscreen video{-webkit-appearance:none!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background-color:#000!important;height:auto!important;max-height:80vh!important;max-width:100vw!important;object-fit:contain!important;transform:translateZ(0)!important;width:100%!important}.preview-modal.fullscreen video::-webkit-media-controls{-webkit-appearance:none!important;display:block!important}.preview-modal.fullscreen video::-webkit-media-controls-panel{-webkit-appearance:none!important;background-color:#000c!important}.fullscreen-video-wrapper.mobile{align-items:center!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000!important;display:flex!important;height:80vh!important;justify-content:center!important;transform:translateZ(0);width:100vw!important}@media (orientation:landscape){.preview-modal.fullscreen img.fullscreen-media,.preview-modal.fullscreen video{max-height:90vh!important}.fullscreen-video-wrapper.mobile{height:90vh!important}}}@keyframes iosVideoFadeIn{0%{opacity:0;transform:scale(.9) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@media (max-width:768px){.preview-modal.fullscreen video{animation:iosVideoFadeIn .3s ease-out}}@media (prefers-color-scheme:dark){.preview-modal.fullscreen{background:#000000fa!important}.fullscreen-video-wrapper.mobile{background:#000!important}}@media (max-width:768px){body.fullscreen-preview-open{height:100%!important;position:fixed!important;width:100%!important}.preview-modal.fullscreen,body.fullscreen-preview-open,html.fullscreen-preview-open{overflow:hidden!important;overscroll-behavior:contain!important}.preview-modal.fullscreen{bottom:0!important;height:100vh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.preview-modal.fullscreen img.fullscreen-media{-webkit-touch-callout:none!important;background-color:#111!important;object-fit:contain!important;position:relative!important;-webkit-user-select:none!important;user-select:none!important;z-index:10000!important}body:not(.fullscreen-preview-open){height:auto!important;overflow:auto!important;position:static!important;width:auto!important}html:not(.fullscreen-preview-open){overflow:auto!important}.upload-page:not(.fullscreen-preview-open){-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important}.upload-page:not(.fullscreen-preview-open) .photos-container{-webkit-overflow-scrolling:touch!important;overflow:visible!important;touch-action:pan-y!important}}.pagination-row{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center;margin:18px 0 0}.pagination-row .pagination-btn{background:#3bb6a6;border:none;border-radius:24px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:16px;font-weight:700;min-width:90px;padding:10px 0;transition:background .2s}.pagination-row .pagination-btn:disabled{background:#b2dfdb;color:#eee}@media (max-width:768px){.pagination-row{gap:10px}.pagination-row .pagination-btn{font-size:15px;min-width:80px;padding:9px 0}}.media-content{transition:all .2s ease}.video-preview .media-content:hover:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border:1px solid #fff3;border-radius:20px;color:#fff;content:"点击播放 · 长按复制链接";font-size:13px;left:50%;opacity:1;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:15}.media-content.long-pressing{filter:brightness(.8);transform:scale(.95);transition:all .1s ease}.media-content.long-pressing:after{animation:pulse-orange 1s infinite;background:#ffa500e6;border-radius:20px;color:#fff;content:"继续长按复制链接...";font-size:13px;left:50%;opacity:1;padding:10px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:20}.media-content.long-press-success{filter:brightness(1.1);transform:scale(1.02);transition:all .2s ease}.media-content.long-press-success:after{animation:success-bounce .6s ease;background:#22c55ef2;border-radius:20px;color:#fff;content:"✅ 链接已复制！";font-size:13px;left:50%;opacity:1;padding:10px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:20}@keyframes pulse-orange{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes success-bounce{0%{opacity:.7;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.video-preview .video-overlay:before{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;content:"点击播放";font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.video-preview:hover .video-overlay:before{opacity:1}@media (max-width:768px){.media-content[style*="user-select: none"]:after{font-size:10px;padding:6px 10px}.video-preview .video-overlay:before{bottom:8px;font-size:9px;padding:3px 6px}}@keyframes longPressStart{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes longPressSuccess{0%{background-color:#ffffffe6;transform:scale(.95)}50%{background-color:#4caf5033;transform:scale(1.05)}to{background-color:#ffffffe6;transform:scale(1)}}.media-content.long-pressing{animation:longPressStart .5s ease-out forwards}.media-content.long-press-success{animation:longPressSuccess .6s ease-out forwards}.cloud-audio-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cloud-audio-selector{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #3bb6a633;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,sans-serif;max-height:90vh;max-width:800px;width:100%}.selector-header{border-bottom:1px solid #3bb6a61a;padding:24px 24px 16px;position:relative;text-align:center}.selector-header h3{color:#3bb6a6;font-size:20px;font-weight:600;margin:0 0 8px}.selector-header p{color:#666;font-size:14px;line-height:1.4;margin:0}.close-btn{color:#999;position:absolute;right:16px;top:16px}.close-btn:hover{background:#3bb6a61a;color:#3bb6a6}.selector-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px 24px}.search-section{margin-bottom:16px}.search-input{background:#fffc;border:1px solid #3bb6a64d;border-radius:12px;font-family:inherit;padding:12px 16px;transition:border-color .3s ease}.search-input::placeholder{color:#999}.loading-state{color:#666;padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #3bb6a633;border-top-color:#3bb6a6;margin:0 auto 16px}.error-state{padding:40px 20px;text-align:center}.error-state p{color:#d73027;font-size:14px;margin-bottom:16px}.retry-btn{border-radius:8px;font-family:inherit;font-size:12px;padding:8px 16px}.retry-btn:hover{box-shadow:0 4px 12px #3bb6a64d;transform:translateY(-1px)}.audio-files-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.empty-state{color:#666;padding:40px 20px}.empty-state p{color:#3bb6a6;font-size:16px;font-weight:500;margin-bottom:8px}.empty-state span{color:#999;font-size:12px}.audio-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-height:400px;overflow-y:auto;padding-right:8px}.audio-item{background:#fffc;border:2px solid #3bb6a633;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;transition:all .3s ease}.audio-item:hover{background:#3bb6a60d;border-color:#3bb6a666;box-shadow:0 4px 12px #3bb6a61a;transform:translateY(-1px)}.audio-item.selected{background:#3bb6a61a;border-color:#3bb6a6;box-shadow:0 4px 16px #3bb6a633}.audio-info{flex:1 1}.audio-name{color:#333;font-size:14px;font-weight:600;margin-bottom:8px;word-break:break-word}.audio-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.session-id{font-size:12px;font-weight:500}.file-size{color:#666;font-size:12px}.upload-time{color:#999;font-size:11px;font-style:italic}.audio-controls{width:100%}.audio-controls audio{border-radius:6px;height:32px;width:100%}.selected-indicator{background:#3bb6a6;border-radius:20px;box-shadow:0 2px 8px #3bb6a64d;font-weight:600;padding:4px 8px}.selector-footer{align-items:center;background:#ffffffe6;border-radius:0 0 20px 20px;border-top:1px solid #3bb6a61a;display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.selected-info{color:#666;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-actions{display:flex;gap:12px}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn{background:#9999991a;border:1px solid #9999994d}.cancel-btn:hover{background:#9993}.confirm-btn{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);color:#fff}.confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #3bb6a64d;transform:translateY(-1px)}.confirm-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.audio-grid::-webkit-scrollbar{width:6px}.audio-grid::-webkit-scrollbar-track{background:#ffffff1a;background:var(--theme-primary,#ffffff1a);border-radius:3px}.audio-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);background:var(--theme-primary,linear-gradient(135deg,#3bb6a6,#4ecdc4));border-radius:3px}.audio-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ecdc4,#3bb6a6);background:var(--theme-primaryHover,linear-gradient(135deg,#4ecdc4,#3bb6a6))}@media (max-width:768px){.cloud-audio-selector-overlay{padding:10px}.cloud-audio-selector{max-height:95vh;max-width:100%}.selector-header{padding:20px 16px 12px}.selector-header h3{font-size:18px}.selector-header p{font-size:13px}.selector-content{padding:12px 16px}.audio-grid{max-height:300px}.audio-item{padding:12px}.audio-name{font-size:13px}.audio-meta{flex-direction:column;gap:4px}.selector-footer{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.selected-info{text-align:center;white-space:normal}.footer-actions{justify-content:center}.cancel-btn,.confirm-btn{flex:1 1;padding:12px 16px}}.source-selector{background:#f5f5f5cc;border:1px solid #3bb6a61a;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:4px}.source-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.source-btn:hover{background:#3bb6a61a;color:#3bb6a6}.source-btn.active{background:linear-gradient(135deg,#3bb6a6,#2ea58b);box-shadow:0 2px 8px #3bb6a64d;color:#fff}.audio-item .duration-badge{background:#000000b3;font-size:11px;right:8px}.audio-item .duration-badge,.audio-item .source-badge{border-radius:4px;color:#fff;font-weight:500;padding:2px 6px;position:absolute;top:8px}.audio-item .source-badge{background:#3bb6a6e6;font-size:10px;left:8px}.audio-item .source-badge.local{background:#3498dbe6}.audio-item .source-badge.cloud{background:#9b59b6e6}.ai-music-generator{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff;border:1px solid #3bb6a633;border-radius:24px;box-shadow:0 8px 32px #3bb6a626;font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,sans-serif;margin:16px 0;padding:24px}.ai-generator-header{margin-bottom:24px;text-align:center}.ai-generator-header h3{color:#3bb6a6;font-size:24px;font-weight:600;margin:0 0 8px}.ai-generator-header p{color:#666;font-size:14px;margin:0}.error-message{background:#fff2f2;border:1px solid #ffcccb;border-radius:8px;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-close,.error-message{align-items:center;color:#d73027;display:flex}.error-close{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:24px;justify-content:center;padding:0;width:24px}.error-close:hover{background:#d730271a}.ai-generator-form{display:flex;flex-direction:column;gap:20px}.generation-type-selector{margin-bottom:16px}.generation-type-selector label{color:#3bb6a6;display:block;font-weight:600;margin-bottom:8px}.type-buttons{display:flex;gap:12px}.type-btn{background:#3bb6a60d;border:2px solid #3bb6a64d;border-radius:12px;color:#3bb6a6;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.type-btn:hover{background:#3bb6a61a;border-color:#3bb6a680}.type-btn.active{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border-color:#3bb6a6;color:#fff}.reference-audio-section{background:#3bb6a60d;border:1px solid #3bb6a633;border-radius:12px;padding:16px}.reference-audio-section label{color:#3bb6a6;display:block;font-weight:600;margin-bottom:12px}.selected-reference{align-items:center;display:flex;gap:16px;justify-content:space-between}.reference-info{flex:1 1}.reference-name{font-weight:500}.reference-info audio{height:32px;max-width:300px}.remove-reference{border-radius:8px;padding:8px 16px;transition:background .3s ease}.select-reference-btn{background:#3bb6a60d;border:2px dashed #3bb6a666;color:#3bb6a6;font-weight:500}.form-group{gap:8px}.form-group label{color:#3bb6a6}.form-group textarea{background:#fffc;border:1px solid #3bb6a64d;border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .3s ease}.form-group textarea:focus{border-color:#3bb6a6;outline:none}.form-group textarea::placeholder{color:#999;line-height:1.4}.upload-option{margin:16px 0}.checkbox-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #3bb6a64d;border-radius:4px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3bb6a6;border-color:#3bb6a6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.generate-btn{align-items:center;background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .3s ease}.generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #3bb6a64d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.generation-progress{margin:20px 0;text-align:center}.progress-bar{background:#3bb6a61a;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-text{color:#3bb6a6;font-size:14px;font-weight:500;margin:0}.generated-music{background:#3bb6a60d;border:1px solid #3bb6a633;border-radius:16px;margin-top:20px;padding:20px}.generated-music h4{color:#3bb6a6;font-size:18px;margin:0 0 16px}.music-info{margin-bottom:16px}.music-info p{color:#666;font-size:14px;margin:4px 0}.generated-music .title-input:focus{border-color:#3bb6a6;box-shadow:0 0 0 3px #3bb6a61f}.music-player{border-radius:8px;margin:16px 0;width:100%}.music-actions{display:flex;gap:12px;justify-content:center}.save-btn{background:linear-gradient(135deg,#52c41a,#73d13d);border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 12px #52c41a4d;transform:translateY(-1px)}@media (max-width:768px){.ai-music-generator{margin:12px 0;padding:16px}.ai-generator-header h3{font-size:20px}.type-buttons{flex-direction:column}.type-btn{padding:16px;text-align:center}.selected-reference{align-items:stretch;flex-direction:column}.reference-info audio{max-width:100%}.generate-btn{font-size:16px;padding:18px 24px}.music-actions{flex-direction:column}.save-btn{padding:14px 20px}}.lyrics-section{margin-bottom:20px}.lyrics-input{background:#fffc;border:2px solid #3bb6a633;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.lyrics-input:focus{border-color:#3bb6a6;box-shadow:0 0 0 3px #3bb6a61a;outline:none}.lyrics-help{color:#666;font-size:12px;font-style:italic;margin-top:8px}.advanced-options{background:#f5f5f5cc;border:1px solid #3bb6a61a;border-radius:12px;margin-bottom:20px;padding:16px}.advanced-options h4{color:#3bb6a6;font-size:16px;font-weight:600;margin:0 0 16px}.model-select{background:#ffffffe6;border:2px solid #3bb6a633;border-radius:8px;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .3s ease;width:100%}.model-select:focus{border-color:#3bb6a6;box-shadow:0 0 0 3px #3bb6a61a;outline:none}.option-checkbox{margin-bottom:12px}.option-checkbox:last-child{margin-bottom:0}.reference-audio-section{margin-bottom:20px}.selected-reference{background:#f5f5f5cc;border:2px solid #3bb6a64d;border-radius:12px;padding:16px;position:relative}.reference-info{display:flex;flex-direction:column;gap:8px}.reference-name{color:#333;font-size:14px;font-weight:600}.reference-source{color:#666;font-size:12px;font-style:italic}.reference-info audio{margin-top:8px;width:100%}.remove-reference{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .3s ease}.remove-reference:hover{background:#ff5252}.select-reference-btn{align-items:center;background:#f5f5f580;border:2px dashed #3bb6a64d;border-radius:12px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.select-reference-btn:hover{background:#3bb6a61a;border-color:#3bb6a6;color:#3bb6a6}.type-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.button-group{gap:12px}.button-group,.test-btn{align-items:center;display:flex}.test-btn{border-radius:12px;font-family:inherit;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.test-btn:hover{box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}@media (max-width:768px){.type-buttons{gap:8px;grid-template-columns:1fr}.type-btn{padding:12px 16px}.button-group{flex-direction:column;gap:8px}.test-btn{font-size:12px;padding:8px 12px;width:100%}}.upload-progress{background:#3bb6a60d;border:1px solid #3bb6a633;border-radius:8px;margin-top:16px;padding:12px}.upload-progress .progress-bar{background:#3bb6a633;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.upload-progress .progress-fill{background:linear-gradient(90deg,#3bb6a6,#2a9d8f);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.upload-progress .progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-progress .progress-text{color:#3bb6a6;font-size:14px;font-weight:500;margin:0;text-align:center}.save-btn:disabled{opacity:.6;transform:none}.save-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.upload-progress{margin-top:12px;padding:10px}.upload-progress .progress-bar{height:6px}.upload-progress .progress-text{font-size:12px}}.player-page{background:linear-gradient(135deg,#a8e6a3,#88d982 50%,#a8e6a3);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);overflow-x:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) max(20px,env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) max(20px,var(--safe-area-inset-bottom)) var(--safe-area-inset-left);position:relative}.player-page,.player-page button,.player-page div,.player-page h1,.player-page h2,.player-page h3,.player-page h4,.player-page h5,.player-page h6,.player-page input,.player-page label,.player-page p,.player-page span,.player-page textarea{font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.background-decoratio1{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.player-page.loading{color:#fff}.player-page.error,.player-page.loading{align-items:center;display:flex;justify-content:center}.delete-recording-btn,.nav-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fae6;border:none;border-radius:25px;color:#2d5016;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 20px;transition:all .3s ease}.elephant-icon{cursor:pointer;height:240px;position:absolute;right:-60px;top:-80px;transform-origin:center center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:400.67px;z-index:25}.elephant-icon:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.5));transform:scale(1.1) rotate(5deg)}.elephant-icon:active{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));transform:scale(.95) rotate(-3deg)}.nav-back-btn:hover{background:#ffffff59;transform:translateX(-3px)}.delete-recording-btn:hover{background:#dc35454d;color:#fff;transform:translateY(-2px)}.back-icon{font-size:18px;transition:transform .3s ease}.nav-back-btn:hover .back-icon{transform:translateX(-2px)}.session-info{background:#ffffff4d;flex-direction:column;gap:4px}.session-label{color:#2d5016;font-size:20px;letter-spacing:.5px;text-transform:uppercase}.session-id{background:#ffffff40;color:#2d5016;font-family:SF Mono,monospace}.player-main{background-image:var(--theme-backgroundImage);background-position:50%;background-repeat:no-repeat;background-size:cover;height:-webkit-fit-content;height:fit-content;min-height:calc(100vh - 100px);min-height:calc(var(--vh, 1vh)*100 - 100px);padding:60px 20px 40px max(20px,env(safe-area-inset-left,0px));padding-bottom:max(40px,env(safe-area-inset-bottom,0px));padding-bottom:max(40px,var(--safe-area-inset-bottom));padding-left:max(20px,var(--safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right,0px));padding-right:max(20px,var(--safe-area-inset-right))}.player-container{background:#ffffe6;border:1px solid #fff6;border-radius:30px;box-shadow:0 25px 80px #2d501626,0 10px 35px #2d50161a;max-height:100%;max-width:760px;padding:80px 40px 50px;position:relative}.recording-info{margin-bottom:0;text-align:center}.recording-avatar{display:inline-block;height:75px;margin-bottom:5px;position:relative;width:75px}.avatar-icon{left:50%;top:-60px;transform:translate(-50%);z-index:15}.avatar-icon:hover{transform:translate(-50%) scale(1.05)}.avatar-icon:active{background:#e2f5c2;box-shadow:0 8px 20px 0 #4ac9671f,0 0 0 8px #e2f5c2,0 0 0 20px #f3fadf;transform:translate(-50%) scale(.95)}.sound-waves{display:flex;gap:4px;left:50%;position:absolute;top:-10%;transform:translate(-50%,-50%);z-index:1}.wave-bar{background:#4ac96799;height:20px;transform-origin:bottom;transition:all .3s ease}.wave-bar.active{animation:waveAnimation 1.5s ease-in-out infinite}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.recording-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ac967,#88d982);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 25px}.recording-metadata{color:#666;display:flex;flex-direction:column;gap:12px}.metadata-item{background:#4ac96714;border-left:3px solid #4ac967;border-radius:12px;justify-content:space-between;padding:8px 16px}.metadata-item .label{font-size:14px;font-weight:600}.metadata-item .value{color:#333}.progress-section{margin-bottom:40px}.time-display{align-items:center;color:#333;display:flex;font-family:SF Mono,monospace;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:15px}.progress-slider{border:none;z-index:2}.progress-slider::-webkit-slider-thumb{box-shadow:0 2px 8px #4ac96780;-webkit-transition:all .3s ease;transition:all .3s ease}.progress-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 15px #4ac967b3;transform:scale(1.2)}.progress-fill{transition:width .1s ease}.main-controls{gap:30px;margin-bottom:40px;min-height:auto}.control-btn{gap:8px;padding:16px}.control-btn:hover{transform:translateY(-3px)}.skip-btn .btn-icon{font-size:24px}.play-box:hover{box-shadow:0 15px 40px #4ac96799;transform:translateY(-3px) scale(1.05)}.play-box .btn-icon{font-size:32px}.play-btn.playing{animation:pulse 2s ease-in-out infinite}.advanced-controls{gap:25px}.advanced-controls,.control-group{display:flex;flex-direction:column}.control-group{gap:12px}.control-label{align-items:center;display:flex;font-size:14px;gap:8px}.speed-buttons{display:flex;flex-wrap:wrap;gap:8px}.speed-btn{-webkit-tap-highlight-color:transparent;background:#f1fad3;border:4px solid #cce7b0;border-radius:20px;color:#4ac967;cursor:pointer;font-size:12px;font-weight:600;min-height:44px;padding:10px 20px;transition:all .3s ease}.speed-btn:hover{background:#4ac9671a;border-color:#4ac967}.speed-btn.active{background:linear-gradient(135deg,#4ac967,#88d982);border-color:#0000;box-shadow:0 4px 15px #4ac9674d;color:#fff}.volume-container{align-items:center;display:flex;gap:15px}.volume-slider{-webkit-appearance:none;appearance:none;background:#4ac96733;border-radius:2px;flex:1 1;height:4px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ac967;border-radius:50%;box-shadow:0 2px 6px #4ac96766;cursor:pointer;height:16px;width:16px}.volume-value{color:#4ac967;font-size:12px;font-weight:600;min-width:40px;text-align:right}@media (max-width:1024px){.elephant-icon{height:192px;right:-50px;top:-50px;width:320px;z-index:100}.player-container{max-width:800px;padding:70px 30px 40px}.avatar-icon{font-size:50px;height:75px;top:-38px;width:75px;z-index:15}.recording-title{font-size:28px}.media-carousel-section{margin-bottom:25px;padding:15px}.carousel-container{height:210px;width:350px}.comment-section{margin:15px auto 0;max-width:600px}}@media (max-width:768px){.player-page{background-attachment:scroll;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.elephant-icon{height:120px;right:-30px;top:-40px;width:200px;z-index:30}.player-header{flex-wrap:wrap;gap:10px;padding:max(15px,env(safe-area-inset-top,0px)) 20px 15px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-left:max(20px,var(--safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right,0px));padding-right:max(20px,var(--safe-area-inset-right));padding-top:max(15px,var(--safe-area-inset-top));z-index:15}.delete-recording-btn,.nav-back-btn{font-size:12px;min-height:40px;padding:10px 16px}.session-info{flex-basis:100%;margin-top:10px;order:3}.player-main{min-height:calc(100vh - 120px);min-height:calc(var(--vh, 1vh)*100 - 120px);padding:25px 15px 20px max(15px,env(safe-area-inset-left,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));padding-bottom:max(20px,var(--safe-area-inset-bottom));padding-left:max(15px,var(--safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right,0px));padding-right:max(15px,var(--safe-area-inset-right))}.player-container{border-radius:25px;margin:0 auto;max-height:-webkit-fit-content;max-height:fit-content;max-width:95%;padding:70px 20px 25px}.avatar-icon{font-size:32px;height:65px;top:-32px;width:65px;z-index:35}.recording-title{font-size:22px;margin-bottom:18px}.metadata-item{font-size:13px;padding:8px 12px}.time-display{font-size:14px;margin-bottom:12px}.progress-container{height:8px}.progress-slider::-webkit-slider-thumb{height:20px;width:20px}.main-controls{gap:20px;margin-bottom:25px}.control-btn{min-height:60px;padding:12px}.play-box{border-radius:50%;padding:16px}.play-box .btn-icon{font-size:28px}.skip-btn .btn-icon{font-size:20px}.skip-btn .btn-label{font-size:11px}.advanced-controls{gap:20px}.speed-buttons{gap:6px;justify-content:center}.speed-btn{font-size:11px;min-height:36px;padding:8px 16px}.control-group{gap:10px}.control-label{font-size:13px}.volume-container{gap:12px}.volume-value{font-size:11px;min-width:35px}.media-carousel-section{margin:15px 0;max-height:220px;padding:0 15px}.media-carousel-section .swiper{height:200px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:32px;margin-top:-16px;width:32px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:14px}.media-carousel-section .swiper-pagination-bullet{height:6px;width:6px}.carousel-title{font-size:16px;margin-bottom:12px}.carousel-container{height:200px;width:320px}.carousel-nav{font-size:16px;margin:0 12px}.carousel-nav,.video-play-overlay{height:32px;width:32px}.play-icon{font-size:12px}.media-type-badge{font-size:11px;padding:3px 6px}.carousel-indicators{margin-top:10px}.indicator{height:6px;width:6px}.preview-content{max-height:95vh;max-width:95vw}.preview-close{height:36px;width:36px}.preview-image{max-height:60vh}.preview-info{padding:16px}.preview-info h4{font-size:16px}.preview-info p{font-size:13px}.upload-modal-preview-media{display:block;height:auto;object-fit:cover;width:100%}.player-main{max-height:auto}.player-container{max-height:calc(100vh - 10px)}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{display:none!important}.swiper-swipe-tip{align-items:center;background:#ffffffd9;border-radius:16px;bottom:10px;box-shadow:0 2px 8px #0000000f;color:#3bb36a;display:flex;font-size:13px;font-weight:500;left:12px;padding:4px 14px 4px 8px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:30}.swiper-swipe-tip .swipe-icon{display:inline-block;height:18px;margin-right:4px;width:18px}}@media (max-width:480px){.player-page{background-attachment:scroll;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.elephant-icon{height:108px;right:-30px;top:-30px;width:180px;z-index:10}.player-header{padding:max(12px,env(safe-area-inset-top,0px)) 15px 12px;padding-left:max(15px,env(safe-area-inset-left,0px));padding-left:max(15px,var(--safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right,0px));padding-right:max(15px,var(--safe-area-inset-right));padding-top:max(12px,var(--safe-area-inset-top));z-index:15}.delete-recording-btn,.nav-back-btn{font-size:11px;min-height:36px;padding:8px 12px}.player-main{padding:25px 10px 15px max(10px,env(safe-area-inset-left,0px));padding-bottom:max(15px,env(safe-area-inset-bottom,0px));padding-bottom:max(15px,var(--safe-area-inset-bottom));padding-left:max(10px,var(--safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right,0px));padding-right:max(10px,var(--safe-area-inset-right))}.player-container{border-radius:20px;margin-bottom:env(safe-area-inset-bottom,0);margin-bottom:var(--safe-area-inset-bottom);max-width:320px;padding:50px 15px 25px}.avatar-icon{font-size:30px;height:60px;top:-30px;width:60px;z-index:15}.recording-title{font-size:20px;margin-bottom:15px}.metadata-item{border-left-width:2px;font-size:12px;padding:6px 10px}.time-display{font-size:13px;margin-bottom:10px}.progress-container{height:6px}.progress-slider::-webkit-slider-thumb{height:18px;width:18px}.main-controls{gap:15px;margin-bottom:25px}.control-btn{min-height:50px;padding:10px}.play-box{border-radius:50%;padding:12px}.play-box .btn-icon{font-size:24px}.skip-btn .btn-icon{font-size:18px}.skip-btn .btn-label{font-size:10px}.advanced-controls{gap:15px}.speed-buttons{flex-wrap:wrap;gap:4px}.speed-btn{border-width:2px;font-size:10px;min-height:32px;padding:6px 12px}.control-group{gap:8px}.control-label{font-size:12px}.volume-container{gap:10px}.volume-slider{height:3px}.volume-slider::-webkit-slider-thumb{height:14px;width:14px}.volume-value{font-size:10px;min-width:30px}.media-carousel-section{margin:10px 0;max-height:150px;padding:0 10px}.media-carousel-section .swiper{height:120px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:28px;margin-top:-14px;width:28px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:12px}.media-carousel-section .swiper-pagination-bullet{height:6px;width:6px}.carousel-title{font-size:14px}.carousel-container{height:120px;width:280px}.carousel-nav{font-size:14px;margin:0 8px}.carousel-nav,.video-play-overlay{height:28px;width:28px}.play-icon{font-size:10px}.media-type-badge{font-size:10px;padding:2px 6px}.preview-info h4{font-size:14px}.preview-info p{font-size:12px}.player-main{max-height:calc(100vh - 100px)}.player-container{max-height:calc(100vh - 120px);z-index:1}}@media (max-width:375px){.player-page{background-attachment:scroll;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.elephant-icon{height:84px;right:-25px;top:-25px;width:140px;z-index:10}.player-header{flex-wrap:wrap;gap:8px;padding:max(8px,env(safe-area-inset-top,0px)) 12px 8px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-left:max(12px,var(--safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right,0px));padding-right:max(12px,var(--safe-area-inset-right));padding-top:max(8px,var(--safe-area-inset-top));z-index:15}.delete-recording-btn,.nav-back-btn{font-size:10px;min-height:32px;padding:6px 10px}.session-info{flex-basis:100%;font-size:12px;margin-top:8px;order:3}.player-main{min-height:calc(100vh - 100px);min-height:calc(var(--vh, 1vh)*100 - 100px);padding:20px 8px 10px max(8px,env(safe-area-inset-left,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));padding-bottom:max(10px,var(--safe-area-inset-bottom));padding-left:max(8px,var(--safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right,0px));padding-right:max(8px,var(--safe-area-inset-right))}.player-container{border-radius:18px;margin-bottom:env(safe-area-inset-bottom,0);margin-bottom:var(--safe-area-inset-bottom);max-width:300px;padding:45px 12px 20px}.recording-avatar{height:55px;margin-bottom:3px;width:55px}.avatar-icon{font-size:26px;height:55px;top:-28px;width:55px;z-index:15}.sound-waves{top:-15%}.wave-bar{height:16px;width:3px}.recording-title{font-size:18px;line-height:1.2;margin-bottom:12px}.metadata-item{border-left-width:2px;font-size:11px;margin-bottom:4px;padding:5px 8px}.metadata-item .label,.metadata-item .value{font-size:11px}.media-carousel-section{max-height:140px}.media-carousel-section .swiper{height:124px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:24px;margin-top:-12px;width:24px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:10px}.video-play-overlay{height:24px;width:24px}.play-icon{font-size:8px}}@media (max-width:900px) and (orientation:landscape){.player-page{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.elephant-icon{height:72px;right:-25px;top:-25px;width:120px;z-index:10}.player-header{padding:10px 20px;z-index:15}.player-main{min-height:calc(100vh - 80px);min-height:calc(var(--vh, 1vh)*100 - 80px);padding:15px 20px}.player-container{align-items:center;gap:30px;max-width:600px;padding:40px 30px}.recording-info{flex:1 1;margin-bottom:0;text-align:left}.avatar-icon{font-size:30px;height:75px;left:auto;position:relative;top:auto;transform:none;width:75px;z-index:15}.recording-title{font-size:18px;margin-bottom:10px}.metadata-item{font-size:11px;padding:4px 8px}.advanced-controls,.main-controls,.progress-section{flex:1 1;margin-bottom:0}.main-controls{gap:10px;justify-content:center}.control-btn{min-height:40px;padding:8px}.play-box .btn-icon{font-size:20px}.speed-buttons{justify-content:center}.speed-btn{font-size:9px;min-height:28px;padding:4px 8px}.media-carousel-section{margin-bottom:15px;padding:10px}.carousel-container{height:144px;width:240px}}@media (max-width:667px) and (orientation:landscape){.player-page{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.elephant-icon{height:60px;right:-20px;top:-20px;width:100px;z-index:10}.player-header{padding:5px 15px}.player-main{min-height:calc(100vh - 60px);min-height:calc(var(--vh, 1vh)*100 - 60px);padding:8px 15px}.player-container{align-items:flex-start;display:flex;flex-direction:row;gap:20px;max-width:95%;padding:30px 20px}.recording-info{flex:1 1;margin-bottom:0;min-width:0;text-align:left}.recording-avatar{height:50px;margin-bottom:5px;width:50px}.avatar-icon{box-shadow:0 2px 8px #4ac9674d;font-size:25px;height:50px;width:50px;z-index:15}.avatar-icon,.sound-waves{left:auto;position:relative;top:auto;transform:none}.sound-waves{margin-top:5px}.recording-title{font-size:14px;margin-bottom:8px}.metadata-item{font-size:9px;margin-bottom:2px;padding:3px 6px}.advanced-controls,.main-controls,.progress-section{flex:1 1;margin-bottom:0}.progress-section{max-width:200px}.time-display{font-size:10px;margin-bottom:5px}.progress-container{height:3px}.main-controls{gap:8px;justify-content:center;max-width:150px}.control-btn{min-height:35px;padding:5px}.play-box{padding:6px}.play-box .btn-icon{font-size:18px}.skip-btn .btn-icon{font-size:12px}.skip-btn .btn-label{font-size:7px}.advanced-controls{gap:8px}.control-label{font-size:9px;margin-bottom:3px}.speed-buttons{gap:2px;justify-content:center}.speed-btn{font-size:7px;min-height:22px;padding:3px 6px}.volume-container{gap:5px}.volume-value{font-size:7px}}@media (prefers-reduced-motion:reduce){.avatar-icon,.background-decoration,.control-btn,.delete-recording-btn,.elephant-icon,.nav-back-btn,.player-page,.speed-btn,.wave{animation:none;transition:none}.play-btn.playing,.wave-bar{animation:none}}@media (prefers-color-scheme:dark){.player-page{background:linear-gradient(135deg,#2d4a2d,#1a3a1a 50%,#2d4a2d)}.player-container{background:#2d4a2df2;border:1px solid #ffffff1a}.recording-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#88d982,#a8e6a3);-webkit-background-clip:text}.metadata-item{background:#88d9821a;border-left-color:#88d982}.control-label,.metadata-item .label,.metadata-item .value,.time-display{color:#a8e6a3}.progress-container{background:#88d98233}.delete-recording-btn,.nav-back-btn{background:#2d4a2de6;color:#a8e6a3}.speed-btn{background:#2d4a2dcc;border-color:#88d9824d;color:#88d982}.speed-btn.active{background:linear-gradient(135deg,#88d982,#a8e6a3);color:#2d4a2d}}.ios-interaction-prompt{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-top:-400px}.ios-interaction-prompt h3{font-size:20px;font-weight:600;margin:0 0 12px}.ios-interaction-prompt p{font-size:16px;margin:0 0 16px;opacity:.9}.ios-interaction-prompt button{box-shadow:0 2px 10px #007aff4d;cursor:pointer;transition:all .2s ease}.ios-interaction-prompt button:hover{background-color:#0051d0!important;box-shadow:0 4px 15px #007aff66;transform:translateY(-1px)}.control-btn.play-box{overflow:visible;position:relative}@supports (-webkit-touch-callout:none){audio{-webkit-appearance:none;outline:none}audio::-webkit-media-controls,audio::-webkit-media-controls-panel{display:none!important}.player-container{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.control-btn:active{-webkit-tap-highlight-color:transparent}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#007aff;border-radius:50%;box-shadow:0 2px 6px #007aff4d;height:20px;width:20px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#007aff;border-radius:50%;box-shadow:0 1px 4px #007aff4d;height:18px;width:18px}}@media screen and (orientation:landscape) and (max-height:500px){.ios-interaction-prompt{padding:10px}.ios-interaction-prompt h3{font-size:18px;margin-bottom:8px}.ios-interaction-prompt p{font-size:14px;margin-bottom:12px}.ios-interaction-prompt button{font-size:14px;padding:10px 20px}.player-container{padding:10px}.main-controls{gap:15px}.control-btn.play-box img{height:70px!important;width:70px!important}}@media screen and (min-width:375px){@supports (padding:max(0px,env(safe-area-inset-top))){.player-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(20px,env(safe-area-inset-top))}.player-main{padding-bottom:max(20px,env(safe-area-inset-bottom))}}}@keyframes ios-audio-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.control-btn.play-box.disabled img{animation:ios-audio-pulse 1.5s ease-in-out infinite}@media (prefers-color-scheme:dark){.ios-interaction-prompt{background-color:#1c1c1ef2}}.media-carousel-section{height:160px;margin:16px 0;max-height:none;overflow:visible;padding:0 12px;position:relative;z-index:10}.media-carousel-section .swiper{height:160px;max-height:160px;min-height:160px}.media-carousel-section .swiper-slide{align-items:center;display:flex;height:160px;justify-content:center}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{background:#ffffffe6;border-radius:50%;display:flex!important;height:32px;margin-top:-16px;top:50%!important;transform:translateY(-50%);width:32px;z-index:20}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{color:#5fce70;font-size:16px;font-weight:700}.media-carousel-section .swiper-button-next:hover,.media-carousel-section .swiper-button-prev:hover{background:#76c8954d;transform:scale(1.1) translateY(-50%)}.media-carousel-section .swiper-pagination{bottom:6px!important;z-index:20}.media-carousel-section .swiper-pagination-bullet{background:#ffffff80;height:6px;opacity:1;width:6px}.media-carousel-section .swiper-pagination-bullet-active{background:#ffffffe6;transform:scale(1.2)}.player-main{z-index:5}.advanced-controls,.main-controls{position:relative;z-index:15}.carousel-header{margin-bottom:16px;text-align:center}.carousel-title{color:#fff;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:18px;font-weight:600}.media-carousel{z-index:21}.carousel-container,.media-carousel{align-items:center;display:flex;justify-content:center;position:relative}.carousel-container{border-radius:12px;height:240px;overflow:hidden;width:400px;z-index:22}.carousel-track{display:flex;height:100%;min-width:100%;transition:transform .3s ease}.carousel-item{border-radius:12px;cursor:pointer;flex:0 0 100%;height:100%;overflow:hidden;position:relative}.carousel-media{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.carousel-video{height:100%;position:relative;width:100%}.video-play-overlay{align-items:center;background:#0009;border-radius:50%;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:40px}.play-icon{color:#fff;font-size:14px;margin-left:2px}.media-type-badge{background:#000000b3;border-radius:12px;font-size:12px;padding:4px 8px;position:absolute;right:8px;top:8px}.carousel-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#5fce70;cursor:pointer;display:flex;font-size:24px;font-weight:600;height:36px;justify-content:center;margin:0 16px;transition:all .3s ease;width:36px;z-index:23}.carousel-nav:hover{background:#76c8954d;transform:scale(1.1)}.carousel-nav.prev{margin-right:16px}.carousel-nav.next{margin-left:16px}.carousel-indicators{display:flex;gap:8px;justify-content:center;margin-top:16px}.indicator{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:#fffc;transform:scale(1.2)}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.preview-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;overflow:hidden}.preview-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10000}.preview-close:hover{background:#000000e6;transform:scale(1.1)}.preview-image{display:block;height:auto;max-height:70vh;object-fit:contain;width:100%}.preview-info{background:#fff;padding:20px}.preview-info h4{color:#333;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:18px;margin:0 0 8px}.preview-info p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.media-carousel-section{margin:15px 0;max-height:220px;padding:0 15px}.media-carousel-section .swiper{height:200px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:32px;margin-top:-16px;width:32px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:14px}.media-carousel-section .swiper-pagination-bullet{height:6px;width:6px}.carousel-title{font-size:16px}.carousel-container{height:200px;width:320px}.carousel-nav{font-size:16px;margin:0 12px}.carousel-nav,.video-play-overlay{height:32px;width:32px}.play-icon{font-size:12px}.preview-content{max-height:95vh;max-width:95vw}.preview-close{font-size:20px;height:36px;right:12px;top:12px;width:36px}.preview-image{max-height:60vh}.preview-info{padding:16px}.preview-info h4{font-size:16px}.preview-info p{font-size:13px}.upload-modal-preview-media{display:block;height:auto;object-fit:cover;width:100%}.player-main{max-height:auto}.player-container{max-height:calc(100vh - 140px)}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{display:none!important}.swiper-swipe-tip{align-items:center;background:#ffffffd9;border-radius:16px;bottom:10px;box-shadow:0 2px 8px #0000000f;color:#3bb36a;display:flex;font-size:13px;font-weight:500;left:12px;padding:4px 14px 4px 8px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:30}.swiper-swipe-tip .swipe-icon{display:inline-block;height:18px;margin-right:4px;width:18px}}@media (max-width:480px){.media-carousel-section{margin:10px 0;max-height:150px;padding:0 10px}.media-carousel-section .swiper{height:120px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:28px;margin-top:-14px;width:28px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:12px}.media-carousel-section .swiper-pagination-bullet{height:6px;width:6px}.carousel-title{font-size:14px}.carousel-container{height:120px;width:280px}.carousel-nav{font-size:14px;margin:0 8px}.carousel-nav,.video-play-overlay{height:28px;width:28px}.play-icon{font-size:10px}.media-type-badge{font-size:10px;padding:2px 6px}.preview-info h4{font-size:14px}.preview-info p{font-size:12px}.player-main{max-height:100dvh}.player-container{max-height:100dvh;z-index:1}}@media (max-width:375px){.media-carousel-section{max-height:140px}.media-carousel-section .swiper{height:124px}.media-carousel-section .swiper-button-next,.media-carousel-section .swiper-button-prev{height:24px;margin-top:-12px;width:24px}.media-carousel-section .swiper-button-next:after,.media-carousel-section .swiper-button-prev:after{font-size:10px}.video-play-overlay{height:24px;width:24px}.play-icon{font-size:8px}}@media (max-width:900px) and (orientation:landscape){.media-carousel-section{margin:0;padding:0}.carousel-container{height:144px;width:240px}.player-main{max-height:calc(100vh + 300px)}.player-container{max-height:calc(100vh + 200px)}}@media screen and (max-height:600px){.player-main{max-height:calc(100vh - 60px);padding:8px 20px}.player-container{max-height:calc(100vh - 80px);padding:16px}.media-carousel-section{margin:0;padding:0}.carousel-container{height:120px;width:200px}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.player-header{z-index:15}.elephant-icon{height:180px;right:-40px;top:-50px;width:300px;z-index:30}.avatar-icon{font-size:45px;height:90px;top:-45px;width:90px;z-index:35}.player-container{padding:90px 40px 50px}.media-carousel-section{margin-top:60px;z-index:20}.comment-section{border-radius:18px;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;padding:20px 30px}}@media (min-width:1180px) and (max-width:1180px) and (orientation:landscape){.player-header{left:0;position:fixed;right:0;top:0;z-index:15}.elephant-icon{height:168px;right:-30px;top:-30px;width:280px;z-index:30}.avatar-icon{font-size:42px;height:85px;top:-42px;width:85px;z-index:35}.player-main{padding-top:100px}.player-container{padding:80px 35px 45px}.media-carousel-section{margin-top:50px}.comment-section{border-radius:16px;margin-left:auto;margin-right:auto;margin-top:60px;max-width:750px;padding:18px 25px}}@media (min-width:1024px) and (max-width:1024px) and (orientation:landscape){.player-header{left:0;position:fixed;right:0;top:0;z-index:15}.elephant-icon{height:156px;right:-25px;top:-25px;width:260px;z-index:30}.avatar-icon{font-size:40px;height:80px;top:-40px;width:80px;z-index:35}.player-main{padding-top:90px}.player-container{padding:75px 30px 40px}.media-carousel-section{margin-top:40px}.comment-section{border-radius:14px;margin-left:auto;margin-right:auto;margin-top:50px;max-width:700px;padding:15px 20px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.comment-section{border-radius:20px;margin-left:auto;margin-right:auto;margin-top:70px;max-width:760px;padding:22px 35px}}@media (min-width:769px){.media-carousel-section,.media-carousel-section .swiper{height:360px;max-height:360px;min-height:360px;overflow:hidden}.media-carousel-section .swiper-slide{height:360px;max-height:360px;min-height:360px}}@media (max-width:768px){.media-carousel-section{margin:12px 0;padding:0 8px}.media-carousel-section,.media-carousel-section .swiper{height:220px;max-height:220px;min-height:220px;overflow:hidden}.media-carousel-section .swiper-slide{height:220px;max-height:220px;min-height:220px}}.media-carousel-section .carousel-item,.media-carousel-section .carousel-media,.media-carousel-section .carousel-video,.media-carousel-section .video-thumbnail{border-radius:12px;height:100%!important;max-height:100%!important;object-fit:cover;overflow:hidden;width:100%}@media (max-width:768px){.comment-section{border-radius:15px;margin:15px auto 0;max-width:95%}}@media (max-width:480px){.comment-section{border-radius:12px;margin:100px auto 0;max-width:95%;min-height:-webkit-fit-content;min-height:fit-content}}@media (max-width:375px){.comment-section{border-radius:10px;margin:10px auto 0;max-width:95%;padding:10px}}.audio-list-control{border-top:1px solid #0000001a;margin-top:16px;padding-top:16px}.audio-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.audio-list-header .control-label{color:#333;font-size:14px;font-weight:600;margin:0}.audio-list-toggle{align-items:center;background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));border:none;border-radius:16px;box-shadow:0 2px 8px #4ac9674d;color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;display:flex;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:12px;gap:6px;padding:8px 16px;transition:all .2s ease}.audio-list-toggle:hover{background:linear-gradient(135deg,#88d982,#4ac967);background:linear-gradient(135deg,var(--theme-primaryHover,#88d982),var(--theme-primary,#4ac967));box-shadow:0 4px 12px #4ac96766;transform:translateY(-1px)}@media (max-width:768px){.audio-list-control{margin-top:12px;padding-top:12px}.audio-list-header{margin-bottom:8px}.audio-list-header .control-label{font-size:13px}.audio-list-toggle{border-radius:12px;font-size:11px;padding:6px 12px}}@media (max-width:480px){.audio-list-control{margin-top:10px;padding-top:10px}.audio-list-header{margin-bottom:6px}.audio-list-header .control-label{font-size:12px}.audio-list-toggle{border-radius:10px;font-size:10px;padding:4px 8px}}.audio-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.audio-modal-content{animation:modalSlideIn .3s ease-out;background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border:1px solid #fff6;border:1px solid var(--theme-border,#fff6);border-radius:20px;box-shadow:0 20px 60px #2d50164d,0 10px 30px #2d501633;box-shadow:var(--theme-cardShadow,0 20px 60px #2d50164d,0 10px 30px #2d501633);display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:500px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-modal-header{align-items:center;background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));border-bottom:1px solid #fff3;color:#fff;color:var(--theme-textLight,#fff);display:flex;justify-content:space-between;padding:20px 24px}.audio-modal-header h3{font-family:MUYAO-SOFTBRUSH,sans-serif;font-weight:600;margin:0}.audio-modal-close,.audio-modal-header h3{color:#fff;color:var(--theme-textLight,#fff);font-size:20px}.audio-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.audio-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.audio-modal-body{flex:1 1;max-height:400px;overflow-y:auto;padding:16px}.audio-modal-list{display:flex;flex-direction:column;gap:8px}.audio-modal-item{align-items:center;background:#fffc;border:2px solid #4ac9671a;border-radius:12px;color:#333;color:var(--theme-textSecondary,#333);cursor:pointer;display:flex;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.audio-modal-item:hover{background:#4ac9671a;border-color:#4ac9674d;box-shadow:0 4px 12px #4ac96726;transform:translateY(-2px)}.audio-modal-item.active{background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));border-color:#0000;box-shadow:0 4px 16px #4ac9674d;color:#fff;color:var(--theme-textLight,#fff)}.audio-modal-item.active:hover{background:linear-gradient(135deg,#88d982,#4ac967);background:linear-gradient(135deg,var(--theme-primaryHover,#88d982),var(--theme-primary,#4ac967));box-shadow:0 6px 20px #4ac96766;transform:translateY(-2px)}.audio-modal-icon{align-items:center;background:#4ac9671a;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:16px;transition:all .2s ease;width:40px}.audio-modal-item.active .audio-modal-icon{background:#fff3}.audio-modal-item:hover .audio-modal-icon{background:#4ac96733}.audio-modal-info{flex:1 1;min-width:0}.audio-modal-name{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-modal-item.active .audio-modal-name{color:#fff;color:var(--theme-textLight,#fff);font-weight:700}.audio-modal-meta{color:#333;color:var(--theme-textSecondary,#333);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;opacity:.7}.audio-modal-item.active .audio-modal-meta{color:#fff;color:var(--theme-textLight,#fff);opacity:.9}.audio-modal-status{color:#4ac967;color:var(--theme-primary,#4ac967);font-size:12px;font-weight:600;margin-left:12px;white-space:nowrap}.audio-modal-item.active .audio-modal-status{color:#fff;color:var(--theme-textLight,#fff)}.audio-modal-footer{border-top:1px solid #0000001a;border-top:1px solid var(--theme-border,#0000001a);display:flex;justify-content:flex-end;padding:16px 24px}.audio-modal-cancel{background:#0000001a;background:var(--theme-buttonBg,#0000001a);border:none;border-radius:8px;color:#666;color:var(--theme-buttonText,#666);cursor:pointer;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:14px;padding:10px 20px;transition:all .2s ease}.audio-modal-cancel:hover{background:#00000026;background:var(--theme-buttonHover,#00000026);color:#333;color:var(--theme-textPrimary,#333);transform:translateY(-1px)}@media (max-width:768px){.audio-modal-overlay{padding:16px}.audio-modal-content{border-radius:16px;max-height:85vh;max-width:100%;width:100%}.audio-modal-header{padding:16px 20px}.audio-modal-header h3{font-size:18px}.audio-modal-close{font-size:18px;height:28px;width:28px}.audio-modal-body{max-height:350px;padding:12px}.audio-modal-item{border-radius:10px;padding:12px}.audio-modal-icon{font-size:16px;height:36px;margin-right:12px;width:36px}.audio-modal-name{font-size:14px}.audio-modal-meta{font-size:11px;gap:8px}.audio-modal-status{font-size:11px;margin-left:8px}.audio-modal-footer{padding:12px 20px}.audio-modal-cancel{font-size:13px;padding:8px 16px}}@media (max-width:480px){.audio-modal-overlay{padding:12px}.audio-modal-content{border-radius:14px;max-height:80vh}.audio-modal-header{padding:14px 16px}.audio-modal-header h3{font-size:16px}.audio-modal-close{font-size:16px;height:24px;width:24px}.audio-modal-body{max-height:300px;padding:10px}.audio-modal-item{border-radius:8px;padding:10px}.audio-modal-icon{font-size:14px;height:32px;margin-right:10px;width:32px}.audio-modal-name{font-size:13px}.audio-modal-meta{font-size:10px;gap:6px}.audio-modal-status{font-size:10px;margin-left:6px}.audio-modal-footer{padding:10px 16px}.audio-modal-cancel{font-size:12px;padding:6px 12px}}@media (max-width:900px) and (orientation:landscape){.audio-modal-content{max-height:70vh}.audio-modal-body{max-height:250px}}.comment-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:auto;margin-right:auto;margin-top:100px;max-width:900px;padding:25px 40px;width:100%}.comment-header{margin-bottom:20px;padding-bottom:15px}.comment-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.comment-icon{font-size:20px}.add-comment-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:all .3s ease}.add-comment-btn:hover{background:linear-gradient(135deg,#88d982,#4ac967);background:linear-gradient(135deg,var(--theme-primaryHover,#88d982),var(--theme-primary,#4ac967));box-shadow:0 6px 20px #4ac96766;transform:translateY(-2px)}.add-comment-btn:active{transform:translateY(0)}.comment-form{border-radius:15px;margin-bottom:25px;padding:20px}.user-info-section{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.avatar-section{align-items:center;display:flex;gap:10px;position:relative}.current-avatar{border:3px solid #4ac967;border:3px solid var(--theme-primary,#4ac967);border-radius:50%;box-shadow:0 4px 12px #4ac9674d;cursor:pointer;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.current-avatar:hover{box-shadow:0 6px 16px #4ac96766;transform:scale(1.05)}.regenerate-avatar-btn{align-items:center;background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:none;border-radius:50%;color:#2d5016;color:var(--theme-buttonText,#2d5016);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.regenerate-avatar-btn:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);transform:scale(1.1)}.nickname-section{display:flex;flex:1 1;flex-direction:column;gap:10px}.nickname-display{align-items:center;display:flex;gap:10px}.nickname-text{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:16px;font-weight:600;padding:8px 12px}.regenerate-nickname-btn{align-items:center;background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:none;border-radius:50%;color:#2d5016;color:var(--theme-buttonText,#2d5016);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.regenerate-nickname-btn:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);transform:scale(1.1)}.nickname-actions{display:flex;gap:10px}.custom-nickname-btn{background:#2d5016;background:var(--theme-secondary,#2d5016);border:none;border-radius:6px;color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.custom-nickname-btn:hover{background:#4ac967;background:var(--theme-primary,#4ac967);transform:translateY(-1px)}.custom-nickname-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:10px;padding:10px}.nickname-input{background:#ffffffe6;border:2px solid #4ac967;border:2px solid var(--theme-primary,#4ac967);border-radius:6px;color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}.nickname-input:focus{border-color:#88d982;border-color:var(--theme-primaryHover,#88d982);box-shadow:0 0 0 3px #4ac9671a;outline:none}.nickname-input-actions{display:flex;gap:8px}.confirm-nickname-btn{background:#4ac967;background:var(--theme-primary,#4ac967);border:none;border-radius:6px;color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.confirm-nickname-btn:hover:not(:disabled){background:#88d982;background:var(--theme-primaryHover,#88d982);transform:translateY(-1px)}.confirm-nickname-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-nickname-btn{background:#2d5016;background:var(--theme-secondary,#2d5016);border:none;border-radius:6px;color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.cancel-nickname-btn:hover{background:#666;transform:translateY(-1px)}.form-group{display:flex;flex-direction:column;gap:15px}.comment-textarea{border:2px solid #4ac967;border:2px solid var(--theme-primary,#4ac967);border-radius:16px;font-family:inherit;font-size:14px;min-height:100px;outline:none;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.comment-textarea:focus{border-color:#4ac967;border-color:var(--theme-primary,#4ac967);box-shadow:0 0 0 3px #4ac9671a}.form-footer{align-items:center;display:flex;justify-content:space-between}.char-count{color:#666;font-size:12px;font-weight:500}.submit-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));border-radius:20px;color:var(--theme-textLight,#fff);font-size:14px;min-height:44px;padding:10px 20px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#88d982,#4ac967);background:linear-gradient(135deg,var(--theme-primaryHover,#88d982),var(--theme-primary,#4ac967));box-shadow:0 6px 20px #4ac96766}.submit-btn:disabled{background:#ccc}.comments-list{max-height:400px;overflow-y:auto;padding-right:5px}.no-comments{padding:40px 20px}.no-comments-icon{font-size:48px;margin-bottom:15px;opacity:.6}.no-comments p{font-size:14px;margin:0;opacity:.8}.comment-item{border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:15px 0}.comment-item:last-child{border-bottom:none}.comment-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));color:#fff;color:var(--theme-textLight,#fff);display:flex;font-size:16px;font-weight:600;justify-content:center}.avatar-circle,.avatar-image{border-radius:50%;box-shadow:0 4px 12px #4ac9674d;height:40px;width:40px}.avatar-image{border:2px solid #4ac967;border:2px solid var(--theme-primary,#4ac967);object-fit:cover}.comment-content{border-bottom:2px solid #4ac96733;flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:14px}.comment-time{color:#999;font-size:12px;font-weight:500}.comment-text{word-wrap:break-word;color:#333;color:var(--theme-textSecondary,#333);font-size:20px;line-height:1.5;white-space:pre-wrap}.comment-notification{word-wrap:break-word;border-radius:10px;color:#fff;font-size:14px;font-weight:600;max-width:300px;padding:15px 20px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform .3s ease;z-index:10000}.comment-notification.show{transform:translateX(0)}.comment-notification.success{background:linear-gradient(135deg,#4ac967,#88d982);background:linear-gradient(135deg,var(--theme-primary,#4ac967),var(--theme-primaryHover,#88d982));box-shadow:0 6px 20px #4ac96766}.comment-notification.error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 6px 20px #ff6b6b66}@media (min-width:769px) and (max-width:1024px){.comment-section{border-radius:18px;margin-top:160px;max-width:800px;padding:20px 30px}.comment-header{margin-bottom:18px;padding-bottom:14px}.comment-title{font-size:17px}.comment-icon{font-size:19px}.add-comment-btn{font-size:13px;padding:9px 18px}.comment-form{margin-bottom:22px;padding:18px}.user-info-section{gap:15px;padding:12px}.current-avatar{height:45px;width:45px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:12px;height:28px;width:28px}.nickname-text{font-size:15px;padding:6px 10px}.custom-nickname-btn{font-size:11px;padding:5px 10px}.comment-textarea{font-size:14px;min-height:90px;padding:14px}.submit-btn{font-size:13px;padding:9px 18px}.comments-list{max-height:350px}.comment-item{gap:14px;padding:14px 0}.avatar-circle,.avatar-image{font-size:15px;height:38px;width:38px}.comment-author{font-size:14px}.comment-time{font-size:12px}.comment-text{font-size:18px}.no-comments{padding:35px 18px}.no-comments-icon{font-size:42px}.no-comments p{font-size:14px}.comment-notification{font-size:14px;max-width:280px;padding:14px 18px;right:18px;top:18px}}@media (min-width:1180px) and (max-width:1180px) and (orientation:landscape){.comment-section{border-radius:16px;margin-top:60px;max-width:900px;padding:18px 25px}.comment-header{margin-bottom:16px;padding-bottom:12px}.comment-title{font-size:16px}.comment-icon{font-size:18px}.add-comment-btn{font-size:12px;padding:8px 16px}.comment-form{margin-bottom:20px;padding:16px}.user-info-section{gap:12px;padding:10px}.current-avatar{height:40px;width:40px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:11px;height:25px;width:25px}.nickname-text{font-size:14px;padding:5px 8px}.custom-nickname-btn{font-size:10px;padding:4px 8px}.comment-textarea{font-size:13px;min-height:85px;padding:13px}.submit-btn{font-size:12px;padding:8px 16px}.comments-list{max-height:320px}.comment-item{gap:12px;padding:12px 0}.avatar-circle,.avatar-image{font-size:14px;height:35px;width:35px}.comment-author{font-size:13px}.comment-time{font-size:11px}.comment-text{font-size:16px}.no-comments{padding:30px 16px}.no-comments-icon{font-size:38px}.no-comments p{font-size:13px}.comment-notification{font-size:13px;max-width:260px;padding:12px 16px;right:16px;top:16px}}@media (min-width:1024px) and (max-width:1024px) and (orientation:landscape){.comment-section{border-radius:14px;margin-top:100px;max-width:900px;padding:15px 20px}.comment-header{margin-bottom:14px;padding-bottom:10px}.comment-title{font-size:15px}.comment-icon{font-size:17px}.add-comment-btn{font-size:11px;padding:7px 14px}.comment-form{margin-bottom:18px;padding:14px}.user-info-section{gap:10px;padding:8px}.current-avatar{height:35px;width:35px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:10px;height:22px;width:22px}.nickname-text{font-size:13px;padding:4px 6px}.custom-nickname-btn{font-size:9px;padding:3px 6px}.comment-textarea{font-size:20px;min-height:80px;padding:12px}.submit-btn{font-size:11px;padding:7px 14px}.comments-list{max-height:300px}.comment-item{gap:10px;padding:10px 0}.avatar-circle,.avatar-image{font-size:13px;height:32px;width:32px}.comment-author{font-size:12px}.comment-time{font-size:10px}.comment-text{font-size:20px}.no-comments{padding:25px 14px}.no-comments-icon{font-size:34px}.no-comments p{font-size:12px}.comment-notification{font-size:12px;max-width:240px;padding:10px 14px;right:14px;top:14px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.comment-section{border-radius:20px;margin-top:60px;max-width:900px;padding:22px 35px}.comment-header{margin-bottom:20px;padding-bottom:16px}.comment-title{font-size:18px}.comment-icon{font-size:20px}.add-comment-btn{font-size:14px;padding:10px 20px}.comment-form{margin-bottom:25px;padding:20px}.user-info-section{padding:14px}.current-avatar{height:48px;width:48px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:14px;height:32px;width:32px}.nickname-text{font-size:17px;padding:9px 14px}.custom-nickname-btn{font-size:13px;padding:7px 14px}.comment-textarea{font-size:18px;min-height:100px;padding:16px}.submit-btn{font-size:14px;padding:10px 20px}.comments-list{max-height:400px}.comment-item{gap:16px;padding:16px 0}.avatar-circle,.avatar-image{font-size:16px;height:42px;width:42px}.comment-author{font-size:15px}.comment-time{font-size:13px}.comment-text{font-size:18px}.no-comments{padding:40px 20px}.no-comments-icon{font-size:46px}.no-comments p{font-size:15px}.comment-notification{font-size:15px;max-width:300px;padding:16px 20px;right:20px;top:20px}}@media (max-width:768px){.comment-section{border-radius:15px;margin-top:60px;max-width:100%;padding:20px 30px}.comment-header{margin-bottom:15px;padding-bottom:12px}.comment-title{font-size:16px}.comment-icon{font-size:18px}.add-comment-btn{font-size:13px;padding:8px 16px}.comment-form{margin-bottom:20px;padding:15px}.user-info-section{flex-direction:column;gap:10px;padding:12px}.avatar-section{align-self:center}.current-avatar{height:45px;width:45px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:12px;height:28px;width:28px}.nickname-section{align-items:center;text-align:center}.nickname-text{font-size:15px;padding:7px 10px}.custom-nickname-btn{font-size:11px;padding:6px 10px}.comment-textarea{font-size:16px;min-height:80px;padding:12px}.submit-btn{font-size:13px;padding:8px 16px}.comments-list{max-height:300px}.comment-item{gap:12px;padding:12px 0}.avatar-circle,.avatar-image{font-size:14px;height:35px;width:35px}.comment-header{margin-bottom:6px}.comment-author{font-size:13px}.comment-time{font-size:11px}.comment-text{font-size:16px}.no-comments{padding:30px 15px}.no-comments-icon{font-size:36px}.no-comments p{font-size:13px}.comment-notification{font-size:13px;max-width:250px;padding:12px 16px;right:15px;top:15px}}@media (max-width:480px){.comment-section{border-radius:12px;margin-top:80px;max-width:100%;padding:15px 20px}.comment-header{align-items:flex-start;flex-direction:column;gap:10px}.comment-title{font-size:15px}.add-comment-btn{align-self:flex-end;font-size:12px;padding:6px 12px}.comment-form{padding:12px}.user-info-section{padding:10px}.current-avatar{height:40px;width:40px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:11px;height:25px;width:25px}.nickname-text{font-size:14px;padding:6px 8px}.custom-nickname-btn{font-size:10px;padding:5px 8px}.comment-textarea{font-size:16px;min-height:70px;padding:10px}.form-footer{align-items:flex-end;flex-direction:column;gap:8px}.char-count{font-size:11px}.submit-btn{font-size:12px;padding:6px 12px}.comments-list{max-height:250px}.comment-item{gap:10px;padding:10px 0}.avatar-circle,.avatar-image{font-size:12px;height:30px;width:30px}.comment-header{margin-bottom:6px}.comment-author{font-size:12px}.comment-time{font-size:10px}.comment-text{font-size:16px}.no-comments{padding:25px 10px}.no-comments-icon{font-size:32px}.no-comments p{font-size:12px}.comment-notification{font-size:12px;max-width:200px;padding:10px 12px;right:10px;top:10px}}@media (max-width:375px){.comment-section{margin-top:100px;max-width:100%;padding:12px 15px}.comment-title{font-size:14px}.comment-icon{font-size:16px}.add-comment-btn{font-size:11px;padding:5px 10px}.current-avatar{height:35px;width:35px}.regenerate-avatar-btn,.regenerate-nickname-btn{font-size:10px;height:22px;width:22px}.nickname-text{font-size:13px;padding:5px 6px}.custom-nickname-btn{font-size:9px;padding:4px 6px}.comment-textarea{font-size:14px;min-height:60px;padding:8px}.submit-btn{font-size:11px;padding:5px 10px}.avatar-circle,.avatar-image{font-size:11px;height:28px;width:28px}.comment-author{font-size:11px}.comment-time{font-size:9px}.comment-text{font-size:14px}.no-comments-icon{font-size:28px}.no-comments p{font-size:11px}}@media (max-width:900px) and (orientation:landscape){.comment-section{padding:15px}.comments-list{max-height:200px}.comment-form{padding:12px}.comment-textarea{min-height:60px}.user-info-section{flex-direction:row;gap:15px}}@media (hover:none) and (pointer:coarse){.add-comment-btn:hover,.cancel-nickname-btn:hover,.confirm-nickname-btn:hover,.custom-nickname-btn:hover,.regenerate-avatar-btn:hover,.regenerate-nickname-btn:hover,.submit-btn:hover{box-shadow:none;transform:none}.add-comment-btn:active,.cancel-nickname-btn:active,.confirm-nickname-btn:active,.custom-nickname-btn:active,.regenerate-avatar-btn:active,.regenerate-nickname-btn:active,.submit-btn:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.add-comment-btn,.cancel-nickname-btn,.comment-item,.comment-notification,.comment-section,.confirm-nickname-btn,.current-avatar,.custom-nickname-btn,.regenerate-avatar-btn,.regenerate-nickname-btn,.submit-btn{transition:none}.comment-notification{transform:translateX(0)}}@media (prefers-color-scheme:dark){.comment-section{background:#0003;border-color:#ffffff1a}.comment-title{color:#e0e0e0}.comment-textarea{background:#fffc;color:#333}.comment-textarea:focus{background:#fff}.comment-author,.comment-text{color:#e0e0e0}.no-comments{color:#ccc}.nickname-input{background:#ffffffe6;color:#333}}@media (width:1366px) and (height:1024px) and (orientation:landscape){.comment-section{border-radius:20px!important;margin-top:70px!important;max-width:900px!important;padding:22px 40px!important}}.comment-section{background:#fffc;background:var(--theme-commentBg,#fffc);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);box-shadow:0 8px 32px #0000001a;box-shadow:var(--theme-cardShadow,0 8px 32px #0000001a)}.comment-title{color:#2d5016;color:var(--theme-textPrimary,#2d5016)}.add-comment-btn{background:linear-gradient(135deg,#66bb6a,#81c784);background:linear-gradient(135deg,var(--theme-primary,#66bb6a),var(--theme-primaryHover,#81c784));color:#fff;color:var(--theme-textLight,#fff)}.add-comment-btn:hover{background:linear-gradient(135deg,#81c784,#66bb6a);background:linear-gradient(135deg,var(--theme-primaryHover,#81c784),var(--theme-primary,#66bb6a));box-shadow:0 6px 20px #66bb6a66;box-shadow:0 6px 20px var(--theme-shadow,#66bb6a66)}.comment-form{background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3)}.comment-textarea{background:#ffffffe6;background:var(--theme-containerBg,#ffffffe6);border:2px solid #66bb6a4d;border:2px solid var(--theme-border,#66bb6a4d);color:#333;color:var(--theme-textSecondary,#333)}.comment-textarea:focus{background:#fff;background:var(--theme-containerBg,#fff);border-color:#66bb6a;border-color:var(--theme-primary,#66bb6a);box-shadow:0 0 0 3px #66bb6a1a;box-shadow:0 0 0 3px var(--theme-shadow,#66bb6a1a)}.comment-textarea::placeholder{color:#999;color:var(--theme-textSecondary,#999)}.submit-comment-btn{background:#66bb6a;background:var(--theme-primary,#66bb6a);border:1px solid #66bb6a;border:1px solid var(--theme-primary,#66bb6a);color:#fff;color:var(--theme-textLight,#fff)}.submit-comment-btn:hover{background:#81c784;background:var(--theme-primaryHover,#81c784);border-color:#81c784;border-color:var(--theme-primaryHover,#81c784)}.submit-comment-btn:disabled{background:#ffffff4d;background:var(--theme-border,#ffffff4d);border-color:#ffffff4d;border-color:var(--theme-border,#ffffff4d);color:#999;color:var(--theme-textSecondary,#999)}.cancel-comment-btn{background:#e8f5e9;background:var(--theme-buttonBg,#e8f5e9);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);color:#2d5016;color:var(--theme-buttonText,#2d5016)}.cancel-comment-btn:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59)}.comment-item{background:#fff9;background:var(--theme-containerBg,#fff9);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d)}.comment-author{color:#66bb6a;color:var(--theme-primary,#66bb6a);font-weight:600}.comment-time,.comment-timestamp{color:#666;color:var(--theme-textSecondary,#666)}.comment-content,.comment-text{color:#2d5016;color:var(--theme-textPrimary,#2d5016)}.avatar-circle{background:linear-gradient(135deg,#66bb6a,#81c784)!important;background:linear-gradient(135deg,var(--theme-primary,#66bb6a),var(--theme-primaryHover,#81c784))!important;box-shadow:0 4px 12px #66bb6a4d!important;box-shadow:0 4px 12px var(--theme-shadow,#66bb6a4d)!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}.comment-content{border-bottom:2px solid #66bb6a33!important;border-bottom:2px solid var(--theme-border,#66bb6a33)!important}.comment-delete-btn,.comment-edit-btn{background:#e8f5e9;background:var(--theme-buttonBg,#e8f5e9);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);color:#2d5016;color:var(--theme-buttonText,#2d5016)}.comment-edit-btn:hover{background:#66bb6a;background:var(--theme-primary,#66bb6a);color:#fff;color:var(--theme-textLight,#fff)}.comment-delete-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff;color:var(--theme-textLight,#fff)}.no-comments{background:#ffffff4d;background:var(--theme-containerBg,#ffffff4d);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:12px;padding:30px;text-align:center}.comment-loading,.no-comments{color:#666;color:var(--theme-textSecondary,#666)}.comment-error{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#dc3545;padding:12px}.character-count{color:#666;color:var(--theme-textSecondary,#666);font-size:12px}.character-count.warning{color:#ff9800}.character-count.error{color:#dc3545}@media (max-width:768px){.comment-section{margin-top:150px;padding:0 25px}.comment-header{align-items:flex-start;flex-direction:row;gap:12px}.add-comment-btn{justify-content:center;width:100%}}.theme-switcher{position:relative;z-index:9999}.theme-switcher.compact .theme-toggle-btn{border-radius:16px;font-size:12px;gap:4px;min-height:32px;padding:6px 10px}.theme-switcher.compact .theme-icon{font-size:14px}.theme-switcher.compact .theme-name{display:none}.theme-switcher.compact .arrow{font-size:10px}.theme-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:25px;color:#2d5016;color:var(--theme-buttonText,#2d5016);cursor:pointer;display:flex;font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;gap:8px;min-height:44px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.theme-toggle-btn:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--theme-shadow,#2d501626);transform:translateY(-2px)}.theme-toggle-btn:active{transform:translateY(0)}.theme-icon{animation:iconPulse 2s ease-in-out infinite;font-size:18px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-name{font-weight:600;white-space:nowrap}.arrow{color:#4ac967;color:var(--theme-primary,#4ac967);font-size:12px;transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.theme-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9997}.theme-panel{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:20px;box-shadow:0 25px 80px #2d501626,0 10px 35px #2d50161a;box-shadow:var(--theme-cardShadow,0 25px 80px #2d501626,0 10px 35px #2d50161a);font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:50%;max-width:90vw;position:fixed;top:50%;width:320px;z-index:9998}.theme-panel-header{align-items:center;border-bottom:1px solid #ffffff4d;border-bottom:1px solid var(--theme-border,#ffffff4d);display:flex;justify-content:space-between;padding:20px 24px 16px}.theme-panel-header h3{font-size:18px;font-weight:600;margin:0}.close-btn,.theme-panel-header h3{color:#2d5016;color:var(--theme-textPrimary,#2d5016)}.close-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-btn:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);transform:rotate(90deg)}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);max-height:400px;overflow-y:auto;padding:16px 24px}.theme-option{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px 12px;position:relative;transition:all .3s ease}.theme-option:hover{background:#fff3;transform:translateY(-3px)}.theme-option.active,.theme-option:hover{border-color:#4ac967;border-color:var(--theme-primary,#4ac967)}.theme-option.active{background:#ffffff40;box-shadow:0 8px 25px #2d501626;box-shadow:0 8px 25px var(--theme-shadow,#2d501626)}.theme-preview{align-items:center;border:2px solid;border-radius:50%;display:flex;height:60px;justify-content:center;overflow:hidden;padding:3px;position:relative;transition:all .3s ease;width:60px}.theme-preview:before{background:inherit;border-radius:inherit;bottom:0;content:"";filter:blur(20px);left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.theme-preview-content{align-items:center;border-radius:50%;display:flex;font-size:20px;height:100%;justify-content:center;transition:all .3s ease;width:100%}.preview-icon{animation:previewPulse 3s ease-in-out infinite;font-size:24px}@keyframes previewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.theme-info{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.theme-emoji{font-size:16px}.theme-title{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:12px;font-weight:600;white-space:nowrap}.selected-indicator{align-items:center;animation:selectedPulse 1s ease-in-out infinite;background:#4ac967;background:var(--theme-primary,#4ac967);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}@keyframes selectedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-panel-footer{border-top:1px solid #ffffff4d;border-top:1px solid var(--theme-border,#ffffff4d);padding:16px 24px 20px;text-align:center}.theme-panel-footer p{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:12px;margin:0;opacity:.7}@media (max-width:768px){.theme-panel{max-width:calc(100vw - 32px);padding:16px;width:280px}.theme-grid{gap:12px;grid-template-columns:1fr;max-height:60vh;overflow-y:auto;padding:12px 20px}.theme-option{flex-direction:row;padding:12px 16px;text-align:left}.theme-preview{flex-shrink:0;height:50px;width:50px}.theme-info{align-items:center;flex:1 1;flex-direction:row;gap:8px;text-align:left}.theme-title{font-size:14px}}@media (max-width:480px){.theme-panel{max-width:calc(100vw - 32px);padding:16px;width:260px}.theme-grid{gap:10px;max-height:50vh;padding:10px 16px}.theme-option{padding:10px 14px}.theme-preview{height:45px;width:45px}.theme-title{font-size:13px}}@media (prefers-color-scheme:dark){.theme-overlay{background:#00000080}}.welcome-screen{align-items:center;background:linear-gradient(135deg,#0a2e0a,#1a4d1a 30%,#2d5a2d 70%,#1a4d1a);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100vw;z-index:9999}.welcome-screen.fade-out{opacity:0;pointer-events:none}.welcome-container{align-items:center;animation:fadeIn 1.5s ease-in-out;display:flex;flex-direction:column;justify-content:center;max-width:90%;text-align:center}.welcome-logo{animation:zoomIn 1s ease-out .8s forwards;margin:1.5rem 0;opacity:0}.welcome-logo img{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;border-radius:50%;box-shadow:0 10px 30px #0006,0 0 0 8px #ffffff1a;height:180px;object-fit:cover;transition:transform .5s ease;width:180px;will-change:transform}.welcome-logo img:hover{transform:scale(1.05)}.welcome-slogan{animation:slideDown 1s ease-out .3s forwards;color:#fff;font-size:2.2rem;font-weight:600;letter-spacing:.05em;line-height:1.6;margin-bottom:2.5rem;max-width:900px;opacity:0;text-shadow:0 2px 10px #0000004d}.welcome-company{animation:slideUp 1s ease-out 1.3s forwards;color:#e0e0e0;font-size:1.5rem;font-weight:300;letter-spacing:.1em;margin-top:2.5rem;opacity:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.welcome-slogan{font-size:2rem}.welcome-logo img{animation:float 4s ease-in-out infinite}}@media (max-width:768px){.welcome-container{max-width:90%}.welcome-slogan{font-size:1.8rem;margin-bottom:2rem}.welcome-logo img{animation:none!important;height:140px;width:140px}.welcome-company{font-size:1.2rem;margin-top:2rem}}@media (max-width:480px){.welcome-container{max-width:95%}.welcome-slogan{font-size:1.5rem;line-height:1.4;padding:0 1rem}.welcome-logo img{height:120px;width:120px}.welcome-company{font-size:1rem}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.audio-library{background:linear-gradient(135deg,#e8f5e8,#a8d8a8 30%,#78c6b6 70%,#4ecdc4);font-family:MUYAO-SOFTBRUSH,PingFang SC,Microsoft YaHei,微软雅黑,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.library-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-circle{animation:float 8s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle1{animation-delay:0s;background:#3bb6a614;height:350px;left:-175px;top:-175px;width:350px}.circle2{animation-delay:3s;background:#4ecdc40f;height:250px;right:-125px;top:45%;width:250px}.circle3{animation-delay:6s;background:#a8d8a80d;bottom:-225px;height:450px;left:50%;transform:translateX(-50%);width:450px}@keyframes float{0%,to{opacity:.6;transform:translateY(0) scale(1) rotate(0deg)}33%{opacity:.8;transform:translateY(-15px) scale(1.02) rotate(5deg)}66%{opacity:.7;transform:translateY(-8px) scale(.98) rotate(-3deg)}}.audio-library.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #3bb6a626;color:#3bb6a6;padding:40px}.spinner{animation:spin 1.2s linear infinite;border:4px solid #3bb6a633;border-top-color:#3bb6a6;height:60px;width:60px}.audio-library.error{align-items:center;display:flex;justify-content:center;padding:40px}.error-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #3bb6a61a;border-radius:24px;box-shadow:0 20px 60px #3bb6a61a;max-width:500px;padding:40px;text-align:center;width:100%}.error-icon{color:#ff7875;font-size:64px;margin-bottom:20px}.error-container h3{color:#3bb6a6;font-size:24px;font-weight:700;margin:0 0 16px}.error-container p{color:#666;font-size:16px;line-height:1.6;margin:0 0 30px}.error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.retry-btn{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border:none;border-radius:16px;box-shadow:0 4px 15px #3bb6a64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#2ea087,#3bb6a6);box-shadow:0 6px 20px #3bb6a666;transform:translateY(-2px)}.library-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#c3eae2f2;border-bottom:1px solid #3bb6a61a;box-shadow:0 4px 20px #3bb6a61a;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn{background:#ffffffe6;border:2px solid #3bb6a633;border-radius:16px;box-shadow:0 4px 15px #3bb6a61a;color:#3bb6a6;display:flex;font-size:14px;gap:8px;padding:12px 20px}.back-btn:hover{background:#fff;border-color:#3bb6a6;box-shadow:0 6px 20px #3bb6a633}.header-content{flex:1 1;text-align:center}.library-title{align-items:center;color:#3bb6a6;display:flex;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0}.icon-img{filter:brightness(0) saturate(100%) invert(50%) sepia(34%) saturate(1463%) hue-rotate(141deg) brightness(95%) contrast(86%);height:32px;object-fit:contain;width:32px}.library-subtitle{color:#666;font-size:16px;font-weight:500;margin:8px 0 0}.header-actions,.refresh-btn{align-items:center}.refresh-btn{background:#ffffffe6;border:2px solid #3bb6a633;border-radius:16px;box-shadow:0 4px 15px #3bb6a61a;color:#3bb6a6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.refresh-btn:hover{background:#fff;border-color:#3bb6a6;box-shadow:0 6px 20px #3bb6a633;transform:translateY(-2px)}.new-session-btn{align-items:center;background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border:none;border-radius:16px;box-shadow:0 4px 15px #3bb6a64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.new-session-btn:hover{background:linear-gradient(135deg,#2ea087,#3bb6a6);box-shadow:0 6px 20px #3bb6a666;transform:translateY(-2px)}.btn-icon{font-size:20px}.library-controls{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border-bottom:1px solid #3bb6a61a;display:flex;gap:20px;justify-content:space-between;padding:20px 40px}.search-container{flex:1 1;max-width:400px;position:relative}.search-icon{color:#3bb6a6;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #3bb6a633;box-shadow:0 2px 8px #3bb6a60d;padding:12px 16px 12px 45px}.search-input:focus{border-color:#3bb6a6;box-shadow:0 0 0 3px #3bb6a61a}.sort-container{align-items:center;display:flex;gap:12px;width:300px}.sort-label{color:#333;font-size:18px;font-weight:600}.sort-select{background:#fff;border:2px solid #3bb6a633;border-radius:12px;box-shadow:0 2px 8px #3bb6a60d;cursor:pointer;font-size:18px;padding:8px 16px;transition:all .3s ease}.sort-select:focus{border-color:#3bb6a6;outline:none}.library-stats{grid-gap:30px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border-bottom:1px solid #3bb6a61a;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:30px 40px}.stat-item{background:#fffffff2;border:2px solid #3bb6a61a;border-radius:20px;box-shadow:0 4px 15px #3bb6a614;gap:16px;padding:20px;transition:all .3s ease}.stat-item:hover{border-color:#3bb6a633;box-shadow:0 8px 25px #3bb6a626;transform:translateY(-4px)}.stat-icon{color:#3bb6a6;font-size:32px;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-number{color:#3bb6a6;font-size:24px}.stat-label{color:#666;font-size:14px;font-weight:500;margin-top:4px}.cloud-indicator{background:linear-gradient(135deg,#3bb6a61a,#4ecdc40d);border-color:#3bb6a633}.cloud-indicator .stat-icon,.cloud-indicator .stat-number{color:#3bb6a6}.sessions-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;padding:40px;position:relative}.sessions-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%233bb6a6' stroke-width='.3' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.empty-state{background:#ffffffe6;border-radius:24px;box-shadow:0 20px 60px #3bb6a61a;margin:40px auto;max-width:600px;padding:80px 40px;text-align:center}.empty-icon{color:#3bb6a6;font-size:80px;margin-bottom:30px;opacity:.8}.empty-state h3{color:#3bb6a6;font-size:28px;font-weight:700;margin:0 0 16px}.empty-state p{color:#666;font-size:18px;line-height:1.6;margin:0 0 40px}.create-first-btn{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border:none;border-radius:20px;box-shadow:0 8px 25px #3bb6a64d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease}.create-first-btn:hover{background:linear-gradient(135deg,#2ea087,#3bb6a6);box-shadow:0 12px 35px #3bb6a666;transform:translateY(-3px)}.sessions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #3bb6a61a;border-radius:24px;box-shadow:0 8px 25px #3bb6a614;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.session-card:before{background:linear-gradient(90deg,#3bb6a6,#4ecdc4);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.session-card:hover:before{transform:scaleX(1)}.session-card:hover{border-color:#3bb6a633;box-shadow:0 20px 40px #3bb6a626;transform:translateY(-8px) scale(1.02)}.cloud-session{background:linear-gradient(135deg,#fffffffa,#e8f5e8e6);border-left:6px solid #3bb6a6}.cloud-session:before{background:linear-gradient(90deg,#3bb6a6,#4ecdc4)}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.session-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:1px solid #6c757d1a!important;color:#3bb6a6!important;flex:1 1}.session-id{align-items:center;color:#3bb6a6;display:flex;font-size:20px;font-weight:700;gap:8px;line-height:1.2;margin:0 0 12px}.id-icon{color:#3bb6a6;font-size:16px;opacity:.7}.cloud-badge{color:#3bb6a6;font-size:14px;margin-left:8px}@keyframes cloudFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-3px) scale(1.1)}}.session-meta{display:flex;flex-direction:column;gap:6px}.session-count,.session-duration,.session-size{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:6px}.session-size{color:#3bb6a6;font-weight:600}.delete-session-btn{align-items:center;background:linear-gradient(135deg,#ff7875,#ff4d4f);border:none;border-radius:50%;box-shadow:0 4px 15px #ff78754d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-session-btn:hover{background:linear-gradient(135deg,#ff4d4f,#f5222d);box-shadow:0 6px 20px #ff787566;transform:scale(1.1) rotate(5deg)}.session-content{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.latest-recording{flex:1 1}.latest-title{color:#3bb6a6;font-size:16px;font-weight:600;margin:0 0 12px}.recording-preview{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recording-name{color:#666;flex:1 1;font-size:14px;font-weight:500;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-size,.recording-time{background:#3bb6a61a;border-radius:12px;color:#3bb6a6;font-size:12px;font-weight:600;padding:4px 10px}.recording-size{background:#3bb6a626;border:1px solid #3bb6a633;color:#3bb6a6}.recording-date{color:#888;font-size:12px;font-style:italic}.session-actions{align-items:center;display:flex;flex-direction:column;gap:8px;margin-left:20px;transition:all .3s ease}.action-icon{color:#3bb6a6;font-size:24px}.session-card:hover .action-icon{color:#4ecdc4;transform:scale(1.2)}.action-text{color:#3bb6a6;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.session-card:hover .action-text{color:#4ecdc4;transform:translateY(-2px)}.session-footer{border-top:1px solid #0000000d;color:#888;display:flex;font-size:11px;justify-content:space-between;padding-top:16px}.created-date,.updated-date{font-weight:500}@media (max-width:1200px){.library-stats{gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sessions-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.library-header{flex-direction:column;gap:16px;padding:16px 20px}.header-actions{width:100%}.library-title{font-size:24px}.title-icon{font-size:28px}.icon-img{height:28px;width:28px}.library-controls{flex-direction:column;gap:16px;padding:16px 20px}.library-stats{background:linear-gradient(135deg,#3ebaab,#c4eae1);border-radius:28px;box-shadow:0 8px 32px #a18cd11a;display:flex;flex-direction:row;gap:18px;justify-content:flex-start;margin:0 0 18px;overflow-x:auto;padding:18px 10px 18px 18px}.stat-item{align-items:center;background:#ffffffd9;border-radius:20px;box-shadow:0 2px 8px #a18cd114;color:#6d6d6d;display:flex;flex-direction:column;font-size:15px;font-weight:600;justify-content:center;min-width:120px;padding:5px}.stat-number{color:#3bb6a6;font-size:22px;font-weight:700;margin-bottom:2px}.stat-label{color:#666;font-size:13px}.sessions-container{padding-bottom:90px}.sessions-grid{gap:28px}.session-card{border-radius:26px;box-shadow:0 8px 32px #a18cd11a;margin-bottom:0;padding:18px 14px}.session-header{gap:10px}.session-id{font-size:17px}.session-meta{font-size:13px}.session-actions .action-icon{height:44px;width:44px}.session-actions .action-text{font-size:15px}.delete-session-btn{height:36px;width:36px}.library-background{display:none}.add-device-btn{align-items:center;background:linear-gradient(90deg,#a18cd1,#fbc2eb);border:none;border-radius:18px;bottom:0;box-shadow:0 8px 32px #a18cd121;color:#fff;display:flex;font-size:20px;font-weight:700;height:54px;justify-content:center;left:0;letter-spacing:1px;margin:0 auto;max-width:480px;position:fixed;right:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:94vw;z-index:999}.add-device-btn:active{filter:brightness(.95);transform:scale(.98)}}@media (max-width:480px){.library-header{padding:12px 16px}.header-actions{gap:8px}.library-controls{padding:12px 16px}.library-stats{gap:34px;grid-template-columns:repeat(2,1fr);padding:16px}.session-card,.sessions-container{padding:16px}.session-header{flex-direction:column;gap:12px}.delete-session-btn{align-self:flex-end}.empty-state{padding:40px 20px}.empty-icon{font-size:60px}.empty-state h3{font-size:20px}.empty-state p{font-size:16px}}@keyframes badgeGlow{0%{box-shadow:0 4px 15px #3bb6a64d}to{box-shadow:0 4px 20px #3bb6a680}}.pagination-controls{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination-btn{background:linear-gradient(135deg,#3bb6a6 60%,#2ea087);border-radius:1.5rem;box-shadow:0 2px 8px #3bb6a61a;font-size:1.1rem;font-weight:500;min-width:80px;outline:none;padding:.6rem 1.6rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2ea087 60%,#3bb6a6);box-shadow:0 4px 16px #3bb6a62e;color:#fff}.pagination-btn:disabled{background:#e0e0e0;color:#bdbdbd}.page-numbers{display:flex;gap:.8rem}.page-number{align-items:center;background:#fff;border:2px solid #3bb6a6;border-radius:1rem;box-shadow:0 1px 4px #3bb6a614;color:#3bb6a6;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:2.5rem;justify-content:center;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);width:2.5rem}.page-number:hover{background:linear-gradient(135deg,#e0f7f4 60%,#c2f2ec);border-color:#2ea087;box-shadow:0 2px 8px #3bb6a626;color:#2ea087}.page-number.active{background:linear-gradient(135deg,#3bb6a6 60%,#2ea087);border-color:#3bb6a6;box-shadow:0 4px 16px #3bb6a638;color:#fff}.pagination{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;gap:28px;justify-content:center;margin:24px 0 0}.pagination button{background:linear-gradient(90deg,#3bb6a6,#6be6c1);border:none;border-radius:24px;box-shadow:0 2px 8px #3bb6a614;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0 8px;padding:8px 32px;transition:background .2s,box-shadow .2s,color .2s,transform .1s}.pagination button:active{transform:scale(.96)}.pagination button:disabled{background:#e0e0e0;box-shadow:none;color:#aaa;cursor:not-allowed}.pagination button:not(:disabled):hover{background:linear-gradient(90deg,#2fa18e,#4fd6a8);box-shadow:0 4px 16px #3bb6a626;color:#fff}.pagination-current-page{align-items:center;background:#3bb6a6;border-radius:50%;box-shadow:0 2px 8px #3bb6a61a;color:#fff;display:inline-flex;font-size:18px;font-weight:700;height:38px;justify-content:center;margin:0 6px;width:38px}.pagination-total-page{color:#3bb6a6;font-size:16px;font-weight:500;margin-left:2px}@media (max-width:600px){.pagination{flex-wrap:wrap;font-size:14px;gap:8px;margin:18px 0 0}.pagination button{border-radius:20px;font-size:15px;margin:0 2px;min-width:80px;padding:12px 18px}.pagination-current-page{font-size:16px;height:36px;margin:0 2px;width:36px}.pagination-total-page{font-size:14px;margin-left:1px}}@media (max-width:400px){.pagination{font-size:12px;gap:4px;margin:12px 0 0}.pagination button{font-size:13px;min-width:60px;padding:10px}.pagination-current-page{font-size:13px;height:28px;width:28px}.pagination-total-page{font-size:12px}}.main-tabs{background:#0000;display:flex;gap:4px;justify-content:center;padding:20px 40px 0;position:relative;z-index:10}.main-tab{background:#ffffffb3;border:2px solid #3bb6a64d;border-radius:20px;box-shadow:0 4px 15px #3bb6a61a;color:#3bb6a6;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.main-tab:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.main-tab:hover:before{left:100%}.main-tab:hover{background:#ffffffe6;border-color:#3bb6a6;box-shadow:0 6px 20px #3bb6a633;transform:translateY(-2px)}.main-tab.active{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border-color:#3bb6a6;box-shadow:0 6px 20px #3bb6a64d;color:#fff}.main-tab.active:hover{background:linear-gradient(135deg,#2ea087,#3bb6a6);box-shadow:0 8px 25px #3bb6a666;transform:translateY(-2px)}.media-container{min-height:60vh;padding:20px 40px;position:relative;z-index:10}.media-files-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #3bb6a61a;border-radius:24px;box-shadow:0 20px 60px #3bb6a61a;padding:30px}.file-type-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.file-tab{background:#3bb6a61a;border:2px solid #3bb6a633;border-radius:16px;box-shadow:0 2px 10px #3bb6a61a;color:#3bb6a6;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.file-tab:hover{background:#3bb6a633;border-color:#3bb6a6;box-shadow:0 4px 15px #3bb6a633;transform:translateY(-1px)}.file-tab.active{background:linear-gradient(135deg,#3bb6a6,#4ecdc4);border-color:#3bb6a6;box-shadow:0 4px 15px #3bb6a64d;color:#fff}.photos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.media-item{aspect-ratio:1;background:#fff;border-radius:16px;box-shadow:0 8px 25px #3bb6a61a;overflow:hidden;position:relative;transition:all .3s ease}.media-item:hover{box-shadow:0 12px 35px #3bb6a633;transform:translateY(-4px)}.media-content{cursor:pointer;height:90%;overflow:hidden;position:relative;width:100%}.media-preview{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.media-item:hover .media-preview{transform:scale(1.05)}.image-preview{height:100%;position:relative;width:100%}.image-id-display{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000fa!important;border:1px solid #fff3!important;border-radius:3px!important;bottom:4px!important;box-shadow:0 1px 4px #0009!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:12px!important;font-weight:500!important;left:4px!important;letter-spacing:.1px!important;line-height:1.2!important;max-height:40px!important;min-height:14px!important;overflow-y:auto!important;padding:3px 5px!important;position:absolute!important;right:4px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:20!important}.video-preview{height:100%;position:relative;width:100%}.video-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px}.video-play-icon{font-size:24px;margin-left:4px}.media-item:hover .video-overlay{background:#3bb6a6cc;transform:translate(-50%,-50%) scale(1.1)}.video-id-display{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000fa!important;border:1px solid #fff3!important;border-radius:3px!important;bottom:4px!important;box-shadow:0 1px 4px #0009!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:12px!important;font-weight:500!important;left:4px!important;letter-spacing:.1px!important;line-height:1.2!important;max-height:40px!important;min-height:14px!important;overflow-y:auto!important;padding:3px 5px!important;position:absolute!important;right:4px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:20!important}.media-overlay{opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease}.media-item:hover .media-overlay{opacity:1}.delete-media-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff453ae6;border:none;border-radius:50%;box-shadow:0 4px 15px #ff453a4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.delete-media-btn:hover{background:#ff453a;box-shadow:0 6px 20px #ff453a66;transform:scale(1.1)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pagination-info{color:#666;font-weight:500}.preview-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;min-height:100%;position:fixed;right:0;top:0;z-index:1000}.preview-modal.fullscreen{z-index:100001}.preview-content{max-height:90vh;max-width:90vw;position:relative}.preview-media{border-radius:12px;max-height:90vh;max-width:100%;object-fit:contain}.preview-media.fullscreen-media{border-radius:0;max-height:80vh;max-width:100vw}.fullscreen-video-wrapper{height:100%;position:relative;width:100%}.fullscreen-video-wrapper.mobile{max-height:70vh;max-width:100vw}@media (max-width:768px){.main-tabs{gap:8px;padding:15px 20px 0}.main-tab{font-size:14px;padding:10px 16px}.media-container{padding:15px 20px}.media-files-section{border-radius:16px;padding:20px 15px}.file-type-tabs{gap:8px;margin-bottom:20px}.file-tab{font-size:12px;padding:8px 12px}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-item{border-radius:12px}.video-overlay{height:40px;width:40px}.video-play-icon{font-size:16px}.image-id-display,.video-id-display{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000fa!important;border:1px solid #fff3!important;border-radius:4px!important;bottom:4px!important;box-shadow:0 1px 4px #0009!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:8px!important;font-weight:500!important;left:4px!important;letter-spacing:.1px!important;line-height:1.2!important;max-height:40px!important;min-height:14px!important;overflow-y:auto!important;padding:3px 5px!important;position:absolute!important;right:4px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:20!important}.delete-media-btn{font-size:16px;height:28px;width:28px}}@media (max-width:480px){.main-tabs{flex-direction:row;justify-content:center;padding:10px 15px 0}.main-tab{flex:1 1;font-size:12px;max-width:120px;padding:8px 12px}.media-container{padding:10px 15px}.photos-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.file-type-tabs{justify-content:space-between}.file-tab{flex:1 1;font-size:11px;padding:6px 8px;text-align:center}.image-id-display,.video-id-display{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000fa!important;border:1px solid #fff3!important;border-radius:3px!important;bottom:4px!important;box-shadow:0 1px 4px #0009!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,Monaco,monospace!important;font-size:8px!important;font-weight:500!important;left:4px!important;letter-spacing:.1px!important;line-height:1.2!important;min-height:14px!important;padding:3px 5px!important;position:absolute!important;right:4px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important;z-index:20!important}}.modern-search-box{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #3bb6a633;border-radius:25px;box-shadow:0 4px 20px #0000001a,0 2px 8px #3bb6a626,inset 0 1px 0 #fffc;display:flex;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.modern-search-box:hover{border-color:#3bb6a666;box-shadow:0 8px 32px #00000026,0 4px 16px #3bb6a640,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.modern-search-box:focus-within{background:#fffffffa;border-color:#3bb6a6;box-shadow:0 8px 32px #00000026,0 4px 16px #3bb6a64d,0 0 0 4px #3bb6a626,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.modern-search-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;outline:none;padding:0 16px;transition:all .3s ease}.modern-search-input::placeholder{color:#3bb6a699;font-weight:400;transition:all .3s ease}.modern-search-input:focus::placeholder{color:#3bb6a666;transform:translateX(4px)}.modern-search-button{align-items:center;background:none;border:none;border-radius:20px;cursor:pointer;display:flex;justify-content:center;margin-right:4px;padding:8px 12px;transition:all .3s ease}.modern-search-button:hover{background:#3bb6a61a;transform:scale(1.05)}.modern-search-button:hover svg{color:#3bb6a6}.modern-search-button:active{background:#3bb6a633;transform:scale(.95)}.search-box-small{height:32px}.search-box-small .modern-search-input{font-size:12px;padding:0 12px}.search-box-small .modern-search-button{padding:6px 8px}.search-box-medium{height:40px}.search-box-medium .modern-search-input{font-size:14px;padding:0 16px}.search-box-medium .modern-search-button{padding:8px 12px}.search-box-large{height:48px}.search-box-large .modern-search-input{font-size:16px;padding:0 20px}.search-box-large .modern-search-button{padding:10px 16px}@media (max-width:768px){.modern-search-box{border-radius:20px}.search-box-medium{height:36px}.search-box-medium .modern-search-input{font-size:13px;padding:0 14px}.search-box-large{height:42px}.search-box-large .modern-search-input{font-size:15px;padding:0 18px}}.modern-search-input:focus{animation:searchFocus .3s ease-out}@keyframes searchFocus{0%{transform:translateX(-2px)}to{transform:translateX(0)}}.modern-search-button svg{transition:all .3s ease}.modern-search-button:hover svg{transform:scale(1.1)}.modern-search-box.theme-gradient{background:#e8f5e8f2;border:2px solid #3bb6a64d;box-shadow:0 4px 20px #3bb6a61a,0 2px 8px #4ecdc426,inset 0 1px 0 #ffffffe6}.modern-search-box.theme-gradient:hover{background:#fffffffa;border-color:#3bb6a680;box-shadow:0 8px 32px #3bb6a633,0 4px 16px #4ecdc44d,inset 0 1px 0 #fff}.modern-search-box.theme-gradient:focus-within{background:#fff;border-color:#3bb6a6;box-shadow:0 8px 32px #3bb6a640,0 4px 16px #4ecdc459,0 0 0 4px #3bb6a633,inset 0 1px 0 #fff}.gallery-upload-page{background-image:var(--theme-backgroundImage);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative}.gallery-upload-header{align-items:center;background:#ffffffe6;background:var(--theme-headerBg,#ffffffe6);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--theme-border,#0000001a);border-radius:0 0 16px 16px;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--theme-shadow,#0000001a);display:flex;height:82px;padding:0 24px;width:100%}.gallery-back-button{align-items:center;background:#fff9;background:var(--theme-buttonBg,#fff9);border:1px solid #0000001a;border:1px solid var(--theme-border,#0000001a);border-radius:50px;cursor:pointer;display:flex;height:41px;justify-content:center;transition:all .3s ease;width:177px}.gallery-back-button:hover{background:#fffc;background:var(--theme-buttonHover,#fffc);transform:scale(1.05)}.gallery-back-text{color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:24px;font-weight:400;line-height:24px;white-space:nowrap}.gallery-session-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--theme-containerBg,#fffc);border:1px solid #0000001a;border:1px solid var(--theme-border,#0000001a);border-radius:20px;margin-left:10px;padding:8px 16px}.gallery-session-info span{color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-size:18px;font-weight:500;text-transform:uppercase}.gallery-file-type-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:10px}.gallery-file-tab{background:#ffffffb3;background:var(--theme-containerBg,#ffffffb3);border:2px solid #66bb6a;border:2px solid var(--theme-primary,#66bb6a);border-radius:20px;color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);cursor:pointer;font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:16px;font-weight:500;min-width:120px;padding:10px 20px;text-align:center;transition:all .3s ease}.gallery-file-tab:hover{background:#ffffffe6;background:var(--theme-containerBg,#ffffffe6);box-shadow:0 4px 12px #66bb6a4d;box-shadow:0 4px 12px var(--theme-shadow,#66bb6a4d);transform:translateY(-2px)}.gallery-file-tab.active{background:#66bb6a;background:var(--theme-primary,#66bb6a);box-shadow:0 4px 15px #66bb6a66;box-shadow:0 4px 15px var(--theme-shadow,#66bb6a66);color:#fff;color:var(--theme-textLight,#fff)}.gallery-file-tab.active:hover{background:#81c784;background:var(--theme-primaryHover,#81c784)}.gallery-photos-container{display:flex;flex-direction:column;gap:20px;margin:10px auto;max-width:1200px}.gallery-all-photos-section{background:#fffc;background:var(--theme-containerBg,#fffc);border:1px solid #0000001a;border:1px solid var(--theme-border,#0000001a);border-radius:32px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;box-shadow:var(--theme-cardShadow,0 8px 24px #0000001f,0 4px 12px #00000014);box-sizing:border-box;margin:25px auto 0;padding:30px;width:100%}.gallery-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.gallery-pagination-info{color:#33691e;color:var(--theme-textSecondary,#33691e);font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:16px}.gallery-photos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.gallery-media-item{background:#fffc;background:var(--theme-containerBg,#fffc);border:1px solid #0000001a;border:1px solid var(--theme-border,#0000001a);border-radius:16px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--theme-cardShadow,0 4px 12px #0000001a);overflow:hidden;transition:all .3s ease}.gallery-media-item:hover{box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;box-shadow:var(--theme-cardShadow,0 8px 24px #00000026,0 4px 12px #0000001a);transform:translateY(-5px)}.gallery-media-content{cursor:pointer;height:200px;overflow:hidden;position:relative;width:100%}.gallery-image-preview,.gallery-video-preview{align-items:center;background:#0000000d;background:var(--theme-secondaryBg,#0000000d);display:flex;height:100%;justify-content:center;width:100%}.gallery-video-preview{position:relative}.gallery-media-preview{max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease}.gallery-media-content:hover .gallery-media-preview{transform:scale(1.05)}.gallery-video-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.gallery-media-content:hover .gallery-video-overlay{opacity:1}.gallery-video-play-icon{color:#fff;font-size:48px;text-shadow:0 2px 8px #00000080}.gallery-image-id-display1,.gallery-video-id-display1{background:#fffc;background:var(--theme-headerBg,#fffc);border-top:1px solid #0000001a;border-top:1px solid var(--theme-border,#0000001a);bottom:0;color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-size:12px;left:0;overflow:hidden;padding:5px 10px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gallery-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.gallery-pagination-row{flex-direction:row}.gallery-pagination-btn{background:#66bb6a;background:var(--theme-buttonBg,#66bb6a);border:none;border-radius:20px;color:#fff;color:var(--theme-buttonText,#fff);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.gallery-pagination-btn:hover:not(:disabled){background:#81c784;background:var(--theme-buttonHover,#81c784)}.gallery-pagination-btn:disabled{background:#0000001a;background:var(--theme-border,#0000001a);color:#33691e;color:var(--theme-textSecondary,#33691e);cursor:not-allowed}.gallery-pagination-current-page{color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-weight:700}.gallery-pagination-total-page{color:#33691e;color:var(--theme-textSecondary,#33691e)}.gallery-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.gallery-empty-icon{font-size:64px;margin-bottom:16px;opacity:.7}.gallery-empty-text{color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-size:20px;margin-bottom:8px}.gallery-empty-subtext{color:#33691e;color:var(--theme-textSecondary,#33691e);font-size:16px}.gallery-preview-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.gallery-preview-modal.fullscreen{background:#000}.gallery-preview-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.gallery-preview-media{max-height:100%;max-width:100%;object-fit:contain}.gallery-preview-media.fullscreen-media{height:100vh;object-fit:contain;width:100vw}.gallery-fullscreen-video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gallery-fullscreen-video-wrapper.mobile{height:100vh;width:100vw}@media (max-width:768px){.gallery-upload-header{height:60px;padding:0 16px}.gallery-back-button{height:36px;width:120px}.gallery-back-text{font-size:18px}.gallery-session-info span{font-size:14px}.gallery-file-tab{font-size:14px;min-width:80px;padding:8px 12px}.gallery-all-photos-section{margin:16px auto 0;padding:16px}.gallery-photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-media-content{height:150px}.gallery-image-id-display1,.gallery-video-id-display1{font-size:10px}.mobile-recent-media{background:#fffc;background:var(--theme-containerBg,#fffc);border:1px solid #0000001a;border:1px solid var(--theme-border,#0000001a);border-radius:16px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--theme-cardShadow,0 4px 12px #0000001a);margin:20px 0;padding:15px}.mobile-recent-media-title{color:#2e7d32;color:var(--theme-textPrimary,#2e7d32);font-family:MUYAO-SOFTBRUSH,sans-serif;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.mobile-recent-media-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);justify-items:center}.mobile-recent-media-item{border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:transform .2s ease;width:40px}.mobile-recent-media-item:hover{transform:scale(1.05)}.mobile-recent-media-preview{height:100%;object-fit:cover;width:100%}.mobile-recent-video-preview{height:100%;position:relative;width:100%}.mobile-recent-video-play-icon{align-items:center;background:#0000004d;border-radius:50%;color:#fff;display:flex;font-size:12px;height:16px;justify-content:center;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%);width:16px}.mobile-recent-media-empty{color:#33691e;color:var(--theme-textSecondary,#33691e);font-size:14px;grid-column:span 6;padding:10px 0;text-align:center}}@font-face{font-family:MUYAO-SOFTBRUSH;font-style:normal;font-weight:400;src:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/fonts/song.ttf) format("truetype")}:root{--vh:1vh;--dvh:1dvh;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}@supports (height:100dvh){:root{--vh:1dvh}}.video-player-page{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);overflow-x:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);position:relative}.video-player-page,.video-player-page button,.video-player-page div,.video-player-page h1,.video-player-page h2,.video-player-page h3,.video-player-page h4,.video-player-page h5,.video-player-page h6,.video-player-page input,.video-player-page label,.video-player-page p,.video-player-page span,.video-player-page textarea{font-family:MUYAO-SOFTBRUSH,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.background-decoration{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.wave{animation:backgroundMove 25s linear infinite;background:radial-gradient(circle,#ffffff14 2px,#0000 0);background-size:60px 60px;height:200%;position:absolute;width:200%}.wave1{animation-delay:0s;background-size:40px 40px}.wave2{animation-delay:-8s;background-size:80px 80px;opacity:.5}.wave3{animation-delay:-16s;background-size:120px 120px;opacity:.3}@keyframes backgroundMove{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.video-player-page.loading{align-items:center;color:#fff;display:flex;justify-content:center}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}.video-player-page.error{align-items:center;display:flex;justify-content:center}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;padding:40px;text-align:center}.error-content h2{font-size:24px;margin:0 0 16px}.error-content p{margin:0 0 24px;opacity:.8}.player-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-bottom:1px solid #ffffff4d;justify-content:space-between;padding:max(20px,env(safe-area-inset-top,0px)) 30px 20px;padding-left:max(30px,env(safe-area-inset-left,0px));padding-left:max(30px,var(--safe-area-inset-left));padding-right:max(30px,env(safe-area-inset-right,0px));padding-right:max(30px,var(--safe-area-inset-right));padding-top:max(20px,var(--safe-area-inset-top));position:relative;z-index:10}.nav-back-btn,.player-header{align-items:center;display:flex}.nav-back-btn{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fae6;border:none;border-radius:25px;color:#2d5016;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 20px;transition:all .3s ease}.nav-back-btn:hover{background:#e8f5d3;transform:translateY(-2px)}.back-icon{font-size:16px;font-weight:700}.delete-video-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff453ae6;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 20px;transition:all .3s ease}.delete-video-btn:hover{background:#ff453a;box-shadow:0 4px 12px #ff453a4d;transform:translateY(-2px)}.delete-icon{font-size:16px}.session-info{align-items:center;color:#000;display:flex;gap:8px}.session-label{font-size:14px;opacity:.8}.session-id{background:#fff3;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:1px;padding:4px 12px}.player-main{align-items:center;display:flex;justify-content:center;min-height:auto;padding:40px 20px;position:relative;top:100px;z-index:1}.player-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:900px;padding:0 40px 40px;width:100%}.video-info{margin-bottom:30px;text-align:center}.video-avatar{display:inline-block;height:75px;margin-bottom:5px;position:relative;width:75px}.avatar-icon{align-items:center;background:#f3fadf;border:2px solid #e2f5c2;border-radius:50%;box-shadow:0 8px 32px 0 #4ac9672e,0 2px 8px 0 #4ac9671a,0 0 0 8px #f3fadf,0 0 0 20px #f7fbe9;color:#7bbd5a;cursor:pointer;display:flex;font-size:60px;height:120px;justify-content:center;left:25%;position:absolute;top:-20%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;width:120px;z-index:25}.avatar-icon:hover{background:#eaf7d0;box-shadow:0 16px 40px 0 #4ac96738,0 0 0 8px #eaf7d0,0 0 0 20px #f3fadf;transform:translate(-50%,-50%) scale(1.05)}.video-title{color:#2d5016;font-size:28px;font-weight:600;margin-bottom:20px;word-break:break-word}.video-metadata{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.metadata-item{align-items:center;display:flex;flex-direction:column;gap:4px}.metadata-item .label{color:#666;font-size:12px;opacity:.8}.metadata-item .value{color:#2d5016;font-size:14px;font-weight:600}.video-container{height:460px;margin-top:90px;position:relative}.video-element{background:#000;border-radius:12px;cursor:pointer;height:460px;max-height:50vh;width:100%}.external-controls{background:#f8fae6;border-radius:16px;box-shadow:0 4px 12px #4ac9671a;margin-top:10px;padding:16px}.compact-controls{margin-top:15px}.control-row{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin-bottom:15px}.speed-control{flex:0 0 auto;min-width:120px}.control-label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:8px;text-align:center}.speed-selector{position:relative}.current-speed-btn{background:#f1fad3;border:2px solid #cce7b0;border-radius:12px;color:#4ac967;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;text-align:center;transition:all .3s ease;width:100%}.current-speed-btn:hover{background:#e8f5d3;border-color:#4ac967}.speed-dropdown{background:#fff;border:2px solid #cce7b0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:100}.speed-option{background:none;border:none;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;text-align:center;transition:background .2s ease;width:100%}.speed-option:hover{background:#f1fad3}.speed-option.active{background:#4ac967;color:#fff}.fullscreen-control{margin-top:25px}.fullscreen-btn{background:#f1fad3;border:2px solid #cce7b0;border-radius:12px;color:#2d5016;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.fullscreen-btn:hover{background:#e8f5d3;border-color:#4ac967;transform:translateY(-1px)}@media (max-width:768px){.video-player-page{padding:8px}.player-header{flex-wrap:wrap;gap:10px;padding:15px 20px;z-index:15}.delete-video-btn,.nav-back-btn{font-size:12px;min-height:40px;padding:10px 16px}.session-info{flex-basis:100%;font-size:11px;margin-top:8px;text-align:center}.player-main{min-height:calc(100vh + 100px);min-height:calc(var(--vh, 1vh)*100 + 100px);padding:20px 12px}.player-container{border-radius:20px;margin:0 auto;max-height:calc(100vh + 100px);max-height:calc(var(--vh, 1vh)*100 + 100px);max-width:95%;padding:70px 16px 20px}.video-info{margin-bottom:15px}.avatar-icon{font-size:32px;height:65px;top:-32px;width:65px;z-index:35}.video-title{font-size:20px;margin-bottom:15px}.video-metadata{gap:20px}.metadata-item .label{font-size:11px}.metadata-item .value{font-size:13px}.video-element{border-radius:8px;max-height:35vh}.external-controls{border-radius:12px;margin-top:8px;padding:12px}.main-controls{gap:20px;margin-bottom:12px}.control-btn{gap:4px;padding:8px}.skip-btn .btn-label{font-size:11px}.compact-controls{margin-top:12px}.control-row{gap:15px;margin-bottom:12px}.speed-control{min-width:100px}.control-label{font-size:13px;margin-bottom:6px}.current-speed-btn,.speed-option{font-size:12px;padding:8px 12px}.fullscreen-btn{font-size:12px;padding:10px 20px}.fullscreen-control{display:none}}@media (max-width:480px){.video-player-page{padding:8px}.player-header{gap:8px;padding:12px 15px}.delete-video-btn,.nav-back-btn{font-size:11px;min-height:36px;padding:8px 12px}.session-info{font-size:10px}.player-main{padding:15px 10px}.player-container{padding:15px 12px;z-index:1}.avatar-icon{font-size:35px;height:70px;left:40%;top:-10%;width:70px;z-index:25}.video-element{max-height:30vh}.external-controls{padding:10px}.main-controls{gap:15px;margin-bottom:10px}.control-btn{padding:6px}.compact-controls{margin-top:10px}.control-row{gap:12px;margin-bottom:10px}.control-label{font-size:12px;margin-bottom:5px}.current-speed-btn,.speed-option{font-size:11px;padding:6px 10px}.skip-btn .btn-label{font-size:10px}}@media (max-width:375px){.video-player-page{padding:5px}.player-main{padding:10px 8px}.player-container{padding:12px 10px}.video-element{max-height:28vh}.external-controls{padding:8px}.main-controls{gap:12px}.avatar-icon{font-size:30px;height:60px;top:20%;width:60px;z-index:25}.speed-control{min-width:80px}.control-label{font-size:11px}.current-speed-btn,.speed-option{font-size:10px;padding:5px 8px}}@media (max-width:768px) and (orientation:landscape){.video-element{max-height:60vh}.player-main{min-height:calc(100vh - 40px);min-height:calc(var(--vh, 1vh)*100 - 40px);padding:10px}.control-row{flex-direction:row}.external-controls{margin-top:5px}}.video-player-page:fullscreen{background:#000}.video-player-page:fullscreen .video-element{max-height:100vh}.progress-section{margin-bottom:15px;margin-top:10px}.progress-container{background:#4ac96733;border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ac967;border-radius:50%;box-shadow:0 2px 8px #4ac96766;cursor:pointer;height:18px;position:relative;width:18px;z-index:2}.progress-slider::-webkit-slider-thumb:hover{background:#88d982;box-shadow:0 4px 12px #4ac96799}.progress-fill{background:linear-gradient(90deg,#4ac967,#88d982);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .2s ease;z-index:1}.main-controls{justify-content:center;margin-bottom:15px}.control-btn,.main-controls{align-items:center;display:flex}.control-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:100px;color:#333;cursor:pointer;flex-direction:column;gap:6px;min-height:44px;padding:12px;transition:all .3s ease}.control-btn:hover{background:#4ac9671a;transform:translateY(-2px)}.skip-btn .btn-icon{font-size:20px}.skip-btn .btn-label{color:#666;font-size:12px;font-weight:600}.play-box{background:linear-gradient(135deg,#4ac967,#88d982);border-radius:30%;color:#fff;transform:translateY(0)}.play-box:hover{background:linear-gradient(135deg,#88d982,#4ac967);box-shadow:0 10px 25px #4ac96780;transform:translateY(-2px) scale(1.05)}.play-box .btn-icon{font-size:28px}.play-box.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 6px 20px #4ac96766}50%{box-shadow:0 10px 30px #4ac96799}to{box-shadow:0 6px 20px #4ac96766}}@supports (-webkit-touch-callout:none){.video-element{-webkit-appearance:none!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background-color:#000!important;object-fit:contain!important;outline:none!important;transform:translateZ(0)!important}.video-element::-webkit-media-controls{-webkit-appearance:none!important;display:block!important}.video-element::-webkit-media-controls-panel{-webkit-appearance:none!important;background-color:#000c!important}.video-player-page:-webkit-full-screen .video-element{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background-color:#000!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;object-fit:contain!important;transform:translateZ(0)!important;width:100vw!important}.video-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000;transform:translateZ(0)}@media (orientation:landscape){.video-element{max-height:90vh!important}}@media (max-width:768px){.video-element{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.external-controls{transform:translateZ(0)}}}@keyframes iosVideoLoad{0%{opacity:0;transform:scale(.95) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@media (max-width:768px){.video-container{height:320px;max-height:320px}.video-element{animation:iosVideoLoad .3s ease-out;height:320px}}@media (prefers-color-scheme:dark){.video-container,.video-element{background-color:#000!important}}@media (max-width:768px){.comments-container{border-radius:15px;margin:20px 15px;padding:0 15px}.video-player-page{padding-bottom:20px}}@media (min-width:769px) and (max-width:1024px){.comments-container{margin:30px auto;max-width:90%}}.memory-timeline{background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border-radius:12px;height:100%;overflow-y:auto;padding-right:8px;width:100%}.memory-timeline.memory-page .add-event-section{display:none!important}.memory-page .add-event-btn,.memory-page .add-event-section,.memory-page .delete-event-btn{display:none!important;height:0!important;margin:0!important;opacity:0!important;padding:0!important;visibility:hidden!important;width:0!important}.add-event-section{margin-bottom:24px;text-align:center}.add-event-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:30px;box-shadow:0 6px 16px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s}.add-event-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-event-btn:hover{box-shadow:0 8px 20px #ff6b6b66;transform:translateY(-3px)}.add-event-btn:hover:before{left:100%}.add-event-btn:active{transform:translateY(-1px)}.event-form{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 24px #00000014;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.event-form:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#ff6b6b,#ff8e53,#ff6b6b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.event-form h3{color:#333;font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0;position:relative;text-align:center}.event-form h3:after{background:linear-gradient(90deg,#ff6b6b,#ff8e53);border-radius:3px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-group{margin-bottom:20px}.form-group label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-size:14px;padding:14px 16px;transition:all .3s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;outline:none;transform:translateY(-2px)}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.icon-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.icon-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-option:hover{border-color:#ff6b6b;transform:scale(1.1)}.icon-option.selected{background:#ff6b6b1a;border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b33}.color-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-option{border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;height:32px;position:relative;transition:all .2s;width:32px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;box-shadow:0 0 0 2px #0000001a}.color-option.selected:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translate(-50%,-50%)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 12px #ff6b6b4d}.submit-btn:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.cancel-btn{background:#f8f9fa;border:2px solid #e9ecef;color:#666}.cancel-btn:hover{background:#e9ecef}.timeline-list{padding-left:15px;position:relative}.timeline-item{align-items:flex-start;border-radius:12px;cursor:pointer;display:flex;margin-bottom:24px;padding:12px;position:relative;transition:all .3s ease}.timeline-item:hover{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);transform:translateX(4px)}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:#4ac967;background:var(--theme-primary,#4ac967);border:3px solid #ffffe6;border:3px solid var(--theme-containerBg,#ffffe6);border-radius:50%;box-shadow:0 2px 8px #2d501626;box-shadow:0 2px 8px var(--theme-shadow,#2d501626);flex-shrink:0;height:14px;left:-7px;position:absolute;top:16px;width:14px;z-index:2}.timeline-dot-inner{background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border-radius:50%;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.timeline-line{background:linear-gradient(180deg,#4ac967 0,#4ac9671a);background:linear-gradient(to bottom,var(--theme-primary,#4ac967) 0,#4ac9671a 100%);bottom:-24px;left:-1px;opacity:.3;position:absolute;top:30px;width:2px;z-index:1}.timeline-content{align-items:center;display:flex;gap:12px;margin-left:16px;width:100%}.timeline-icon{align-items:center;background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.timeline-info{flex:1 1;min-width:0}.timeline-title{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-family:Muyao-Softbrush-Regular,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px}.timeline-time{font-size:12px;margin-bottom:2px}.timeline-session,.timeline-time{color:#333;color:var(--theme-textSecondary,#333)}.timeline-session{font-size:11px;opacity:.8}.timeline-preview{background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.preview-image,.preview-video{border-radius:8px;height:100%;object-fit:cover;width:100%}.timeline-item.audio .timeline-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d}.timeline-item.image .timeline-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f64d}.timeline-item.video .timeline-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#9333ea4d}.timeline-item.major-event{background:#ff6b6b0d;border-left:4px solid #ff6b6b;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:16px;position:relative}.timeline-item.major-event:hover{background:#ff6b6b1a;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.timeline-item.major-event .timeline-dot{background-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b33;height:16px;width:16px}.timeline-item.major-event .timeline-dot-inner{background-color:#fff;height:8px;width:8px}.timeline-item.major-event .timeline-icon{background-color:#fff;border:2px solid #ff6b6b33;border-radius:50%;box-shadow:0 2px 8px #ff6b6b33;color:#ff6b6b;font-size:24px;height:40px;width:40px}.timeline-item.major-event .timeline-title{color:#333;font-size:16px;font-weight:700;margin-bottom:6px}.timeline-item.major-event .timeline-time{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.timeline-item.major-event .timeline-description{background:#ffffffb3;border-left:3px solid #ff6b6b;border-radius:8px;color:#444;font-size:14px;line-height:1.5;margin-top:8px;padding:8px 12px}.delete-event-btn{background-color:#ff4757;border:none;border-radius:20px;box-shadow:0 2px 4px #ff475733;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:8px 16px;transition:all .2s}.delete-event-btn:hover{background-color:#ff3838;box-shadow:0 4px 8px #ff47574d;transform:translateY(-1px)}.timeline-loading{align-items:center;color:#333;color:var(--theme-textSecondary,#333);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-top:3px solid #4ac967;border:3px solid var(--theme-border,#ffffff4d);border-radius:50%;border-top-color:var(--theme-primary,#4ac967);height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timeline-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-family:Muyao-Softbrush-Regular,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px}.empty-desc,.empty-text{color:#333;color:var(--theme-textSecondary,#333)}.empty-desc{font-size:14px;opacity:.8}@media (max-width:768px){.timeline-item{margin-bottom:20px;overflow-y:hidden;padding:8px}.timeline-content{gap:8px;margin-left:12px}.timeline-icon{font-size:18px;height:28px;width:28px}.timeline-title{font-size:13px}.timeline-time{font-size:11px}.timeline-session{font-size:10px}.timeline-preview{height:36px;width:36px}}@media (max-width:480px){.memory-timeline{padding-right:4px}.timeline-list{padding-left:12px}.timeline-item{margin-bottom:16px;padding:6px}.timeline-content{gap:6px;margin-left:10px}.timeline-icon{font-size:16px;height:24px;width:24px}.timeline-preview{height:32px;width:32px}}.memory-timeline::-webkit-scrollbar{width:6px}.memory-timeline::-webkit-scrollbar-track{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);border-radius:3px}.memory-timeline::-webkit-scrollbar-thumb{background:#4ac967;background:var(--theme-primary,#4ac967);border-radius:3px;opacity:.3}.memory-timeline::-webkit-scrollbar-thumb:hover{background:#4ac967;background:var(--theme-primary,#4ac967);opacity:.5}.timeline-filters{background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:12px;margin-bottom:20px;padding:16px}.filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-toggle-btn{background:#4ac967;background:var(--theme-primary,#4ac967);border:none;border-radius:8px;box-shadow:0 2px 8px #2d501626;box-shadow:0 2px 8px var(--theme-shadow,#2d501626);color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.filter-toggle-btn:hover{box-shadow:0 4px 12px #2d501633;box-shadow:0 4px 12px var(--theme-shadow,#2d501633);transform:translateY(-2px)}.sync-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-left:12px;padding:8px 16px;transition:all .3s ease}.sync-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.sync-btn:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed}.sync-btn.syncing{pointer-events:none;position:relative}.sync-btn.syncing:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin:auto;position:absolute;width:16px}.date-filter-panel{background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);border-radius:8px;margin-top:16px;padding:16px}.date-inputs{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.date-input-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.date-input-group label{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:12px;font-weight:600}.date-input-group input[type=date]{background:#ffffe6;background:var(--theme-containerBg,#ffffe6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:6px;color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:14px;padding:8px 12px;transition:all .3s ease}.date-input-group input[type=date]:focus{border-color:#4ac967;border-color:var(--theme-primary,#4ac967);box-shadow:0 0 0 3px #ffffff59;box-shadow:0 0 0 3px var(--theme-buttonHover,#ffffff59);outline:none}.filter-actions{display:flex;gap:12px;justify-content:flex-end}.apply-filter-btn,.clear-filter-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.apply-filter-btn{background:#4ac967;background:var(--theme-primary,#4ac967);box-shadow:0 2px 8px #2d501626;box-shadow:0 2px 8px var(--theme-shadow,#2d501626);color:#fff;color:var(--theme-textLight,#fff)}.apply-filter-btn:hover{box-shadow:0 4px 12px #2d501633;box-shadow:0 4px 12px var(--theme-shadow,#2d501633);transform:translateY(-1px)}.clear-filter-btn{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);color:#333;color:var(--theme-textSecondary,#333)}.clear-filter-btn:hover{background:#ffffff80;background:var(--theme-buttonHover,#ffffff80)}.clear-filter-btn:hover,.timeline-stats{color:#2d5016;color:var(--theme-textPrimary,#2d5016)}.timeline-stats{background:#ffffff59;background:var(--theme-buttonHover,#ffffff59);border-left:4px solid #4ac967;border-left:4px solid var(--theme-primary,#4ac967);border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.filter-info{color:#333;color:var(--theme-textSecondary,#333);font-size:13px;margin-left:12px}.timeline-pagination{align-items:center;background:#f8fae6;background:var(--theme-buttonBg,#f8fae6);border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.pagination-btn{background:#4ac967;background:var(--theme-primary,#4ac967);border:none;border-radius:6px;box-shadow:0 2px 8px #2d501626;box-shadow:0 2px 8px var(--theme-shadow,#2d501626);color:#fff;color:var(--theme-textLight,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #2d501633;box-shadow:0 4px 12px var(--theme-shadow,#2d501633);transform:translateY(-1px)}.pagination-btn:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed}.pagination-info{color:#2d5016;color:var(--theme-textPrimary,#2d5016);font-size:14px;font-weight:600;min-width:120px;text-align:center}@media (max-width:768px){.timeline-filters{margin-bottom:16px;padding:12px}.filter-buttons{align-items:stretch;flex-direction:column}.sync-btn{margin-left:0;margin-top:8px}.date-inputs{flex-direction:column;gap:12px}.date-input-group{min-width:auto}.filter-actions{justify-content:center}.timeline-pagination{gap:12px;padding:12px}.pagination-info{font-size:13px;min-width:100px}}@media (max-width:480px){.timeline-filters{margin-bottom:12px;padding:8px}.date-filter-panel{margin-top:12px;padding:12px}.filter-actions,.timeline-pagination{flex-direction:column;gap:8px}.timeline-pagination{padding:8px}.pagination-btn{font-size:13px;padding:6px 12px}}.miniprogram-tab-bar{background:#fff;border-top:1px solid #e5e5e5;bottom:0;box-shadow:0 -2px 10px #0000001a;height:10vh;justify-content:space-around;left:0;position:fixed;right:0;z-index:1000}.miniprogram-tab-bar,.tab-item{align-items:center;display:flex}.tab-item{cursor:pointer;flex:1 1;flex-direction:column;height:100%;justify-content:center;position:relative;transition:all .3s ease}.tab-item:hover{background-color:#f8f9fa}.tab-item.active{color:#3bb6a6}.tab-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-bottom:4px;width:24px}.tab-icon-img{height:20px;object-fit:contain;width:20px}.profile-icon{color:#666;font-size:20px;transition:color .3s ease}.tab-item.active .profile-icon{color:#3bb6a6}.tab-text{color:#666;font-size:12px;font-weight:500;transition:color .3s ease}.tab-item.active .tab-text{color:#3bb6a6;font-weight:600}@media (max-width:768px){.miniprogram-tab-bar{height:10vh}.tab-icon{height:20px;margin-bottom:2px;width:20px}.tab-icon-img{height:18px;width:18px}.tab-text{font-size:10px}}.miniprogram-layout{display:flex;flex-direction:column;height:100vh;width:100%}.miniprogram-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:60px}@media (max-width:768px){.miniprogram-content{padding-bottom:50px}}.miniprogram-content.no-tabbar{padding-bottom:0}@supports (padding-bottom:env(safe-area-inset-bottom)){.miniprogram-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.miniprogram-content.no-tabbar{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:768px){.miniprogram-content{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.miniprogram-content.no-tabbar{padding-bottom:env(safe-area-inset-bottom)}}}.user-code-input-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow-y:hidden!important;padding:20px}.user-code-input-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.input-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:10px}.input-header p{color:#7f8c8d;font-size:1rem}.input-form,.input-header p{margin-bottom:30px}.input-group{margin-bottom:20px}.user-code-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#2c3e50;font-size:1.2rem;font-weight:600;letter-spacing:2px;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.user-code-input:focus{border-color:#3bb6a6;box-shadow:0 0 0 3px #3bb6a61a;outline:none}.user-code-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.user-code-input::placeholder{color:#bdc3c7;letter-spacing:1px}.error-message{color:#e74c3c;font-size:.9rem;margin-top:8px;text-align:center}.submit-btn{background:linear-gradient(135deg,#3bb6a6,#2c9aa8);border:none;border-radius:12px;box-shadow:0 4px 15px #3bb6a64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 20px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #3bb6a666;transform:translateY(-2px)}.submit-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.input-footer{text-align:center}.code-format{color:#7f8c8d;font-size:.9rem;margin-bottom:5px}.code-example{color:#95a5a6;font-size:.8rem;font-style:italic}@media (max-width:768px){.user-code-input-container{padding:10px}.user-code-input-card{padding:30px 20px}.input-header h2{font-size:1.5rem}.input-header p{font-size:.9rem}.user-code-input{font-size:1.1rem;padding:12px 15px}.submit-btn{font-size:1rem;padding:12px 15px}}@media (max-width:375px){.user-code-input-card{padding:25px 15px}.input-header h2{font-size:1.3rem}}.environment-test{background:#f8f9fa;border-radius:10px;font-family:Arial,sans-serif;margin:20px;padding:20px}.environment-test h2{color:#2c3e50;margin-bottom:20px;text-align:center}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.info-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:10px}.info-item.full-width{align-items:flex-start;flex-direction:column;gap:5px;grid-column:1/-1}.label{color:#34495e;font-weight:600}.label,.value{font-size:14px}.value{color:#3bb6a6;font-weight:500}.info-item.full-width .value{color:#7f8c8d;font-size:12px;word-break:break-all}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.environment-test{margin:10px;padding:15px}}.navigation-test{background:#f8f9fa;border-radius:10px;font-family:Arial,sans-serif;margin:20px;padding:20px}.navigation-test h3{color:#2c3e50;margin-bottom:15px;text-align:center}.test-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.test-info p{font-size:14px;margin:8px 0;word-break:break-all}.test-info strong{color:#34495e}.test-btn{background:#3bb6a6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px}.test-btn:hover{background:#2c9aa8}.user-profile-page{background:linear-gradient(135deg,#ffecd2,#fcb69f);min-height:100vh;padding:20px 20px 80px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0 20px}.header-title{color:#333;font-size:24px;font-weight:700}.header-actions{display:flex;gap:12px}.action-icon{align-items:center;background:#fffc;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-icon:hover{background:#fff;transform:scale(1.1)}.user-info-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;justify-content:space-between;margin-bottom:16px;padding:20px}.user-avatar,.user-info-card{align-items:center;display:flex;position:relative}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:16px;width:60px}.avatar-icon{color:#fff;font-size:24px}.avatar-placeholder img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-icon{bottom:-5px;color:#4caf50;font-size:16px;position:absolute;right:10px}.user-details{flex:1 1;margin-left:16px}.user-id{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.user-type{background:#f5f5f5;border-radius:12px;color:#999;display:inline-block;font-size:14px;padding:4px 12px}.logout-section{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .3s ease}.logout-section:hover{background-color:#f5f5f5}.logout-text{color:#666;font-size:14px}.logout-arrow{color:#999;font-size:12px}.membership-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.membership-left{align-items:center;display:flex;flex:1 1}.crown-icon{color:gold;font-size:24px;margin-right:16px}.membership-info{flex:1 1}.membership-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.membership-benefits{color:#fffc;font-size:12px;line-height:1.4}.activate-btn{background:gold;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.activate-btn:hover{background:#ffc700;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.orders-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.order-status-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.order-status-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 8px;transition:all .3s ease}.order-status-item:hover{background:#f9f9f9;transform:translateY(-2px)}.status-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:48px}.order-status-item:hover .status-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-text{color:#333;font-size:12px;font-weight:500;text-align:center}.function-list{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:8px 0}.function-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;height:60px;overflow-y:hidden;padding:16px 20px;transition:background-color .3s ease}.function-item:last-child{border-bottom:none}.function-item:hover{background-color:#f9f9f9}.function-icon{font-size:20px;margin-right:16px;text-align:center;width:24px}.function-text{color:#333;flex:1 1;font-size:16px}.function-arrow{color:#999;font-size:14px}@media (max-width:768px){.user-profile-page{padding:16px 16px 80px}.profile-header{padding:8px 0 16px}.header-title{font-size:22px}.action-icon{font-size:14px;height:28px;width:28px}.user-info-card{padding:16px}.avatar-placeholder{height:50px;width:50px}.avatar-icon{font-size:20px}.user-id{font-size:16px}.membership-card{padding:16px}.membership-title{font-size:16px}.activate-btn{font-size:13px;padding:8px 16px}.orders-section{padding:16px}.section-title{font-size:16px}.order-status-grid{gap:16px}.status-icon{height:40px;width:40px}.status-text{font-size:11px}.function-item{padding:14px 16px}.function-text{font-size:15px}}@media (max-width:480px){.user-profile-page{padding:12px}.header-title{font-size:20px}.user-info-card{padding:12px}.avatar-placeholder{height:45px;width:45px}.user-details{margin-left:12px}.user-id{font-size:15px}.user-type{font-size:12px;padding:3px 8px}.membership-card{padding:12px}.crown-icon{font-size:20px;margin-right:12px}.membership-title{font-size:15px}.membership-benefits{font-size:11px}.activate-btn{font-size:12px;padding:6px 12px}.orders-section{padding:12px}.order-status-grid{gap:12px}.status-icon{height:36px;width:36px}.status-text{font-size:10px}.function-item{padding:12px}.function-icon{font-size:18px;margin-right:12px}.function-text{font-size:14px}}.ai-conversation-page{background-image:url(https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png);background-image:var(--theme-backgroundImage,url("https://tangledup-ai-staging.oss-cn-shanghai.aliyuncs.com/uploads/memory_fount/images/background2.png"));background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--theme-textLight,#fff);min-height:100vh}.ai-page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e7d324d;background:var(--theme-headerBg,#2e7d324d);border-bottom:1px solid #4caf504d;border-bottom:1px solid var(--theme-border,#4caf504d);padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ai-page-nav{justify-content:space-between;margin:0 auto;max-width:1400px}.ai-page-actions,.ai-page-nav{align-items:center;display:flex}.ai-page-actions{gap:15px}.back-btn{align-items:center;background:#388e3c80;background:var(--theme-buttonBg,#388e3c80);border:1px solid #4caf5099;border:1px solid var(--theme-border,#4caf5099);border-radius:25px;color:#fff;color:var(--theme-buttonText,#fff);cursor:pointer;font-size:28px;font-weight:600;gap:16px;padding:20px 40px;transition:all .3s ease}.back-btn:hover{background:#4caf5066;background:var(--theme-buttonHover,#4caf5066);transform:translateY(-2px)}.back-icon{font-size:36px}.ai-page-title{align-items:center;color:#fff;color:var(--theme-textPrimary,#fff);display:flex;font-size:48px;font-weight:700;gap:24px}.ai-icon{font-size:56px}.user-code-display{background:#388e3c80;background:var(--theme-buttonBg,#388e3c80);border:1px solid #4caf5099;border:1px solid var(--theme-border,#4caf5099);border-radius:20px;color:#e8f5e9;color:var(--theme-buttonText,#e8f5e9);font-size:28px;font-weight:600;padding:16px 32px}.ai-page-content{display:flex;justify-content:center;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:20px}.ai-conversation-main-full{background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-width:100%;min-height:calc(100vh - 120px);padding:30px;width:100%}.ai-conversation-main-full,.conversation-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.conversation-info-panel{background:#2e7d3233;background:var(--theme-secondaryBg,#2e7d3233);border:1px solid #4caf504d;border:1px solid var(--theme-border,#4caf504d);margin-bottom:30px;padding:25px}.conversation-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.status-indicator{align-items:center;border-radius:30px;display:flex;font-size:28px;font-weight:600;gap:10px;height:auto;padding:12px 24px;width:auto}.status-indicator.active{background:#4caf504d;background:var(--theme-primary,#4caf504d);border:2px solid #66bb6a;border:2px solid var(--theme-primaryHover,#66bb6a);color:#81c784;color:var(--theme-primaryHover,#81c784)}.status-indicator.inactive{background:#388e3c33;background:var(--theme-secondaryBg,#388e3c33);border:2px solid #4caf504d;border:2px solid var(--theme-border,#4caf504d);color:#fff;color:var(--theme-textLight,#fff)}.conversation-timer{color:#fff;color:var(--theme-textPrimary,#fff);font-size:32px;font-weight:600}.conversation-controls{background:#2e7d3226;background:var(--theme-secondaryBg,#2e7d3226);border:1px solid #4caf504d;border:1px solid var(--theme-border,#4caf504d);border-radius:15px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:25px;padding:15px}.ai-control-btn{align-items:center;background:#388e3c4d;background:var(--theme-buttonBg,#388e3c4d);border:2px solid #4caf5066;border:2px solid var(--theme-border,#4caf5066);border-radius:20px;color:#e8f5e9;color:var(--theme-buttonText,#e8f5e9);cursor:pointer;display:flex;font-size:28px;font-weight:600;gap:12px;justify-content:center;min-width:180px;padding:20px 30px;transition:all .3s ease}.ai-control-btn:hover:not(:disabled){transform:translateY(-3px)}.ai-control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-control-btn.start-btn:not(:disabled){background:#4caf5066;background:var(--theme-primary,#4caf5066);border-color:#66bb6a;border-color:var(--theme-primaryHover,#66bb6a);box-shadow:0 4px 12px #4caf504d;box-shadow:0 4px 12px var(--theme-shadow,#4caf504d)}.ai-control-btn.start-btn:not(:disabled):hover{background:#4caf5099;background:var(--theme-primaryHover,#4caf5099);box-shadow:0 8px 20px #4caf5066;box-shadow:0 8px 20px var(--theme-shadow,#4caf5066);transform:translateY(-3px)}.ai-control-btn.end-btn:not(:disabled){background:#d32f2f66;border-color:#e53935;box-shadow:0 4px 12px #d32f2f4d}.ai-control-btn.end-btn:not(:disabled):hover{background:#d32f2f99;box-shadow:0 8px 20px #d32f2f66;transform:translateY(-3px)}.ai-control-btn.mute-btn:not(:disabled){background:#4caf5066;background:var(--theme-primary,#4caf5066);border-color:#66bb6a;border-color:var(--theme-primaryHover,#66bb6a);box-shadow:0 4px 12px #4caf504d;box-shadow:0 4px 12px var(--theme-shadow,#4caf504d)}.ai-control-btn.mute-btn:not(:disabled):hover{background:#4caf5099;background:var(--theme-primaryHover,#4caf5099);box-shadow:0 8px 20px #4caf5066;box-shadow:0 8px 20px var(--theme-shadow,#4caf5066);transform:translateY(-3px)}.ai-control-btn.mute-btn:not(:disabled).muted{background:#8bc34a66;background:var(--theme-tertiary,#8bc34a66);border-color:#8bc34a;box-shadow:0 4px 12px #8bc34a4d}.ai-control-btn.mute-btn:not(:disabled).muted:hover{background:#8bc34a99;box-shadow:0 8px 20px #8bc34a66;transform:translateY(-3px)}.ai-control-btn.stop-btn:not(:disabled){background:#d32f2f66;background:var(--theme-accent,#d32f2f66);border-color:#e53935;box-shadow:0 4px 12px #d32f2f4d}.ai-control-btn.stop-btn:not(:disabled):hover{background:#d32f2f99;box-shadow:0 8px 20px #d32f2f66;transform:translateY(-3px)}.btn-icon{align-items:center;display:flex;font-size:32px;height:32px;justify-content:center;width:32px}.btn-text{font-size:24px;font-weight:600;text-align:center}.realtime-conversation-wrapper{border-radius:20px;box-shadow:0 12px 32px #0003;box-shadow:var(--theme-cardShadow,0 12px 32px #0003);display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 320px);min-height:400px;overflow:hidden}.conversation-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;position:relative}.conversation-messages{background:#00000040;background:var(--theme-secondaryBg,#00000040);background-image:linear-gradient(#00000040,#00000040),linear-gradient(135deg,#2e7d321a,#1b5e201a);background-image:linear-gradient(var(--theme-secondaryBg,#00000040),var(--theme-secondaryBg,#00000040)),linear-gradient(135deg,var(--theme-primary,#2e7d321a) 0,var(--theme-secondary,#1b5e201a) 100%);border:1px solid #ffffff26;border:1px solid var(--theme-border,#ffffff26);border-radius:15px;flex:1 1;min-height:0;overflow-y:auto;padding:25px;scroll-behavior:smooth}.empty-conversation{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;margin-top:15%;text-align:center}.empty-conversation .empty-icon{color:#a5d6a7;color:var(--theme-tertiary,#a5d6a7);font-size:128px;margin-bottom:40px;opacity:.7}.empty-conversation p{color:#e8f5e9;color:var(--theme-textLight,#e8f5e9);font-size:36px;margin-bottom:40px}.conversation-tips{background:#2e7d3226;background:var(--theme-secondaryBg,#2e7d3226);border:1px solid #4caf5033;border:1px solid var(--theme-border,#4caf5033);border-radius:12px;max-width:400px;padding:20px;text-align:left}.conversation-tips p{color:#e8f5e9;color:var(--theme-textLight,#e8f5e9);font-size:28px;font-weight:600;margin:0 0 24px}.conversation-tips ul{margin:0;padding-left:40px}.conversation-tips li{color:#e8f5e9e6;color:var(--theme-textSecondary,#e8f5e9e6);font-size:28px;margin-bottom:16px}.message{align-items:flex-start;animation:fadeIn .3s ease-in-out;display:flex;margin-bottom:25px;max-width:80%;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{border:2px solid #ffffff4d;border:2px solid var(--theme-border,#ffffff4d);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.message.user{flex-direction:row-reverse;margin-left:auto}.message.user .message-avatar{margin-left:10px;margin-right:0}.message.ai,.message.assistant{margin-right:auto}.message.ai .message-avatar,.message.assistant .message-avatar{margin-left:0;margin-right:10px}.message.system{background:#ffffff26;background:var(--theme-secondaryBg,#ffffff26);border-radius:30px;font-size:26px;font-style:italic;justify-content:center;margin:15px auto;max-width:60%;opacity:.8;padding:12px 20px;text-align:center}.message.error{background:#d32f2f33;border-bottom-left-radius:5px;border-right:3px solid #d32f2f99;margin-right:auto}.message-content-wrapper{border-radius:18px;box-shadow:0 4px 12px #00000026;box-shadow:var(--theme-shadow,0 4px 12px #00000026);max-width:calc(100% - 60px);padding:16px 20px}.message.user .message-content-wrapper{background:linear-gradient(135deg,#4caf5080,#388e3c80);background:linear-gradient(135deg,var(--theme-primary,#4caf5080) 0,var(--theme-secondary,#388e3c80) 100%);border-bottom-right-radius:5px;border-left:3px solid #81c784e6;border-left:3px solid var(--theme-tertiary,#81c784e6);box-shadow:0 6px 16px #00000040;box-shadow:var(--theme-shadow,0 6px 16px #00000040)}.message.ai .message-content-wrapper,.message.assistant .message-content-wrapper{background:linear-gradient(135deg,#66bb6a80,#43a04780);background:linear-gradient(135deg,var(--theme-tertiary,#66bb6a80) 0,var(--theme-primary,#43a04780) 100%);border-bottom-left-radius:5px;border-right:3px solid #66bb6ae6;border-right:3px solid var(--theme-tertiary,#66bb6ae6);box-shadow:0 6px 16px #00000040;box-shadow:var(--theme-shadow,0 6px 16px #00000040)}.message-content{word-wrap:break-word;color:#fff;color:var(--theme-textPrimary,#fff);font-size:30px;line-height:1.6}.no-book-selected{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.no-book-selected .empty-icon{font-size:160px;margin-bottom:40px;opacity:.6}.no-book-selected h3{color:#fff;font-size:48px;margin:0 0 30px}.no-book-selected p{font-size:32px;max-width:400px;opacity:.8}@media (max-width:1024px){.ai-page-content{gap:15px;grid-template-columns:300px 1fr;padding:15px}.ai-conversation-main{padding:20px}.book-info-header{flex-direction:column;gap:15px}.conversation-controls{gap:15px;padding:12px}.ai-control-btn{min-width:150px;padding:15px 20px}.btn-text{font-size:20px}.btn-icon{font-size:24px;height:24px;width:24px}.ai-conversation-main-full{min-height:calc(100vh - 170px);padding:20px}.realtime-conversation-wrapper{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 320px);min-height:350px}.conversation-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.conversation-messages{flex:1 1;max-height:none;min-height:0;overflow-y:auto;padding:20px}.message{margin-bottom:18px}.message-content{font-size:28px}.message-time{font-size:20px}}@media (max-width:768px){.ai-page-content{gap:15px;grid-template-columns:1fr;padding:10px}.ai-books-sidebar{max-height:300px}.ai-page-header{padding:8px 12px}.ai-page-nav{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;text-align:center}.back-btn{align-items:center;border-radius:20px;display:flex;font-size:18px;gap:6px;justify-content:center;min-width:70px;padding:8px 16px}.back-icon{font-size:20px}.ai-page-title{flex:1 1;font-size:24px;gap:8px;overflow:hidden;text-align:center}.ai-page-title .ai-icon img{height:32px;width:32px}.ai-page-actions{align-items:center;display:flex;gap:8px}.user-code-display{font-size:16px;max-width:80px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.theme-switcher .theme-toggle-btn{border-radius:16px;font-size:12px;gap:4px;min-height:32px;padding:6px 10px}.theme-switcher .theme-icon{font-size:14px}.theme-switcher .theme-name{display:none}.theme-switcher .arrow{font-size:10px}.conversation-controls{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-top:8px;padding:8px;width:100%}.ai-control-btn,.conversation-controls{align-items:center;box-sizing:border-box}.ai-control-btn{border-radius:16px;display:flex;justify-content:center;margin:0;max-width:none;min-height:44px;min-width:auto;padding:8px 10px;width:calc(50% - 3px)}.ai-control-btn .btn-text{flex:1 1;font-size:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ai-control-btn .btn-icon{flex-shrink:0;font-size:18px;height:18px;margin-right:4px;width:18px}.conversation-status{flex-direction:column;gap:10px;text-align:center}.ai-conversation-main-full{min-height:calc(100vh - 140px);padding:8px}.realtime-conversation-wrapper{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 220px);min-height:250px}.conversation-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.conversation-messages{flex:1 1;max-height:none;min-height:0;overflow-y:auto;padding:10px}.message{margin-bottom:10px;max-width:90%}.message-avatar{height:28px;width:28px}.message-content-wrapper{max-width:calc(100% - 40px);padding:8px 10px}.message-content{font-size:20px}.conversation-tips{max-width:100%;padding:10px}.conversation-tips p{font-size:18px}.conversation-tips li{font-size:16px;margin-bottom:8px}}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-track{background:#2e7d3233;background:var(--theme-secondaryBg,#2e7d3233);border-radius:3px}.conversation-messages::-webkit-scrollbar-thumb{background:#81c78480;background:var(--theme-tertiary,#81c78480);border-radius:3px}.conversation-messages::-webkit-scrollbar-thumb:hover{background:#81c784cc;background:var(--theme-primaryHover,#81c784cc)}.chronos-app{background:linear-gradient(135deg,#1a237ecc,#283593b3 25%,#3949ab99 50%,#3f51b5b3 75%,#5c6bc0cc);background:var(--theme-primaryBg,linear-gradient(135deg,#1a237ecc 0,#283593b3 25%,#3949ab99 50%,#3f51b5b3 75%,#5c6bc0cc 100%));background-attachment:fixed;color:#fff;color:var(--theme-textPrimary,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.chronos-app:before{animation:chronosBackgroundShift 20s ease-in-out infinite;background-image:radial-gradient(circle at 10% 20%,#00bcd44d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3f51b54d 0,#0000 50%),radial-gradient(circle at 40% 40%,#5c6bc033 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes chronosBackgroundShift{0%,to{opacity:.7;transform:translateX(0) translateY(0) scale(1)}25%{opacity:.9;transform:translateX(-20px) translateY(-10px) scale(1.05)}50%{opacity:.8;transform:translateX(20px) translateY(20px) scale(.95)}75%{opacity:.85;transform:translateX(-10px) translateY(10px) scale(1.02)}}.chronos-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a237ee6;background:var(--theme-headerBg,#1a237ee6);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--theme-border,#ffffff1a);justify-content:space-between;padding:16px 32px;position:relative;z-index:100}.chronos-header,.chronos-logo{align-items:center;display:flex}.chronos-logo{color:#fff;color:var(--theme-textPrimary,#fff);font-size:24px;font-weight:700;gap:12px}.logo-icon{animation:logoSpin 10s linear infinite;font-size:28px}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-text{font-weight:800;letter-spacing:2px;text-shadow:0 2px 8px #00bcd480;text-shadow:0 2px 8px var(--theme-primary,#00bcd480)}.chronos-search{flex:1 1;margin:0 40px;max-width:400px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:25px;color:#fff;color:var(--theme-textPrimary,#fff);font-size:14px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#fff9;color:var(--theme-textSecondary,#fff9)}.search-input:focus{border-color:#00bcd4;border-color:var(--theme-primary,#00bcd4);box-shadow:0 0 20px #00bcd44d;box-shadow:0 0 20px var(--theme-primary,#00bcd44d);outline:none}.chronos-nav{display:flex;gap:32px}.nav-item{border:1px solid #0000;border-radius:20px;color:#ffffffb3;color:var(--theme-textSecondary,#ffffffb3);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border-color:#fff3;border-color:var(--theme-border,#fff3);color:#fff;color:var(--theme-textPrimary,#fff)}.nav-item.active{background:#00bcd433;background:var(--theme-containerBg,#00bcd433);border-color:#00bcd4;border-color:var(--theme-primary,#00bcd4);color:#00bcd4;color:var(--theme-primary,#00bcd4);text-shadow:0 0 10px #00bcd480;text-shadow:0 0 10px var(--theme-primary,#00bcd480)}.chronos-user-controls{align-items:center;display:flex;gap:20px}.user-notifications,.user-profile,.user-settings{align-items:center;background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-notifications:hover,.user-profile:hover,.user-settings:hover{background:#00bcd433;background:var(--theme-containerBg,#00bcd433);border-color:#00bcd4;border-color:var(--theme-primary,#00bcd4);transform:scale(1.1)}.chronos-main{grid-gap:24px;animation:chronosMainFadeIn 1s ease-out;display:grid;gap:24px;grid-template-columns:320px 1fr 340px;margin:0 auto;max-width:1600px;padding:24px 32px;position:relative;z-index:1}@keyframes chronosMainFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chronos-sidebar-left{display:flex;flex-direction:column;gap:24px}.user-profile-card{animation:slideInLeft .8s ease-out .2s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;background:var(--theme-containerBg,#0f172a66);border:1px solid #94a3b833;border:1px solid var(--theme-border,#94a3b833);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 8px 25px #3b82f61a,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;box-shadow:0 20px 60px var(--theme-shadow,#0000004d),0 8px 25px #3b82f61a,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;overflow:hidden;padding:28px;position:relative}.user-profile-card:before{background:radial-gradient(circle at 20% 20%,#00bcd408 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.user-profile-card>*{position:relative;z-index:1}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.profile-avatar{margin-bottom:20px}.avatar-3d,.profile-avatar{display:flex;justify-content:center}.avatar-3d{align-items:center;animation:avatarRotate 20s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#00bcd4cc 0deg,#3b82f6cc 90deg,#8b5cf6cc 180deg,#ec4899cc 270deg,#00bcd4cc 1turn);border-radius:50%;box-shadow:0 0 30px #00bcd44d,0 0 60px #3b82f633,inset 0 0 20px #ffffff1a;height:140px;margin:0 auto 24px;padding:3px;position:relative;width:140px}@keyframes avatarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wireframe-head{animation:wireframePulse 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 30% 30%,#00bcd426 0,#0000 50%),radial-gradient(circle at 70% 70%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#0f172acc,#1e293bcc);border:2px solid #00bcd4cc;border-radius:50%;box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -2px 8px #00bcd41a,0 0 25px #00bcd44d;height:120px;position:relative;width:120px}.wireframe-head:before{content:"👤";filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px}.wireframe-head:after{animation:wireframeRotate 8s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#00bcd44d 90deg,#0000 180deg,#3b82f64d 270deg,#0000 1turn);bottom:-2px;left:-2px;right:-2px;top:-2px;z-index:-1}.wireframe-head:before{animation:wireframeRotate 8s linear infinite;border:1px solid #00bcd4;border-radius:50%;height:80px;width:80px}.wireframe-head:after,.wireframe-head:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wireframe-head:after{animation:wireframeRotate 12s linear infinite reverse;border:1px solid #00bcd499;border-radius:50%;height:60px;width:60px}@keyframes wireframePulse{0%,to{box-shadow:0 0 20px #00bcd44d;transform:scale(1)}50%{box-shadow:0 0 30px #00bcd499;transform:scale(1.05)}}@keyframes wireframeRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.profile-info{text-align:center}.profile-info h3{color:#fff;color:var(--theme-textPrimary,#fff);font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 16px}.profile-details{margin-bottom:20px}.profile-name{color:#00bcd4;color:var(--theme-primary,#00bcd4);font-size:14px;font-weight:600;margin-bottom:8px}.profile-birth{color:#ffffffb3;color:var(--theme-textSecondary,#ffffffb3);font-size:12px}.profile-stats{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.stat-circle{height:80px;position:relative;width:80px}.circle-progress{animation:circleRotate 3s ease-in-out infinite;background:conic-gradient(#00bcd4 75%,#ffffff1a 0);background:conic-gradient(var(--theme-primary,#00bcd4) 75%,#ffffff1a 0);border-radius:50%;height:100%;position:relative;width:100%}@keyframes circleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.stat-number{color:#fff;color:var(--theme-textPrimary,#fff);font-weight:800;line-height:1}.stat-label{color:#0009;font-size:10px;letter-spacing:.5px}.age-display{align-items:center;color:#00bcd4;color:var(--theme-primary,#00bcd4);display:flex;font-size:24px;font-weight:700;gap:8px;text-shadow:0 2px 8px #00bcd480;text-shadow:0 2px 8px var(--theme-primary,#00bcd480)}.age-label{font-weight:500}.edit-birth-date-btn{background:#ffffff1a;background:var(--theme-secondaryBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:4px;color:#00bcd4;color:var(--theme-primary,#00bcd4);padding:4px 8px}.edit-birth-date-btn:hover{background:#00bcd433;background:var(--theme-containerBg,#00bcd433);border-color:#00bcd4;border-color:var(--theme-primary,#00bcd4)}.loading-indicator{color:#ffffffb3;color:var(--theme-textSecondary,#ffffffb3);font-size:12px}.birth-date-editor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--theme-secondaryBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:8px;margin-top:16px;padding:12px}.editor-title{font-size:16px;margin-bottom:8px}.birth-date-input{border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px}.birth-date-input:focus{box-shadow:0 0 8px #00bcd44d;box-shadow:0 0 8px var(--theme-primary,#00bcd44d)}.editor-buttons{gap:8px}.cancel-btn,.save-btn{border-radius:4px;padding:6px 12px}.cancel-btn:hover{background:var(--theme-secondaryBg,#fff3)}.save-btn{background:#00bcd4;background:var(--theme-primary,#00bcd4);border:none;color:var(--theme-buttonText,#fff)}.save-btn:hover{background:#00acc1;background:var(--theme-primaryHover,#00acc1)}.save-btn:disabled{background:#fff3;background:var(--theme-border,#fff3)}.baby-progress{margin-top:16px}.age-slider-container{position:relative}.age-slider{background:var(--theme-secondaryBg,#ffffff1a);border-radius:3px;height:6px;margin:8px 0}.age-slider::-webkit-slider-thumb{background:#00bcd4;background:var(--theme-primary,#00bcd4);box-shadow:0 0 8px #00bcd480;box-shadow:0 0 8px var(--theme-primary,#00bcd480);height:16px;width:16px}.age-slider::-moz-range-thumb{background:#00bcd4;background:var(--theme-primary,#00bcd4);border:none;box-shadow:0 0 8px #00bcd480;box-shadow:0 0 8px var(--theme-primary,#00bcd480);height:16px;width:16px}.slider-marks{box-sizing:border-box;margin-top:4px;padding:0 2px;width:100%}.slider-marks span{color:#ffffffb3;color:var(--theme-textSecondary,#ffffffb3);font-size:14px;font-weight:500}.chronos-center{display:flex;flex-direction:column;gap:24px}.recording-section{animation:slideInUp .8s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf2;background:var(--theme-containerBg,#f8fafcf2);border:1px solid #00bcd433;border:1px solid var(--theme-border,#00bcd433);border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fffc;box-shadow:0 8px 32px var(--theme-shadow,#0000001a),inset 0 1px 0 #fffc;color:#1e293b;color:var(--theme-textPrimary,#1e293b);padding:32px;text-align:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.recording-header{margin-bottom:24px}.mic-icon{animation:micBounce 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes micBounce{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.recording-section h2{color:#fff;font-size:28px;font-weight:800;margin:0 0 8px}.recording-section p{color:#64748b;color:var(--theme-textSecondary,#64748b);font-size:16px;margin:0}.waveform{align-items:center;background:linear-gradient(135deg,#3b82f614,#00bcd414);border:1px solid #3b82f633;border:1px solid var(--theme-border,#3b82f633);border-radius:20px;box-shadow:inset 0 2px 8px #3b82f61a,0 4px 16px #3b82f626;display:flex;height:80px;justify-content:center;margin:32px 0;padding:20px}.waveform:before{animation:waveScan 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes waveScan{0%{left:-100%}to{left:100%}}.wave-container{align-items:end;display:flex;gap:2px;height:50px}.wave-bar{animation:waveAnimation 1.5s ease-in-out infinite;background:linear-gradient(0deg,#3b82f6,#00bcd4);background:linear-gradient(to top,var(--theme-primary,#3b82f6),var(--theme-secondary,#00bcd4));border-radius:2px;width:4px}@keyframes waveAnimation{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.recording-controls{margin-top:24px}.record-btn{background:linear-gradient(135deg,#3b82f6,#00bcd4);background:linear-gradient(135deg,var(--theme-primary,#3b82f6),var(--theme-secondary,#00bcd4));border:none;border-radius:25px;box-shadow:0 4px 20px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.record-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.record-btn:hover:before{left:100%}.record-btn:hover{box-shadow:0 8px 30px #3b82f666;box-shadow:0 8px 30px var(--theme-primary,#3b82f666);transform:translateY(-2px)}.memory-books-section{animation:slideInUp .8s ease-out .5s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;background:var(--theme-containerBg,#0f172a66);border:1px solid #94a3b833;border:1px solid var(--theme-border,#94a3b833);border-radius:28px;box-shadow:0 25px 70px #0000004d,0 10px 30px #8b5cf61a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;box-shadow:0 25px 70px var(--theme-shadow,#0000004d),0 10px 30px #8b5cf61a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;color:#fff;color:var(--theme-textPrimary,#fff);overflow:hidden;padding:32px;position:relative}.memory-books-section:before{background:radial-gradient(circle at 80% 20%,#8b5cf608 0,#0000 60%),radial-gradient(circle at 20% 80%,#ec489908 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.memory-books-section>*{position:relative;z-index:1}.books-header{flex-wrap:wrap;gap:20px;margin-bottom:20px}.books-header,.stats-container{align-items:center;display:flex}.stats-container{gap:24px}.animated-icon{animation:iconFloat 3s ease-in-out infinite}.animated-count{animation:countPulse 2s ease-in-out infinite;display:inline-block}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes countPulse{0%,to{color:inherit;transform:scale(1)}50%{color:#00bcd4;color:var(--theme-primary,#00bcd4);text-shadow:0 0 10px #00bcd480;text-shadow:0 0 10px var(--theme-primary,#00bcd480);transform:scale(1.05)}}.books-icon{animation:bookFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:2px solid #8b5cf64d;border:2px solid var(--theme-border,#8b5cf64d);border-radius:20px;box-shadow:0 8px 25px #8b5cf633,inset 0 2px 4px #ffffff1a;box-shadow:0 8px 25px var(--theme-shadow,#8b5cf633),inset 0 2px 4px #ffffff1a;display:inline-block;filter:drop-shadow(0 4px 8px rgba(139,92,246,.3));font-size:48px;padding:16px;transition:all .3s ease}.books-icon:hover{box-shadow:0 12px 35px #8b5cf64d,inset 0 2px 4px #ffffff26;transform:translateY(-3px) scale(1.05)}@keyframes bookFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(2deg)}}.memory-books-section h3{color:#fff;color:var(--theme-textPrimary,#fff);flex:1 1;font-size:20px;font-weight:700;margin:0}.books-count,.conversations-count{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00bcd41a;background:var(--theme-containerBg,#00bcd41a);border:1px solid #00bcd44d;border:1px solid var(--theme-border,#00bcd44d);border-radius:16px;box-shadow:0 4px 16px #00bcd41a,inset 0 1px 0 #ffffff1a;box-shadow:0 4px 16px var(--theme-shadow,#00bcd41a),inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:6px;min-width:80px;padding:16px 20px;transition:all .3s ease}.books-count:hover,.conversations-count:hover{border-color:#00bcd480;border-color:var(--theme-primary,#00bcd480);box-shadow:0 8px 25px #00bcd433,inset 0 1px 0 #ffffff26;box-shadow:0 8px 25px var(--theme-shadow,#00bcd433),inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.count-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,188,212,.2));filter:drop-shadow(0 2px 4px var(--theme-primary,rgba(0,188,212,.2)));font-size:28px;font-weight:800;line-height:1;text-shadow:0 2px 8px #00bcd44d;text-shadow:0 2px 8px var(--theme-primary,#00bcd44d)}.count-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.count-label,.memory-books-section p{color:#fffc;color:var(--theme-textSecondary,#fffc)}.memory-books-section p{font-size:14px;line-height:1.5;margin:0 0 20px}.action-buttons{border-top:1px solid #ffffff1a;border-top:1px solid var(--theme-border,#ffffff1a);display:flex;gap:12px;margin-top:15px;padding-top:15px}.ai-chat-btn,.upload-book-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-chat-btn:before,.upload-book-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.ai-chat-btn:hover:before,.upload-book-btn:hover:before{left:100%}.ai-chat-btn{background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));border:1px solid #00bcd44d;border:1px solid var(--theme-border,#00bcd44d);box-shadow:0 8px 25px #00bcd44d,inset 0 1px 0 #fff3;box-shadow:0 8px 25px var(--theme-primary,#00bcd44d),inset 0 1px 0 #fff3;color:#fff}.upload-book-btn{background:linear-gradient(135deg,#8b5cf633,#ec489933);background:linear-gradient(135deg,var(--theme-tertiary,#8b5cf633),var(--theme-accent,#ec489933));border:1px solid #8b5cf64d;border:1px solid var(--theme-border,#8b5cf64d);box-shadow:0 8px 25px #8b5cf633,inset 0 1px 0 #ffffff1a;box-shadow:0 8px 25px var(--theme-tertiary,#8b5cf633),inset 0 1px 0 #ffffff1a;color:#fff;color:var(--theme-textPrimary,#fff)}.ai-chat-btn:hover,.upload-book-btn:hover{transform:translateY(-3px) scale(1.02)}.ai-chat-btn:hover{background:linear-gradient(135deg,#0891b2,#2563eb);background:linear-gradient(135deg,var(--theme-primary,#0891b2),var(--theme-secondary,#2563eb));border-color:#00bcd480;border-color:var(--theme-primary,#00bcd480);box-shadow:0 15px 40px #00bcd466,inset 0 1px 0 #ffffff4d;box-shadow:0 15px 40px var(--theme-primary,#00bcd466),inset 0 1px 0 #ffffff4d}.upload-book-btn:hover{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);background:linear-gradient(135deg,var(--theme-tertiary,#8b5cf64d),var(--theme-accent,#ec48994d));border-color:#8b5cf680;border-color:var(--theme-tertiary,#8b5cf680);box-shadow:0 15px 40px #8b5cf64d,inset 0 1px 0 #fff3;box-shadow:0 15px 40px var(--theme-tertiary,#8b5cf64d),inset 0 1px 0 #fff3}.chronos-sidebar-right{display:flex;flex-direction:column}.media-management{animation:slideInRight .8s ease-out .4s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#f8fafc26;background:var(--theme-containerBg,#f8fafc26);border:1px solid #94a3b84d;border:1px solid var(--theme-border,#94a3b84d);border-radius:28px;box-shadow:0 25px 70px #00000026,0 10px 30px #00bcd41a,inset 0 2px 4px #fff9,inset 0 -2px 4px #0000000d;box-shadow:0 25px 70px #00000026,0 10px 30px var(--theme-primary,#00bcd41a),inset 0 2px 4px #fff9,inset 0 -2px 4px #0000000d;color:#1e293b;color:var(--theme-textPrimary,#1e293b);overflow:hidden;padding:28px;position:relative}.media-management:before{background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 60%),radial-gradient(circle at 80% 80%,#00bcd40d 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.media-management>*{position:relative;z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.media-tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:#64748b1a;background:var(--theme-containerBg,#64748b1a);border-radius:12px;color:#64748b;color:var(--theme-textSecondary,#64748b);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;text-align:center;transition:all .3s ease}.tab.active{background:#3b82f61a;background:var(--theme-containerBg,#3b82f61a);border:1px solid #3b82f64d;border:1px solid var(--theme-border,#3b82f64d);color:#3b82f6;color:var(--theme-secondary,#3b82f6)}.upload-section{margin-bottom:20px}.upload-btn{background:linear-gradient(135deg,#3b82f6,#00bcd4);background:linear-gradient(135deg,var(--theme-secondary,#3b82f6),var(--theme-primary,#00bcd4));border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;box-shadow:0 4px 15px var(--theme-secondary,#3b82f64d);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.upload-btn:hover{box-shadow:0 8px 25px #3b82f666;box-shadow:0 8px 25px var(--theme-secondary,#3b82f666);transform:translateY(-2px)}.media-preview{align-items:center;background:#64748b1a;background:var(--theme-containerBg,#64748b1a);border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;min-height:200px;padding:32px 20px;text-align:center}.preview-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-icon{font-size:48px;opacity:.5}.preview-count{color:#3b82f6;color:var(--theme-secondary,#3b82f6);font-size:32px;font-weight:800}.preview-placeholder p{color:#64748b;color:var(--theme-textSecondary,#64748b);font-size:12px;line-height:1.4;margin:0;max-width:200px}.media-stats{align-items:center;display:flex;justify-content:space-between}.stat-dot{background:#64748b4d;background:var(--theme-border,#64748b4d);border-radius:50%;height:8px;margin-right:8px;width:8px}.stat-dot.active{background:#3b82f6;background:var(--theme-secondary,#3b82f6);box-shadow:0 0 10px #3b82f680;box-shadow:0 0 10px var(--theme-secondary,#3b82f680)}.pagination{color:#64748b;color:var(--theme-textSecondary,#64748b);font-size:12px;font-weight:600}@media (max-width:1200px){.chronos-main{gap:20px;grid-template-columns:280px 1fr 300px;padding:20px 24px}}@media (max-width:968px){.chronos-main{gap:20px;grid-template-columns:1fr;padding:20px 16px}.chronos-sidebar-left,.chronos-sidebar-right{order:2}.chronos-center{order:1}}@media (max-width:768px){.chronos-header{flex-direction:column;gap:16px;padding:12px 20px}.chronos-nav{gap:16px;order:1}.chronos-search{margin:0;max-width:none;order:2}.chronos-user-controls{order:3}.chronos-main{padding:16px 12px}.media-management,.memory-books-section,.recording-section,.user-profile-card{border-radius:16px;padding:20px}.recording-section h2{font-size:24px}.mic-icon{font-size:40px}.waveform{height:60px}.wave-container{height:40px}.books-header{align-items:flex-start;gap:12px}.action-buttons,.books-header{flex-direction:column}.media-preview{min-height:150px;padding:20px}.preview-count{font-size:24px}.preview-icon{font-size:36px}}@media (max-width:480px){.chronos-header{padding:12px 16px}.logo-text{display:none}.chronos-nav{gap:8px;overflow-x:auto;padding-bottom:4px}.nav-item{font-size:12px;padding:6px 12px;white-space:nowrap}.search-input{font-size:14px;padding:10px 16px}.chronos-main{gap:16px;padding:12px 8px}.media-management,.memory-books-section,.recording-section,.user-profile-card{padding:16px}.wireframe-head{height:80px;width:80px}.stat-circle{height:60px;width:60px}.age-display{font-size:18px}.recording-section h2{font-size:20px}.mic-icon{font-size:32px}.books-icon{font-size:24px}.count-number{font-size:18px}.media-tabs{gap:4px}.tab{font-size:12px;padding:8px 12px}}.mobile-gallery-entrance1{margin-top:24px}.mobile-gallery-card1{animation:slideInUp .8s ease-out .7s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;background:var(--theme-containerBg,#0f172a66);border:1px solid #94a3b833;border:1px solid var(--theme-border,#94a3b833);border-radius:28px;box-shadow:0 25px 70px #0000004d,0 10px 30px #00bcd41a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;box-shadow:0 25px 70px #0000004d,0 10px 30px var(--theme-primary,#00bcd41a),inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;color:#fff;color:var(--theme-textPrimary,#fff);cursor:pointer;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.mobile-gallery-card1:before{background:radial-gradient(circle at 30% 30%,#00bcd408 0,#0000 60%),radial-gradient(circle at 70% 70%,#3b82f608 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.mobile-gallery-card1>*{position:relative;z-index:1}.mobile-gallery-card1:hover{box-shadow:0 30px 80px #0006,0 15px 40px #00bcd433,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a;box-shadow:0 30px 80px #0006,0 15px 40px var(--theme-primary,#00bcd433),inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a;transform:translateY(-5px)}.gallery-icon1{animation:galleryFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#00bcd41a,#3b82f61a);background:linear-gradient(135deg,var(--theme-primary,#00bcd41a) 0,var(--theme-secondary,#3b82f61a) 100%);border:2px solid #00bcd44d;border:2px solid var(--theme-border,#00bcd44d);border-radius:20px;box-shadow:0 8px 25px #00bcd433,inset 0 2px 4px #ffffff1a;box-shadow:0 8px 25px var(--theme-primary,#00bcd433),inset 0 2px 4px #ffffff1a;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,188,212,.3));filter:drop-shadow(0 4px 8px var(--theme-primary,rgba(0,188,212,.3)));font-size:48px;margin-bottom:16px;padding:16px;transition:all .3s ease}@keyframes galleryFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(2deg)}}.gallery-title1{color:#fff;color:var(--theme-textPrimary,#fff);font-size:24px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px #00bcd44d;text-shadow:0 2px 8px var(--theme-primary,#00bcd44d)}.gallery-desc1{color:#fffc;color:var(--theme-textSecondary,#fffc);font-size:16px;line-height:1.5;margin:0 0 20px}.enter-gallery-btn1{background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));border:none;border-radius:25px;box-shadow:0 4px 20px #00bcd44d;box-shadow:0 4px 20px var(--theme-primary,#00bcd44d);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.enter-gallery-btn1:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.enter-gallery-btn1:hover:before{left:100%}.enter-gallery-btn1:hover{box-shadow:0 8px 30px #00bcd466;box-shadow:0 8px 30px var(--theme-primary,#00bcd466);transform:translateY(-2px)}.memory-timeline-mobile{animation:slideInRight .8s ease-out .6s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;background:var(--theme-secondaryBg,#0f172a66);border:1px solid #94a3b833;border:1px solid var(--theme-border,#94a3b833);border-radius:28px;box-shadow:0 25px 70px #0000004d,0 10px 30px #8b5cf61a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;box-shadow:0 25px 70px var(--theme-shadow,#0000004d),0 10px 30px var(--theme-accent,#8b5cf61a),inset 0 2px 4px var(--theme-borderLight,#ffffff26),inset 0 -2px 4px var(--theme-borderDark,#0000001a);color:#fff;color:var(--theme-text,#fff);margin:20px auto;max-width:90vw;overflow:hidden;padding:28px;position:relative}.memory-timeline-mobile:before{background:radial-gradient(circle at 80% 20%,#8b5cf608 0,#0000 60%),radial-gradient(circle at 20% 80%,#ec489908 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.memory-timeline-mobile>*{position:relative;z-index:1}.memory-left-title{color:#fff;color:var(--theme-textPrimary,#fff);font-size:20px;font-weight:700;margin:0 0 20px;text-shadow:0 2px 8px #8b5cf64d;text-shadow:0 2px 8px var(--theme-tertiary,#8b5cf64d)}.memory-timeline-container{position:relative}.birth-date-editor{animation:slideInUp .8s ease-out .4s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;background:var(--theme-containerBg,#0f172a66);border:1px solid #94a3b833;border:1px solid var(--theme-border,#94a3b833);border-radius:28px;box-shadow:0 25px 70px #0000004d,0 10px 30px #8b5cf61a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;box-shadow:0 25px 70px #0000004d,0 10px 30px var(--theme-tertiary,#8b5cf61a),inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;color:#fff;color:var(--theme-textPrimary,#fff);margin-top:24px;overflow:hidden;padding:28px;position:relative}.birth-date-editor:before{background:radial-gradient(circle at 80% 20%,#8b5cf608 0,#0000 60%),radial-gradient(circle at 20% 80%,#ec489908 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.birth-date-editor>*{position:relative;z-index:1}.editor-title{font-size:20px;font-weight:700;margin:0 0 20px;text-shadow:0 2px 8px #8b5cf64d;text-shadow:0 2px 8px var(--theme-tertiary,#8b5cf64d)}.birth-date-input,.editor-title{color:#fff;color:var(--theme-textPrimary,#fff)}.birth-date-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);border-radius:16px;font-size:16px;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.birth-date-input:focus{border-color:#00bcd4;border-color:var(--theme-primary,#00bcd4);box-shadow:0 0 20px #00bcd44d;box-shadow:0 0 20px var(--theme-primary,#00bcd44d);outline:none}.editor-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:16px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border:1px solid #fff3;border:1px solid var(--theme-border,#fff3);color:#fff;color:var(--theme-textPrimary,#fff)}.cancel-btn:hover{background:#fff3;background:var(--theme-containerBg,#fff3);transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));box-shadow:0 4px 15px #00bcd44d;box-shadow:0 4px 15px var(--theme-primary,#00bcd44d);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px #00bcd466;box-shadow:0 8px 25px var(--theme-primary,#00bcd466);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.baby-progress:before{background:radial-gradient(circle at 30% 30%,#00bcd408 0,#0000 60%),radial-gradient(circle at 70% 70%,#3b82f608 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.baby-progress>*{position:relative;z-index:1}.age-slider-container{margin-bottom:16px}.age-slider{-webkit-appearance:none;background:#ffffff1a;background:var(--theme-containerBg,#ffffff1a);border-radius:4px;height:8px;margin:16px 0;outline:none;width:100%}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));border-radius:50%;box-shadow:0 4px 15px #00bcd44d;box-shadow:0 4px 15px var(--theme-primary,#00bcd44d);cursor:pointer;height:20px;width:20px}.age-slider::-moz-range-thumb{background:linear-gradient(135deg,#00bcd4,#3b82f6);background:linear-gradient(135deg,var(--theme-primary,#00bcd4),var(--theme-secondary,#3b82f6));border-radius:50%;box-shadow:0 4px 15px #00bcd44d;box-shadow:0 4px 15px var(--theme-primary,#00bcd44d);cursor:pointer;height:20px;width:20px}.slider-marks{color:#ffffffb3;color:var(--theme-textSecondary,#ffffffb3);display:flex;font-size:12px;justify-content:space-between}.memory-main-single-column{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:80vw;padding:20px}.user-account-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);background:linear-gradient(135deg,var(--theme-containerBg,#1a1a2e),var(--theme-secondaryBg,#16213e));border:1px solid #ffffff1a;border:1px solid var(--theme-border,#ffffff1a);border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;justify-content:space-between;padding:15px 20px}.user-code{color:#fff;color:var(--theme-textPrimary,#fff);font-size:18px;font-weight:700;text-shadow:0 0 10px #00ffff80;text-shadow:0 0 10px var(--theme-primary,#00ffff80)}.user-status{align-items:center;color:#4caf50;color:var(--theme-accent,#4caf50);display:flex;font-weight:700;gap:5px}.baby-info{background:linear-gradient(135deg,#1a1a2e,#16213e);background:linear-gradient(135deg,var(--theme-containerBg,#1a1a2e),var(--theme-secondaryBg,#16213e));border:1px solid #ffffff1a;border:1px solid var(--theme-border,#ffffff1a);border-radius:12px;box-shadow:0 4px 15px #0003;padding:20px}.baby-info-top{gap:15px;margin-bottom:15px}.baby-avatar,.baby-info-top{align-items:center;display:flex}.baby-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-tertiary,#667eea),var(--theme-accent,#764ba2));border-radius:50%;color:#fff;font-size:24px;height:60px;justify-content:center;width:60px}.baby-age-display{display:flex;gap:5px}.age-label{color:#aaa;color:var(--theme-textSecondary,#aaa);font-size:14px}.age-value{color:#fff;color:var(--theme-textPrimary,#fff);font-size:18px;font-weight:700}.edit-birth-date-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-tertiary,#667eea),var(--theme-accent,#764ba2));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .3s ease}.edit-birth-date-btn:hover{box-shadow:0 4px 8px #667eea66;box-shadow:0 4px 8px var(--theme-tertiary,#667eea66);transform:translateY(-2px)}.loading-indicator{color:#667eea;color:var(--theme-tertiary,#667eea);font-size:14px}.birth-date-display{align-items:center;display:flex;gap:10px;margin-top:10px}.birth-date-label{color:#aaa;color:var(--theme-textSecondary,#aaa);font-size:14px}.birth-date-value{color:#fff;color:var(--theme-textPrimary,#fff);font-weight:700}.book-memory-card{background:linear-gradient(135deg,#1a1a2e,#16213e);background:linear-gradient(135deg,var(--theme-containerBg,#1a1a2e),var(--theme-secondaryBg,#16213e));border:1px solid #ffffff1a;border:1px solid var(--theme-border,#ffffff1a);border-radius:12px;box-shadow:0 4px 15px #0003;padding:20px;position:relative}.book-card-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--theme-border,#ffffff1a);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.book-card-title{color:#fff;color:var(--theme-textPrimary,#fff);font-size:18px;font-weight:700;gap:10px}.book-card-title,.book-icon{align-items:center;display:flex}.book-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-tertiary,#667eea),var(--theme-accent,#764ba2));border-radius:8px;color:#fff;font-size:20px;height:40px;justify-content:center;width:40px}.book-card-stats{display:flex;gap:15px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-number{color:#667eea;color:var(--theme-tertiary,#667eea);font-size:18px;font-weight:700}.stat-label{color:#333;color:var(--theme-textSecondary,#333);font-size:12px}.book-card-content{margin-bottom:15px}.book-card-desc{color:#aaa;color:var(--theme-textSecondary,#aaa);font-size:14px;margin-bottom:10px}.book-card-features{display:flex;gap:10px}.feature-tag{background:#667eea33;background:var(--theme-secondaryBg,#667eea33);border-radius:4px;color:#667eea;color:var(--theme-tertiary,#667eea);font-size:12px;padding:4px 8px}.book-card-action{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-tertiary,#667eea),var(--theme-accent,#764ba2));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.book-card-action:hover{box-shadow:0 4px 8px #667eea66;box-shadow:0 4px 8px var(--theme-tertiary,#667eea66);transform:translateY(-2px)}.book-card-action:disabled{background:#444;background:var(--theme-secondaryBg,#444);box-shadow:none;cursor:not-allowed;transform:none}.book-card-action1{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--theme-tertiary,#667eea),var(--theme-accent,#764ba2));border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.book-card-action1:hover{box-shadow:0 2px 4px #667eea66;box-shadow:0 2px 4px var(--theme-tertiary,#667eea66);transform:translateY(-1px)}.lifetime-timeline-container{animation:timelineSlideIn .8s ease-out .6s both;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 8px 25px #00bcd41a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;overflow:hidden;padding:24px;position:relative}@keyframes timelineSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lifetime-timeline-container:before{background:radial-gradient(circle at 20% 20%,#00bcd408 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.lifetime-timeline-container>*{position:relative;z-index:1}.timeline-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;position:relative}.timeline-header:after{animation:headerLineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#00bcd4,#3b82f6);border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}@keyframes headerLineGlow{0%{opacity:.6;width:60px}to{opacity:1;width:80px}}.timeline-header h3{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#fff,#00bcd4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px;font-weight:800;letter-spacing:1.5px;margin:0;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(0,188,212,.3))}to{filter:drop-shadow(0 0 10px rgba(0,188,212,.5))}}.timeline-stats{display:flex;gap:20px}.timeline-stats .stat-item{align-items:center;animation:statItemFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00bcd41a;border:1px solid #00bcd433;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:all .3s ease}.timeline-stats .stat-item:nth-child(2){animation-delay:.5s}.timeline-stats .stat-item:hover{border-color:#00bcd466;box-shadow:0 8px 25px #00bcd433;transform:translateY(-2px) scale(1.05)}@keyframes statItemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:16px}.stat-value{animation:valueGlow 2s ease-in-out infinite alternate;color:#00bcd4;font-size:20px;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000004d}@keyframes valueGlow{0%{color:#00bcd4}to{color:#3b82f6}}.stat-label{color:#000000b3;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.timeline-chart-container{background:linear-gradient(135deg,#00bcd408,#3b82f608);border:1px solid #00bcd41a;border-radius:20px;box-shadow:inset 0 2px 8px #00bcd40d,0 4px 16px #0000001a;height:140px;margin-bottom:20px;padding:16px;position:relative}.timeline-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:90px;overflow:visible;width:100%}.grid-lines line{stroke:#ffffff1a}.timeline-path{filter:drop-shadow(0 2px 4px rgba(0,188,212,.3))}.timeline-glow{filter:blur(2px)}.timeline-point-group:hover .timeline-point{filter:drop-shadow(0 0 8px currentColor)!important;transform:scale(1.3)!important}.timeline-point{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-point-glow{transition:all .3s ease}.point-clickarea{transition:all .2s ease}.point-clickarea:hover{fill:#ffffff1a}.timeline-labels{bottom:0;height:40px;left:0;pointer-events:none;position:absolute;right:0}.timeline-label{align-items:center;bottom:0;display:flex;flex-direction:column;gap:2px;position:absolute}.label-text{color:#ffffffb3;font-size:10px;font-weight:500}.label-value{color:#00bcd4cc;font-size:8px;font-weight:600}.timeline-detail-panel{animation:panelSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a66;border:1px solid #94a3b84d;border-radius:20px;box-shadow:0 25px 70px #0006,0 10px 30px #00bcd433,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;left:0;margin-top:12px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.timeline-detail-panel:before{background:radial-gradient(circle at 30% 30%,#00bcd408 0,#0000 60%),radial-gradient(circle at 70% 70%,#3b82f608 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.timeline-detail-panel>*{position:relative;z-index:1}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-header{align-items:center;border-bottom:1px solid #00bcd433;display:flex;justify-content:space-between;padding:16px 20px}.detail-date{color:#fff;font-size:14px;font-weight:600}.detail-activity{background:#00bcd433;border:1px solid #00bcd44d;border-radius:8px;color:#00bcd4;font-size:12px;padding:4px 8px}.detail-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.detail-close:hover{background:#ffffff1a;color:#fff}.detail-content{padding:20px}.detail-stats{display:flex;gap:24px;margin-bottom:20px}.detail-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.detail-stat .stat-number{color:#00bcd4;font-size:24px;font-weight:800;line-height:1}.detail-stat .stat-label{color:#fff9;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-items h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{align-items:center;background:#33415599;border:1px solid #00bcd433;border-radius:8px;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.item-card:hover{background:#334155cc;border-color:#00bcd466}.item-icon{font-size:16px}.item-name{color:#fff;flex:1 1;font-size:13px;font-weight:500}.item-time{color:#fff9;font-family:monospace;font-size:11px}.items-more{color:#ffffff80;font-size:12px;font-style:italic;padding:8px;text-align:center}@keyframes drawTimeline{to{stroke-dashoffset:0}}@keyframes pointPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:768px){.lifetime-timeline-container{padding:16px}.timeline-header{align-items:flex-start;flex-direction:column;gap:12px}.timeline-stats{gap:12px}.timeline-chart-container{height:100px}.timeline-svg{height:60px}.detail-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.detail-content{padding:16px}.detail-stats{gap:16px}.item-card{padding:6px 10px}.item-name{font-size:12px}.item-time{font-size:10px}}@media (max-width:480px){.lifetime-timeline-container{padding:12px}.timeline-header h3{font-size:12px}.stat-value{font-size:14px}.timeline-chart-container{height:80px}.timeline-svg{height:50px}.timeline-label{gap:1px}.label-text{font-size:8px}.label-value{font-size:7px}.detail-stats{flex-direction:column;gap:12px}.detail-stat .stat-number{font-size:20px}}.user-account-card{background:linear-gradient(135deg,#f48fb1,#f06292)!important;background:var(--theme-primary,linear-gradient(135deg,#f48fb1,#f06292))!important;border:2px solid #ec407a4d!important;box-shadow:0 6px 20px #880e4f1f!important}.user-account-card .user-code{color:#fff!important;text-shadow:0 0 8px #000c,0 0 4px #00000080!important}.user-account-card .user-status{color:#fff!important;text-shadow:0 0 4px #000c,0 0 2px #00000080!important}.baby-info{box-shadow:0 4px 13px #ec407a4d!important}.baby-avatar{background:#ec407a!important;background:var(--theme-primary,#ec407a)!important}.baby-age{color:#ec407a!important;color:var(--theme-primary,#ec407a)!important}.age-slider{background:#fce4ec!important;background:var(--theme-containerBg,#fce4ec)!important}.age-slider::-webkit-slider-thumb{background:#ec407a!important;background:var(--theme-primary,#ec407a)!important;box-shadow:0 2px 6px #ec407a4d!important}.age-slider::-moz-range-thumb{background:#ec407a!important;background:var(--theme-primary,#ec407a)!important;box-shadow:0 2px 6px #ec407a4d!important}.progress-bar{background:#fce4ec!important}.progress-inner{background:linear-gradient(90deg,#ec407a,#f06292)!important;background:linear-gradient(90deg,var(--theme-primary,#ec407a),var(--theme-primaryHover,#f06292))!important}.age-labels,.slider-marks span{color:#ec407a!important;color:var(--theme-primary,#ec407a)!important}.book-memory-card{background:linear-gradient(135deg,#ec407a,#f06292)!important;background:linear-gradient(135deg,var(--theme-primary,#ec407a) 0,var(--theme-primaryHover,#f06292) 100%)!important;box-shadow:0 10px 30px #880e4f1f!important}.book-memory-card:hover{box-shadow:0 15px 40px #880e4f2e!important}.book-memory-card:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d)!important}.mobile-gallery-card{background:#fce4ecf2!important;background:var(--theme-containerBg,#fce4ecf2)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;border-radius:12px!important;box-shadow:0 8px 24px #880e4f1f!important;box-shadow:0 8px 24px var(--theme-shadow,#880e4f1f)!important;padding:16px!important;transition:all .3s ease!important}.mobile-gallery-card:hover{box-shadow:0 12px 30px #880e4f2e!important;box-shadow:0 12px 30px var(--theme-shadow,#880e4f2e)!important;transform:translateY(-2px)!important}.gallery-icon{align-items:center!important;background:#ec407a1a!important;background:var(--theme-secondaryBg,#ec407a1a)!important;border-radius:50%!important;box-shadow:0 15px 30px #ec407a80!important;box-shadow:0 15px 30px var(--theme-primary,#ec407a80)!important;display:flex!important;font-size:36px!important;height:60px!important;justify-content:center!important;margin-bottom:12px!important;width:60px!important}.mobile-gallery-card .gallery-title{color:#ec407a!important;color:var(--theme-primary,#ec407a)!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}.gallery-desc{color:#ad1457!important;color:var(--theme-textSecondary,#ad1457)!important;font-size:14px!important;line-height:1.4!important;margin-bottom:16px!important}.preview-thumb{border:2px solid #ec407a4d!important;border:2px solid var(--theme-border,#ec407a4d)!important;border-radius:6px!important;overflow:hidden!important}.enter-gallery-btn{background:linear-gradient(135deg,#ec407a,#f48fb1)!important;background:linear-gradient(135deg,var(--theme-primary,#ec407a) 0,var(--theme-tertiary,#f48fb1) 100%)!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 15px #ec407a4d!important;box-shadow:0 4px 15px var(--theme-primary,#ec407a4d)!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:8px 20px!important;transition:all .3s ease!important}.enter-gallery-btn:hover{background:linear-gradient(135deg,#f48fb1,#f06292)!important;background:linear-gradient(135deg,var(--theme-tertiary,#f48fb1) 0,var(--theme-primaryHover,#f06292) 100%)!important;box-shadow:0 6px 20px #ec407a66!important;box-shadow:0 6px 20px var(--theme-primary,#ec407a66)!important;transform:translateY(-1px)!important}.memory-timeline-container{box-shadow:0 4px 13px #ec407a4d!important;box-shadow:0 4px 13px var(--theme-shadow,#ec407a4d)!important}.memory-timeline-container:hover{box-shadow:0 6px 20px #ec407a66!important;box-shadow:0 6px 20px var(--theme-shadow,#ec407a66)!important}.memory-card{box-shadow:0 4px 13px #ec407a4d!important}.memory-card:hover{box-shadow:0 6px 20px #ec407a66!important}.center-voice-card{background:linear-gradient(135deg,#ec407a,#f48fb1)!important;background:linear-gradient(135deg,var(--theme-primary,#ec407a),var(--theme-tertiary,#f48fb1))!important;border:3px solid #ec407a!important;border:3px solid var(--theme-primary,#ec407a)!important;box-shadow:0 15px 40px #880e4f1f!important}.center-voice-card:hover{border-color:#f06292!important;border-color:var(--theme-primaryHover,#f06292)!important;box-shadow:0 25px 60px #880e4f2e!important}.center-voice-card .voice-icon{box-shadow:0 15px 30px #ec407a80!important;box-shadow:0 15px 30px var(--theme-primary,#ec407a80)!important;color:#ec407a!important;color:var(--theme-primary,#ec407a)!important}.center-voice-card .voice-action{background:#ec407a!important;background:var(--theme-primary,#ec407a)!important}.center-voice-card .voice-action:hover{background:#f06292!important;background:var(--theme-primaryHover,#f06292)!important}.memory-card.featured-voice{background:linear-gradient(135deg,#ec407a,#f48fb1)!important;background:linear-gradient(135deg,var(--theme-primary,#ec407a),var(--theme-tertiary,#f48fb1))!important;border:2px solid #ec407a!important;border:2px solid var(--theme-primary,#ec407a)!important;box-shadow:0 8px 25px #880e4f1f!important}.memory-card.featured-voice:hover{box-shadow:0 12px 35px #880e4f2e!important}.edit-birth-date-btn{background:#ec407a!important;background:var(--theme-buttonBg,#ec407a)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}.edit-birth-date-btn:hover{background:#f06292!important;background:var(--theme-buttonHover,#f06292)!important}.birth-date-editor{background:#fce4ec!important;background:var(--theme-containerBg,#fce4ec)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;box-shadow:0 4px 15px #880e4f1f!important;box-shadow:0 4px 15px var(--theme-shadow,#880e4f1f)!important}.birth-date-input,.cancel-btn{background:#fce4ec!important;background:var(--theme-buttonBg,#fce4ec)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;color:#880e4f!important;color:var(--theme-textPrimary,#880e4f)!important}.cancel-btn:hover{background:#ec407a33!important;background:var(--theme-buttonHover,#ec407a33)!important}.save-btn{background:#ec407a!important;background:var(--theme-primary,#ec407a)!important;border:none!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}.save-btn:hover{background:#f06292!important;background:var(--theme-primaryHover,#f06292)!important}.birth-date-label{color:#ad1457!important;color:var(--theme-textSecondary,#ad1457)!important}.birth-date-value{color:#880e4f!important;color:var(--theme-textPrimary,#880e4f)!important}.book-card-action{background:#ec407a!important;background:var(--theme-buttonBg,#ec407a)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;color:#fff!important;color:var(--theme-textLight,#fff)!important}.book-card-action:hover{background:#f06292!important;background:var(--theme-buttonHover,#f06292)!important}.book-card-action1{border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important}.book-card-action1,.memory-left-title{color:#ec407a!important;color:var(--theme-primary,#ec407a)!important}.age-label{color:#ad1457!important;color:var(--theme-textSecondary,#ad1457)!important}.age-value,.loading-indicator{color:#ec407a!important;color:var(--theme-primary,#ec407a)!important}.theme-switcher-container{background:#fce4ec!important;background:var(--theme-buttonBg,#fce4ec)!important;border:1px solid #ec407a4d!important;border:1px solid var(--theme-border,#ec407a4d)!important;border-radius:8px!important;padding:4px!important}.recent-media-thumbnails{grid-gap:8px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;width:100%}.thumbnail-item{aspect-ratio:1;border:1px solid #ec407a4d;border:1px solid var(--theme-border,#ec407a4d);border-radius:8px;box-shadow:0 2px 8px #880e4f1a;box-shadow:0 2px 8px var(--theme-shadow,#880e4f1a);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.thumbnail-item:hover{box-shadow:0 4px 12px #880e4f33;box-shadow:0 4px 12px var(--theme-shadow,#880e4f33);transform:scale(1.02)}.thumbnail-img{height:100%;object-fit:cover;width:100%}.video-thumbnail{height:100%;position:relative;width:100%}.thumbnail-video{height:100%;object-fit:cover;width:100%}.video-play-icon{align-items:center;background-color:#ec407acc;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}
/*# sourceMappingURL=main.46512920.css.map*/