:root{--ios-primary-color: #007aff;--ios-secondary-color: #5ac8fa;--ios-success-color: #34c759;--ios-warning-color: #ff9500;--ios-danger-color: #ff3b30;--ios-gray-color: #8e8e93;--ios-light-gray: #f2f2f7;--ios-dark-gray: #48484a;--ios-text-color: #000000;--ios-background-color: #f2f2f7;--ios-card-background: #ffffff;--ios-border-radius: 12px;--ios-shadow: 0 2px 10px rgba(0, 0, 0, .1);--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--ios-background-color);color:var(--ios-text-color)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--ios-card-background);border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;box-shadow:var(--ios-shadow);z-index:100}.logo-container{padding:20px;border-bottom:1px solid rgba(0,0,0,.05)}.logo-container h3{font-size:20px;font-weight:600;color:var(--ios-text-color)}.menu-container{flex:1;padding:20px 0;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:var(--ios-text-color);transition:all .2s ease;border-radius:0;margin-bottom:5px}.menu-item:hover{background-color:#007aff1a}.menu-item.active{background-color:#007aff26;color:var(--ios-primary-color);font-weight:500}.menu-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.menu-name{font-size:16px}.content-container{flex:1;padding:20px;margin-left:var(--sidebar-width);min-height:100vh}.ios-card{background-color:var(--ios-card-background);border-radius:var(--ios-border-radius);box-shadow:var(--ios-shadow);padding:16px;transition:all .3s ease}.ios-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.section-title{font-size:28px;font-weight:700;margin-bottom:25px;color:var(--ios-text-color)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.sidebar{width:70px}.menu-name{display:none}.logo-container h3{font-size:0}.logo-container:after{content:"📱";font-size:24px}.content-container{margin-left:70px}}.qq-groups-container[data-v-2e1771d0]{padding:10px;max-width:600px;margin:0 auto}.visitor-counter[data-v-2e1771d0]{display:flex;justify-content:center;margin-bottom:20px;width:100%}.visitor-counter img[data-v-2e1771d0]{border-radius:18px;padding:12px;background:rgba(255,255,255,.8);box-shadow:0 4px 15px #0000001a;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;max-width:100%}.visitor-counter img[data-v-2e1771d0]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.section-title[data-v-2e1771d0]{text-align:center;margin-bottom:20px;font-weight:600;color:var(--ios-text-color, #333)}.groups-list[data-v-2e1771d0]{display:flex;flex-direction:column}.qq-group-card[data-v-2e1771d0]{display:flex;flex-direction:column;width:100%;margin-bottom:20px;animation:slide-in-2e1771d0 .5s ease-out}@keyframes slide-in-2e1771d0{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card-header[data-v-2e1771d0]{display:flex;align-items:center;margin-bottom:15px}.avatar[data-v-2e1771d0]{width:60px;height:60px;border-radius:12px;overflow:hidden;margin-right:15px;box-shadow:0 2px 5px #0000001a}.avatar img[data-v-2e1771d0]{width:100%;height:100%;object-fit:cover}.group-info[data-v-2e1771d0]{flex:1}.group-info h3[data-v-2e1771d0]{margin:0 0 5px;font-size:18px;font-weight:600}.group-number[data-v-2e1771d0]{display:flex;align-items:center;font-size:14px;color:#666}.ios-button[data-v-2e1771d0]{background-color:var(--ios-primary-color);color:#fff;border:none;border-radius:12px;padding:4px 10px;font-size:12px;margin-left:10px;cursor:pointer;transition:all .2s ease}.ios-button[data-v-2e1771d0]:hover{background-color:#0062cc}.card-body[data-v-2e1771d0]{flex:1;margin-bottom:15px;font-size:14px;color:#333;line-height:1.4}.card-footer[data-v-2e1771d0]{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.join-button[data-v-2e1771d0]{background-color:var(--ios-primary-color);color:#fff;text-decoration:none;padding:6px 12px;border-radius:12px;font-size:14px;transition:all .2s ease}.join-button[data-v-2e1771d0]:hover{background-color:#0062cc;transform:translateY(-2px)}.qq-group-card[data-v-2e1771d0]:nth-child(1){animation-delay:.1s}.qq-group-card[data-v-2e1771d0]:nth-child(2){animation-delay:.2s}.qq-group-card[data-v-2e1771d0]:nth-child(3){animation-delay:.3s}.qq-group-card[data-v-2e1771d0]:nth-child(4){animation-delay:.4s}.friend-links-container[data-v-35f28e14]{padding:10px;max-width:600px;margin:0 auto}.links-list[data-v-35f28e14]{display:flex;flex-direction:column}.friend-link-card[data-v-35f28e14]{display:flex;text-decoration:none;color:inherit;align-items:flex-start;margin-bottom:20px;animation:slide-in-35f28e14 .5s ease-out}@keyframes slide-in-35f28e14{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.link-icon[data-v-35f28e14]{font-size:36px;margin-right:15px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#007aff1a;border-radius:12px}.link-content[data-v-35f28e14]{flex:1}.link-content h3[data-v-35f28e14]{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--ios-text-color)}.link-content p[data-v-35f28e14]{margin:0 0 10px;font-size:14px;color:#666;line-height:1.4}.link-url[data-v-35f28e14]{font-size:12px;color:var(--ios-primary-color);word-break:break-all}.friend-link-card[data-v-35f28e14]:nth-child(1){animation-delay:.1s}.friend-link-card[data-v-35f28e14]:nth-child(2){animation-delay:.2s}.friend-link-card[data-v-35f28e14]:nth-child(3){animation-delay:.3s}.friend-link-card[data-v-35f28e14]:nth-child(4){animation-delay:.4s}.friend-link-card[data-v-35f28e14]:nth-child(5){animation-delay:.5s}.msg[data-v-023cec35]{background-color:#f7f7f7;border-radius:10px;padding:10px;font-size:14px;color:#333;text-align:center;box-shadow:0 0 10px #0000001a;margin:20px auto;width:80%}.msg[data-v-023cec35]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:100% 2px;background-position:0% 100%;background-repeat:no-repeat;padding-bottom:2px;width:100%;z-index:-1}.github-container[data-v-023cec35]{padding:10px;max-width:600px;margin:0 auto}.subsection-title[data-v-023cec35]{font-size:22px;font-weight:600;margin:0 0 20px;color:var(--ios-text-color)}.website-info-section[data-v-023cec35],.sponsor-section[data-v-023cec35]{margin-bottom:30px}.website-info-card[data-v-023cec35]{margin-bottom:20px}.info-item[data-v-023cec35]{display:flex;margin-bottom:12px;font-size:14px;line-height:1.5}.info-label[data-v-023cec35]{font-weight:600;width:80px;color:var(--ios-dark-gray)}.info-value[data-v-023cec35]{flex:1;color:var(--ios-text-color)}.sponsor-intro[data-v-023cec35]{margin-bottom:20px;font-size:14px;line-height:1.5;color:var(--ios-dark-gray)}.sponsor-list[data-v-023cec35]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.sponsor-card[data-v-023cec35]{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fade-in-023cec35 .5s ease-out;width:200px}@keyframes fade-in-023cec35{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sponsor-header[data-v-023cec35]{display:flex;align-items:center;margin-bottom:15px}.sponsor-icon[data-v-023cec35]{font-size:24px;margin-right:10px}.sponsor-header h3[data-v-023cec35]{margin:0;font-size:18px;font-weight:600}.qrcode[data-v-023cec35]{width:150px;height:150px;margin-bottom:15px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.qrcode img[data-v-023cec35]{width:100%;height:100%;object-fit:cover}.sponsor-text[data-v-023cec35]{margin:0;font-size:14px;color:#666}.sponsor-card[data-v-023cec35]:nth-child(1){animation-delay:.3s}.sponsor-card[data-v-023cec35]:nth-child(2){animation-delay:.4s}@media (max-width: 768px){.sponsor-list[data-v-023cec35]{flex-direction:column;align-items:center}.sponsor-card[data-v-023cec35]{width:100%;max-width:250px}}.comments-container[data-v-23d86afa]{padding:10px;max-width:600px;margin:0 auto}.filter-options[data-v-23d86afa]{display:flex;margin-bottom:15px;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}.filter-button[data-v-23d86afa]{background-color:var(--ios-light-gray);border:none;border-radius:15px;padding:6px 12px;margin-right:10px;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-button.active[data-v-23d86afa]{background-color:var(--ios-primary-color);color:#fff}.filter-button[data-v-23d86afa]:not(.active):hover{background-color:#e5e5ea}.error-bubble[data-v-23d86afa]{background-color:var(--ios-light-gray);border-radius:15px;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px #0000001a}.error-content[data-v-23d86afa]{display:flex;align-items:center;margin-bottom:10px}.error-icon[data-v-23d86afa]{font-size:18px;margin-right:5px;color:var(--ios-danger-color)}.retry-button[data-v-23d86afa]{background-color:var(--ios-primary-color);border:none;border-radius:10px;padding:6px 12px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease}.retry-button[data-v-23d86afa]:hover{background-color:#007aff}.comments-list[data-v-23d86afa]{display:flex;flex-direction:column}.comment-card[data-v-23d86afa]{display:flex;flex-direction:column;width:100%;margin-bottom:15px;padding:15px}.comment-enter-active[data-v-23d86afa]{transition:all .5s ease}.comment-leave-active[data-v-23d86afa]{transition:all .3s ease;position:absolute}.comment-enter-from[data-v-23d86afa]{opacity:0;transform:translate(30px)}.comment-leave-to[data-v-23d86afa]{opacity:0;transform:translate(-30px)}.comment-move[data-v-23d86afa]{transition:transform .5s ease}.comment-header[data-v-23d86afa]{display:flex;align-items:center;margin-bottom:10px}.avatar[data-v-23d86afa]{width:40px;height:40px;border-radius:20px;overflow:hidden;margin-right:15px;box-shadow:0 2px 5px #0000001a}.avatar img[data-v-23d86afa]{width:100%;height:100%;object-fit:cover}.user-info[data-v-23d86afa]{flex:1}.user-info h3[data-v-23d86afa]{margin:0;font-size:16px;font-weight:600}.comment-time[data-v-23d86afa]{font-size:12px;color:var(--ios-gray-color)}.comment-body[data-v-23d86afa]{margin-bottom:15px;font-size:14px;line-height:1.5}.comment-footer[data-v-23d86afa]{display:flex;border-top:1px solid rgba(0,0,0,.05);padding-top:10px}.action-button[data-v-23d86afa]{display:flex;align-items:center;margin-right:20px;font-size:14px;color:var(--ios-gray-color);cursor:pointer;transition:all .2s ease}.action-button span[data-v-23d86afa]{margin-right:5px}.action-button[data-v-23d86afa]:hover{color:var(--ios-primary-color)}.action-button .liked[data-v-23d86afa]{color:var(--ios-danger-color)}.pagination[data-v-23d86afa]{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:10px}.pagination-button[data-v-23d86afa]{background-color:var(--ios-light-gray);border:none;width:36px;height:36px;border-radius:18px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;transition:all .2s ease}.pagination-button[data-v-23d86afa]:disabled{opacity:.5;cursor:not-allowed}.pagination-button[data-v-23d86afa]:not(:disabled):hover{background-color:#e5e5ea}.page-info[data-v-23d86afa]{margin:0 10px;font-size:14px}.load-more-container[data-v-23d86afa]{display:flex;justify-content:center;margin-top:10px;margin-bottom:20px}.load-more-button[data-v-23d86afa]{background-color:var(--ios-light-gray);border:none;border-radius:20px;padding:10px 20px;font-size:14px;color:var(--ios-primary-color);cursor:pointer;transition:all .2s ease}.load-more-button[data-v-23d86afa]:not(:disabled):hover{background-color:#e5e5ea;transform:translateY(-2px)}.load-more-button[data-v-23d86afa]:disabled{color:var(--ios-gray-color);cursor:not-allowed}.debug-info[data-v-23d86afa]{margin-top:20px;padding:10px;background-color:var(--ios-light-gray);border-radius:10px;font-size:14px}.debug-info p[data-v-23d86afa]{margin-bottom:5px}@media (max-width: 768px){.comments-container[data-v-23d86afa]{padding:5px}.comment-card[data-v-23d86afa]{padding:12px}.page-info[data-v-23d86afa]{font-size:12px}}