body{background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}.app-container{max-width:var(--max-width);margin:0 auto;min-height:100vh;background-color:var(--background-color);position:relative;overflow:hidden}@media (max-width: 414px){.app-container{width:100%}}body{margin:0;font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.home-container[data-v-0ad77d40]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.navbar[data-v-0ad77d40]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;left:0;right:0;max-width:100%}.navbar-back[data-v-0ad77d40]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-0ad77d40]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content-wrapper[data-v-0ad77d40]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.content[data-v-0ad77d40]{width:100%;padding:0 0 80px}.main-content[data-v-0ad77d40]{width:100%}.product-summary[data-v-0ad77d40]{padding:20px}.product-summary-image[data-v-0ad77d40]{width:100px;height:100px;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-right:16px}.product-summary-info[data-v-0ad77d40]{flex:1}.product-summary-title[data-v-0ad77d40]{font-size:16px;font-weight:500;margin-bottom:8px}.product-summary-points[data-v-0ad77d40]{font-size:18px;font-weight:600;color:#3b82f6}.exchange-info[data-v-0ad77d40]{display:flex;flex-direction:column;gap:16px}.exchange-info-item[data-v-0ad77d40]{display:flex;justify-content:space-between;align-items:center}.total-points[data-v-0ad77d40]{font-weight:600;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.total-points div[data-v-0ad77d40]:last-child{font-size:1.25rem;font-weight:700}.flex[data-v-0ad77d40]{display:flex}.items-center[data-v-0ad77d40]{align-items:center}.text-blue-500[data-v-0ad77d40]{color:#3b82f6}.text-gray-600[data-v-0ad77d40]{color:#4b5563}.text-sm[data-v-0ad77d40]{font-size:.875rem}.space-y-2[data-v-0ad77d40]>*+*{margin-top:.5rem}.text-center[data-v-0ad77d40]{text-align:center}.py-4[data-v-0ad77d40]{padding-top:1rem;padding-bottom:1rem}.btn[data-v-0ad77d40]{display:inline-block;font-weight:500;text-align:center;border-radius:.25rem;padding:.5rem 1rem;cursor:pointer}.btn-primary[data-v-0ad77d40]{background-color:#3b82f6;color:#fff}.btn-outline[data-v-0ad77d40]{border:1px solid #3b82f6;color:#3b82f6;background-color:transparent}.btn-block[data-v-0ad77d40]{display:block;width:90%;margin:0 auto}.btn[data-v-0ad77d40]:disabled{opacity:.6;cursor:not-allowed}.text-lg[data-v-0ad77d40]{font-size:1.125rem}.font-semibold[data-v-0ad77d40]{font-weight:600}.product-detail-section[data-v-0ad77d40]{background-color:#fff;margin-bottom:12px;padding:16px;border-radius:0}.section-title[data-v-0ad77d40]{font-size:16px;font-weight:500;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.product-footer[data-v-0ad77d40]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:0;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;z-index:10;width:100%;max-width:100%;box-shadow:0 -2px 8px #0000000d}.footer-content[data-v-0ad77d40]{width:100%;max-width:var(--max-width);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.product-summary-image[data-v-0ad77d40]{width:120px;height:120px}.product-summary-title[data-v-0ad77d40]{font-size:18px}.product-summary-points[data-v-0ad77d40]{font-size:20px}.section-title[data-v-0ad77d40]{font-size:18px}.exchange-info[data-v-0ad77d40]{gap:20px}.text-sm[data-v-0ad77d40]{font-size:1rem}}@media screen and (min-width: 992px){.navbar[data-v-0ad77d40]{max-width:100%}.navbar .navbar-title[data-v-0ad77d40]{width:1200px;left:50%;margin-left:auto;margin-right:auto}.content[data-v-0ad77d40]{max-width:1200px;margin:0 auto;padding:20px 0 100px}.main-content[data-v-0ad77d40]{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.product-detail-section[data-v-0ad77d40]{border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:24px}.product-summary[data-v-0ad77d40]{padding:30px}.product-summary-image[data-v-0ad77d40]{width:140px;height:140px;margin-right:24px}.product-summary-title[data-v-0ad77d40]{font-size:22px;margin-bottom:12px}.product-summary-points[data-v-0ad77d40]{font-size:24px}.section-title[data-v-0ad77d40]{font-size:20px;margin-bottom:16px}.exchange-info[data-v-0ad77d40]{gap:24px}.exchange-info-item[data-v-0ad77d40]{font-size:16px}.total-points[data-v-0ad77d40]{font-size:18px;margin-top:16px;padding-top:16px}.total-points div[data-v-0ad77d40]:last-child{font-size:1.5rem}.text-sm[data-v-0ad77d40]{font-size:16px}.footer-content[data-v-0ad77d40]{max-width:1200px}.btn-primary[data-v-0ad77d40]{font-size:16px;padding:10px 24px}}@media screen and (min-width: 1200px){.content[data-v-0ad77d40]{padding:30px 0 120px}.main-content[data-v-0ad77d40]{padding:0 20px}.product-detail-section[data-v-0ad77d40]{padding:30px}.product-summary-image[data-v-0ad77d40]{width:160px;height:160px}.product-summary-title[data-v-0ad77d40]{font-size:24px}.product-summary-points[data-v-0ad77d40]{font-size:28px}.section-title[data-v-0ad77d40]{font-size:22px}.exchange-info-item[data-v-0ad77d40]{font-size:18px}.total-points[data-v-0ad77d40]{font-size:20px}.total-points div[data-v-0ad77d40]:last-child{font-size:1.75rem}.footer-content[data-v-0ad77d40]{max-width:1200px}}@media screen and (min-width: 1600px){.content[data-v-0ad77d40],.main-content[data-v-0ad77d40],.footer-content[data-v-0ad77d40]{max-width:1600px}}.home-container[data-v-a3a084c6]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-a3a084c6]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-a3a084c6]{width:100%;margin:0 auto;max-width:1600px}.navbar[data-v-a3a084c6]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-a3a084c6]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-a3a084c6]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.card[data-v-a3a084c6]{background-color:#fff;margin-bottom:15px;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000000d}.product-card[data-v-a3a084c6]{margin-top:10px}.card-header[data-v-a3a084c6]{padding:12px 15px;border-bottom:1px solid #f0f0f0}.card-title[data-v-a3a084c6]{font-size:16px;font-weight:500;color:#333}.card-body[data-v-a3a084c6]{padding:15px}.w-20[data-v-a3a084c6]{width:80px}.h-20[data-v-a3a084c6]{height:80px}.rounded[data-v-a3a084c6]{border-radius:4px}.mr-4[data-v-a3a084c6]{margin-right:16px}.object-cover[data-v-a3a084c6]{-o-object-fit:cover;object-fit:cover}.font-medium[data-v-a3a084c6]{font-weight:500}.text-base[data-v-a3a084c6]{font-size:16px}.mb-1[data-v-a3a084c6]{margin-bottom:4px}.text-blue-500[data-v-a3a084c6]{color:#1890ff}.font-semibold[data-v-a3a084c6]{font-weight:600}.space-y-3[data-v-a3a084c6]>*+*{margin-top:12px}.flex[data-v-a3a084c6]{display:flex}.items-center[data-v-a3a084c6]{align-items:center}.justify-between[data-v-a3a084c6]{justify-content:space-between}.text-gray-600[data-v-a3a084c6]{color:#666}.text-center[data-v-a3a084c6]{text-align:center}.py-4[data-v-a3a084c6]{padding-top:1rem;padding-bottom:1rem}.btn[data-v-a3a084c6]{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.btn-outline[data-v-a3a084c6]{color:#1890ff;background-color:transparent;background-image:none;border-color:#1890ff}.btn-block[data-v-a3a084c6]{display:block;width:calc(100% - 30px);margin:0 15px}.status-tag[data-v-a3a084c6]{display:inline-block;padding:2px 8px;font-size:12px;border-radius:4px;background-color:#f0f0f0;color:#666}.status-tag-pending[data-v-a3a084c6],.status-tag-paid[data-v-a3a084c6]{background-color:#e6f7ff;color:#1890ff}.status-tag-completed[data-v-a3a084c6]{background-color:#e6f8e6;color:#52c41a}.status-tag-cancelled[data-v-a3a084c6]{background-color:#f0f0f0;color:#333}.tab-bar[data-v-a3a084c6]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.router-link-active[data-v-a3a084c6]{color:var(--primary-color)}@media screen and (min-width: 415px){.content-wrapper[data-v-a3a084c6]{padding:15px}.card[data-v-a3a084c6]{border-radius:10px;box-shadow:0 2px 8px #00000014}.card-body[data-v-a3a084c6]{padding:18px}.w-20[data-v-a3a084c6]{width:90px}.h-20[data-v-a3a084c6]{height:90px}}@media screen and (min-width: 768px){.content-wrapper[data-v-a3a084c6]{padding:20px}.content[data-v-a3a084c6]{width:100%;max-width:1200px;margin:0 auto}.card[data-v-a3a084c6]{margin-bottom:20px}.card-header[data-v-a3a084c6]{padding:15px 20px}.card-title[data-v-a3a084c6]{font-size:18px}.card-body[data-v-a3a084c6]{padding:20px}.text-base[data-v-a3a084c6],.text-blue-500[data-v-a3a084c6]{font-size:18px}.text-gray-600[data-v-a3a084c6]{font-size:16px}.space-y-3[data-v-a3a084c6]>*+*{margin-top:16px}.status-tag[data-v-a3a084c6]{font-size:14px;padding:3px 10px}.discount-order-info[data-v-a3a084c6]{background:linear-gradient(135deg,#fff8f0,#fef3e2);border:1px solid #fed7aa;border-radius:12px;padding:16px;margin-top:12px}.discount-section-title[data-v-a3a084c6]{font-size:16px;font-weight:700;color:#ea580c;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #fed7aa;position:relative}.discount-section-title[data-v-a3a084c6]:before{content:"";position:absolute;left:0;bottom:-2px;width:30px;height:2px;background:#ea580c}.discount-content[data-v-a3a084c6]{display:flex;flex-direction:column;gap:12px}.discount-activity-name[data-v-a3a084c6]{color:#409eff;font-weight:700}.original-total[data-v-a3a084c6]{color:#909399;text-decoration:line-through}.discount-amount[data-v-a3a084c6]{color:#67c23a;font-weight:700}.discount-final-row[data-v-a3a084c6]{margin-top:8px;padding-top:8px;border-top:1px solid #fed7aa}}@media screen and (min-width: 992px){.content-wrapper[data-v-a3a084c6]{padding:25px}.content[data-v-a3a084c6]{max-width:1200px;margin:0 auto}.navbar[data-v-a3a084c6]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-a3a084c6]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.card[data-v-a3a084c6]{border-radius:12px;box-shadow:0 4px 12px #00000014}.card-header[data-v-a3a084c6]{padding:18px 25px}.card-title[data-v-a3a084c6]{font-size:20px}.card-body[data-v-a3a084c6]{padding:25px}.w-20[data-v-a3a084c6]{width:100px}.h-20[data-v-a3a084c6]{height:100px}.space-y-3[data-v-a3a084c6]>*+*{margin-top:18px}.tab-bar[data-v-a3a084c6]{position:fixed;bottom:0;left:0;right:0;display:none}}@media screen and (min-width: 1200px){.content[data-v-a3a084c6]{max-width:1200px}.card-body[data-v-a3a084c6]{padding:30px}.card-header[data-v-a3a084c6]{padding:20px 30px}.card-title[data-v-a3a084c6]{font-size:22px}.text-base[data-v-a3a084c6],.text-blue-500[data-v-a3a084c6]{font-size:20px}.text-gray-600[data-v-a3a084c6]{font-size:18px}.status-tag[data-v-a3a084c6]{font-size:16px;padding:4px 12px}.navbar-title[data-v-a3a084c6]{width:1200px;max-width:1200px}}@media screen and (min-width: 1600px){.content[data-v-a3a084c6]{max-width:1200px}.navbar-title[data-v-a3a084c6]{width:1200px;max-width:1200px}}.home-container[data-v-88883af7]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-88883af7]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-88883af7]{width:100%;margin:0 auto;max-width:1600px}.navbar[data-v-88883af7]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-88883af7]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-88883af7]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.exchange-list-container[data-v-88883af7]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.exchange-list[data-v-88883af7]{width:100%}.exchange-record[data-v-88883af7]{display:flex;padding:15px 16px;border-bottom:1px solid #e8e8e8;position:relative;text-decoration:none;color:inherit;transition:background-color .2s}.exchange-record[data-v-88883af7]:hover{background-color:#f9f9f9}.exchange-record[data-v-88883af7]:last-child{border-bottom:none}.exchange-record-image[data-v-88883af7]{width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.exchange-record-content[data-v-88883af7]{flex:1;margin-left:15px;overflow:hidden}.exchange-record-header[data-v-88883af7]{display:flex;justify-content:space-between;margin-bottom:6px}.exchange-record-title[data-v-88883af7]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;font-size:15px}.exchange-record-info[data-v-88883af7]{font-size:13px;color:#666;margin-bottom:6px}.exchange-record-bottom[data-v-88883af7]{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.points-section[data-v-88883af7]{flex:1}.tags-section[data-v-88883af7]{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.discount-points-info[data-v-88883af7]{display:flex;flex-direction:column;gap:2px}.current-points[data-v-88883af7]{font-size:14px;color:#f56c6c;font-weight:700}.original-points[data-v-88883af7]{font-size:11px;color:#909399;text-decoration:line-through}.savings-info[data-v-88883af7]{font-size:11px;color:#67c23a;font-weight:700}.normal-points[data-v-88883af7],.exchange-record-points[data-v-88883af7]{font-size:14px;color:var(--primary-color);font-weight:600}.exchange-method-tag[data-v-88883af7]{font-size:12px;color:#666;background-color:#f5f5f5;padding:2px 8px;border-radius:12px;white-space:nowrap}.discount-tag[data-v-88883af7]{font-size:11px;color:#409eff;background:linear-gradient(135deg,#ecf5ff,#e1f0fe);padding:2px 6px;border-radius:8px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.status-tag[data-v-88883af7]{display:inline-block;padding:2px 8px;font-size:12px;border-radius:4px;background-color:#f0f0f0;color:#666}.status-tag-pending[data-v-88883af7],.status-tag-paid[data-v-88883af7]{background-color:#e6f7ff;color:#1890ff}.status-tag-completed[data-v-88883af7]{background-color:#e6f8e6;color:#52c41a}.status-tag-cancelled[data-v-88883af7]{background-color:#f0f0f0;color:#333}.arrow-container[data-v-88883af7]{display:flex;align-items:center;margin-left:10px}.tab-bar[data-v-88883af7]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.router-link-active[data-v-88883af7]{color:var(--primary-color)}.text-center[data-v-88883af7]{text-align:center}.py-4[data-v-88883af7]{padding-top:1rem;padding-bottom:1rem}.py-2[data-v-88883af7]{padding-top:.5rem;padding-bottom:.5rem}.empty-state[data-v-88883af7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.empty-icon[data-v-88883af7]{font-size:48px;color:#ccc;margin-bottom:15px}.empty-text[data-v-88883af7]{color:#999;margin-bottom:20px}.text-gray-400[data-v-88883af7]{color:#9ca3af}.text-gray-500[data-v-88883af7]{color:#6b7280}.text-sm[data-v-88883af7]{font-size:.875rem}.load-more[data-v-88883af7]{text-align:center;padding:10px 0;border-top:1px solid #f0f0f0}.btn[data-v-88883af7]{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1.25rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:all .15s ease-in-out;cursor:pointer}.btn-outline[data-v-88883af7]{color:var(--primary-color);background-color:transparent;border-color:var(--primary-color)}.btn-text[data-v-88883af7]{background:none;border:none;color:#1890ff;font-size:14px;cursor:pointer;padding:5px 15px}.loading-dots[data-v-88883af7]{display:flex;justify-content:center;align-items:center;height:20px}.loading-dots span[data-v-88883af7]{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#1890ff;margin:0 3px;opacity:.6;animation:loading-88883af7 1.4s infinite ease-in-out both}.loading-dots span[data-v-88883af7]:nth-child(1){animation-delay:-.32s}.loading-dots span[data-v-88883af7]:nth-child(2){animation-delay:-.16s}@keyframes loading-88883af7{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.scroll-bottom-sentinel[data-v-88883af7]{height:10px;margin-top:0;background-color:transparent;width:100%}@media screen and (min-width: 415px){.content-wrapper[data-v-88883af7]{padding:15px}.exchange-list-container[data-v-88883af7]{border-radius:10px;box-shadow:0 2px 8px #00000014}.exchange-record[data-v-88883af7]{padding:18px}.exchange-record-image[data-v-88883af7]{width:70px;height:70px}.exchange-record-title[data-v-88883af7]{font-size:16px}.exchange-record-info[data-v-88883af7]{font-size:14px}.exchange-record-points[data-v-88883af7]{font-size:15px}}@media screen and (min-width: 768px){.content-wrapper[data-v-88883af7]{padding:20px}.content[data-v-88883af7]{width:100%;max-width:1200px;margin:0 auto}.exchange-list-container[data-v-88883af7]{border-radius:12px;box-shadow:0 4px 12px #00000014}.exchange-record[data-v-88883af7]{padding:20px}.exchange-record-image[data-v-88883af7]{width:80px;height:80px}.exchange-record-title[data-v-88883af7]{font-size:17px}.exchange-record-info[data-v-88883af7]{font-size:15px}.exchange-record-points[data-v-88883af7]{font-size:16px}.status-tag[data-v-88883af7]{font-size:13px;padding:3px 10px}}@media screen and (min-width: 992px){.content-wrapper[data-v-88883af7]{padding:25px}.content[data-v-88883af7]{max-width:1200px}.navbar[data-v-88883af7]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-88883af7]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.exchange-list-container[data-v-88883af7]{max-width:1000px;margin:0 auto 30px}.exchange-record-content[data-v-88883af7]{margin-left:20px}.exchange-record-header[data-v-88883af7]{margin-bottom:8px}.tab-bar[data-v-88883af7]{position:fixed;bottom:0;left:0;right:0;display:none}}@media screen and (min-width: 1200px){.exchange-list-container[data-v-88883af7]{max-width:1100px}.navbar-title[data-v-88883af7]{width:100%;max-width:1200px}.exchange-record[data-v-88883af7]{padding:25px}.exchange-record-image[data-v-88883af7]{width:90px;height:90px}.exchange-record-title[data-v-88883af7]{font-size:18px}.exchange-record-info[data-v-88883af7]{font-size:16px}.exchange-record-points[data-v-88883af7]{font-size:18px}}@media screen and (min-width: 1600px){.content[data-v-88883af7]{max-width:1400px}.navbar-title[data-v-88883af7]{width:1400px;max-width:1400px}.exchange-list-container[data-v-88883af7]{max-width:1200px}}.home-container[data-v-35fe4d13]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.navbar[data-v-35fe4d13]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;left:0;right:0;max-width:100%}.navbar-back[data-v-35fe4d13]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-35fe4d13]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content-wrapper[data-v-35fe4d13]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.content[data-v-35fe4d13]{width:100%;padding:0}.main-content[data-v-35fe4d13]{width:100%}.success-container[data-v-35fe4d13]{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:500px;margin:0 auto}.success-header[data-v-35fe4d13]{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.success-icon[data-v-35fe4d13]{font-size:56px;color:#52c41a;margin-bottom:12px}.success-title[data-v-35fe4d13]{font-size:22px;font-weight:600;color:#333}.success-message[data-v-35fe4d13]{font-size:14px;color:#666;text-align:center;margin-bottom:16px}.success-card[data-v-35fe4d13]{background-color:#fff;border-radius:8px;width:100%;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.card-header[data-v-35fe4d13]{padding:12px 15px;border-bottom:1px solid #f0f0f0}.card-title[data-v-35fe4d13]{font-size:16px;font-weight:500;color:#333}.card-body[data-v-35fe4d13]{padding:12px 15px}.info-item[data-v-35fe4d13]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.info-item[data-v-35fe4d13]:last-child{border-bottom:none}.info-label[data-v-35fe4d13]{color:#666;font-size:14px}.info-value[data-v-35fe4d13]{color:#333;font-size:14px;text-align:right;word-break:break-all;max-width:70%}.info-value.points[data-v-35fe4d13]{color:var(--primary-color);font-weight:600;font-size:1.25rem}.action-buttons[data-v-35fe4d13]{width:100%;margin-top:16px}.btn[data-v-35fe4d13]{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.btn-primary[data-v-35fe4d13]{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.btn-outline[data-v-35fe4d13]{color:var(--primary-color);background-color:transparent;border-color:var(--primary-color)}.btn-block[data-v-35fe4d13]{display:block;width:100%;margin-bottom:10px}@media screen and (min-width: 768px){.success-container[data-v-35fe4d13]{padding:30px;max-width:600px}.success-icon[data-v-35fe4d13]{font-size:70px;margin-bottom:20px}.success-title[data-v-35fe4d13]{font-size:26px}.success-message[data-v-35fe4d13]{font-size:16px;margin-bottom:24px}.info-label[data-v-35fe4d13],.info-value[data-v-35fe4d13]{font-size:16px}.info-value.points[data-v-35fe4d13]{font-size:1.35rem}.card-title[data-v-35fe4d13]{font-size:18px}.btn[data-v-35fe4d13]{font-size:1.1rem;padding:.5rem 1rem}}@media screen and (min-width: 992px){.navbar[data-v-35fe4d13]{max-width:100%}.content[data-v-35fe4d13]{max-width:1200px;margin:0 auto;padding:20px 0}.success-container[data-v-35fe4d13]{padding:40px;max-width:700px}.success-header[data-v-35fe4d13]{flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px}.success-icon[data-v-35fe4d13]{margin-bottom:0;margin-right:20px}.success-title[data-v-35fe4d13]{font-size:30px}.success-message[data-v-35fe4d13]{font-size:18px;margin-bottom:30px}.success-card[data-v-35fe4d13]{border-radius:12px;box-shadow:0 4px 16px #00000014}.card-header[data-v-35fe4d13]{padding:20px}.card-title[data-v-35fe4d13]{font-size:20px}.card-body[data-v-35fe4d13]{padding:20px}.info-item[data-v-35fe4d13]{padding:12px 0}.info-label[data-v-35fe4d13],.info-value[data-v-35fe4d13]{font-size:17px}.info-value.points[data-v-35fe4d13]{font-size:1.5rem;font-weight:700}.action-buttons[data-v-35fe4d13]{margin-top:30px;display:flex;flex-direction:column;max-width:400px}.btn[data-v-35fe4d13]{font-size:1.125rem;padding:.625rem 1.25rem;margin-bottom:15px}.success-container .success-icon[data-v-35fe4d13]{margin-bottom:0}.success-container .success-title[data-v-35fe4d13]{margin-top:30px}.success-icon+.success-title[data-v-35fe4d13]{display:inline-block;margin-left:20px;margin-top:0;vertical-align:middle}}@media screen and (min-width: 1200px){.success-container[data-v-35fe4d13]{padding:60px 50px;max-width:800px}.success-icon[data-v-35fe4d13]{font-size:80px;margin-right:25px}.success-title[data-v-35fe4d13]{font-size:34px}.info-value.points[data-v-35fe4d13]{font-size:1.75rem}.action-buttons[data-v-35fe4d13]{max-width:450px}.success-icon[data-v-35fe4d13]{font-size:80px}.success-icon+.success-title[data-v-35fe4d13]{font-size:32px;margin-left:30px}}@media screen and (min-width: 1600px){.content[data-v-35fe4d13]{max-width:1600px}}.luck-draw-container[data-v-0ab9d2ae]{display:flex;justify-content:center;align-items:center;padding:10px;width:100%;height:100%}.wheel[data-v-0ab9d2ae]{position:relative;width:90vmin;max-width:450px;height:90vmin;max-height:450px;background-image:url(/assets/wheel-bg-DVyjIHB-.png);background-size:100% 100%;margin:0 auto;aspect-ratio:1 / 1}img.pointer[data-v-0ab9d2ae]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18%;max-width:90px;cursor:pointer;z-index:10}#wheelCanvas[data-v-0ab9d2ae]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);-webkit-transform:translate(-50%,-50%) rotate(0deg);-moz-transform:translate(-50%,-50%) rotate(0deg);-o-transform:translate(-50%,-50%) rotate(0deg);-ms-transform:translate(-50%,-50%) rotate(0deg);aspect-ratio:1 / 1;transition:transform 5s;-moz-transition:transform 5s;-webkit-transition:transform 5s;-o-transition:transform 5s;transform-origin:center center;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center}@media (max-width: 768px){.luck-draw-container[data-v-0ab9d2ae]{padding:3px}.wheel[data-v-0ab9d2ae]{width:85vmin;max-width:350px;height:85vmin;max-height:350px}img.pointer[data-v-0ab9d2ae]{width:18%;max-width:60px}}@media (max-width: 480px){.luck-draw-container[data-v-0ab9d2ae]{padding:2px}.wheel[data-v-0ab9d2ae]{width:90vmin;max-width:320px;height:90vmin;max-height:320px}img.pointer[data-v-0ab9d2ae]{width:18%;max-width:55px}}.home-container[data-v-de0c40d3]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-de0c40d3]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}.default-avatar[data-v-de0c40d3]{display:flex;justify-content:center;align-items:center;background-color:#1890ff;color:#fff;font-size:2.5rem}.user-details[data-v-de0c40d3]{display:flex;flex-direction:column}.user-role[data-v-de0c40d3]{font-size:14px;color:var(--text-secondary)}.feature-grid[data-v-de0c40d3]{display:flex;justify-content:space-around;flex-wrap:nowrap;gap:20px}.feature-item[data-v-de0c40d3]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:70px;cursor:pointer;transition:opacity .3s ease}.feature-item.disabled[data-v-de0c40d3]{cursor:not-allowed;opacity:.6}.product-grid[data-v-de0c40d3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-grid[data-v-de0c40d3]{display:flex;flex-direction:column;gap:16px}.article-card[data-v-de0c40d3]{display:flex;text-decoration:none;color:inherit;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;transition:transform .2s ease,box-shadow .2s ease}.article-card[data-v-de0c40d3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.article-image[data-v-de0c40d3]{width:100px;height:80px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.article-info[data-v-de0c40d3]{padding:12px;flex:1;display:flex;flex-direction:column}.article-title[data-v-de0c40d3]{font-weight:600;font-size:16px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#333}.article-summary[data-v-de0c40d3]{font-size:14px;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-de0c40d3]{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:auto}.article-date[data-v-de0c40d3]{color:#999}.article-stats[data-v-de0c40d3]{display:flex;align-items:center;gap:8px}.ml-2[data-v-de0c40d3]{margin-left:.5rem}.text-center[data-v-de0c40d3]{text-align:center}.py-4[data-v-de0c40d3]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-de0c40d3]{padding:.75rem}.p-4[data-v-de0c40d3]{padding:1rem}.error-message[data-v-de0c40d3]{color:#f5222d}.navbar[data-v-de0c40d3]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-de0c40d3]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-de0c40d3]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content[data-v-de0c40d3]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.tab-bar[data-v-de0c40d3]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.card[data-v-de0c40d3]{border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease;overflow:hidden;margin-bottom:20px;background:#fff}.card[data-v-de0c40d3]:hover{box-shadow:0 6px 16px #0000001a}.card-header[data-v-de0c40d3]{padding:16px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.card-title[data-v-de0c40d3]{font-weight:600;font-size:18px;color:#333}.card-body[data-v-de0c40d3]{background-color:#fff}.points-card[data-v-de0c40d3]{background:linear-gradient(120deg,#1890ff,#13c2c2);border-radius:12px;padding:20px;color:#fff;box-shadow:0 6px 16px #13c2c233;margin-bottom:20px;position:relative;overflow:hidden}.points-card[data-v-de0c40d3]:before{content:"";position:absolute;right:-20px;bottom:-20px;width:120px;height:120px;border-radius:60px;background:#ffffff1a}.points-card-label[data-v-de0c40d3]{font-size:16px;opacity:.9;margin-bottom:8px}.points-card-value[data-v-de0c40d3]{font-size:36px;font-weight:700}.user-info[data-v-de0c40d3]{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px #0000000d;margin-bottom:20px}.user-avatar[data-v-de0c40d3]{width:60px;height:60px;border-radius:30px;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.user-avatar img[data-v-de0c40d3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-name[data-v-de0c40d3]{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.product-card[data-v-de0c40d3]{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease;background:#fff;height:100%}.product-card[data-v-de0c40d3]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.product-image[data-v-de0c40d3]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.product-info[data-v-de0c40d3]{padding:12px;display:flex;flex-direction:column;flex:1}.product-name[data-v-de0c40d3]{font-weight:600;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-de0c40d3]{color:#1890ff;font-weight:600;margin-top:auto}@media screen and (min-width: 320px){.content[data-v-de0c40d3]{padding-bottom:60px}}@media screen and (min-width: 768px){.content[data-v-de0c40d3]{padding:12px}.product-grid[data-v-de0c40d3]{grid-template-columns:repeat(3,1fr)}.article-card[data-v-de0c40d3]{flex-direction:row}.article-image[data-v-de0c40d3]{width:160px;height:120px}}@media screen and (min-width: 992px){.home-container[data-v-de0c40d3]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-de0c40d3]{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:calc(100vh - 120px)}.content[data-v-de0c40d3]{padding:12px;display:grid;grid-template-columns:300px 1fr;grid-template-areas:"user-section main-section";gap:12px}.navbar[data-v-de0c40d3]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-de0c40d3]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.product-grid[data-v-de0c40d3]{grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:8px}.article-grid[data-v-de0c40d3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card[data-v-de0c40d3]{height:100%;flex-direction:column}.article-image[data-v-de0c40d3]{width:100%;height:140px}.user-info[data-v-de0c40d3]{grid-area:user-info;flex-direction:column;align-items:center;text-align:center;margin-bottom:15px;padding:20px}.user-avatar[data-v-de0c40d3]{width:110px;height:110px;border-radius:55px;margin-bottom:15px}.user-name[data-v-de0c40d3]{font-size:20px;margin-bottom:6px}.user-role[data-v-de0c40d3]{font-size:15px}.points-card[data-v-de0c40d3]{grid-area:points-card;text-align:center;margin-bottom:15px;padding:24px 20px}.points-card-label[data-v-de0c40d3]{font-size:18px;margin-bottom:10px}.points-card-value[data-v-de0c40d3]{font-size:40px}.card[data-v-de0c40d3]{margin-bottom:25px}.user-sidebar .card[data-v-de0c40d3]:last-child{margin-bottom:0;height:calc(100% - 335px);display:flex;flex-direction:column}.user-sidebar .card:last-child .card-body[data-v-de0c40d3]{flex:1;display:flex;flex-direction:column;justify-content:center}.card-header[data-v-de0c40d3]{padding:18px 20px}.card-title[data-v-de0c40d3]{font-size:20px}.card-body[data-v-de0c40d3]{padding:16px}.feature-grid[data-v-de0c40d3]{grid-area:feature-grid;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:5px 0;gap:8px}.feature-item[data-v-de0c40d3]{width:65px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.feature-icon[data-v-de0c40d3]{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:22.5px;margin-bottom:8px;font-size:20px}.feature-label[data-v-de0c40d3]{font-size:12px;text-align:center;line-height:1.2}.product-card[data-v-de0c40d3]{height:100%;display:flex;flex-direction:column}.product-image[data-v-de0c40d3]{aspect-ratio:1/.9;-o-object-fit:cover;object-fit:cover}.product-info[data-v-de0c40d3]{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-height:80px;flex:1}.product-name[data-v-de0c40d3]{font-size:16px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-de0c40d3]{font-size:16px;margin-top:auto}.user-sidebar[data-v-de0c40d3]{grid-area:user-section;display:flex;flex-direction:column;height:100%}.main-content[data-v-de0c40d3]{grid-area:main-section;display:flex;flex-direction:column}.main-content .card[data-v-de0c40d3]:last-child{flex:1;margin-bottom:0}.tab-bar[data-v-de0c40d3]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-de0c40d3]{max-width:200px}.content[data-v-de0c40d3]{padding-bottom:60px}.content-wrapper[data-v-de0c40d3]{padding-bottom:0}}@media screen and (min-width: 1200px){.content[data-v-de0c40d3]{padding:15px;grid-template-columns:300px 1fr;gap:18px}.navbar-title[data-v-de0c40d3]{width:100%;max-width:1200px}.product-grid[data-v-de0c40d3]{grid-template-columns:repeat(5,1fr);gap:20px}.article-grid[data-v-de0c40d3]{grid-template-columns:repeat(3,1fr);gap:20px}.article-image[data-v-de0c40d3]{height:150px}}@media screen and (min-width: 1600px){.content[data-v-de0c40d3]{padding:20px;max-width:1800px}.navbar-title[data-v-de0c40d3]{width:1400px;max-width:1400px}.product-grid[data-v-de0c40d3]{grid-template-columns:repeat(6,1fr)}.article-grid[data-v-de0c40d3]{grid-template-columns:repeat(4,1fr)}}.checkin-overlay[data-v-de0c40d3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.checkin-modal[data-v-de0c40d3]{background:#fff;border-radius:12px;width:100%;max-width:380px;max-height:90vh;overflow:hidden;box-shadow:0 4px 12px #0000000d;animation:fadeIn-de0c40d3 .3s ease-in-out}@keyframes fadeIn-de0c40d3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkin-header[data-v-de0c40d3]{position:relative;padding:16px 20px;border-bottom:1px solid #e8e8e8;background-color:#fff}.checkin-title[data-v-de0c40d3]{font-size:16px;font-weight:500;margin:0;text-align:center;color:#333}.checkin-close[data-v-de0c40d3]{position:absolute;top:16px;right:16px;background:none;border:none;color:#999;font-size:16px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.checkin-close[data-v-de0c40d3]:hover{color:#666}.checkin-body[data-v-de0c40d3]{padding:20px}.checkin-description[data-v-de0c40d3]{text-align:center;font-size:14px;line-height:1.5;color:#666;margin:0 0 16px}.checkin-stats[data-v-de0c40d3]{background:linear-gradient(135deg,#1890ff,#36cfc9);border-radius:12px;padding:20px;color:#fff;margin-bottom:16px;display:flex;justify-content:space-around}.stat-card[data-v-de0c40d3]{text-align:center;flex:1}.stat-number[data-v-de0c40d3]{font-size:24px;font-weight:600;margin-bottom:4px}.stat-label[data-v-de0c40d3]{font-size:12px;opacity:.8}.checkin-actions[data-v-de0c40d3]{display:flex;gap:12px}.rules-link[data-v-de0c40d3]{text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.rules-text-btn[data-v-de0c40d3]{background:none;border:none;color:#999;font-size:12px;cursor:pointer;transition:color .2s ease;text-decoration:underline;text-decoration-color:transparent;transition:all .2s ease}.rules-text-btn[data-v-de0c40d3]:hover{color:#1890ff;text-decoration-color:#1890ff}.modal-overlay[data-v-de0c40d3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;box-sizing:border-box}.rules-modal[data-v-de0c40d3]{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;box-shadow:0 4px 12px #00000026;animation:fadeIn-de0c40d3 .3s ease-in-out}.rules-modal-header[data-v-de0c40d3]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e8e8e8;background:#fafafa}.rules-modal-title[data-v-de0c40d3]{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;color:#333}.rules-modal-title i[data-v-de0c40d3]{color:#faad14}.rules-modal-close[data-v-de0c40d3]{background:none;border:none;color:#999;font-size:16px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.rules-modal-close[data-v-de0c40d3]:hover{color:#666}.rules-modal-body[data-v-de0c40d3]{padding:20px;max-height:60vh;overflow-y:auto}.rules-description[data-v-de0c40d3]{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;background:#f0f7ff;padding:12px;border-radius:8px;margin-bottom:20px;border-left:3px solid #1890ff}.rules-description i[data-v-de0c40d3]{color:#1890ff}.rules-list-container[data-v-de0c40d3]{display:flex;flex-direction:column;gap:12px}.rule-item-modal[data-v-de0c40d3]{display:flex;align-items:center;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;gap:20px}.rule-left-column[data-v-de0c40d3]{width:80px;display:flex;justify-content:center;align-items:center}.rule-day-badge[data-v-de0c40d3]{background:linear-gradient(135deg,#1890ff,#36cfc9);color:#fff;padding:8px 12px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;text-align:center;min-width:50px}.rule-right-column[data-v-de0c40d3]{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.rule-base-reward[data-v-de0c40d3]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#1890ff}.rule-base-reward i[data-v-de0c40d3]{color:#faad14}.rule-extra-reward[data-v-de0c40d3]{display:flex;align-items:center;gap:6px;font-size:13px;color:#52c41a}.rule-probability[data-v-de0c40d3]{background:#fff2e8;color:#fa541c;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:500;margin-left:4px}.rules-modal-footer[data-v-de0c40d3]{padding:20px;border-top:1px solid #e8e8e8;background:#fafafa}.result-header[data-v-de0c40d3]{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;padding:24px 20px 20px;text-align:center}.result-icon[data-v-de0c40d3]{width:64px;height:64px;border-radius:32px;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:32px}.result-title[data-v-de0c40d3]{font-size:20px;font-weight:600;margin:0}.result-body[data-v-de0c40d3]{padding:24px 20px}.reward-info[data-v-de0c40d3]{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff7e6;border:1px solid #ffe7ba;border-radius:12px;padding:16px;margin-bottom:16px}.reward-icon[data-v-de0c40d3]{font-size:24px;color:#fa8c16}.reward-text[data-v-de0c40d3]{font-size:16px;color:#333}.reward-points[data-v-de0c40d3]{font-weight:700;color:#fa8c16;font-size:18px}.extra-reward[data-v-de0c40d3]{background:linear-gradient(135deg,#f6ffed,#e6f9e6);border:1px solid #b7eb8f;border-radius:12px;padding:20px 16px;margin-bottom:16px;box-shadow:0 2px 8px #52c41a1a}.extra-reward-header[data-v-de0c40d3]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.extra-gift-icon[data-v-de0c40d3]{width:36px;height:36px;background:linear-gradient(135deg,#52c41a,#73d13d);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #52c41a4d;animation:giftPulse-de0c40d3 2s ease-in-out infinite}.extra-gift-icon i[data-v-de0c40d3]{font-size:18px;color:#fff}.extra-reward-text[data-v-de0c40d3]{font-size:16px;font-weight:600;color:#389e0d;text-align:center}.extra-notice[data-v-de0c40d3]{text-align:center;font-size:13px;color:#52c41a;opacity:.8}@keyframes giftPulse-de0c40d3{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.updated-stats[data-v-de0c40d3]{display:flex;gap:16px;justify-content:center}.result-actions[data-v-de0c40d3]{padding:0 20px 24px}.btn-secondary[data-v-de0c40d3],.btn-primary[data-v-de0c40d3]{flex:1;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary[data-v-de0c40d3]{background-color:#fff;color:#1890ff;border:1px solid #1890ff}.btn-secondary[data-v-de0c40d3]:hover:not(:disabled){background-color:#f0f7ff}.btn-secondary[data-v-de0c40d3]:disabled{background-color:#f5f5f5;color:#bfbfbf;border-color:#d9d9d9;cursor:not-allowed}.btn-primary[data-v-de0c40d3]{background-color:#1890ff;color:#fff}.btn-primary[data-v-de0c40d3]:hover:not(:disabled){background-color:#40a9ff}.btn-primary[data-v-de0c40d3]:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.btn-primary.full-width[data-v-de0c40d3]{width:100%}.fa-spinner[data-v-de0c40d3]{animation:spin-de0c40d3 1s linear infinite}@keyframes spin-de0c40d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 480px){.checkin-overlay[data-v-de0c40d3]{padding:10px}.checkin-modal[data-v-de0c40d3]{max-width:100%;border-radius:16px}.checkin-stats[data-v-de0c40d3]{gap:12px}.stat-card[data-v-de0c40d3]{padding:12px 8px}.stat-number[data-v-de0c40d3]{font-size:20px}.rule-item[data-v-de0c40d3]{padding:6px 8px}.rule-reward[data-v-de0c40d3]{align-items:flex-end}.extra-reward[data-v-de0c40d3]{padding:16px 12px}.extra-reward-header[data-v-de0c40d3]{gap:8px}.extra-gift-icon[data-v-de0c40d3]{width:32px;height:32px}.extra-gift-icon i[data-v-de0c40d3]{font-size:16px}.extra-reward-text[data-v-de0c40d3]{font-size:14px}.extra-notice[data-v-de0c40d3]{font-size:12px}.checkin-actions[data-v-de0c40d3]{flex-direction:column;gap:8px}.btn-secondary[data-v-de0c40d3],.btn-primary[data-v-de0c40d3]{padding:10px 16px}.rules-modal[data-v-de0c40d3]{max-width:100%;margin:0 10px}.rules-modal-body[data-v-de0c40d3]{max-height:50vh}.rule-item-modal[data-v-de0c40d3]{padding:12px;gap:12px}.rule-left-column[data-v-de0c40d3]{width:60px}.rule-day-badge[data-v-de0c40d3]{padding:6px 8px;font-size:11px;min-width:40px}.rule-right-column[data-v-de0c40d3]{gap:6px}}.lottery-overlay[data-v-de0c40d3]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lottery-modal[data-v-de0c40d3]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:450px;width:100%;max-height:90vh;overflow:hidden;position:relative}.lottery-header[data-v-de0c40d3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #eee;margin-bottom:20px}.lottery-title[data-v-de0c40d3]{font-size:20px;font-weight:600;color:#333;margin:0}.lottery-close[data-v-de0c40d3]{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.lottery-close[data-v-de0c40d3]:hover{background-color:#f5f5f5;color:#666}.lottery-content[data-v-de0c40d3]{padding:0 24px 24px}.lottery-wheel-container[data-v-de0c40d3]{display:flex;justify-content:center;margin-bottom:24px}.lottery-wheel-wrapper[data-v-de0c40d3]{position:relative;width:400px;height:400px}.lottery-wheel[data-v-de0c40d3]{width:400px;height:400px;position:relative;border-radius:50%;background:radial-gradient(circle,#fff,#fafbfc,#f5f6f7);margin:0;box-shadow:0 0 20px #64788c26,0 8px 16px #64788c1a,inset 0 2px 6px #ffffffe6;border:12px solid transparent;background-clip:padding-box;box-sizing:border-box;overflow:hidden}.lottery-wheel[data-v-de0c40d3]:before{content:"";position:absolute;inset:-12px;background:linear-gradient(45deg,#e8f4fd,#d6ebfa,#c7e2f7,#b8d9f4,#e8f4fd);border-radius:50%;z-index:-1;animation:borderRotate-de0c40d3 12s linear infinite}.wheel-outer-ring[data-v-de0c40d3]{position:absolute;inset:-20px;border-radius:50%;background:linear-gradient(45deg,#1e88e5,#42a5f5);box-shadow:0 0 20px #1e88e54d,inset 0 0 20px #fff3;z-index:1}.ring-dot[data-v-de0c40d3]{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ffffffe6,#fff9);border-radius:50%;top:50%;left:50%;transform-origin:0 0;box-shadow:0 0 8px #ffffff80,0 0 16px #ffffff4d;animation:dotPulse-de0c40d3 2s ease-in-out infinite}.ring-dot.dot-special[data-v-de0c40d3]{width:12px;height:12px;background:radial-gradient(circle,#fff,#fffc);box-shadow:0 0 12px #fffc,0 0 24px #fff6;animation:specialDotPulse-de0c40d3 1.5s ease-in-out infinite}.ring-sparkles[data-v-de0c40d3]{position:absolute;top:50%;left:50%;width:100%;height:100%}.sparkle[data-v-de0c40d3]{position:absolute;top:50%;left:50%;width:3px;height:3px;background:linear-gradient(45deg,#c8dcf0cc,#b4c8dc99);border-radius:50%;transform-origin:0 0;opacity:0;animation:sparkleEffect-de0c40d3 4s ease-in-out infinite}.wheel-background[data-v-de0c40d3]{width:100%;height:100%;position:relative;border-radius:50%;z-index:2;transform-origin:center center}.wheel-canvas[data-v-de0c40d3]{width:100%;height:100%;border-radius:50%;transform-origin:center center;cursor:pointer}.prize-icon-item[data-v-de0c40d3]{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fffffff2,#f8f9fae6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026,inset 0 1px 3px #fffc;border:3px solid rgba(255,255,255,.9);position:relative;overflow:hidden;transition:all .3s ease}.icon-glow[data-v-de0c40d3]{position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:iconGlow-de0c40d3 2s ease-in-out infinite;z-index:-1}.prize-icon-0[data-v-de0c40d3]{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);border:2px solid #d1e9ff}.prize-icon-1[data-v-de0c40d3]{background:linear-gradient(135deg,#fff7e6,#ffefd2);border:2px solid #ffe7ba}.prize-icon-2[data-v-de0c40d3]{background:linear-gradient(135deg,#f6ffed,#eefde6);border:2px solid #d9f7be}.prize-icon-3[data-v-de0c40d3]{background:linear-gradient(135deg,#fff1f0,#ffe6e5);border:2px solid #ffc4c4}.prize-icon-4[data-v-de0c40d3]{background:linear-gradient(135deg,#f9f0ff,#f2e6ff);border:2px solid #e6ccff}.prize-icon-5[data-v-de0c40d3]{background:linear-gradient(135deg,#f0f9ff,#e6f5ff);border:2px solid #b3e0ff}.prize-icon-symbol[data-v-de0c40d3]{font-size:20px;color:#4a5568;text-shadow:0 1px 2px rgba(255,255,255,.9);z-index:2;position:relative}.segment-text[data-v-de0c40d3]{font-size:13px;font-weight:700;line-height:1.1;margin-top:6px;border-radius:16px;padding:6px 10px;box-shadow:0 2px 8px #0000001a;white-space:nowrap;position:relative;overflow:hidden;transition:all .3s ease;text-align:center}.prize-name-text[data-v-de0c40d3]{position:relative;z-index:2}.text-style-0[data-v-de0c40d3]{background:linear-gradient(135deg,#fffffff2,#f8fcffe6);color:#5b7c99;text-shadow:0 1px 2px rgba(255,255,255,.9);border:1px solid rgba(91,124,153,.2)}.text-style-1[data-v-de0c40d3]{background:linear-gradient(135deg,#fffefaf2,#fdfaf6e6);color:#8b6f47;text-shadow:0 1px 2px rgba(255,255,255,.9);border:1px solid rgba(139,111,71,.2)}.text-style-2[data-v-de0c40d3]{background:linear-gradient(135deg,#fcfffaf2,#f9fdf7e6);color:#6b8068;text-shadow:0 1px 2px rgba(255,255,255,.9);border:1px solid rgba(107,128,104,.2)}.wheel-center-container[data-v-de0c40d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:15;display:flex;align-items:center;justify-content:center}.wheel-center[data-v-de0c40d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:linear-gradient(135deg,#f44,#f66,#f55);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:4px solid rgba(255,255,255,.95);box-shadow:0 8px 20px #f446,0 3px 8px #7ab3f033,inset 0 2px 6px #fff6;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:16;overflow:hidden}.center-bg-decoration[data-v-de0c40d3]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:centerRotate-de0c40d3 3s linear infinite;z-index:1}.center-ring-effect[data-v-de0c40d3]{position:absolute;inset:-8px;border:2px solid rgba(122,179,240,.25);border-radius:50%;animation:ringPulse-de0c40d3 3s ease-in-out infinite;z-index:15}.wheel-center[data-v-de0c40d3]:hover:not(.disabled){transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 20px #7ab3f066,0 4px 12px #7ab3f04d,inset 0 2px 8px #ffffff80}.wheel-center.disabled[data-v-de0c40d3]{cursor:not-allowed;opacity:.6;transform:translate(-50%,-50%) scale(.95)}.center-pointer[data-v-de0c40d3]{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:28px solid #FF4444;z-index:17;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.pointer-glow[data-v-de0c40d3]{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:30px;height:30px;background:radial-gradient(circle,rgba(90,159,216,.2),transparent);border-radius:50%;animation:pointerGlow-de0c40d3 3s ease-in-out infinite;z-index:-1}.wheel-center-container:hover .center-pointer[data-v-de0c40d3]{border-bottom-color:#4a8bc2;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.center-text[data-v-de0c40d3]{font-size:15px;font-weight:700;color:#fff;text-align:center;line-height:1.1;z-index:17;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.center-content[data-v-de0c40d3]{display:flex;flex-direction:column;align-items:center;gap:2px}.center-icon[data-v-de0c40d3]{font-size:20px;margin-bottom:2px;animation:iconBounce-de0c40d3 2s ease-in-out infinite}.center-label[data-v-de0c40d3]{font-size:12px;line-height:1}.center-spinner[data-v-de0c40d3]{font-size:24px;color:#ffffffe6}.lottery-info[data-v-de0c40d3]{text-align:center;margin-bottom:20px}.lottery-chances[data-v-de0c40d3]{font-size:16px;color:#666;background:#f0f2f5;padding:8px 16px;border-radius:20px;display:inline-block}.lottery-probability[data-v-de0c40d3]{background:#f8f9fa;border-radius:8px;padding:16px}.probability-toggle[data-v-de0c40d3]{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;font-size:14px;color:#333;cursor:pointer;padding:0;margin-bottom:8px}.probability-toggle .toggle-text[data-v-de0c40d3]{color:#409eff}.prize-overlay[data-v-de0c40d3]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1002;animation:fadeIn-de0c40d3 .3s ease}.prize-modal[data-v-de0c40d3]{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:400px;width:90%;max-height:80vh;overflow:hidden;position:relative;animation:modalSlideIn-de0c40d3 .4s ease}.prize-modal-header[data-v-de0c40d3]{position:relative;padding:16px;text-align:right}.prize-close[data-v-de0c40d3]{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s ease}.prize-close[data-v-de0c40d3]:hover{background:#e0e0e0;color:#333}.prize-modal-content[data-v-de0c40d3]{padding:0 20px 20px;text-align:center}.prize-celebration[data-v-de0c40d3]{margin-bottom:16px}.celebration-icon[data-v-de0c40d3]{font-size:40px;margin-bottom:8px;animation:bounce-de0c40d3 .6s ease}.celebration-title[data-v-de0c40d3]{font-size:20px;font-weight:600;color:#333;margin:0;background:linear-gradient(45deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prize-celebration.consolation[data-v-de0c40d3]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.prize-celebration.consolation .celebration-title[data-v-de0c40d3]{background:linear-gradient(45deg,#666,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.consolation-icon-container[data-v-de0c40d3]{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 20px}.consolation-icon[data-v-de0c40d3]{width:80px;height:80px;background:linear-gradient(135deg,#ffa726,#ff9800);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff98004d}.consolation-icon i[data-v-de0c40d3]{font-size:36px;color:#fff}.prize-name.consolation[data-v-de0c40d3]{color:#666;font-size:20px}.prize-display.consolation[data-v-de0c40d3]{text-align:center}.prize-display[data-v-de0c40d3]{background:linear-gradient(135deg,#f8f9ff,#e6f7ff);border-radius:16px;padding:16px;margin-bottom:16px;border:2px solid #e1f3ff}.prize-image-container[data-v-de0c40d3]{margin-bottom:12px;display:flex;justify-content:center;align-items:center}.prize-image[data-v-de0c40d3]{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 6px 12px #0000001a;border:3px solid #fff}.prize-placeholder[data-v-de0c40d3]{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0000001a}.prize-placeholder i[data-v-de0c40d3]{font-size:40px;color:#fff}.prize-details[data-v-de0c40d3]{text-align:center}.prize-name[data-v-de0c40d3]{font-size:18px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.3}.prize-description[data-v-de0c40d3]{font-size:13px;color:#666;margin:0 0 8px;line-height:1.4}.prize-points[data-v-de0c40d3]{background:linear-gradient(45deg,#52c41a,#73d13d);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;display:inline-block}.prize-notice[data-v-de0c40d3]{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;padding:10px;font-size:13px;color:#52c41a;margin-bottom:16px}.prize-actions[data-v-de0c40d3]{text-align:center}.prize-confirm-btn[data-v-de0c40d3]{background:linear-gradient(45deg,#1890ff,#40a9ff);color:#fff;border:none;padding:10px 28px;border-radius:25px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1890ff4d}.prize-confirm-btn[data-v-de0c40d3]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1890ff66}.prize-confirm-btn[data-v-de0c40d3]:active{transform:translateY(0)}@keyframes fadeIn-de0c40d3{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-de0c40d3{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce-de0c40d3{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}}@media (max-width: 768px){.prize-modal[data-v-de0c40d3]{max-width:320px;width:95%}.prize-modal-content[data-v-de0c40d3]{padding:0 16px 16px}.celebration-icon[data-v-de0c40d3]{font-size:36px}.celebration-title[data-v-de0c40d3]{font-size:18px}.prize-image[data-v-de0c40d3],.prize-placeholder[data-v-de0c40d3]{width:90px;height:90px}.prize-placeholder i[data-v-de0c40d3]{font-size:36px}.prize-name[data-v-de0c40d3]{font-size:16px}.prize-description[data-v-de0c40d3]{font-size:12px}.prize-confirm-btn[data-v-de0c40d3]{padding:8px 24px;font-size:14px}}.probability-title[data-v-de0c40d3]{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.probability-list[data-v-de0c40d3]{display:flex;flex-direction:column;gap:8px}.probability-item[data-v-de0c40d3]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #eee}.probability-item[data-v-de0c40d3]:last-child{border-bottom:none}.prize-name[data-v-de0c40d3]{font-size:14px;color:#333}.prize-probability[data-v-de0c40d3]{font-size:14px;color:#1890ff;font-weight:500}.sector-path[data-v-de0c40d3]{transition:all .3s ease;cursor:pointer}.sector-path.sector-highlighted[data-v-de0c40d3]{filter:url(#glow) brightness(1.1);stroke-width:3;stroke:#fff}.sector-border-decoration[data-v-de0c40d3]{opacity:.6;transition:opacity .3s ease}.sector-path:hover~.sector-border-decoration[data-v-de0c40d3]{opacity:1}@keyframes borderRotate-de0c40d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse-de0c40d3{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes specialDotPulse-de0c40d3{0%,to{opacity:.7;transform:scale(1);box-shadow:0 0 6px #87aacd66}50%{opacity:.9;transform:scale(1.15);box-shadow:0 0 8px #87aacd99}}@keyframes sparkleEffect-de0c40d3{0%,85%,to{opacity:0;transform:scale(0)}42%{opacity:.6;transform:scale(1.2)}}@keyframes iconGlow-de0c40d3{0%,to{opacity:0}50%{opacity:.3}}@keyframes centerRotate-de0c40d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse-de0c40d3{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.4}}@keyframes pointerGlow-de0c40d3{0%,to{opacity:.15;transform:translate(-50%) scale(1)}50%{opacity:.3;transform:translate(-50%) scale(1.1)}}@keyframes iconBounce-de0c40d3{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (max-width: 768px){.lottery-modal[data-v-de0c40d3]{margin:10px;max-width:calc(100vw - 20px);width:auto}.lottery-wheel-wrapper[data-v-de0c40d3]{width:320px;height:320px}.lottery-wheel[data-v-de0c40d3]{width:320px;height:320px;margin:0}.ring-dot[data-v-de0c40d3]{transform:rotate(var(--dot-angle, 0deg)) translateY(-148px)!important}.wheel-center-container[data-v-de0c40d3]{width:80px;height:80px}.wheel-center[data-v-de0c40d3]{width:60px;height:60px}.center-pointer[data-v-de0c40d3]{top:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid #ff4757}.center-text[data-v-de0c40d3]{font-size:11px}.center-icon[data-v-de0c40d3]{font-size:16px}.center-label[data-v-de0c40d3]{font-size:10px}.wheel-segment-content[data-v-de0c40d3]{width:160px;height:160px}.segment-content[data-v-de0c40d3]{padding-top:25px;gap:4px;width:80px}.segment-text[data-v-de0c40d3]{font-size:10px;padding:4px 8px;margin-top:4px}.prize-icon-item[data-v-de0c40d3]{width:32px;height:32px}.prize-icon-symbol[data-v-de0c40d3]{font-size:16px}}.home-container[data-v-0d4514d8]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-0d4514d8]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}.mall-content[data-v-0d4514d8]{min-height:calc(100vh - 120px);box-sizing:border-box;padding:16px 16px 80px}.text-center[data-v-0d4514d8]{text-align:center}.py-4[data-v-0d4514d8]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-0d4514d8]{padding:.75rem}.product-grid[data-v-0d4514d8]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card[data-v-0d4514d8]{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.product-card[data-v-0d4514d8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.product-image[data-v-0d4514d8]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.product-info[data-v-0d4514d8]{padding:12px;display:flex;flex-direction:column}.product-name[data-v-0d4514d8]{font-weight:600;font-size:14px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-0d4514d8]{color:#1890ff;font-weight:600}.category-grid[data-v-0d4514d8]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.category-item[data-v-0d4514d8]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.category-icon[data-v-0d4514d8]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;font-size:20px;margin-bottom:8px;overflow:hidden}.category-image[data-v-0d4514d8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:25px}.category-name[data-v-0d4514d8]{font-size:14px;text-align:center}.banner[data-v-0d4514d8]{width:100%;border-radius:12px;overflow:hidden;margin:16px 0;box-shadow:0 2px 8px #00000014}.banner-image[data-v-0d4514d8]{width:100%;-o-object-fit:cover;object-fit:cover}.search-bar[data-v-0d4514d8]{position:relative;width:100%;margin:16px 0;display:flex;align-items:center}.search-icon[data-v-0d4514d8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#bfbfbf;z-index:2;pointer-events:none}.search-input[data-v-0d4514d8]{width:100%;padding:12px 12px 12px 40px;border:1px solid #e8e8e8;border-radius:24px;font-size:14px;outline:none;background-color:#f5f5f5}.search-input[data-v-0d4514d8]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.card[data-v-0d4514d8]{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;overflow:hidden}.card-header[data-v-0d4514d8]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.card-title[data-v-0d4514d8]{font-weight:600;font-size:16px;color:#333}.card-body[data-v-0d4514d8]{padding:16px}.navbar[data-v-0d4514d8]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-0d4514d8]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-0d4514d8]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content[data-v-0d4514d8]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.main-content[data-v-0d4514d8]{width:100%}.tab-bar[data-v-0d4514d8]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}@media screen and (min-width: 320px){.content[data-v-0d4514d8]{padding-bottom:60px}}@media screen and (min-width: 768px){.content[data-v-0d4514d8]{padding:12px}.product-grid[data-v-0d4514d8]{grid-template-columns:repeat(3,1fr)}.category-grid[data-v-0d4514d8]{grid-template-columns:repeat(4,1fr);gap:16px}}@media screen and (min-width: 992px){.home-container[data-v-0d4514d8]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-0d4514d8]{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:calc(100vh - 120px)}.content[data-v-0d4514d8]{padding:12px 12px 60px}.navbar[data-v-0d4514d8]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-0d4514d8]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.main-content[data-v-0d4514d8]{width:100%;max-width:1200px;margin:0 auto}.search-bar[data-v-0d4514d8]{max-width:100%;margin:20px 0;background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000014}.search-icon[data-v-0d4514d8]{left:32px}.search-input[data-v-0d4514d8]{background-color:#f9f9f9;transition:all .3s ease}.banner[data-v-0d4514d8]{width:100%;margin:24px 0;height:240px;overflow:hidden;border-radius:16px;box-shadow:0 4px 16px #00000014}.banner-image[data-v-0d4514d8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-grid[data-v-0d4514d8]{background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px;margin:24px 0 32px;display:flex;justify-content:center;flex-wrap:wrap;gap:32px;width:100%}.category-item[data-v-0d4514d8]{width:100px}.category-icon[data-v-0d4514d8]{width:70px;height:70px;border-radius:35px;font-size:28px;margin-bottom:12px;transition:transform .2s;overflow:hidden}.category-image[data-v-0d4514d8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:35px}.category-icon[data-v-0d4514d8]:hover{transform:scale(1.05)}.category-name[data-v-0d4514d8]{font-size:16px}.card[data-v-0d4514d8]{border-radius:16px;margin-bottom:32px;box-shadow:0 4px 16px #00000014;transition:box-shadow .3s}.card[data-v-0d4514d8]:hover{box-shadow:0 6px 20px #0000001f}.card-header[data-v-0d4514d8]{padding:20px 24px}.card-title[data-v-0d4514d8]{font-size:20px}.card-body[data-v-0d4514d8]{padding:20px}.product-grid[data-v-0d4514d8]{grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:8px}.product-card[data-v-0d4514d8]{height:100%;display:flex;flex-direction:column}.product-image[data-v-0d4514d8]{aspect-ratio:1/.9;-o-object-fit:cover;object-fit:cover}.product-info[data-v-0d4514d8]{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-height:80px;flex:1}.product-name[data-v-0d4514d8]{font-size:16px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-0d4514d8]{font-size:16px;margin-top:auto}.tab-bar[data-v-0d4514d8]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-0d4514d8]{max-width:200px}.large-screen-hidden[data-v-0d4514d8]{display:none!important}.category-grid[data-v-0d4514d8]{margin-top:0}}@media screen and (min-width: 1200px){.content[data-v-0d4514d8]{padding:15px}.navbar-title[data-v-0d4514d8]{width:100%;max-width:1200px}.product-grid[data-v-0d4514d8]{grid-template-columns:repeat(5,1fr);gap:24px}.banner[data-v-0d4514d8]{height:300px}}@media screen and (min-width: 1600px){.content[data-v-0d4514d8]{padding:20px;max-width:1800px}.navbar-title[data-v-0d4514d8]{width:1400px;max-width:1400px}.product-grid[data-v-0d4514d8]{grid-template-columns:repeat(6,1fr)}}.discount-banner[data-v-0d4514d8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;text-align:center;margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.discount-banner-content[data-v-0d4514d8]{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.discount-banner-title[data-v-0d4514d8]{font-size:18px;font-weight:700}.discount-countdown[data-v-0d4514d8]{font-size:14px;font-weight:600;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3);background:#ffffff26;padding:4px 12px;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.home-container[data-v-59e85e7c]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.navbar[data-v-59e85e7c]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-59e85e7c]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-59e85e7c]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content-wrapper[data-v-59e85e7c]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-59e85e7c]{width:100%;margin:0 auto;max-width:1600px}.tab-bar[data-v-59e85e7c]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.router-link-active[data-v-59e85e7c]{color:var(--primary-color)}.points-summary[data-v-59e85e7c]{margin-bottom:16px}.points-card[data-v-59e85e7c]{background:linear-gradient(135deg,#1890ff,#42c0fb);border-radius:12px;color:#fff;padding:20px;box-shadow:0 4px 12px #1890ff33}.points-card-label[data-v-59e85e7c]{font-size:14px;opacity:.9;margin-bottom:8px}.points-card-value[data-v-59e85e7c]{font-size:32px;font-weight:700}.card[data-v-59e85e7c]{background-color:#fff;border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.card-header[data-v-59e85e7c]{padding:15px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.card-title[data-v-59e85e7c]{font-size:16px;font-weight:600;color:#333}.card-body[data-v-59e85e7c]{padding:15px}.text-center[data-v-59e85e7c]{text-align:center}.py-4[data-v-59e85e7c]{padding-top:1rem;padding-bottom:1rem}.py-2[data-v-59e85e7c]{padding-top:.5rem;padding-bottom:.5rem}.p-0[data-v-59e85e7c]{padding:0}.points[data-v-59e85e7c]{font-weight:700;font-size:16px}.points-increase[data-v-59e85e7c]{color:#4caf50}.points-decrease[data-v-59e85e7c]{color:#f44336}.text-gray-500[data-v-59e85e7c]{color:#6b7280}.text-sm[data-v-59e85e7c]{font-size:.875rem}.btn-text[data-v-59e85e7c]{background-color:transparent;color:#1890ff;border:none;padding:8px;cursor:pointer;font-size:14px}.btn-text[data-v-59e85e7c]:hover{text-decoration:underline}.load-more[data-v-59e85e7c]{text-align:center;padding:10px 0}.empty-state[data-v-59e85e7c]{display:flex;flex-direction:column;align-items:center;padding:30px;color:#6b7280}.empty-icon[data-v-59e85e7c]{font-size:40px;margin-bottom:10px;color:#d1d5db}.empty-text[data-v-59e85e7c]{font-size:14px}.list-item[data-v-59e85e7c]{display:flex;padding:15px;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center}.list-item-right[data-v-59e85e7c]{text-align:right;min-width:80px}.list-item-content[data-v-59e85e7c]{flex:1}.list-item-title[data-v-59e85e7c]{font-size:14px;margin-bottom:4px}.list-item-subtitle[data-v-59e85e7c]{font-size:12px;color:#6b7280}.list-item[data-v-59e85e7c]:last-child{margin-top:-1px}.loading-spinner[data-v-59e85e7c]{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1890ff;border-radius:50%;width:30px;height:30px;animation:spin-59e85e7c 1s linear infinite}@keyframes spin-59e85e7c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container[data-v-59e85e7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-text[data-v-59e85e7c]{margin-top:10px;color:#6b7280}.loading-page[data-v-59e85e7c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}@media screen and (min-width: 415px){.content-wrapper[data-v-59e85e7c]{padding:15px}.card[data-v-59e85e7c]{border-radius:12px}.list-item-title[data-v-59e85e7c]{font-size:15px}.points[data-v-59e85e7c]{font-size:17px}}@media screen and (min-width: 768px){.content-wrapper[data-v-59e85e7c]{padding:20px}.content[data-v-59e85e7c]{width:100%;max-width:1200px;margin:0 auto}.points-records[data-v-59e85e7c]{margin-top:15px}.card-header[data-v-59e85e7c]{padding:16px 20px}.card-title[data-v-59e85e7c]{font-size:18px}.list-item[data-v-59e85e7c]{padding:18px 20px}.list-item-title[data-v-59e85e7c]{font-size:16px;margin-bottom:6px}.list-item-subtitle[data-v-59e85e7c]{font-size:13px}.points[data-v-59e85e7c]{font-size:18px}.points-card[data-v-59e85e7c]{padding:25px}.points-card-label[data-v-59e85e7c]{font-size:16px;margin-bottom:10px}.points-card-value[data-v-59e85e7c]{font-size:36px}}@media screen and (min-width: 992px){.content-wrapper[data-v-59e85e7c]{padding:25px}.navbar[data-v-59e85e7c]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-59e85e7c]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.content[data-v-59e85e7c]{display:flex;gap:25px}.points-summary[data-v-59e85e7c]{flex:0 0 300px;margin-bottom:0;position:sticky;top:60px;height:-moz-fit-content;height:fit-content;align-self:flex-start}.points-records[data-v-59e85e7c]{flex:1;margin-top:0}.card[data-v-59e85e7c]{margin-bottom:25px;box-shadow:0 4px 12px #00000014}.tab-bar[data-v-59e85e7c]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-59e85e7c]{max-width:200px}.content[data-v-59e85e7c]{padding-bottom:60px}.content-wrapper[data-v-59e85e7c]{padding-bottom:0}}@media screen and (min-width: 1200px){.content[data-v-59e85e7c]{max-width:1200px;gap:30px}.navbar-title[data-v-59e85e7c]{width:1200px;max-width:1200px}.points-summary[data-v-59e85e7c]{flex:0 0 350px}.points-card[data-v-59e85e7c]{padding:30px}.points-card-label[data-v-59e85e7c]{font-size:18px}.points-card-value[data-v-59e85e7c]{font-size:42px}.card-header[data-v-59e85e7c]{padding:20px 25px}.card-title[data-v-59e85e7c]{font-size:20px}.list-item[data-v-59e85e7c]{padding:20px 25px}.list-item-title[data-v-59e85e7c]{font-size:17px}.list-item-subtitle[data-v-59e85e7c]{font-size:14px}.points[data-v-59e85e7c]{font-size:20px}}@media screen and (min-width: 1600px){.content[data-v-59e85e7c]{max-width:1600px}}.home-container[data-v-90c4a96f]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.navbar[data-v-90c4a96f]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;left:0;right:0;max-width:100%}.navbar-back[data-v-90c4a96f]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-90c4a96f]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content-wrapper[data-v-90c4a96f]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.content[data-v-90c4a96f]{width:100%;padding:0 0 80px}.main-content[data-v-90c4a96f]{width:100%}.product-detail-section[data-v-90c4a96f]{background-color:#fff;margin-bottom:12px;padding:16px;border-radius:0}.product-detail-header[data-v-90c4a96f]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.product-detail-title[data-v-90c4a96f]{font-size:1.5rem;font-weight:700;margin-right:20px;flex:1}.product-actions[data-v-90c4a96f]{display:flex;gap:12px}.action-button[data-v-90c4a96f]{display:flex;align-items:center;justify-content:center;padding:8px 15px;min-width:80px;height:36px;background-color:#f5f5f5;border-radius:20px;border:1px solid #e0e0e0;cursor:pointer;transition:all .3s ease}.action-button[data-v-90c4a96f]:hover{background-color:#eaeaea}.action-button.liked[data-v-90c4a96f]{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.action-button.disliked[data-v-90c4a96f]{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.action-button i[data-v-90c4a96f]{font-size:16px;margin-right:4px}.action-button .count[data-v-90c4a96f]{font-size:14px;font-weight:500;min-width:20px;text-align:center}.specs-item[data-v-90c4a96f]{display:flex;margin-bottom:8px}.redeemed-info[data-v-90c4a96f]{color:#ff7043;margin-left:10px}.product-detail-points[data-v-90c4a96f]{font-size:20px;font-weight:600;color:#1890ff;margin-bottom:8px}.product-detail-price-section[data-v-90c4a96f]{margin-bottom:16px}.discount-price-detail[data-v-90c4a96f]{background:linear-gradient(135deg,#fff5f5,#fef1f1);border:1px solid #fecaca;border-radius:12px;padding:16px;position:relative}.price-and-info-row[data-v-90c4a96f]{display:flex;align-items:center;justify-content:space-between;gap:20px}.price-section[data-v-90c4a96f]{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.original-price-text[data-v-90c4a96f]{font-size:18px;color:#999;text-decoration:line-through}.discounted-price-text[data-v-90c4a96f]{font-size:24px;font-weight:700;color:#f56c6c}.discount-info-section[data-v-90c4a96f]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex:1;min-width:0}.discount-name[data-v-90c4a96f]{font-size:14px;font-weight:600;color:#667eea;background:#667eea1a;padding:4px 8px;border-radius:8px;border:1px solid rgba(102,126,234,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.discount-countdown-small[data-v-90c4a96f]{font-size:12px;font-weight:600;color:#ff6b6b;background:#ff6b6b1a;padding:3px 6px;border-radius:6px;border:1px solid rgba(255,107,107,.2);white-space:nowrap}.normal-price-detail[data-v-90c4a96f]{font-size:24px;font-weight:700;color:#1890ff;padding:12px 0}.product-detail-desc[data-v-90c4a96f]{margin-bottom:8px}.section-title[data-v-90c4a96f]{font-size:16px;font-weight:500;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.product-detail-image[data-v-90c4a96f]{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.space-y-4[data-v-90c4a96f]>*+*{margin-top:1rem}.space-y-2[data-v-90c4a96f]>*+*{margin-top:.5rem}.space-y-1[data-v-90c4a96f]>*+*{margin-top:.25rem}.list-disc[data-v-90c4a96f]{list-style-type:disc;padding-left:1.25rem}.pl-5[data-v-90c4a96f]{padding-left:1.25rem}.text-sm[data-v-90c4a96f]{font-size:.875rem}.text-gray-600[data-v-90c4a96f]{color:#4b5563}.text-center[data-v-90c4a96f]{text-align:center}.py-4[data-v-90c4a96f]{padding-top:1rem;padding-bottom:1rem}.product-footer[data-v-90c4a96f]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:0;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;z-index:10;width:100%;max-width:100%;box-shadow:0 -2px 8px #0000000d}.footer-content[data-v-90c4a96f]{width:100%;max-width:var(--max-width);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.text-lg[data-v-90c4a96f]{font-size:1.125rem}.font-semibold[data-v-90c4a96f]{font-weight:600}.text-blue-500[data-v-90c4a96f]{color:#3b82f6}.text-gray-500[data-v-90c4a96f]{color:#6b7280}.btn[data-v-90c4a96f]{display:inline-block;font-weight:500;text-align:center;border-radius:.25rem;padding:.5rem 1rem;cursor:pointer}.btn-primary[data-v-90c4a96f]{background-color:#3b82f6;color:#fff}.btn-outline[data-v-90c4a96f]{border:1px solid #3b82f6;color:#3b82f6;background-color:transparent}.btn-block[data-v-90c4a96f]{display:block;width:90%;margin:0 auto}.btn[data-v-90c4a96f]:disabled{opacity:.6;cursor:not-allowed}.product-description[data-v-90c4a96f]{white-space:pre-line;line-height:1.3;margin:0}.product-description br[data-v-90c4a96f]{display:block;content:"";margin-top:.5rem}.product-detail-content[data-v-90c4a96f]{line-height:1.5}.description-list[data-v-90c4a96f]{list-style-type:none;padding:0;margin:0 0 12px}.description-list li[data-v-90c4a96f]{margin-bottom:6px;line-height:1.4}.stock-info[data-v-90c4a96f]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px}.stock-left[data-v-90c4a96f]{display:flex;align-items:center}.stock-right[data-v-90c4a96f]{display:flex;align-items:center;color:#f97316}.text-orange-600[data-v-90c4a96f]{color:#ea580c}@media screen and (min-width: 768px){.product-detail-image[data-v-90c4a96f]{height:400px}.product-detail-section[data-v-90c4a96f]{padding:20px}.product-detail-title[data-v-90c4a96f]{font-size:1.75rem}.product-detail-points[data-v-90c4a96f]{font-size:24px}}@media screen and (min-width: 992px){.content-wrapper[data-v-90c4a96f]{min-height:calc(100vh - 60px)}.content[data-v-90c4a96f]{max-width:1200px;margin:0 auto;padding:0 0 100px}.main-content[data-v-90c4a96f]{width:100%;max-width:1200px;margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:0;padding:0 16px}.navbar[data-v-90c4a96f]{max-width:100%}.navbar .navbar-title[data-v-90c4a96f]{width:1200px;left:50%;margin-left:auto;margin-right:auto}.product-detail-image[data-v-90c4a96f]{width:46%;height:400px;border-radius:8px 0 0 8px;-o-object-fit:contain;object-fit:contain;background-color:#fff;padding:20px;box-shadow:-2px 0 8px #0000000d;margin:0}.product-detail-section[data-v-90c4a96f]{border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.product-detail-section[data-v-90c4a96f]:first-of-type{width:54%;margin-top:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-start;height:400px;border-radius:0 8px 8px 0;border-left:none;box-shadow:2px 0 8px #0000000d}.product-detail-header[data-v-90c4a96f]{margin-bottom:25px}.product-detail-title[data-v-90c4a96f]{font-size:28px;margin-bottom:20px;line-height:1.3}.product-detail-points[data-v-90c4a96f]{font-size:32px;margin:24px 0}.stock-info[data-v-90c4a96f]{margin-top:20px}.text-sm[data-v-90c4a96f],.stock-left[data-v-90c4a96f],.stock-right[data-v-90c4a96f]{font-size:16px}.section-title[data-v-90c4a96f]{font-size:20px;font-weight:600;margin-bottom:16px}.product-detail-section[data-v-90c4a96f]:not(:first-of-type){width:100%;margin-top:30px;padding:25px}.description-list li[data-v-90c4a96f]{font-size:16px;line-height:1.6;margin-bottom:10px}.footer-content[data-v-90c4a96f]{max-width:1200px}.product-actions[data-v-90c4a96f]{gap:16px}.action-button[data-v-90c4a96f]{min-width:100px;height:40px}.btn-primary[data-v-90c4a96f]{font-size:16px;padding:10px 20px}}@media screen and (min-width: 1200px){.content[data-v-90c4a96f]{padding:0 0 120px}.main-content[data-v-90c4a96f]{padding:0 20px}.product-detail-image[data-v-90c4a96f]{width:46%;height:450px}.product-detail-section[data-v-90c4a96f]:first-of-type{width:54%;height:450px;padding:40px}.product-detail-title[data-v-90c4a96f]{font-size:32px}.product-detail-points[data-v-90c4a96f]{font-size:36px}.text-sm[data-v-90c4a96f],.stock-left[data-v-90c4a96f],.stock-right[data-v-90c4a96f]{font-size:18px}.section-title[data-v-90c4a96f]{font-size:22px}.description-list li[data-v-90c4a96f]{font-size:18px;margin-bottom:12px}.footer-content[data-v-90c4a96f]{max-width:1200px}}@media screen and (min-width: 1600px){.content[data-v-90c4a96f],.main-content[data-v-90c4a96f]{max-width:1600px}.navbar[data-v-90c4a96f]{max-width:100%}.footer-content[data-v-90c4a96f]{max-width:1600px}}.home-container[data-v-f0ac0c6a]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-f0ac0c6a]{padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.mall-content[data-v-f0ac0c6a]{min-height:calc(100vh - 120px);box-sizing:border-box;padding:16px 16px 80px}.text-center[data-v-f0ac0c6a]{text-align:center}.py-4[data-v-f0ac0c6a]{padding-top:1rem;padding-bottom:1rem}.p-3[data-v-f0ac0c6a]{padding:.75rem}.text-gray-500[data-v-f0ac0c6a]{color:#6b7280}.product-grid[data-v-f0ac0c6a]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card[data-v-f0ac0c6a]{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.product-card[data-v-f0ac0c6a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.product-image[data-v-f0ac0c6a]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.product-info[data-v-f0ac0c6a]{padding:12px;display:flex;flex-direction:column}.product-name[data-v-f0ac0c6a]{font-weight:600;font-size:14px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-f0ac0c6a]{color:#1890ff;font-weight:600}.category-grid[data-v-f0ac0c6a]{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:12px;margin:16px 0;scroll-behavior:smooth;white-space:nowrap;justify-content:flex-start}.category-grid[data-v-f0ac0c6a]::-webkit-scrollbar{display:none}@media (min-width: 480px){.category-grid[data-v-f0ac0c6a]{justify-content:center}}.category-item[data-v-f0ac0c6a]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;flex-shrink:0;min-width:70px;padding:0 4px;transition:all .3s ease;position:relative}.category-item.active[data-v-f0ac0c6a]{transform:scale(1.05)}.category-item.active .category-icon[data-v-f0ac0c6a]{box-shadow:0 0 0 2px currentColor}.category-item.active[data-v-f0ac0c6a]:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;background-color:currentColor;border-radius:1px}.category-item.active .category-name[data-v-f0ac0c6a]{font-weight:600}@media screen and (min-width: 992px){.category-item.active[data-v-f0ac0c6a]{transform:scale(1.08)}.category-item.active[data-v-f0ac0c6a]:after{width:24px;height:3px;bottom:-6px}}.category-icon[data-v-f0ac0c6a]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;font-size:20px;margin-bottom:8px;overflow:hidden}.category-image[data-v-f0ac0c6a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:25px}.category-name[data-v-f0ac0c6a]{font-size:14px;text-align:center}.search-bar[data-v-f0ac0c6a]{position:relative;width:100%;margin:0 0 16px;display:flex;align-items:center}.search-icon[data-v-f0ac0c6a]{position:absolute;left:25px;top:50%;transform:translateY(-50%);color:#bfbfbf;z-index:2;pointer-events:none}.search-input[data-v-f0ac0c6a]{width:100%;padding:12px 12px 12px 40px;border:1px solid #e8e8e8;border-radius:24px;font-size:14px;outline:none;background-color:#f5f5f5}.search-input[data-v-f0ac0c6a]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.discount-banner[data-v-f0ac0c6a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;text-align:center;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.discount-banner-content[data-v-f0ac0c6a]{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.discount-banner-title[data-v-f0ac0c6a]{font-size:18px;font-weight:700}.discount-countdown[data-v-f0ac0c6a]{font-size:14px;font-weight:600;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3);background:#ffffff26;padding:4px 12px;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.discount-banner-subtitle[data-v-f0ac0c6a]{font-size:14px;opacity:.9}.navbar[data-v-f0ac0c6a]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-f0ac0c6a]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-f0ac0c6a]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content[data-v-f0ac0c6a]{width:100%;padding:0 8px 8px;max-width:1200px;margin:0 auto}.main-content[data-v-f0ac0c6a]{width:100%}.load-more-container[data-v-f0ac0c6a]{margin:16px 0;text-align:center}.load-more-btn[data-v-f0ac0c6a]{background-color:#f0f0f0;color:#666;padding:10px 20px;border-radius:20px;display:inline-block;cursor:pointer;transition:background-color .3s}.load-more-btn[data-v-f0ac0c6a]:hover{background-color:#e0e0e0}.loading-spinner[data-v-f0ac0c6a]{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin-f0ac0c6a .8s linear infinite;margin-right:8px}@keyframes spin-f0ac0c6a{to{transform:rotate(360deg)}}.tab-bar[data-v-f0ac0c6a]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}@media screen and (min-width: 320px){.content[data-v-f0ac0c6a]{padding-bottom:60px}}@media screen and (min-width: 768px){.content[data-v-f0ac0c6a]{padding:12px}.product-grid[data-v-f0ac0c6a]{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 992px){.home-container[data-v-f0ac0c6a]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-f0ac0c6a]{display:flex;flex-direction:column;justify-content:flex-start;flex:1;min-height:calc(100vh - 120px)}.content[data-v-f0ac0c6a]{padding:12px 12px 60px}.navbar[data-v-f0ac0c6a]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-f0ac0c6a]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.main-content[data-v-f0ac0c6a]{width:100%;max-width:1200px;margin:0 auto}.search-bar[data-v-f0ac0c6a]{max-width:100%;margin:20px 0;background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000014}.search-icon[data-v-f0ac0c6a]{left:32px}.search-input[data-v-f0ac0c6a]{background-color:#f9f9f9;transition:all .3s ease}.category-grid[data-v-f0ac0c6a]{background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:12px;margin:0;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:32px;width:100%;justify-content:center}.category-item[data-v-f0ac0c6a]{width:100px}.category-icon[data-v-f0ac0c6a]{width:70px;height:70px;border-radius:35px;font-size:28px;margin-bottom:12px;transition:transform .2s}.category-icon[data-v-f0ac0c6a]:hover{transform:scale(1.05)}.category-name[data-v-f0ac0c6a]{font-size:16px}.product-grid[data-v-f0ac0c6a]{grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:8px}.product-card[data-v-f0ac0c6a]{height:100%;display:flex;flex-direction:column}.product-image[data-v-f0ac0c6a]{aspect-ratio:1/.9;-o-object-fit:cover;object-fit:cover}.product-info[data-v-f0ac0c6a]{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-height:80px;flex:1}.product-name[data-v-f0ac0c6a]{font-size:16px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-points[data-v-f0ac0c6a]{font-size:16px;margin-top:auto}.product-price-section[data-v-f0ac0c6a]{margin-top:auto}.discount-price-container[data-v-f0ac0c6a]{position:relative}.price-row[data-v-f0ac0c6a]{display:flex;align-items:center;gap:16px}.normal-price[data-v-f0ac0c6a]{font-size:16px;color:#333}.load-more-btn[data-v-f0ac0c6a]{padding:12px 30px;font-size:16px}.tab-bar[data-v-f0ac0c6a]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-f0ac0c6a]{max-width:200px}}@media screen and (min-width: 1200px){.content[data-v-f0ac0c6a]{padding:15px}.navbar-title[data-v-f0ac0c6a]{width:100%;max-width:1200px}.product-grid[data-v-f0ac0c6a]{grid-template-columns:repeat(5,1fr);gap:24px}}@media screen and (min-width: 1600px){.content[data-v-f0ac0c6a]{padding:20px;max-width:1200px}.navbar-title[data-v-f0ac0c6a]{width:100%;max-width:1200px}.product-grid[data-v-f0ac0c6a]{grid-template-columns:repeat(6,1fr);gap:24px}}.sticky-container[data-v-f0ac0c6a]{position:sticky;top:44px;z-index:10;background-color:var(--background-color);padding:8px 8px 0;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}@media screen and (min-width: 992px){.sticky-container[data-v-f0ac0c6a]{position:relative;top:0;padding:12px;max-width:1200px;margin:0 auto;background-color:transparent}.main-content[data-v-f0ac0c6a]{width:100%;max-width:1200px;margin:0 auto}}@media screen and (min-width: 1200px){.navbar-title[data-v-f0ac0c6a]{width:100%;max-width:1200px}}@media screen and (min-width: 1600px){.content[data-v-f0ac0c6a]{padding:20px;max-width:1200px}.navbar-title[data-v-f0ac0c6a]{width:100%;max-width:1200px}}.loading-container[data-v-062f36fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner[data-v-062f36fa]{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #1890ff;width:40px;height:40px;animation:spin-062f36fa 1s linear infinite;margin-bottom:16px}@keyframes spin-062f36fa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-062f36fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.error-icon[data-v-062f36fa]{font-size:48px;color:#f5222d;margin-bottom:16px}.error-message[data-v-062f36fa]{color:#f5222d;margin-bottom:16px}.retry-button[data-v-062f36fa]{background-color:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.code-display[data-v-062f36fa]{display:flex;justify-content:center;gap:12px;margin:30px 0 40px}.code-char[data-v-062f36fa]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px 12px;font-size:28px;font-weight:700;min-width:40px;text-align:center;color:#2c3e50;box-shadow:0 4px 8px #0000000d;transition:all .3s ease}.code-char[data-v-062f36fa]:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.action-buttons[data-v-062f36fa]{display:flex;justify-content:center}.copy-button[data-v-062f36fa]{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;transition:all .3s ease;border-radius:8px;padding:12px 24px;background-color:#1890ff;color:#fff;border:none}.copy-button[data-v-062f36fa]:hover{background-color:#40a9ff}.home-container[data-v-3455a3d7]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-3455a3d7]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-3455a3d7]{width:100%;margin:0 auto;max-width:1600px}.navbar[data-v-3455a3d7]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-3455a3d7]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-3455a3d7]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.filter-container[data-v-3455a3d7]{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.search-wrapper[data-v-3455a3d7]{position:relative;margin-bottom:15px}.search-input[data-v-3455a3d7]{width:100%;padding:10px 40px 10px 15px;border-radius:8px;border:1px solid #e0e0e0;font-size:14px;color:#333;background-color:#f9f9f9;transition:all .3s}.search-input[data-v-3455a3d7]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.search-icon[data-v-3455a3d7]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999}.sort-buttons[data-v-3455a3d7]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sort-label[data-v-3455a3d7]{color:#666;font-size:14px;margin-right:5px}.sort-btn[data-v-3455a3d7]{padding:6px 12px;border-radius:20px;border:none;background-color:#f0f0f0;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.sort-btn[data-v-3455a3d7]:hover{background-color:#e8e8e8}.sort-btn-active[data-v-3455a3d7]{background-color:var(--primary-color);color:#fff}.article-list[data-v-3455a3d7]{display:flex;flex-direction:column;gap:15px}.article-card[data-v-3455a3d7]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer;animation:fadeIn-3455a3d7 .5s ease-in-out}.article-card[data-v-3455a3d7]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.article-content[data-v-3455a3d7]{display:flex;flex-direction:column}.article-image-wrapper[data-v-3455a3d7]{width:100%;height:180px}.article-image[data-v-3455a3d7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-info[data-v-3455a3d7]{padding:15px}.article-title[data-v-3455a3d7]{font-size:16px;font-weight:600;margin-bottom:8px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-summary[data-v-3455a3d7]{font-size:14px;color:#666;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-3455a3d7]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.article-date[data-v-3455a3d7]{font-size:12px}.article-stats[data-v-3455a3d7]{display:flex;gap:10px}.stat-item[data-v-3455a3d7]{display:flex;align-items:center;gap:4px}.loading-container[data-v-3455a3d7]{display:flex;justify-content:center;padding:30px}.loading-spinner[data-v-3455a3d7]{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);animation:spin-3455a3d7 1s linear infinite}@keyframes spin-3455a3d7{to{transform:rotate(360deg)}}.load-more-trigger[data-v-3455a3d7]{display:flex;justify-content:center;margin:20px 0;min-height:60px;width:100%}.loading-indicator[data-v-3455a3d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:4px;background-color:#0000000d}.loading-indicator .loading-spinner[data-v-3455a3d7]{width:30px;height:30px;margin-bottom:8px}.loading-indicator span[data-v-3455a3d7]{font-size:14px;color:#666}.empty-container[data-v-3455a3d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.empty-image[data-v-3455a3d7]{width:100px;height:100px;opacity:.5;margin-bottom:15px}.empty-text[data-v-3455a3d7]{color:#999}.end-text[data-v-3455a3d7]{text-align:center;color:#999;font-size:14px;padding:20px 0}.tab-bar[data-v-3455a3d7]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.router-link-active[data-v-3455a3d7]{color:var(--primary-color)}@media screen and (min-width: 415px){.content-wrapper[data-v-3455a3d7]{padding:15px}.filter-container[data-v-3455a3d7],.article-card[data-v-3455a3d7]{border-radius:10px;box-shadow:0 2px 8px #00000014}.search-input[data-v-3455a3d7]{padding:12px 45px 12px 18px;font-size:15px}.sort-btn[data-v-3455a3d7]{padding:8px 15px;font-size:14px}.article-title[data-v-3455a3d7]{font-size:18px}.article-summary[data-v-3455a3d7]{font-size:15px}}@media screen and (min-width: 768px){.content-wrapper[data-v-3455a3d7]{padding:20px}.content[data-v-3455a3d7]{width:100%;max-width:1200px;margin:0 auto}.article-content[data-v-3455a3d7]{flex-direction:row}.article-image-wrapper[data-v-3455a3d7]{width:200px;height:auto;flex-shrink:0}.article-info[data-v-3455a3d7]{flex:1}.filter-container[data-v-3455a3d7]{padding:20px}.sort-label[data-v-3455a3d7],.sort-btn[data-v-3455a3d7]{font-size:15px}.article-title[data-v-3455a3d7]{font-size:18px}.article-summary[data-v-3455a3d7]{margin-bottom:20px}.article-meta[data-v-3455a3d7]{font-size:14px}}@media screen and (min-width: 992px){.content-wrapper[data-v-3455a3d7]{padding:25px}.content[data-v-3455a3d7]{max-width:1200px}.navbar[data-v-3455a3d7]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-3455a3d7]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.filter-container[data-v-3455a3d7]{display:flex;flex-direction:column;padding:20px 25px;gap:20px}.search-wrapper[data-v-3455a3d7]{width:100%;margin-bottom:0}.sort-buttons[data-v-3455a3d7]{width:100%;justify-content:flex-start}.article-list[data-v-3455a3d7]{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:20px;grid-auto-flow:dense}.article-card[data-v-3455a3d7]{display:flex;flex-direction:column;height:100%;transition:all .3s ease}.article-card.has-image[data-v-3455a3d7]{grid-row:span 2}.article-content[data-v-3455a3d7]{flex-direction:column;height:100%;display:flex}.article-image-wrapper[data-v-3455a3d7]{width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}.article-image[data-v-3455a3d7]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-info[data-v-3455a3d7]{display:flex;flex-direction:column;flex:1;padding:15px;background-color:#fff}.article-meta[data-v-3455a3d7]{margin-top:auto}.article-card.no-image .article-info[data-v-3455a3d7]{height:100%;display:flex;flex-direction:column}.tab-bar[data-v-3455a3d7]{position:fixed;bottom:0;left:0;right:0;display:none}}@media screen and (min-width: 1200px){.filter-container[data-v-3455a3d7]{flex-direction:row;align-items:center;justify-content:space-between;padding:20px 25px}.navbar-title[data-v-3455a3d7]{width:100%;max-width:1200px}.search-wrapper[data-v-3455a3d7]{width:40%}.sort-buttons[data-v-3455a3d7]{width:55%;justify-content:flex-end}.filter-container[data-v-3455a3d7]{border-radius:12px}.article-list[data-v-3455a3d7]{grid-template-columns:repeat(3,1fr)}.article-card[data-v-3455a3d7]{border-radius:12px}.article-title[data-v-3455a3d7]{font-size:18px}.article-summary[data-v-3455a3d7]{font-size:15px}}@media screen and (min-width: 1600px){.content[data-v-3455a3d7]{max-width:1400px}.navbar-title[data-v-3455a3d7]{width:1400px;max-width:1400px}.article-list[data-v-3455a3d7]{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn-3455a3d7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{display:flex!important;flex-direction:column!important;height:100%!important;inset:0!important;margin:0!important;padding:0!important;position:fixed;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.prose img{max-width:100%;height:auto;margin:1rem 0;border-radius:.375rem}.prose a{color:#3b82f6;text-decoration:underline}.prose h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.prose h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.prose ul{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.prose ol{list-style-type:decimal;padding-left:1.5rem;margin:1rem 0}.prose p{margin:1rem 0;line-height:1.7}.prose blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.prose pre{background-color:#1f2937;padding:1rem;border-radius:.375rem;overflow-x:auto;margin:1.5rem 0}.prose code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:monospace}.prose pre code{background-color:transparent;padding:0;color:#e5e7eb}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}.prose th,.prose td{border:1px solid #e5e7eb;padding:.5rem;text-align:left}.prose th{background-color:#f9fafb}@media (max-width: 640px){.prose img{margin:.75rem 0}.prose p{margin-top:.75rem;margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.prose h2{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.prose h3{font-size:1.1rem;margin-top:1.25rem;margin-bottom:.5rem}}.home-container[data-v-1828963e]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-1828963e]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-1828963e]{width:100%;max-width:100%;margin:0 auto;padding:16px 16px 70px}.navbar[data-v-1828963e]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-1828963e]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-1828963e]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.loading-container[data-v-1828963e]{display:flex;justify-content:center;align-items:center;padding:40px 0}.loading-container.small[data-v-1828963e]{padding:20px 0}.loading-spinner[data-v-1828963e]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin-1828963e 1s linear infinite}@keyframes spin-1828963e{to{transform:rotate(360deg)}}.error-container[data-v-1828963e]{text-align:center;padding:40px 20px}.error-message[data-v-1828963e]{color:#f56c6c;font-size:18px;margin-bottom:20px}.article-container[data-v-1828963e]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin-bottom:16px}.article-header[data-v-1828963e]{padding:16px;border-bottom:1px solid #f0f0f0}.article-title[data-v-1828963e]{font-size:20px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4}.article-meta[data-v-1828963e]{display:flex;flex-direction:column;gap:10px}.article-info[data-v-1828963e]{display:flex;font-size:12px;color:#999;flex-wrap:wrap;gap:12px}.article-views[data-v-1828963e],.article-likes[data-v-1828963e]{display:flex;align-items:center;gap:4px}.article-cover[data-v-1828963e]{width:100%}.cover-image[data-v-1828963e]{width:100%;height:auto;max-height:250px;-o-object-fit:cover;object-fit:cover}.article-summary[data-v-1828963e]{padding:16px;background-color:#f9f9f9;font-style:italic;color:#666;border-bottom:1px solid #f0f0f0}.article-summary p[data-v-1828963e]{white-space:pre-wrap;line-height:1.6;margin:0}.article-content[data-v-1828963e]{padding:16px}.article-footer[data-v-1828963e]{padding:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #f0f0f0;background-color:#f9f9f9}.article-publish-date[data-v-1828963e]{font-size:12px;color:#999}.comments-section[data-v-1828963e]{padding:16px;border-top:1px solid #f0f0f0}.comments-title[data-v-1828963e]{font-size:18px;font-weight:600;margin-bottom:16px}.comment-form[data-v-1828963e]{margin-bottom:20px;position:relative}.textarea-container[data-v-1828963e]{position:relative}.comment-input[data-v-1828963e]{width:100%;padding:12px 40px 12px 12px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-size:14px;margin-bottom:10px}.emoji-picker-trigger[data-v-1828963e]{position:absolute;right:12px;bottom:20px;color:#666;cursor:pointer;font-size:18px}.emoji-picker-trigger[data-v-1828963e]:hover{color:var(--primary-color)}.emoji-picker[data-v-1828963e]{position:absolute;bottom:60px;right:0;width:300px;max-width:100%;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;padding:10px}.emoji-list[data-v-1828963e]{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-height:200px;overflow-y:auto}.emoji-item[data-v-1828963e]{display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;width:30px;height:30px;border-radius:4px;transition:background-color .2s}.emoji-item[data-v-1828963e]:hover{background-color:#f0f0f0}.comment-submit[data-v-1828963e]{display:flex;justify-content:flex-end}.login-prompt[data-v-1828963e]{text-align:center;padding:16px;background-color:#f9f9f9;border-radius:4px;margin-bottom:20px}.login-link[data-v-1828963e]{color:var(--primary-color);text-decoration:none}.comments-list[data-v-1828963e]{display:flex;flex-direction:column;gap:16px}.comment-item[data-v-1828963e]{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.comment-avatar[data-v-1828963e]{flex-shrink:0}.avatar-placeholder[data-v-1828963e]{width:36px;height:36px;background-color:#eee;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.comment-content[data-v-1828963e]{flex:1;overflow:hidden}.comment-header[data-v-1828963e]{display:flex;flex-direction:column;margin-bottom:6px}.comment-author[data-v-1828963e]{font-weight:600;color:#333;font-size:14px}.comment-time[data-v-1828963e]{font-size:12px;color:#999}.comment-text[data-v-1828963e]{font-size:14px;line-height:1.5;word-break:break-word}.no-comments[data-v-1828963e]{text-align:center;padding:20px;color:#999}.load-more[data-v-1828963e]{text-align:center;margin-top:16px}.btn[data-v-1828963e]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary[data-v-1828963e]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-1828963e]:hover{background-color:var(--primary-color-dark)}.btn-primary[data-v-1828963e]:disabled{background-color:#ccc;cursor:not-allowed}.btn-text[data-v-1828963e]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px}.btn-text[data-v-1828963e]:hover{text-decoration:underline}.btn-like[data-v-1828963e]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;color:#666;cursor:pointer;transition:all .2s}.btn-like[data-v-1828963e]:hover{border-color:#ccc;background-color:#f9f9f9}.btn-like.liked[data-v-1828963e]{background-color:#ffebee;color:#f44336;border-color:#ffcdd2}.btn-like[data-v-1828963e]:disabled{opacity:.6;cursor:not-allowed}@media screen and (min-width: 415px){.content[data-v-1828963e],.article-header[data-v-1828963e]{padding:20px}.article-title[data-v-1828963e]{font-size:22px}.article-content[data-v-1828963e],.article-footer[data-v-1828963e],.comments-section[data-v-1828963e]{padding:20px}}@media screen and (min-width: 768px){.content[data-v-1828963e]{max-width:1200px;margin:0 auto;padding:24px 24px 80px}.article-container[data-v-1828963e]{border-radius:12px;box-shadow:0 4px 12px #00000014}.article-title[data-v-1828963e]{font-size:26px;margin-bottom:16px}.article-meta[data-v-1828963e]{flex-direction:row;justify-content:space-between;align-items:center}.article-info[data-v-1828963e]{font-size:14px;gap:16px}.cover-image[data-v-1828963e]{max-height:350px}.article-summary[data-v-1828963e]{padding:20px;font-size:16px}.article-content[data-v-1828963e]{padding:24px}.article-footer[data-v-1828963e]{padding:20px;flex-direction:row;justify-content:space-between;align-items:center}.comments-title[data-v-1828963e]{font-size:20px}.comment-header[data-v-1828963e]{flex-direction:row;justify-content:space-between;align-items:center}}@media screen and (min-width: 992px){.home-container[data-v-1828963e]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}.content-wrapper[data-v-1828963e]{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:calc(100vh - 120px)}.navbar[data-v-1828963e]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-1828963e]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.content[data-v-1828963e]{max-width:900px;padding:25px 25px 80px}.article-title[data-v-1828963e]{font-size:28px}.article-container[data-v-1828963e]{border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:40px}.article-header[data-v-1828963e],.article-content[data-v-1828963e],.article-footer[data-v-1828963e]{padding:25px}.article-summary[data-v-1828963e]{padding:20px 25px;font-size:16px}.action-buttons[data-v-1828963e]{max-width:900px;margin:0 auto;justify-content:center;gap:30px}.action-button[data-v-1828963e]{padding:10px 25px;font-size:16px;border-radius:24px}.action-button i[data-v-1828963e]{font-size:20px}.cover-image[data-v-1828963e]{max-height:400px}.comments-section[data-v-1828963e]{padding:30px}.floating-action-bar[data-v-1828963e]{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;max-width:100%;display:flex;justify-content:center;background-color:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -2px 8px #00000014;z-index:100}}@media screen and (min-width: 1200px){.content[data-v-1828963e]{max-width:1200px;padding:30px 30px 90px}.navbar-title[data-v-1828963e]{width:100%;max-width:1200px}.article-title[data-v-1828963e]{font-size:32px}.action-buttons[data-v-1828963e]{max-width:1000px}}@media screen and (min-width: 1600px){.content[data-v-1828963e]{max-width:1200px}.navbar-title[data-v-1828963e]{width:1400px;max-width:1400px}.action-buttons[data-v-1828963e]{max-width:1200px}}@media screen and (max-width: 480px){.emoji-picker[data-v-1828963e]{width:260px;right:0;left:0;margin:0 auto}.emoji-list[data-v-1828963e]{grid-template-columns:repeat(8,1fr)}.emoji-item[data-v-1828963e]{font-size:18px;width:28px;height:28px}}.floating-action-bar[data-v-1828963e]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -2px 8px #00000014;padding:10px 16px;z-index:50}.action-buttons[data-v-1828963e]{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto}.action-button[data-v-1828963e]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;background-color:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:20px;transition:all .2s}.action-button i[data-v-1828963e]{font-size:18px}.like-button[data-v-1828963e]:hover{color:#f44336;background-color:#f443360d}.like-button.active[data-v-1828963e]{color:#f44336}.comment-button[data-v-1828963e]:hover{color:#2196f3;background-color:#2196f30d}.comment-button.active[data-v-1828963e]{color:#2196f3}.comment-badge[data-v-1828963e]{display:inline-block;background-color:#2196f3;color:#fff;border-radius:10px;padding:0 6px;font-size:12px;min-width:18px;text-align:center;line-height:18px;font-weight:700;transition:all .3s;animation:pulse-1828963e .5s}.like-badge[data-v-1828963e]{display:inline-block;background-color:#f44336;color:#fff;border-radius:10px;padding:0 6px;font-size:12px;min-width:18px;text-align:center;line-height:18px;font-weight:700;transition:all .3s;animation:pulse-1828963e .5s}@keyframes pulse-1828963e{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.quick-comment-container[data-v-1828963e]{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end}.quick-comment-overlay[data-v-1828963e]{position:fixed;inset:0;background-color:#00000080;z-index:-1}.quick-comment-panel[data-v-1828963e]{background-color:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 12px #0000001a;padding:16px;animation:slideUp-1828963e .3s ease-out}@keyframes slideUp-1828963e{0%{transform:translateY(100%)}to{transform:translateY(0)}}.quick-comment-header[data-v-1828963e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quick-comment-header h3[data-v-1828963e]{font-size:18px;font-weight:600;margin:0}.close-button[data-v-1828963e]{background:none;border:none;color:#999;font-size:20px;cursor:pointer}.quick-comment-form[data-v-1828963e]{position:relative;z-index:11}.quick-emoji-picker[data-v-1828963e]{position:absolute!important;inset:auto 0 60px auto!important;width:300px;max-width:90%;z-index:200!important;box-shadow:0 -4px 12px #00000026!important;transform-origin:bottom right;animation:scaleIn-1828963e .2s ease-out}@keyframes scaleIn-1828963e{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media screen and (max-width: 480px){.quick-emoji-picker[data-v-1828963e]{width:260px;right:0!important;left:auto!important;max-width:95vw}}.content[data-v-1828963e]{padding-bottom:70px}@media screen and (min-width: 768px){.content[data-v-1828963e]{padding-bottom:80px}.action-button[data-v-1828963e]{padding:10px 20px;font-size:15px}.action-button i[data-v-1828963e]{font-size:20px}}@media screen and (min-width: 1200px){.content[data-v-1828963e]{padding-bottom:90px}}.anonymous-option[data-v-1828963e]{display:flex;align-items:center;margin-bottom:10px;margin-top:-5px}.checkbox-container[data-v-1828963e]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-container input[type=checkbox][data-v-1828963e]{margin-right:8px;cursor:pointer}.checkbox-label[data-v-1828963e]{font-size:14px;color:#666}.anonymous-avatar[data-v-1828963e]{background-color:#aaa!important;color:#fff!important}.anonymous-author[data-v-1828963e]{color:#888;font-style:italic}.home-container[data-v-b686ee0f]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-b686ee0f]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-b686ee0f]{width:100%;margin:0 auto;max-width:1600px}.navbar[data-v-b686ee0f]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-b686ee0f]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-b686ee0f]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.card[data-v-b686ee0f]{background-color:#fff;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.card-header[data-v-b686ee0f]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0}.card-title[data-v-b686ee0f]{font-size:16px;font-weight:500;color:#333}.card-body[data-v-b686ee0f]{padding:15px}.badge-stats-card[data-v-b686ee0f]{background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;padding:16px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;box-shadow:0 4px 6px #0000001a}.badge-icon[data-v-b686ee0f]{font-size:28px;margin-right:16px;color:#fbbf24}.badge-stats-text[data-v-b686ee0f]{font-size:16px;font-weight:500}.progress-text[data-v-b686ee0f]{font-size:14px;color:#fffc;margin-top:4px}.highlight[data-v-b686ee0f]{color:#fbbf24;font-weight:700;font-size:18px}.badge-grid-container[data-v-b686ee0f]{max-height:200px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.badge-grid-container[data-v-b686ee0f]::-webkit-scrollbar{width:6px}.badge-grid-container[data-v-b686ee0f]::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.badge-grid-container[data-v-b686ee0f]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.badge-grid-container[data-v-b686ee0f]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.badge-grid[data-v-b686ee0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:12px;padding:4px}.badge-item[data-v-b686ee0f]{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border-radius:8px;padding:12px 8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease;cursor:pointer;min-width:70px;width:100%}.badge-item[data-v-b686ee0f]:hover,.badge-item[data-v-b686ee0f]:active{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.badge-item.earned[data-v-b686ee0f]{opacity:1;cursor:pointer}.badge-item.not-earned[data-v-b686ee0f]{opacity:.4;cursor:pointer;position:relative}.badge-item.not-earned[data-v-b686ee0f]:hover{opacity:.6}.badge-lock[data-v-b686ee0f]{position:absolute;top:8px;right:8px;width:20px;height:20px;background-color:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;z-index:2}.badge-count[data-v-b686ee0f]{position:absolute;top:8px;right:8px;background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.badge-image[data-v-b686ee0f]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;margin-bottom:8px}.badge-name[data-v-b686ee0f]{font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.badge-history[data-v-b686ee0f]{display:flex;flex-direction:column}.badge-history-item[data-v-b686ee0f]{display:flex;padding:12px 0;border-bottom:1px solid #e5e7eb}.badge-history-item[data-v-b686ee0f]:last-child{border-bottom:none}.badge-history-image[data-v-b686ee0f]{width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.badge-history-image img[data-v-b686ee0f]{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.badge-history-info[data-v-b686ee0f]{flex:1;display:flex;flex-direction:column}.badge-history-name[data-v-b686ee0f]{font-weight:500;margin-bottom:4px}.badge-history-points[data-v-b686ee0f]{color:#10b981;font-size:14px;margin-bottom:4px}.badge-history-note[data-v-b686ee0f],.badge-history-date[data-v-b686ee0f],.badge-history-awarded-by[data-v-b686ee0f]{color:#6b7280;font-size:12px}.text-center[data-v-b686ee0f]{text-align:center}.py-4[data-v-b686ee0f]{padding-top:1rem;padding-bottom:1rem}.empty-icon[data-v-b686ee0f]{font-size:48px;color:#d1d5db;margin-bottom:12px}.empty-text[data-v-b686ee0f]{color:#6b7280;text-align:center}.load-more[data-v-b686ee0f]{display:flex;justify-content:center;margin-top:16px}.load-more-btn[data-v-b686ee0f]{background-color:transparent;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.load-more-btn[data-v-b686ee0f]:hover{background-color:#f3f4f6}.load-more-btn[data-v-b686ee0f]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-b686ee0f]{color:#ef4444}.badge-modal-overlay[data-v-b686ee0f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.badge-modal[data-v-b686ee0f]{background-color:#fff;border-radius:16px;max-width:400px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #0003;animation:modalSlideIn-b686ee0f .3s ease-out}@keyframes modalSlideIn-b686ee0f{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.badge-modal-header[data-v-b686ee0f]{padding:20px 20px 10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.badge-modal-title[data-v-b686ee0f]{font-size:20px;font-weight:600;color:#333;margin:0}.badge-modal-close[data-v-b686ee0f]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease}.badge-modal-close[data-v-b686ee0f]:hover{background:#e0e0e0;color:#333}.badge-modal-content[data-v-b686ee0f]{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.badge-modal-image[data-v-b686ee0f]{position:relative;margin-bottom:20px}.badge-modal-image img[data-v-b686ee0f]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.modal-badge-lock[data-v-b686ee0f]{position:absolute;top:-5px;right:-5px;width:24px;height:24px;background-color:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.badge-modal-info[data-v-b686ee0f]{width:100%}.badge-description[data-v-b686ee0f]{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.earned-info[data-v-b686ee0f],.not-earned-info[data-v-b686ee0f]{text-align:left}.info-row[data-v-b686ee0f]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.info-row[data-v-b686ee0f]:last-child{border-bottom:none}.info-label[data-v-b686ee0f]{color:#666;font-size:14px}.info-value[data-v-b686ee0f]{color:#333;font-weight:500;font-size:14px}.requirement-section[data-v-b686ee0f],.reward-section[data-v-b686ee0f]{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.requirement-title[data-v-b686ee0f],.reward-title[data-v-b686ee0f]{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.requirement-text[data-v-b686ee0f],.reward-text[data-v-b686ee0f]{font-size:14px;color:#666;line-height:1.4}.badge-modal-footer[data-v-b686ee0f]{padding:15px 20px 20px;text-align:center}.modal-buttons[data-v-b686ee0f]{display:flex;gap:12px;justify-content:center;align-items:center}.btn-primary[data-v-b686ee0f]{background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-primary[data-v-b686ee0f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary[data-v-b686ee0f]{background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-secondary[data-v-b686ee0f]:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-1px)}.tab-bar[data-v-b686ee0f]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.router-link-active[data-v-b686ee0f],.tab-item.active[data-v-b686ee0f]{color:var(--primary-color)}@media screen and (min-width: 415px){.content-wrapper[data-v-b686ee0f]{padding:15px}.card[data-v-b686ee0f]{border-radius:10px;box-shadow:0 2px 8px #00000014}.badge-grid[data-v-b686ee0f]{gap:14px}.badge-grid-container[data-v-b686ee0f]{max-height:220px}}@media screen and (min-width: 768px){.content-wrapper[data-v-b686ee0f]{padding:20px}.content[data-v-b686ee0f]{width:100%;max-width:1200px;margin:0 auto}.card[data-v-b686ee0f]{border-radius:12px;box-shadow:0 4px 12px #00000014}.card-header[data-v-b686ee0f]{padding:15px 20px}.card-title[data-v-b686ee0f]{font-size:18px}.card-body[data-v-b686ee0f]{padding:20px}.badge-grid[data-v-b686ee0f]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}.badge-grid-container[data-v-b686ee0f]{max-height:240px}.badge-item[data-v-b686ee0f]{min-width:100px;padding:16px 10px}.badge-image[data-v-b686ee0f]{width:70px;height:70px}.badge-name[data-v-b686ee0f]{font-size:14px}}@media screen and (min-width: 992px){.content-wrapper[data-v-b686ee0f]{padding:25px}.content[data-v-b686ee0f]{max-width:1200px}.navbar[data-v-b686ee0f]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-b686ee0f]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.badge-stats-card[data-v-b686ee0f]{padding:20px;border-radius:16px}.badge-icon[data-v-b686ee0f]{font-size:32px;margin-right:20px}.badge-stats-text[data-v-b686ee0f]{font-size:18px}.highlight[data-v-b686ee0f]{font-size:20px}.badge-grid[data-v-b686ee0f]{gap:18px}.badge-grid-container[data-v-b686ee0f]{max-height:280px}.badge-history-item[data-v-b686ee0f]{padding:20px 0}.badge-history-image[data-v-b686ee0f]{width:60px;height:60px;margin-right:20px}.badge-history-image img[data-v-b686ee0f]{width:50px;height:50px}.badge-history-name[data-v-b686ee0f]{font-size:16px}.badge-history-points[data-v-b686ee0f]{font-size:15px}.load-more-btn[data-v-b686ee0f]{padding:10px 20px;font-size:15px}.tab-bar[data-v-b686ee0f]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-b686ee0f]{max-width:200px}.content[data-v-b686ee0f]{padding-bottom:60px}.content-wrapper[data-v-b686ee0f]{padding-bottom:0}}@media screen and (min-width: 1200px){.badge-grid[data-v-b686ee0f]{gap:20px}.badge-grid-container[data-v-b686ee0f]{max-height:320px}.navbar-title[data-v-b686ee0f]{width:100%;max-width:1200px}.card-body[data-v-b686ee0f]{padding:30px}.card-header[data-v-b686ee0f]{padding:20px 30px}.card-title[data-v-b686ee0f]{font-size:22px}}@media screen and (min-width: 1600px){.content[data-v-b686ee0f]{max-width:1400px}.navbar-title[data-v-b686ee0f]{width:1400px;max-width:1400px}}.home-container[data-v-a2b6f199]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-a2b6f199]{flex:1;display:flex;flex-direction:column;width:100%;padding:10px}.content[data-v-a2b6f199]{width:100%;margin:0 auto;max-width:1600px}.navbar[data-v-a2b6f199]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-a2b6f199]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-a2b6f199]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.card[data-v-a2b6f199]{background-color:#fff;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.card-header[data-v-a2b6f199]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0}.card-title[data-v-a2b6f199]{font-size:16px;font-weight:500;color:#333}.card-body[data-v-a2b6f199]{padding:15px}.badge-detail-card[data-v-a2b6f199]{background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000000d;margin-bottom:16px}.badge-detail-image[data-v-a2b6f199]{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 8px #0000001a}.badge-detail-image img[data-v-a2b6f199]{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.badge-detail-name[data-v-a2b6f199]{font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.badge-detail-description[data-v-a2b6f199]{color:#6b7280;text-align:center;margin-bottom:24px;line-height:1.5}.badge-detail-stats[data-v-a2b6f199]{display:flex;width:100%;margin-bottom:24px}.badge-stat-item[data-v-a2b6f199]{flex:1;text-align:center;padding:12px;border-radius:8px;background-color:#f9fafb}.badge-stat-item[data-v-a2b6f199]:first-child{margin-right:8px}.badge-stat-label[data-v-a2b6f199]{font-size:14px;color:#6b7280;margin-bottom:4px}.badge-stat-value[data-v-a2b6f199]{font-size:20px;font-weight:600;color:#3b82f6}.badge-achievement-times[data-v-a2b6f199]{width:100%;border-top:1px solid #e5e7eb;padding-top:16px}.achievement-time[data-v-a2b6f199]{display:flex;justify-content:space-between;margin-bottom:8px}.achievement-label[data-v-a2b6f199]{color:#6b7280;font-size:14px}.achievement-value[data-v-a2b6f199]{font-weight:500}.achievement-records[data-v-a2b6f199]{display:flex;flex-direction:column}.achievement-record-item[data-v-a2b6f199]{padding:12px 0;border-bottom:1px solid #e5e7eb}.achievement-record-item[data-v-a2b6f199]:last-child{border-bottom:none}.achievement-record-date[data-v-a2b6f199]{font-weight:500;margin-bottom:8px}.achievement-record-details[data-v-a2b6f199]{padding-left:8px;border-left:2px solid #3b82f6}.achievement-record-points[data-v-a2b6f199]{color:#10b981;font-weight:500;margin-bottom:4px}.achievement-record-note[data-v-a2b6f199]{font-size:14px;margin-bottom:4px}.achievement-record-awarded-by[data-v-a2b6f199]{font-size:12px;color:#6b7280}.text-center[data-v-a2b6f199]{text-align:center}.py-4[data-v-a2b6f199]{padding-top:1rem;padding-bottom:1rem}.py-8[data-v-a2b6f199]{padding-top:2rem;padding-bottom:2rem}.mt-4[data-v-a2b6f199]{margin-top:1rem}.loading[data-v-a2b6f199]{color:#6b7280;text-align:center;padding:24px}.error-message[data-v-a2b6f199]{color:#ef4444;text-align:center;padding:24px}.empty-text[data-v-a2b6f199]{color:#6b7280;text-align:center}.tab-bar[data-v-a2b6f199]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.tab-item[data-v-a2b6f199]{display:flex;flex-direction:column;align-items:center;color:#999;text-decoration:none;font-size:12px;padding:5px 0}.tab-icon[data-v-a2b6f199]{font-size:20px;margin-bottom:2px}.tab-label[data-v-a2b6f199]{font-size:12px}.router-link-active[data-v-a2b6f199],.tab-item.active[data-v-a2b6f199]{color:var(--primary-color)}@media screen and (min-width: 415px){.content-wrapper[data-v-a2b6f199]{padding:15px}.card[data-v-a2b6f199],.badge-detail-card[data-v-a2b6f199]{border-radius:10px;box-shadow:0 2px 8px #00000014}}@media screen and (min-width: 768px){.content-wrapper[data-v-a2b6f199]{padding:20px}.content[data-v-a2b6f199]{width:100%;max-width:1200px;margin:0 auto}.card[data-v-a2b6f199],.badge-detail-card[data-v-a2b6f199]{border-radius:12px;box-shadow:0 4px 12px #00000014}.card-header[data-v-a2b6f199]{padding:15px 20px}.card-title[data-v-a2b6f199]{font-size:18px}.card-body[data-v-a2b6f199]{padding:20px}.badge-detail-image[data-v-a2b6f199]{width:150px;height:150px}.badge-detail-image img[data-v-a2b6f199]{width:120px;height:120px}.badge-detail-name[data-v-a2b6f199]{font-size:24px}.badge-detail-description[data-v-a2b6f199]{font-size:16px}}@media screen and (min-width: 992px){.content-wrapper[data-v-a2b6f199]{padding:25px}.content[data-v-a2b6f199]{max-width:1200px}.navbar[data-v-a2b6f199]{max-width:100%;margin:0 auto;padding:0 20px}.navbar-title[data-v-a2b6f199]{width:1200px;max-width:1200px;position:relative;left:auto;transform:none;margin:0 auto;text-align:center}.badge-detail-card[data-v-a2b6f199]{padding:30px}.badge-detail-image[data-v-a2b6f199]{width:180px;height:180px}.badge-detail-image img[data-v-a2b6f199]{width:150px;height:150px}.badge-detail-name[data-v-a2b6f199]{font-size:28px;margin-bottom:12px}.badge-detail-description[data-v-a2b6f199]{font-size:16px;margin-bottom:30px;max-width:600px}.badge-detail-stats[data-v-a2b6f199]{max-width:600px;margin-bottom:30px}.badge-stat-item[data-v-a2b6f199]{padding:16px;border-radius:10px}.badge-stat-label[data-v-a2b6f199]{font-size:16px}.badge-stat-value[data-v-a2b6f199]{font-size:24px}.badge-achievement-times[data-v-a2b6f199]{max-width:600px;padding-top:20px}.achievement-time[data-v-a2b6f199]{font-size:16px;margin-bottom:10px}.achievement-record-item[data-v-a2b6f199]{padding:16px 0}.achievement-record-details[data-v-a2b6f199]{padding-left:12px}.achievement-record-points[data-v-a2b6f199]{font-size:16px}.achievement-record-note[data-v-a2b6f199]{font-size:15px}.tab-bar[data-v-a2b6f199]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-a2b6f199]{max-width:200px}.content[data-v-a2b6f199]{padding-bottom:60px}.content-wrapper[data-v-a2b6f199]{padding-bottom:0}}@media screen and (min-width: 1200px){.badge-detail-card[data-v-a2b6f199],.card[data-v-a2b6f199]{border-radius:16px}.navbar-title[data-v-a2b6f199]{width:100%;max-width:1200px}.card-body[data-v-a2b6f199]{padding:30px}.card-header[data-v-a2b6f199]{padding:20px 30px}.card-title[data-v-a2b6f199]{font-size:22px}.badge-detail-image[data-v-a2b6f199]{width:200px;height:200px}.badge-detail-image img[data-v-a2b6f199]{width:160px;height:160px}}@media screen and (min-width: 1600px){.content[data-v-a2b6f199]{max-width:1400px}.navbar-title[data-v-a2b6f199]{width:1400px;max-width:1400px}}.home-container[data-v-ed0e7c9f]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-ed0e7c9f]{padding:0;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-layer[data-v-ed0e7c9f]{position:absolute;inset:0;background-image:url(/assets/tree_hole_phone-QFlreSAr.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.logo-container[data-v-ed0e7c9f]{position:absolute;top:20px;right:20px;z-index:10}.og-logo[data-v-ed0e7c9f]{width:60px;height:auto;opacity:.9;transition:opacity .3s ease}.og-logo[data-v-ed0e7c9f]:hover{opacity:1}.content[data-v-ed0e7c9f]{width:100%;padding:8px;max-width:1600px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 124px)}.navbar[data-v-ed0e7c9f]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-ed0e7c9f]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-ed0e7c9f]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.navbar-action[data-v-ed0e7c9f]{font-size:20px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none;margin-left:auto}.tab-bar[data-v-ed0e7c9f]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.hero-top[data-v-ed0e7c9f]{flex:0 0 auto;padding:8px;text-align:center;margin-top:10vh}.hero-bottom[data-v-ed0e7c9f]{flex:0 0 auto;padding:20px 20px 40px;text-align:left}.hero-text-image[data-v-ed0e7c9f]{max-width:98%;width:700px;height:auto;margin-bottom:24px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8));display:block;margin-left:auto;margin-right:auto}.hero-actions[data-v-ed0e7c9f]{display:flex;gap:12px;justify-content:center}.badge-btn[data-v-ed0e7c9f]{position:relative}.badge-btn .badge-number[data-v-ed0e7c9f]{position:absolute;top:-8px;right:-8px;background:#f5222d;color:#fff;border-radius:12px;min-width:20px;height:20px;line-height:20px;font-size:12px;padding:0 6px;box-shadow:0 2px 4px #0003}.animate-fade-in[data-v-ed0e7c9f]{animation:fadeIn-ed0e7c9f .6s ease-in-out}@keyframes fadeIn-ed0e7c9f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px) and (max-width: 991px){.content[data-v-ed0e7c9f]{padding:16px;justify-content:space-between;align-items:flex-start}.hero-top[data-v-ed0e7c9f]{text-align:left;padding:12px 8px;max-width:450px;margin-left:20px;margin-right:auto;margin-top:15vh}.hero-bottom[data-v-ed0e7c9f]{text-align:left;padding:28px 24px;max-width:450px;margin-left:20px;margin-right:auto}.hero-actions[data-v-ed0e7c9f]{justify-content:flex-start}.hero-text-image[data-v-ed0e7c9f]{width:600px;max-width:85%;margin-left:0;margin-right:auto}.logo-container[data-v-ed0e7c9f]{top:25px;right:25px}.og-logo[data-v-ed0e7c9f]{width:70px}}@media screen and (min-width: 880px) and (max-width: 1024px){.hero-text-image[data-v-ed0e7c9f]{width:500px;max-width:75%;margin-left:auto;margin-right:auto}.hero-top[data-v-ed0e7c9f]{text-align:center;padding:10px 12px;margin-left:auto;margin-right:auto;max-width:600px}.hero-bottom[data-v-ed0e7c9f]{text-align:center;padding:20px 24px;margin-left:auto;margin-right:auto;max-width:600px}.hero-actions[data-v-ed0e7c9f]{justify-content:center}}@media screen and (min-width: 1025px){.background-layer[data-v-ed0e7c9f]{background-image:url(/assets/tree_hole-BUkA55zR.png)}.logo-container[data-v-ed0e7c9f]{top:30px;left:30px;right:auto}.og-logo[data-v-ed0e7c9f]{width:80px}.home-container[data-v-ed0e7c9f]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-ed0e7c9f]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-ed0e7c9f]{padding:20px 40px 40px 20px;max-width:1600px;align-items:flex-end;justify-content:flex-end}.hero-top[data-v-ed0e7c9f]{padding:12px 8px 6px;max-width:450px;margin:0 0 0 auto;text-align:right}.hero-bottom[data-v-ed0e7c9f]{padding:24px 28px 32px 68px;max-width:450px;margin-left:auto;margin-right:0;margin-bottom:0;text-align:left}.hero-text-image[data-v-ed0e7c9f]{width:700px;max-width:80%;margin-left:auto;margin-right:0;margin-bottom:0}.hero-actions[data-v-ed0e7c9f]{justify-content:flex-start}.tab-bar[data-v-ed0e7c9f]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-ed0e7c9f]{max-width:200px}.navbar-action[data-v-ed0e7c9f]{font-size:22px}.badge-btn .badge-number[data-v-ed0e7c9f]{min-width:22px;height:22px;line-height:22px;font-size:13px}}@media screen and (min-width: 1280px){.content[data-v-ed0e7c9f]{padding:25px 50px 50px 25px;max-width:1600px}.hero-top[data-v-ed0e7c9f]{padding:12px 8px 6px;max-width:500px;margin-top:0}.hero-bottom[data-v-ed0e7c9f]{padding:28px 32px 36px 72px;max-width:500px;margin-right:0}.hero-text-image[data-v-ed0e7c9f]{width:800px;max-width:85%;margin-left:auto;margin-right:0}}@media screen and (min-width: 1600px){.content[data-v-ed0e7c9f]{padding:30px 60px 60px 30px;max-width:1800px}.hero-top[data-v-ed0e7c9f]{padding:12px 8px 6px;max-width:550px;margin-top:0}.hero-bottom[data-v-ed0e7c9f]{padding:30px 36px 40px 76px;max-width:550px;margin-right:0}.hero-text-image[data-v-ed0e7c9f]{width:950px;max-width:85%;margin-left:auto;margin-right:0}}.home-container[data-v-066f8419]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-066f8419]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-066f8419]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.navbar[data-v-066f8419]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-066f8419]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-066f8419]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.grid-3[data-v-066f8419]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option[data-v-066f8419]{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:var(--card-shadow);cursor:pointer;border:1px solid transparent}.option .icon[data-v-066f8419]{font-size:22px;margin-bottom:8px}.option.active[data-v-066f8419]{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff26}.progress[data-v-066f8419]{height:4px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-inner[data-v-066f8419]{height:100%;width:33%;background:var(--primary-color)}.disabled[data-v-066f8419]{opacity:.5!important;pointer-events:none!important}@media screen and (min-width: 992px){.home-container[data-v-066f8419]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-066f8419]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-066f8419]{padding:12px;max-width:1600px}.progress.mb-4[data-v-066f8419],.grid-3[data-v-066f8419],.mt-6[data-v-066f8419]{max-width:800px;margin-left:auto;margin-right:auto}.grid-3[data-v-066f8419]{grid-template-columns:repeat(4,1fr);gap:16px}.option[data-v-066f8419]{padding:20px}.option .icon[data-v-066f8419]{font-size:26px;margin-bottom:10px}}@media screen and (min-width: 1200px){.content[data-v-066f8419]{padding:15px;max-width:1600px}.grid-3[data-v-066f8419]{grid-template-columns:repeat(5,1fr);gap:20px}}@media screen and (min-width: 1600px){.content[data-v-066f8419]{padding:20px;max-width:1800px}}.home-container[data-v-ca8f280e]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-ca8f280e]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-ca8f280e]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.navbar[data-v-ca8f280e]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-ca8f280e]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-ca8f280e]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.grid-2[data-v-ca8f280e]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option[data-v-ca8f280e]{background:#fff;border-radius:12px;padding:18px;text-align:center;box-shadow:var(--card-shadow);cursor:pointer;border:1px solid transparent}.option .icon[data-v-ca8f280e]{font-size:26px;margin-bottom:8px}.option.active[data-v-ca8f280e]{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff26}.progress[data-v-ca8f280e]{height:4px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-inner[data-v-ca8f280e]{height:100%;width:66%;background:var(--primary-color)}.disabled[data-v-ca8f280e]{opacity:.5!important;pointer-events:none!important}@media screen and (min-width: 992px){.home-container[data-v-ca8f280e]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-ca8f280e]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-ca8f280e]{padding:12px;max-width:1600px}.progress.mb-4[data-v-ca8f280e],.grid-2[data-v-ca8f280e],.mt-6[data-v-ca8f280e]{max-width:800px;margin-left:auto;margin-right:auto}.grid-2[data-v-ca8f280e]{grid-template-columns:repeat(3,1fr);gap:16px}.option[data-v-ca8f280e]{padding:24px}.option .emoji[data-v-ca8f280e]{font-size:36px}}@media screen and (min-width: 1200px){.content[data-v-ca8f280e]{padding:15px;max-width:1600px}.grid-2[data-v-ca8f280e]{grid-template-columns:repeat(4,1fr);gap:20px}}@media screen and (min-width: 1600px){.content[data-v-ca8f280e]{padding:20px;max-width:1800px}}.home-container[data-v-a268d37b]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-a268d37b]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-a268d37b]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.navbar[data-v-a268d37b]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-a268d37b]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-a268d37b]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.tab-bar[data-v-a268d37b]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.progress[data-v-a268d37b]{height:4px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-inner[data-v-a268d37b]{height:100%;width:100%;background:var(--primary-color)}.textarea[data-v-a268d37b]{width:100%;min-height:180px;border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:14px;outline:none;resize:none;font-family:inherit}.textarea[data-v-a268d37b]:focus{border-color:var(--primary-color)}.tip[data-v-a268d37b]{display:flex;align-items:center;gap:8px;background:#f5faff;border:1px solid #e6f4ff;color:#1677ff;border-radius:8px;padding:10px 12px}.flex[data-v-a268d37b]{display:flex}.gap-12[data-v-a268d37b]{gap:12px}.btn[data-v-a268d37b]:disabled{opacity:.5;cursor:not-allowed}@keyframes spin-a268d37b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin[data-v-a268d37b]{animation:spin-a268d37b 1s linear infinite}@media screen and (min-width: 768px){.content[data-v-a268d37b]{display:flex;flex-direction:column;align-items:center}.progress.mb-4[data-v-a268d37b],.mb-3.text-sm[data-v-a268d37b],.textarea[data-v-a268d37b],.tip.mt-3[data-v-a268d37b],.mt-6.flex[data-v-a268d37b]{max-width:800px!important;width:100%!important}}@media screen and (min-width: 992px){.home-container[data-v-a268d37b]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-a268d37b]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-a268d37b]{padding:12px;max-width:1600px;display:flex;flex-direction:column;align-items:center}.progress.mb-4[data-v-a268d37b],.mb-3.text-sm[data-v-a268d37b],.textarea[data-v-a268d37b],.tip.mt-3[data-v-a268d37b],.mt-6.flex[data-v-a268d37b]{max-width:800px!important;width:100%!important}.tab-bar[data-v-a268d37b]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-a268d37b]{max-width:200px}}@media screen and (min-width: 1200px){.content[data-v-a268d37b]{padding:15px;max-width:1600px}}@media screen and (min-width: 1600px){.content[data-v-a268d37b]{padding:20px;max-width:1800px}}.home-container[data-v-d44fe873]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-d44fe873]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-d44fe873]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.navbar[data-v-d44fe873]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-d44fe873]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-d44fe873]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.tab-bar[data-v-d44fe873]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.result[data-v-d44fe873]{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:var(--card-shadow)}.text-green-500[data-v-d44fe873]{color:#52c41a}.text-5xl[data-v-d44fe873]{font-size:48px}.mb-3[data-v-d44fe873]{margin-bottom:12px}.text-lg[data-v-d44fe873]{font-size:18px}.font-medium[data-v-d44fe873]{font-weight:500}.mb-1[data-v-d44fe873]{margin-bottom:4px}.text-gray-500[data-v-d44fe873]{color:#999}.text-sm[data-v-d44fe873]{font-size:14px}.mt-6[data-v-d44fe873]{margin-top:24px}.flex[data-v-d44fe873]{display:flex}.gap-12[data-v-d44fe873]{gap:12px}.animate-fade-in[data-v-d44fe873]{animation:fadeIn-d44fe873 .6s ease-in-out}@keyframes fadeIn-d44fe873{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 992px){.home-container[data-v-d44fe873]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-d44fe873]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-d44fe873]{padding:12px;max-width:1600px}.result[data-v-d44fe873]{padding:32px;max-width:600px;margin-left:auto;margin-right:auto}.tab-bar[data-v-d44fe873]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-d44fe873]{max-width:200px}}@media screen and (min-width: 1200px){.content[data-v-d44fe873]{padding:15px;max-width:1600px}.result[data-v-d44fe873]{max-width:600px;margin:0 auto}}@media screen and (min-width: 1600px){.content[data-v-d44fe873]{padding:20px;max-width:1800px}}.home-container[data-v-08416005]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-08416005]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-08416005]{width:100%;padding:8px;max-width:1600px;margin:0 auto}.navbar[data-v-08416005]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-08416005]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-08416005]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.tab-bar[data-v-08416005]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.badge[data-v-08416005]{display:inline-block;min-width:8px;height:8px;background:#f5222d;border-radius:50%}.item[data-v-08416005]{position:relative}.mood-icon[data-v-08416005]{margin-right:8px;font-size:16px;display:inline-block;vertical-align:middle}.list-item-subtitle[data-v-08416005]{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.status-info[data-v-08416005]{flex:1;font-size:13px;color:#666}.arrow-icon[data-v-08416005],.unread-indicator[data-v-08416005]{display:flex;align-items:center;margin-left:8px;flex-shrink:0}.arrow-icon i[data-v-08416005]{font-size:12px;color:#ccc}.unread-indicator .badge[data-v-08416005]{margin-left:4px}.p-0[data-v-08416005]{padding:0}.text-center[data-v-08416005]{text-align:center}.py-4[data-v-08416005]{padding-top:16px;padding-bottom:16px}.py-8[data-v-08416005]{padding-top:32px;padding-bottom:32px}.text-sm[data-v-08416005]{font-size:14px}.text-gray-400[data-v-08416005]{color:#9ca3af}.text-gray-500[data-v-08416005]{color:#6b7280}.text-2xl[data-v-08416005]{font-size:24px}.mb-2[data-v-08416005]{margin-bottom:8px}.mt-2[data-v-08416005]{margin-top:8px}@keyframes spin-08416005{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin[data-v-08416005]{animation:spin-08416005 1s linear infinite}.card[data-v-08416005]{box-shadow:0 2px 8px #0000000f;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:16px}.search-bar[data-v-08416005]{margin-bottom:16px}.card-footer[data-v-08416005]{padding:0;background:transparent;border:none}.divider[data-v-08416005]{height:1px;background:#f0f0f0;margin:0 16px}.footer-text[data-v-08416005]{text-align:center;padding:16px;font-size:14px;color:#999}@media screen and (min-width: 768px){.content[data-v-08416005]{display:flex;flex-direction:column;align-items:center;padding:16px}.search-bar[data-v-08416005],.card[data-v-08416005]{max-width:800px!important;width:100%!important}.search-bar[data-v-08416005]{margin-bottom:20px;box-shadow:0 2px 8px #00000014;border-radius:12px}.card[data-v-08416005]{box-shadow:0 4px 16px #00000014!important;border-radius:16px!important;border:none!important}}@media screen and (min-width: 992px){.home-container[data-v-08416005]{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.content-wrapper[data-v-08416005]{display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 120px)}.content[data-v-08416005]{padding:20px;max-width:1600px;display:flex;flex-direction:column;align-items:center}.search-bar[data-v-08416005],.card[data-v-08416005]{max-width:900px!important;width:100%!important}.search-bar[data-v-08416005]{margin-bottom:24px;box-shadow:0 2px 12px #00000014;border-radius:16px}.card[data-v-08416005]{box-shadow:0 6px 20px #00000014!important;border-radius:20px!important;border:none!important}.tab-bar[data-v-08416005]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-08416005]{max-width:200px}}@media screen and (min-width: 1200px){.content[data-v-08416005]{padding:24px;max-width:1600px}.search-bar[data-v-08416005],.card[data-v-08416005]{max-width:1000px!important}.search-bar[data-v-08416005]{margin-bottom:28px}}@media screen and (min-width: 1600px){.content[data-v-08416005]{padding:32px;max-width:1800px}.search-bar[data-v-08416005],.card[data-v-08416005]{max-width:1200px!important}.search-bar[data-v-08416005]{margin-bottom:32px}}.home-container[data-v-da027e69]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-da027e69]{padding:0;flex:1;display:flex;flex-direction:column}.content[data-v-da027e69]{padding:16px 16px 100px;max-width:1600px;margin:0 auto}.card[data-v-da027e69]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow:hidden}.card-header[data-v-da027e69]{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title[data-v-da027e69]{font-size:16px;font-weight:600;color:var(--text-color);line-height:1.4;flex:1}.card-body[data-v-da027e69]{padding:16px}.navbar[data-v-da027e69]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-da027e69]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1;text-decoration:none}.navbar-title[data-v-da027e69]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.tab-bar[data-v-da027e69]{width:100%;max-width:var(--max-width, 414px);box-shadow:0 -2px 8px #0000000d;background-color:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:100}.bubble[data-v-da027e69]{max-width:75%;padding:10px 12px;border-radius:12px;margin:8px 0;box-shadow:var(--card-shadow)}.bubble-user[data-v-da027e69]{background:#e6f7ff;border:1px solid #bae7ff}.bubble-office[data-v-da027e69]{background:#f6ffed;border:1px solid #b7eb8f}.meta[data-v-da027e69]{font-size:12px;color:#999;margin-top:2px}.sender-user[data-v-da027e69]{color:var(--primary-color)}.sender-office[data-v-da027e69]{color:var(--success-color)}.mood-icon[data-v-da027e69]{margin-right:8px;font-size:16px;display:inline-block;vertical-align:text-bottom;line-height:1;transform:translateY(-1px)}.reply-form[data-v-da027e69]{display:flex;align-items:center;gap:12px}.reply-input[data-v-da027e69]{flex:1;border:1px solid var(--border-color);border-radius:8px;height:44px;padding:0 16px;font-size:14px;outline:none;box-sizing:border-box}.reply-input[data-v-da027e69]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.reply-btn[data-v-da027e69]{height:44px;display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:14px;font-weight:500;border-radius:8px;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1890ff4d}.reply-btn[data-v-da027e69]:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff66;transform:translateY(-1px)}.reply-btn[data-v-da027e69]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #1890ff4d}.reply-btn[data-v-da027e69]:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;box-shadow:none;transform:none}.reply-btn .fas[data-v-da027e69]{transition:transform .2s ease}.reply-btn:hover:not(:disabled) .fas[data-v-da027e69]{transform:scale(1.1)}.status-tag[data-v-da027e69]{font-size:12px;padding:4px 12px;border-radius:6px;font-weight:500;white-space:nowrap;min-width:60px;text-align:center;display:inline-block}.status-tag-pending[data-v-da027e69]{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-tag-success[data-v-da027e69]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-tag-closed[data-v-da027e69]{background:#f5f5f5;color:#999;border:1px solid #d9d9d9}.justify-start[data-v-da027e69]{justify-content:flex-start}.justify-end[data-v-da027e69]{justify-content:flex-end}.flex[data-v-da027e69]{display:flex}.gap-8[data-v-da027e69]{gap:8px}.font-medium[data-v-da027e69]{font-weight:500}.text-right[data-v-da027e69]{text-align:right}.text-center[data-v-da027e69]{text-align:center}.text-gray-400[data-v-da027e69]{color:#9ca3af}.text-gray-500[data-v-da027e69]{color:#6b7280}.text-gray-800[data-v-da027e69]{color:#1f2937}.text-sm[data-v-da027e69]{font-size:14px}.text-2xl[data-v-da027e69]{font-size:24px}.py-8[data-v-da027e69]{padding-top:32px;padding-bottom:32px}.mb-2[data-v-da027e69]{margin-bottom:8px}.mt-2[data-v-da027e69]{margin-top:8px}.mt-4[data-v-da027e69]{margin-top:16px}.mr-2[data-v-da027e69]{margin-right:8px}@keyframes spin-da027e69{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin[data-v-da027e69]{animation:spin-da027e69 1s linear infinite}@media screen and (min-width: 768px){.content[data-v-da027e69]{display:flex;flex-direction:column;align-items:center;padding:16px 16px 100px}}@media screen and (min-width: 992px){.home-container[data-v-da027e69]{display:flex;flex-direction:column;min-height:100vh}.content-wrapper[data-v-da027e69]{display:flex;flex-direction:column;flex:1}.content[data-v-da027e69]{padding:24px 24px 100px;max-width:1200px;margin:0 auto}.card[data-v-da027e69]{max-width:900px!important;width:100%!important;margin-left:auto;margin-right:auto}.tab-bar[data-v-da027e69]{max-width:100%;display:flex;justify-content:center}.tab-item[data-v-da027e69]{max-width:200px}}@media screen and (min-width: 1200px){.content[data-v-da027e69]{padding:32px 32px 100px;max-width:1400px}.card[data-v-da027e69]{max-width:1000px!important}}@media screen and (min-width: 1600px){.content[data-v-da027e69]{padding:40px 40px 100px;max-width:1600px}.card[data-v-da027e69]{max-width:1200px!important}}.home-container[data-v-e4f67225]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-e4f67225]{padding:0;flex:1}.content[data-v-e4f67225]{padding:16px;max-width:1600px;margin:0 auto}.navbar[data-v-e4f67225]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-e4f67225]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-e4f67225]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.navbar-action[data-v-e4f67225]{margin-left:auto;color:var(--text-color);font-size:14px;cursor:pointer;z-index:1;display:flex;align-items:center;gap:6px}.card[data-v-e4f67225]{box-shadow:0 2px 8px #0000000f;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:16px}.search-bar[data-v-e4f67225]{margin-bottom:16px}.card-footer[data-v-e4f67225]{padding:0;background:transparent;border:none}.divider[data-v-e4f67225]{height:1px;background:#f0f0f0;margin:0 16px}.footer-text[data-v-e4f67225]{text-align:center;padding:16px;font-size:14px;color:#999}.mood-icon[data-v-e4f67225]{margin-right:8px;font-size:16px;display:inline-block;vertical-align:text-bottom;line-height:1;transform:translateY(-1px)}.list-item-subtitle[data-v-e4f67225]{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.status-info[data-v-e4f67225]{flex:1;font-size:13px;color:#666}.arrow-icon[data-v-e4f67225],.unread-indicator[data-v-e4f67225]{display:flex;align-items:center;margin-left:8px;flex-shrink:0}.arrow-icon i[data-v-e4f67225]{font-size:12px;color:#ccc}.unread-indicator .badge[data-v-e4f67225]{margin-left:4px}.badge[data-v-e4f67225]{display:inline-block;min-width:8px;height:8px;background:#f5222d;border-radius:50%}.item[data-v-e4f67225]{position:relative}.drawer[data-v-e4f67225]{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:360px;background:#fff;box-shadow:-2px 0 12px #00000014;transform:translate(100%);transition:transform .25s ease;z-index:200}.drawer.open[data-v-e4f67225]{transform:translate(0)}.drawer-header[data-v-e4f67225]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.drawer-body[data-v-e4f67225]{padding:16px;overflow:auto;height:calc(100% - 110px)}.drawer-footer[data-v-e4f67225]{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;border-top:1px solid var(--border-color);display:flex;gap:12px;background:#fff}.mask[data-v-e4f67225]{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:150}.mask.show[data-v-e4f67225]{opacity:1;pointer-events:auto}.category-tab[data-v-e4f67225]{display:inline-flex;align-items:center;padding:8px 12px;border-radius:6px;background:#f5f5f5;font-size:14px;border:none;cursor:pointer;transition:all .2s;justify-content:center}.category-tab.active[data-v-e4f67225]{background:var(--primary-color);color:#fff}.filter-input[data-v-e4f67225]{width:100%;border:1px solid var(--border-color);border-radius:8px;height:36px;padding:0 12px;font-size:14px;outline:none}.filter-input[data-v-e4f67225]:focus{border-color:var(--primary-color)}@media screen and (min-width: 768px){.content[data-v-e4f67225]{display:flex;flex-direction:column;align-items:center;padding:16px}.search-bar[data-v-e4f67225],.card[data-v-e4f67225]{max-width:800px!important;width:100%!important}.search-bar[data-v-e4f67225]{margin-bottom:20px;box-shadow:0 2px 8px #00000014;border-radius:12px}.card[data-v-e4f67225]{box-shadow:0 4px 16px #00000014!important;border-radius:16px!important;border:none!important}}@media screen and (min-width: 992px){.home-container[data-v-e4f67225]{display:flex;flex-direction:column;min-height:100vh}.content-wrapper[data-v-e4f67225]{display:flex;flex-direction:column;flex:1}.content[data-v-e4f67225]{padding:24px;max-width:1200px;margin:0 auto}.search-bar[data-v-e4f67225],.card[data-v-e4f67225]{max-width:900px!important;width:100%!important;margin-left:auto;margin-right:auto}.search-bar[data-v-e4f67225]{margin-bottom:24px;box-shadow:0 2px 12px #00000014;border-radius:16px}.card[data-v-e4f67225]{box-shadow:0 6px 20px #00000014!important;border-radius:20px!important;border:none!important}}@media screen and (min-width: 1200px){.content[data-v-e4f67225]{padding:32px;max-width:1400px}.search-bar[data-v-e4f67225],.card[data-v-e4f67225]{max-width:1000px!important}.search-bar[data-v-e4f67225]{margin-bottom:28px}}@media screen and (min-width: 1600px){.content[data-v-e4f67225]{padding:40px;max-width:1600px}.search-bar[data-v-e4f67225],.card[data-v-e4f67225]{max-width:1200px!important}.search-bar[data-v-e4f67225]{margin-bottom:32px}}.home-container[data-v-8cc23cde]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-color)}.content-wrapper[data-v-8cc23cde]{padding:0;flex:1}.content[data-v-8cc23cde]{padding:16px;max-width:1600px;margin:0 auto}.navbar[data-v-8cc23cde]{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;width:100%;max-width:100%;box-shadow:0 2px 8px #0000000d;left:0;right:0}.navbar-back[data-v-8cc23cde]{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title[data-v-8cc23cde]{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.card[data-v-8cc23cde]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow:hidden}.card-header[data-v-8cc23cde]{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title[data-v-8cc23cde]{font-size:16px;font-weight:600;color:var(--text-color);line-height:1.4;flex:1}.card-body[data-v-8cc23cde]{padding:16px}.bubble[data-v-8cc23cde]{max-width:75%;padding:10px 12px;border-radius:12px;margin:8px 0;box-shadow:var(--card-shadow)}.bubble-user[data-v-8cc23cde]{background:#e6f7ff;border:1px solid #bae7ff}.bubble-office[data-v-8cc23cde]{background:#f6ffed;border:1px solid #b7eb8f}.meta[data-v-8cc23cde]{font-size:12px;color:#999;margin-top:2px}.sender-user[data-v-8cc23cde]{color:var(--primary-color)}.sender-office[data-v-8cc23cde]{color:var(--success-color)}.mood-icon[data-v-8cc23cde]{margin-right:8px;font-size:16px;display:inline-block;vertical-align:text-bottom;line-height:1;transform:translateY(-1px)}.reply-form[data-v-8cc23cde]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.reply-input[data-v-8cc23cde]{flex:1;border:1px solid var(--border-color);border-radius:8px;height:44px;padding:0 16px;font-size:14px;outline:none;box-sizing:border-box}.reply-input[data-v-8cc23cde]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.reply-btn[data-v-8cc23cde]{height:44px;display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:14px;font-weight:500;border-radius:8px;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1890ff4d}.reply-btn[data-v-8cc23cde]:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff66;transform:translateY(-1px)}.reply-btn[data-v-8cc23cde]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #1890ff4d}.reply-btn[data-v-8cc23cde]:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;box-shadow:none;transform:none}.reply-btn .fas[data-v-8cc23cde]{transition:transform .2s ease}.reply-btn:hover:not(:disabled) .fas[data-v-8cc23cde]{transform:scale(1.1)}.status-tag[data-v-8cc23cde]{font-size:12px;padding:4px 12px;border-radius:6px;font-weight:500;white-space:nowrap;min-width:60px;text-align:center;display:inline-block}.status-tag-pending[data-v-8cc23cde]{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-tag-success[data-v-8cc23cde]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-tag-closed[data-v-8cc23cde]{background:#f5f5f5;color:#999;border:1px solid #d9d9d9}.justify-start[data-v-8cc23cde]{justify-content:flex-start}.justify-end[data-v-8cc23cde]{justify-content:flex-end}.flex[data-v-8cc23cde]{display:flex}.gap-2[data-v-8cc23cde]{gap:8px}.font-medium[data-v-8cc23cde]{font-weight:500}.text-right[data-v-8cc23cde]{text-align:right}.text-center[data-v-8cc23cde]{text-align:center}.py-8[data-v-8cc23cde]{padding-top:32px;padding-bottom:32px}.text-2xl[data-v-8cc23cde]{font-size:24px}.text-gray-400[data-v-8cc23cde]{color:#9ca3af}.text-gray-500[data-v-8cc23cde]{color:#6b7280}.text-gray-600[data-v-8cc23cde]{color:#4b5563}.text-gray-800[data-v-8cc23cde]{color:#1f2937}.text-sm[data-v-8cc23cde]{font-size:14px}.mt-2[data-v-8cc23cde]{margin-top:8px}.mt-4[data-v-8cc23cde]{margin-top:16px}.mb-2[data-v-8cc23cde]{margin-bottom:8px}.mr-2[data-v-8cc23cde]{margin-right:8px}.fa-spin[data-v-8cc23cde]{animation:spin-8cc23cde 1s linear infinite}@keyframes spin-8cc23cde{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 768px){.content[data-v-8cc23cde]{display:flex;flex-direction:column;align-items:center;padding:16px}}@media screen and (min-width: 992px){.home-container[data-v-8cc23cde]{display:flex;flex-direction:column;min-height:100vh}.content-wrapper[data-v-8cc23cde]{display:flex;flex-direction:column;flex:1}.content[data-v-8cc23cde]{padding:24px;max-width:1200px;margin:0 auto}.card[data-v-8cc23cde]{max-width:900px!important;width:100%!important;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.content[data-v-8cc23cde]{padding:32px;max-width:1400px}.card[data-v-8cc23cde]{max-width:1000px!important}}@media screen and (min-width: 1600px){.content[data-v-8cc23cde]{padding:40px;max-width:1600px}.card[data-v-8cc23cde]{max-width:1200px!important}}.checkin-container[data-v-44dcfe86]{width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.navbar[data-v-44dcfe86]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.navbar-back[data-v-44dcfe86]{color:#333;font-size:18px;text-decoration:none}.navbar-title[data-v-44dcfe86]{font-size:18px;font-weight:700;color:#333}.navbar-action[data-v-44dcfe86]{color:#333;font-size:18px;cursor:pointer}.content-wrapper[data-v-44dcfe86]{flex:1;position:relative;overflow-y:auto;padding-bottom:80px}.background-layer[data-v-44dcfe86]{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none}.main-content[data-v-44dcfe86]{position:relative;z-index:2;padding:20px 16px}.broadcast-container[data-v-44dcfe86]{position:fixed;top:60px;left:0;right:0;z-index:99;pointer-events:none}.broadcast-item[data-v-44dcfe86]{background:#ffc107f2;color:#333;padding:8px 16px;margin:4px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:14px;box-shadow:0 4px 12px #00000026}.broadcast-icon[data-v-44dcfe86]{color:#f39c12}.status-card[data-v-44dcfe86]{background:#fffffff2;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-header[data-v-44dcfe86]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-title[data-v-44dcfe86]{font-size:20px;font-weight:700;color:#333}.status-date[data-v-44dcfe86]{font-size:14px;color:#666}.status-content[data-v-44dcfe86]{display:flex;justify-content:space-around;margin-bottom:24px}.consecutive-days[data-v-44dcfe86],.total-days[data-v-44dcfe86]{text-align:center}.days-number[data-v-44dcfe86],.total-number[data-v-44dcfe86]{font-size:32px;font-weight:700;color:#667eea;margin-bottom:4px}.days-label[data-v-44dcfe86],.total-label[data-v-44dcfe86]{font-size:14px;color:#666}.checkin-action[data-v-44dcfe86]{text-align:center}.checkin-btn[data-v-44dcfe86]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;transition:all .3s ease;min-width:160px}.checkin-btn[data-v-44dcfe86]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.checkin-btn[data-v-44dcfe86]:disabled{opacity:.6;cursor:not-allowed}.checkin-btn.checked[data-v-44dcfe86]{background:linear-gradient(135deg,#28a745,#20c997)}.checkin-btn.loading[data-v-44dcfe86]{opacity:.8}.lottery-section[data-v-44dcfe86]{background:#fffffff2;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title[data-v-44dcfe86]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.section-title i[data-v-44dcfe86]{color:#667eea}.prizes-container[data-v-44dcfe86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-bottom:24px}.prize-item[data-v-44dcfe86]{text-align:center;padding:16px 8px;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.prize-item[data-v-44dcfe86]:not(.unavailable){background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-color:#e8f0ff}.prize-item.unavailable[data-v-44dcfe86]{background:#f5f5f5;opacity:.6}.prize-image[data-v-44dcfe86]{width:50px;height:50px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:50%}.prize-image img[data-v-44dcfe86]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.prize-image i[data-v-44dcfe86]{font-size:24px;color:#667eea}.prize-name[data-v-44dcfe86]{font-size:12px;color:#333;margin-bottom:4px;font-weight:500}.prize-probability[data-v-44dcfe86]{font-size:11px;color:#f39c12;font-weight:700}.lottery-action[data-v-44dcfe86]{text-align:center}.lottery-btn[data-v-44dcfe86]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:25px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;transition:all .3s ease;min-width:160px}.lottery-btn[data-v-44dcfe86]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f39c1266}.lottery-btn[data-v-44dcfe86]:disabled{opacity:.6;cursor:not-allowed}.lottery-btn.loading[data-v-44dcfe86]{opacity:.8}.rewards-section[data-v-44dcfe86]{background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rewards-list[data-v-44dcfe86]{display:flex;flex-direction:column;gap:12px}.reward-item[data-v-44dcfe86]{display:flex;align-items:center;padding:16px;border-radius:12px;background:#f8f9fa;border:2px solid transparent;transition:all .3s ease}.reward-item.current[data-v-44dcfe86]{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#f39c12;box-shadow:0 4px 12px #f39c1233}.reward-item.completed[data-v-44dcfe86]{background:linear-gradient(135deg,#d4edda,#a8e6cf);border-color:#28a745}.reward-day[data-v-44dcfe86]{font-size:14px;font-weight:700;color:#667eea;min-width:60px}.reward-content[data-v-44dcfe86]{flex:1;margin:0 16px}.reward-points[data-v-44dcfe86]{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.reward-extra[data-v-44dcfe86]{display:flex;align-items:center;gap:8px;font-size:12px}.extra-name[data-v-44dcfe86]{color:#666}.extra-probability[data-v-44dcfe86]{color:#f39c12;font-weight:700}.reward-status[data-v-44dcfe86]{width:24px;text-align:center}.reward-status i[data-v-44dcfe86]{font-size:16px}.reward-item.completed .reward-status i[data-v-44dcfe86]{color:#28a745}.reward-item.current .reward-status i[data-v-44dcfe86]{color:#f39c12}.tab-bar[data-v-44dcfe86]{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);display:flex;height:60px;z-index:100}.tab-item[data-v-44dcfe86]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;transition:color .3s ease}.tab-item.active[data-v-44dcfe86]{color:#667eea}.tab-icon[data-v-44dcfe86]{font-size:20px;margin-bottom:4px}.tab-label[data-v-44dcfe86]{font-size:12px}.lottery-result-overlay[data-v-44dcfe86]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lottery-result-modal[data-v-44dcfe86]{background:#fff;border-radius:20px;padding:32px 24px;max-width:320px;width:100%;text-align:center;position:relative;animation:lottery-modal-in-44dcfe86 .3s ease}.result-close[data-v-44dcfe86]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.result-title[data-v-44dcfe86]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:700;color:#333;margin-bottom:24px}.result-title i[data-v-44dcfe86]{color:#f39c12}.result-prize[data-v-44dcfe86]{margin-bottom:24px}.result-image[data-v-44dcfe86]{width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.result-image img[data-v-44dcfe86]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.result-image i[data-v-44dcfe86]{font-size:40px;color:#fff}.result-name[data-v-44dcfe86]{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.result-value[data-v-44dcfe86]{font-size:16px;color:#f39c12;font-weight:700}.result-message[data-v-44dcfe86]{font-size:14px;color:#666;margin-bottom:24px}.result-confirm[data-v-44dcfe86]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;transition:all .3s ease}.records-overlay[data-v-44dcfe86]{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.records-modal[data-v-44dcfe86]{background:#fff;border-radius:20px 20px 0 0;max-width:400px;width:100%;max-height:70vh;animation:records-modal-in-44dcfe86 .3s ease}.records-header[data-v-44dcfe86]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #eee}.records-title[data-v-44dcfe86]{font-size:18px;font-weight:700;color:#333}.records-close[data-v-44dcfe86]{width:32px;height:32px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.records-content[data-v-44dcfe86]{padding:16px 24px 24px;max-height:calc(70vh - 80px);overflow-y:auto}.records-empty[data-v-44dcfe86]{text-align:center;padding:40px 20px;color:#999}.records-empty i[data-v-44dcfe86]{font-size:48px;margin-bottom:16px;display:block}.record-item[data-v-44dcfe86]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.record-item[data-v-44dcfe86]:last-child{border-bottom:none}.record-date[data-v-44dcfe86]{font-size:12px;color:#999;min-width:60px}.record-prize[data-v-44dcfe86]{flex:1;font-size:14px;color:#333;margin:0 12px}.record-value[data-v-44dcfe86]{font-size:14px;color:#f39c12;font-weight:700;min-width:60px;text-align:right}.record-status[data-v-44dcfe86]{font-size:12px;color:#999;min-width:50px;text-align:right}.record-status.claimed[data-v-44dcfe86]{color:#28a745}@keyframes lottery-modal-in-44dcfe86{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes records-modal-in-44dcfe86{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in[data-v-44dcfe86]{animation:slide-in-44dcfe86 .5s ease}@keyframes slide-in-44dcfe86{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-in[data-v-44dcfe86]{animation:fade-in-44dcfe86 .6s ease}@keyframes fade-in-44dcfe86{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #1890ff;--secondary-color: #36cfc9;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--text-color: #333333;--text-color-secondary: #666666;--text-color-light: #999999;--border-color: #e8e8e8;--background-color: #f5f5f5;--card-background: #ffffff;--max-width: 414px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased}.navbar{display:flex;align-items:center;height:44px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;padding:0 16px;max-width:var(--max-width);margin:0 auto}.navbar-back{font-size:16px;color:var(--text-color);cursor:pointer;z-index:1}.navbar-title{font-size:18px;font-weight:500;position:absolute;left:50%;transform:translate(-50%);text-align:center}.content{padding:16px 16px 60px;max-width:var(--max-width);margin:0 auto}.content-no-padding{max-width:var(--max-width);margin:0 auto;padding-bottom:60px}.card{background-color:var(--card-background);border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:16px;font-weight:500;color:var(--text-color)}.card-body{padding:16px}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--card-background);border-top:1px solid var(--border-color);padding:8px 0;max-width:var(--max-width);margin:0 auto;z-index:10}.tab-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color-light)}.tab-item.router-link-active{color:var(--primary-color)}.tab-icon{font-size:20px;margin-bottom:4px}.tab-label{font-size:12px}.btn{display:inline-block;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;padding:10px 16px;font-size:14px;line-height:1.5;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.btn-primary{color:#fff;background-color:var(--primary-color)}.btn-outline{color:var(--primary-color);background-color:#fff;border:1px solid var(--primary-color)}.btn-block{display:block;width:100%}.text-blue-500{color:var(--primary-color);text-decoration:none;font-size:14px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 414px){.card{border-radius:8px;margin-left:0;margin-right:0;width:100%}}.list{background-color:#fff;border-radius:8px}.list-item{display:flex;padding:16px;border-bottom:1px solid var(--border-color);text-decoration:none;color:inherit}.list-item:last-child{border-bottom:none}.list-item-content{flex:1}.list-item-title{font-size:16px;color:var(--text-color);margin-bottom:4px}.list-item-subtitle{font-size:14px;color:var(--text-color-secondary)}.list-item-right{display:flex;align-items:center}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:8px 12px;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}.search-icon{color:var(--text-color-light);margin-right:8px}.search-input{border:none;outline:none;flex:1;font-size:14px}.banner{margin-bottom:16px;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.banner-image{width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0000000d}.category-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color)}.category-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}.category-name{font-size:12px;text-align:center}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-card{text-decoration:none;color:var(--text-color)}.product-image{width:100%;height:120px;border-radius:4px;-o-object-fit:cover;object-fit:cover;margin-bottom:8px}.product-info{padding:0 5px}.product-name{font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-points{font-size:14px;color:var(--primary-color);font-weight:500}.points-card{background:linear-gradient(135deg,#1890ff,#36cfc9);color:#fff;border-radius:12px;padding:20px;margin-bottom:16px;position:relative}.points-card-label{font-size:14px;opacity:.8;margin-bottom:8px}.points-card-value{font-size:32px;font-weight:600;margin-bottom:16px}.points-card-actions{display:flex;justify-content:flex-end}.points-card-button{background-color:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;text-decoration:none}.points{font-weight:600;font-size:16px}.points-increase{color:#52c41a}.points-decrease{color:#f5222d}.user-info{display:flex;align-items:center;margin-bottom:16px}.user-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px;-o-object-fit:cover;object-fit:cover}.user-name{font-size:18px;font-weight:500;margin-bottom:4px}.user-role{font-size:14px;color:var(--text-color-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}.feature-label{font-size:12px;text-align:center}.product-detail-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.product-detail-info{padding:15px}.product-detail-name{font-size:18px;font-weight:500;margin-bottom:10px;color:var(--text-color)}.product-detail-points{font-size:20px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.product-detail-stock{font-size:14px;color:var(--text-color-secondary);margin-bottom:15px}.product-detail-description{font-size:14px;color:var(--text-color-secondary);line-height:1.6}.exchange-item{display:flex;align-items:center;padding:15px}.exchange-item-image{width:60px;height:60px;border-radius:4px;overflow:hidden;margin-right:15px}.exchange-item-main{flex:1}.exchange-item-title{font-size:15px;margin-bottom:8px}.exchange-item-info{display:flex;justify-content:space-between;font-size:13px}.exchange-item-time{color:var(--text-color-secondary)}.exchange-item-points{color:var(--primary-color)}.exchange-item-status{margin-left:10px;display:flex;align-items:center}.status-tag{padding:2px 8px;border-radius:10px;font-size:12px;text-align:center}.status-tag-pending{background-color:#fff7e6;color:#fa8c16}.status-tag-completed{background-color:#f6ffed;color:#52c41a}.category-tabs{display:flex;overflow-x:auto;white-space:nowrap;background-color:#fff;margin-bottom:15px;padding:0 10px;scrollbar-width:none}.category-tab{padding:12px 15px;font-size:14px;color:var(--text-color-secondary);position:relative;cursor:pointer}.category-tab.active{color:var(--primary-color);font-weight:500}.category-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background-color: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--max-width: 414px}body{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.h-20{height:5rem}.w-20{width:5rem}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.border{border-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-5{padding-left:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.italic{font-style:italic}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.status-bar{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 16px;background:#000;color:#fff;font-size:12px;font-weight:500;position:sticky;top:0;z-index:200;max-width:var(--max-width, 414px);margin:0 auto}.status-bar-time{font-weight:600}.status-bar-icons{display:flex;gap:4px}.status-bar-icons i{font-size:10px}.navbar-action{font-size:16px;color:var(--text-color, #333);cursor:pointer;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color, #1890ff);color:#fff}.btn-primary:hover:not(:disabled){background:#40a9ff}.btn-outline{background:#fff;color:var(--primary-color, #1890ff);border:1px solid var(--primary-color, #1890ff)}.btn-outline:hover:not(:disabled){background:var(--primary-color, #1890ff);color:#fff}.btn-ghost{background:transparent;color:var(--text-color-secondary, #666);border:1px solid var(--border-color, #e8e8e8)}.btn-ghost:hover:not(:disabled){background:#f5f5f5;border-color:var(--text-color-secondary, #666)}.btn-block{width:100%}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width, 414px);height:60px;background:#fff;border-top:1px solid var(--border-color, #e8e8e8);display:flex;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-color-light, #999);transition:color .2s ease}.tab-item.active{color:var(--primary-color, #1890ff)}.tab-icon{font-size:18px;margin-bottom:2px}.tab-label{font-size:10px;line-height:1}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.animate-fade-in{animation:fadeIn .6s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-bounce-in{animation:bounceIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color, #e8e8e8);border-radius:50%;border-top-color:var(--primary-color, #1890ff);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:8px}.space-x-4>*+*{margin-left:16px}.space-y-1>*+*{margin-top:4px}.space-y-3>*+*{margin-top:12px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-bold{font-weight:700}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.border{border:1px solid var(--border-color, #e8e8e8)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-yellow-50{background-color:#fefce8}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-green-600{color:#16a34a}.text-red-500{color:#ef4444}.text-yellow-500{color:#eab308}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}@media (max-width: 414px){.btn{padding:10px 14px;font-size:13px}.text-2xl{font-size:22px}.text-3xl{font-size:28px}}