*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-family:Arial,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#ffeef8,#ffe5f1 50%,#ffd4e8)}#app,body{min-height:100vh;position:relative}#app{overflow-x:hidden;width:100%}.app-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1;width:100%}.nav-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:20px;background:hsla(0,0%,100%,.9);border-radius:50px;box-shadow:0 8px 32px rgba(255,105,180,.2);backdrop-filter:blur(10px);margin-bottom:30px;width:100%}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;text-decoration:none;color:#ff69b4;font-weight:600;transition:all .3s ease;background:transparent;white-space:nowrap}.nav-item:hover{transform:translateY(-2px)}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;box-shadow:0 4px 15px rgba(255,105,180,.4)}.nav-item .icon{font-size:20px}.nav-item .label{font-size:14px}.main-content{background:hsla(0,0%,100%,.95);border-radius:30px;padding:30px;min-height:70vh;box-shadow:0 8px 32px rgba(255,105,180,.15);backdrop-filter:blur(10px);width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(10px)}.bg-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.heart{position:absolute;bottom:-50px;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) rotate(0deg);bottom:-50px}to{transform:translateY(-100vh) rotate(1turn);bottom:100vh}}@media (max-width:768px){body{overflow-x:hidden}.app-container{padding:10px;max-width:100%}.nav-bar{padding:15px 10px;gap:8px;border-radius:25px;margin-bottom:20px}.nav-item{padding:10px 16px;font-size:12px;flex-shrink:0}.nav-item .icon{font-size:18px}.nav-item .label{font-size:12px}.main-content{padding:20px 15px;border-radius:20px}}@media (max-width:480px){.app-container{padding:8px}.nav-bar{padding:12px 8px;gap:6px}.nav-item{padding:8px 12px}.nav-item .label{display:none}.main-content{padding:15px 10px;border-radius:15px}}.home[data-v-0f08e04a]{max-width:900px;margin:0 auto}.couple-card[data-v-0f08e04a]{background:linear-gradient(135deg,#fff5f7,#ffe8f0);border-radius:25px;padding:40px;margin-bottom:25px;box-shadow:0 10px 30px rgba(255,105,180,.15)}.avatar-section[data-v-0f08e04a]{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:25px}.avatar[data-v-0f08e04a]{text-align:center;animation:float-0f08e04a 3s ease-in-out infinite}.avatar.boy[data-v-0f08e04a]{animation-delay:0s}.avatar.girl[data-v-0f08e04a]{animation-delay:1.5s}@keyframes float-0f08e04a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.avatar img[data-v-0f08e04a]{width:100px;height:100px;border-radius:50%;border:4px solid #ff69b4;box-shadow:0 5px 15px rgba(255,105,180,.3);-o-object-fit:cover;object-fit:cover}.avatar .name[data-v-0f08e04a]{margin-top:12px;font-size:18px;font-weight:700;color:#ff1493}.heart-center[data-v-0f08e04a]{font-size:50px}.beating-heart[data-v-0f08e04a]{animation:heartbeat-0f08e04a 1.5s ease-in-out infinite}@keyframes heartbeat-0f08e04a{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.motto[data-v-0f08e04a]{text-align:center;font-size:20px;color:#ff69b4;font-style:italic;font-weight:500}.timer-card[data-v-0f08e04a]{background:linear-gradient(135deg,#ff69b4,#ff1493);border-radius:25px;padding:35px;margin-bottom:25px;color:#fff;box-shadow:0 10px 30px rgba(255,20,147,.3)}.card-title[data-v-0f08e04a]{text-align:center;font-size:26px;margin-bottom:25px;font-weight:700}.timer-grid[data-v-0f08e04a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.time-item[data-v-0f08e04a]{background:hsla(0,0%,100%,.2);border-radius:15px;padding:20px;text-align:center;backdrop-filter:blur(10px)}.time-value[data-v-0f08e04a]{font-size:36px;font-weight:700;margin-bottom:8px}.time-label[data-v-0f08e04a]{font-size:14px;opacity:.9}.date-info[data-v-0f08e04a]{text-align:center;font-size:16px;opacity:.95}.daily-love[data-v-0f08e04a]{background:linear-gradient(135deg,#ffe8f0,#ffd4e8);border-radius:25px;padding:30px;margin-bottom:25px;box-shadow:0 8px 25px rgba(255,105,180,.15)}.section-title[data-v-0f08e04a]{text-align:center;font-size:22px;color:#ff1493;margin-bottom:20px}.love-quote[data-v-0f08e04a]{text-align:center}.quote-text[data-v-0f08e04a]{font-size:18px;color:#ff69b4;line-height:1.8;margin-bottom:20px;font-style:italic}.refresh-btn[data-v-0f08e04a]{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,105,180,.3)}.refresh-btn[data-v-0f08e04a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,105,180,.4)}.stats-grid[data-v-0f08e04a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-0f08e04a]{background:#fff;border-radius:20px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 5px 15px rgba(255,105,180,.1)}.stat-card[data-v-0f08e04a]:hover{transform:translateY(-5px);border-color:#ff69b4;box-shadow:0 10px 25px rgba(255,105,180,.2)}.stat-icon[data-v-0f08e04a]{font-size:40px;margin-bottom:12px}.stat-value[data-v-0f08e04a]{font-size:28px;font-weight:700;color:#ff1493;margin-bottom:8px}.stat-label[data-v-0f08e04a]{font-size:14px;color:#999}@media (max-width:768px){.home[data-v-0f08e04a]{width:100%;max-width:100%}.couple-card[data-v-0f08e04a]{padding:25px 15px;margin-bottom:20px}.avatar-section[data-v-0f08e04a]{gap:15px;flex-wrap:nowrap}.avatar img[data-v-0f08e04a]{width:70px;height:70px}.avatar .name[data-v-0f08e04a]{font-size:14px}.heart-center[data-v-0f08e04a]{font-size:35px}.motto[data-v-0f08e04a]{font-size:15px}.timer-card[data-v-0f08e04a]{padding:25px 15px;margin-bottom:20px}.card-title[data-v-0f08e04a]{font-size:22px}.timer-grid[data-v-0f08e04a]{grid-template-columns:repeat(2,1fr);gap:12px}.time-item[data-v-0f08e04a]{padding:15px 10px}.time-value[data-v-0f08e04a]{font-size:28px}.time-label[data-v-0f08e04a]{font-size:12px}.date-info[data-v-0f08e04a]{font-size:14px}.daily-love[data-v-0f08e04a]{padding:25px 15px;margin-bottom:20px}.section-title[data-v-0f08e04a]{font-size:20px}.quote-text[data-v-0f08e04a]{font-size:16px}.refresh-btn[data-v-0f08e04a]{padding:10px 25px;font-size:13px}.stats-grid[data-v-0f08e04a]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-0f08e04a]{padding:20px 12px}.stat-icon[data-v-0f08e04a]{font-size:35px}.stat-value[data-v-0f08e04a]{font-size:24px}.stat-label[data-v-0f08e04a]{font-size:12px}}@media (max-width:480px){.couple-card[data-v-0f08e04a]{padding:20px 12px}.avatar-section[data-v-0f08e04a]{gap:10px}.avatar img[data-v-0f08e04a]{width:60px;height:60px;border:3px solid #ff69b4}.avatar .name[data-v-0f08e04a]{font-size:13px;margin-top:8px}.heart-center[data-v-0f08e04a]{font-size:30px}.motto[data-v-0f08e04a]{font-size:14px}.timer-card[data-v-0f08e04a]{padding:20px 12px}.card-title[data-v-0f08e04a]{font-size:20px;margin-bottom:20px}.timer-grid[data-v-0f08e04a]{gap:10px}.time-item[data-v-0f08e04a]{padding:12px 8px}.time-value[data-v-0f08e04a]{font-size:24px}.time-label[data-v-0f08e04a]{font-size:11px}.daily-love[data-v-0f08e04a]{padding:20px 12px}.section-title[data-v-0f08e04a]{font-size:18px;margin-bottom:15px}.quote-text[data-v-0f08e04a]{font-size:15px;margin-bottom:15px}.refresh-btn[data-v-0f08e04a]{padding:10px 20px;font-size:12px}.stats-grid[data-v-0f08e04a]{gap:10px}.stat-card[data-v-0f08e04a]{padding:18px 10px}.stat-icon[data-v-0f08e04a]{font-size:32px;margin-bottom:10px}.stat-value[data-v-0f08e04a]{font-size:22px;margin-bottom:6px}.stat-label[data-v-0f08e04a]{font-size:11px}}