html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{height:auto}@media (max-width: 768px){html{font-size:16px}}body{touch-action:manipulation;-webkit-overflow-scrolling:touch}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bg-shadow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to bottom,#0006,#0000)}.bg-story{background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;object-fit:cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:100px 20px 20px;gap:20px;color:#fff}.bg-story-title{font-size:1.8rem}.bg-story-author{font-size:1em}.bg-story-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.bg-story-content{font-size:1em;text-align:left}.bg-story-close{position:absolute;top:20px;right:20px;font-size:2em;cursor:pointer;color:#fff}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover;transition:opacity .3s ease,transform .3s ease;display:block}.bg.transitioning{opacity:.8;transform:scale(1.02)}*{margin:0;padding:0;box-sizing:border-box}.app{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:pan-y}.weather{width:100%;border-radius:10px;display:flex;align-items:end;justify-content:space-between}.content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:start;min-height:80vh;padding:16px 16px 80px;gap:20px;box-sizing:border-box}.container{gap:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.card{width:100%;text-align:center;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:20px;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s ease,opacity .3s ease}.card.transitioning{transform:scale(.98);opacity:.9}.title{font-size:2em;color:#fff;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:700;letter-spacing:2px;transition:transform .3s ease}.image-container{margin:30px 0}.emoji-image{font-size:4em;margin:20px 0;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quote-content{font-size:1.1em;line-height:1.8;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);opacity:.95;flex:1;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;transition:opacity .3s ease}.swipe-indicator{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.dots{display:flex;gap:8px;justify-content:center;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease;cursor:pointer}.dot.active{background:#ffffffe6;transform:scale(1.2)}.swipe-hint{font-size:.85em;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.buttons{display:flex;gap:15px;justify-content:center;width:100%}.btn{padding:12px 24px;border:none;border-radius:25px;font-size:1em;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500;min-width:100%;width:100%}.btn-primary{background:#c8c8c84d}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:active{transform:translateY(0)}.current-time{color:#fff;font-size:7rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:2px;border-radius:20px}.current-date{color:#fff;font-size:1em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:1px;border-radius:15px}@media (max-width: 480px){.card{padding:30px 20px}.title{font-size:1.5em;margin-bottom:20px}.quote-content{font-size:1em}.emoji-image{font-size:3em}.buttons{flex-direction:column;align-items:center}.btn{width:80%;max-width:200px}.swipe-hint{font-size:.8em}.dot{width:10px;height:10px}.current-time{font-size:24vw}.current-date{font-size:5vw}}.v-weather{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;padding:6px 0;border-radius:4px;overflow:hidden}.v-weather-icon{width:80px;height:80px}.v-weather span{color:#fff}.temperature{color:#fff;font-size:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.city{font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.temperature-value{font-size:40px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4)}.time{width:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.music-control{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.music-control:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.music-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.music-btn:hover{background:#fff3;transform:scale(1.1)}.music-btn.playing{animation:pulse-music 2s ease-in-out infinite}.music-icon{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.music-text{color:#fff;font-size:.9em;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes pulse-music{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 480px){.music-control{gap:8px}.music-icon{width:18px;height:18px}.music-text{font-size:.85em}.marquee-text.enable-marquee{animation-duration:12s}.tips{gap:10px}.tips-content{padding:10px 16px}}.ccp{width:100%;height:200px;position:relative;z-index:10}.ccp img{height:100%;width:100%;object-fit:contain}.tips{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.tips-content{color:#fff;flex:1;display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:50px;padding:12px 24px;transition:all .3s ease;overflow:hidden;position:relative}.marquee-container{width:100%;overflow:hidden;position:relative}.marquee-text{display:inline-block;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .3s ease}.marquee-text.enable-marquee{animation:marquee 15s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.marquee-text.enable-marquee:hover{animation-play-state:paused}