:root{--bg-color: #fdf6e3;--text-color: #5c4b43;--primary-color: #ff9a9e;--secondary-color: #fca311;--card-bg: #ffffff;--border-color: #4a3f35;--border-width: 3px;--border-radius: 16px;--box-shadow: 4px 4px 0px var(--border-color);font-family:Comic Sans MS,Comic Neue,ZCOOL KuaiLe,PangMenZhengDao,cursive,sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.hand-drawn-card{background-color:var(--card-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.hand-drawn-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.hand-drawn-btn{background-color:var(--primary-color);color:#fff;border:var(--border-width) solid var(--border-color);border-radius:20px;padding:8px 16px;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--border-color);transition:all .2s ease}.hand-drawn-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.hand-drawn-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#d4c4b7;border-radius:10px}.hd-icon[data-v-e5f77817]{width:1em;height:1em;display:inline-block;vertical-align:middle}.music-player-container[data-v-57541993]{display:flex;align-items:center;gap:15px;position:relative}.controls-area[data-v-57541993]{display:flex;align-items:center;gap:8px}.music-player[data-v-57541993]{cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;position:relative;z-index:2}.record-wrapper[data-v-57541993]{width:100%;height:100%;border-radius:50%;background:#333;padding:4px;box-shadow:2px 2px 0 var(--border-color);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:transform .2s}.music-player:hover .record-wrapper[data-v-57541993]{transform:scale(1.05)}.record[data-v-57541993]{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(#222,#222 2px,#333,#333 4px);display:flex;align-items:center;justify-content:center;animation:spin-57541993 4s linear infinite;animation-play-state:paused}.music-player.playing .record[data-v-57541993]{animation-play-state:running}.record-center[data-v-57541993]{width:14px;height:14px;background:#ffb6c1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;border:1px solid #fff}.control-btn[data-v-57541993]{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.small-btn[data-v-57541993]{width:28px;height:28px;font-size:18px;border-radius:50%}.small-btn[data-v-57541993]:hover{color:var(--primary-color);transform:scale(1.1)}.small-btn.active[data-v-57541993]{color:#ff8a80;background-color:#fff9c4}.info-area[data-v-57541993]{display:flex;flex-direction:column;gap:10px;min-width:320px}.lyrics-display[data-v-57541993]{font-size:14px;color:var(--text-color);font-weight:700;background-color:#fff;padding:6px 15px;border-radius:20px;border:var(--border-width) solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;transition:all .3s ease}.progress-container[data-v-57541993]{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--border-color)}.progress-bar[data-v-57541993]{height:100%;background-color:#ffccbc;border-radius:3px;transition:width .1s linear;pointer-events:none}.playlist-popup[data-v-57541993]{position:absolute;top:120%;left:0;width:300px;background:#fff;z-index:100;padding:15px}.playlist-header[data-v-57541993]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:2px dashed #eee;padding-bottom:10px}.playlist-header h3[data-v-57541993]{margin:0;font-size:16px;display:flex;align-items:center;gap:8px;color:var(--text-color)}.close-btn[data-v-57541993]{background:none;border:none;font-size:20px;cursor:pointer;color:#8d7b68}.playlist-content[data-v-57541993]{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.playlist-item[data-v-57541993]{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s;font-size:14px}.playlist-item[data-v-57541993]:hover{background-color:#fafafa}.playlist-item.active[data-v-57541993]{background-color:#fff9c4;font-weight:700}.song-index[data-v-57541993]{color:#c0b6aa;margin-right:10px;font-size:12px;width:16px}.song-name[data-v-57541993]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.playing-icon[data-v-57541993]{color:#ff8a80;font-size:14px;animation:bounce-57541993 1s infinite alternate}@keyframes spin-57541993{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-57541993{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.nav-bar[data-v-3c7c29a3]{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;background-color:var(--bg-color);border-bottom:var(--border-width) solid var(--border-color);position:sticky;top:0;z-index:100}.nav-left[data-v-3c7c29a3]{flex:1;display:flex;justify-content:flex-start;align-items:center}.nav-center[data-v-3c7c29a3]{display:flex;gap:15px;justify-content:center}.nav-right[data-v-3c7c29a3]{flex:1;display:flex;justify-content:flex-end;align-items:center}.nav-item[data-v-3c7c29a3]{display:flex;align-items:center;gap:5px;text-decoration:none;color:var(--text-color);padding:6px 20px;border:var(--border-width) solid var(--border-color);border-radius:20px;background-color:#fff;font-weight:700;box-shadow:2px 2px 0 var(--border-color);transition:all .2s;font-size:14px}.nav-item.active[data-v-3c7c29a3]{background-color:#ffccbc;transform:translate(2px,2px);box-shadow:0 0 0 var(--border-color)}.nav-item[data-v-3c7c29a3]:hover{background-color:bisque}.couple-avatars[data-v-3c7c29a3]{display:flex;align-items:center;gap:8px;background-color:#fff;padding:4px 10px;border-radius:30px;border:var(--border-width) solid var(--border-color);box-shadow:2px 2px 0 var(--border-color)}.avatar-img[data-v-3c7c29a3]{width:36px;height:36px;border-radius:50%;object-fit:cover;image-rendering:pixelated;background-color:#fdf6e3}.heart-icon[data-v-3c7c29a3]{font-size:18px;animation:heartbeat-3c7c29a3 1.5s infinite alternate}@keyframes heartbeat-3c7c29a3{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes shake-anim-3c7c29a3{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.shake-anim[data-v-3c7c29a3]{animation:shake-anim-3c7c29a3 1s infinite}.logout-btn[data-v-3c7c29a3]{cursor:pointer;margin-left:10px;background-color:#fff0f0}.logout-btn[data-v-3c7c29a3]:hover{background-color:#ffe4e4}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:30px;max-width:1600px;margin:0 auto;width:100%}.error-box{background:#fcc;border:2px solid red;padding:20px;border-radius:10px;color:#900;font-family:monospace;white-space:pre-wrap}