:root{--bg: #f8f7f4;--bg-elevated: #fcfbf9;--card: #ffffff;--text: #1a1a2e;--text-secondary: #4a5568;--muted: #6b7280;--primary: #FF6B35;--primary-hover: #E55A2B;--primary-light: #FFF4ED;--accent: #004E89;--accent-light: #EBF5FF;--border: #e5e2dd;--border-light: #f0eeeb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .05), 0 1px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--shadow-hover: 0 8px 28px rgba(255, 107, 53, .1), 0 2px 8px rgba(255, 107, 53, .05);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: .2s ease;--transition-fast: .15s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--danger: #DC2626;--danger-light: #FEF2F2;--success: #16a34a;--success-light: #f0fdf4;--placeholder: #b0aaa0;--hover-bg: #f5f4f1;--code-bg: #faf9f7;--code-border: #e0ddd8;--toast-bg: #1f2937;--primary-light-hover: #FFE8DD;--hero-gradient: linear-gradient(155deg, #1a0a00 0%, #E04A00 20%, #FF6B35 45%, #FF8F5E 70%, #FFB088 100%);--hero-dark-gradient: linear-gradient(155deg, #0a0400 0%, #3d1200 20%, #5a2000 45%, #7a3520 70%, #8c4a30 100%);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--nav-primary: var(--primary);--nav-primary-hover: var(--primary-hover);--nav-primary-light: var(--primary-light);--nav-bg: #ffffff;--nav-bg-dark: #1a1a2e;--nav-border: var(--border);--nav-text: var(--text);--nav-text-secondary: var(--text-secondary);--nav-muted: var(--muted);--nav-hover-bg: var(--hover-bg)}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}body.dark-mode-transition,body.dark-mode-transition *,body.dark-mode-transition *:before,body.dark-mode-transition *:after{transition:background-color .3s ease,color .2s ease,border-color .3s ease,box-shadow .3s ease!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.01em}site-nav{visibility:hidden;animation:navReveal .3s ease-out forwards;animation-delay:.5s}@keyframes navReveal{0%{visibility:hidden}to{visibility:visible}}::selection{background:#ff6b3533;color:inherit}[data-theme=dark] ::selection{background:#ff6b354d}html{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;scrollbar-gutter:stable}#app{width:100%;max-width:1100px;margin:0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:inherit}img{transition:opacity .3s ease}img[loading=lazy]{opacity:0}img[loading=lazy].loaded{opacity:1}.side-nav{display:none}button:disabled{cursor:not-allowed;opacity:.5}.agent-hook{margin-top:40px;padding:40px 24px;background:linear-gradient(135deg,var(--card) 0%,var(--primary-light) 100%);border:2px dashed var(--primary);border-radius:20px;text-align:center;position:relative;overflow:hidden}.agent-hook:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:var(--primary-light);border-radius:50%;opacity:.5}.agent-hook:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:var(--accent-light);border-radius:50%;opacity:.4}.agent-hook>*{position:relative;z-index:1}.agent-hook-icon{margin-bottom:12px}.agent-hook-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:.05em}.agent-hook-desc{font-size:14px;color:var(--muted);margin-bottom:16px}.agent-hook-benefits{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.benefit-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:6px 16px;border-radius:16px;border:1px solid rgba(255,107,53,.2);letter-spacing:.02em}.agent-register-list{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:400px;margin:0 auto}.agent-register-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--primary);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all var(--transition);box-shadow:0 2px 8px #ff6b3526}.agent-register-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #ff6b3540}.agent-register-name{font-size:14px}[data-theme=dark]{--bg: #0f0f23;--bg-elevated: #1a1a2e;--card: #1a1f36;--text: #e8e8f0;--text-secondary: #a0a0b8;--muted: #707088;--primary-light: #2d1b0e;--accent-light: #0c1929;--border: #2d2d45;--border-light: #252540;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 28px rgba(255, 107, 53, .12), 0 2px 8px rgba(255, 107, 53, .06);--hover-bg: #252540;--code-bg: #141428;--code-border: #2d2d55;--placeholder: #64748b;--primary-light-hover: #3d1f0e;--danger-light: #2d0f0f;--success-light: #0f2d1a;--toast-bg: #e2e8f0;--hero-gradient: linear-gradient(155deg, #0a0400 0%, #3d1200 20%, #5a2000 45%, #7a3520 70%, #8c4a30 100%);--hero-dark-gradient: linear-gradient(155deg, #0a0400 0%, #3d1200 20%, #5a2000 45%, #7a3520 70%, #8c4a30 100%)}[data-theme=dark]{background:var(--bg);color:var(--text)}[data-theme=dark] .card-code{color:#c4c9e0}[data-theme=dark] .toast{color:#0f0f23}[data-theme=dark] .search-clear:hover,[data-theme=dark] .qr-close:hover{background:var(--hover-bg);color:var(--text)}[data-theme=dark] .hero-stats .stat-badge{background:#ffffff1a;border-color:#ffffff1f}[data-theme=dark] .hero-stats .stat-badge.expired-count{background:#ef444433;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .hero-stats .stat-badge.expired-count strong{color:#f87171}[data-theme=dark] .btn-secondary{background:var(--border);color:var(--text)}[data-theme=dark] .btn-secondary:hover{background:#3a3a52;background:color-mix(in srgb,var(--text) 20%,var(--border))}[data-theme=dark] .quick-shortcut{box-shadow:var(--shadow)}[data-theme=dark] .quick-shortcut:hover{box-shadow:0 4px 12px #ff6b3526}[data-theme=dark] .activity-card{box-shadow:var(--shadow)}[data-theme=dark] .activity-card:hover{box-shadow:0 8px 24px #ff6b3526}.dark-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid var(--border);border-radius:14px;background:var(--card);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.dark-toggle:hover{border-color:var(--primary);color:var(--primary)}.btn-share{background:var(--success-light);color:var(--success);padding:8px 12px;min-height:40px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.btn-share:hover{filter:brightness(.9)}[data-theme=dark] .btn-share:hover{filter:brightness(1.2)}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prerender{display:none}#tab-content:has(.prerender):before{content:"";display:block;min-height:300px;background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 4px}.skeleton-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-xs)}.skeleton-card .skeleton-line{height:14px;margin-bottom:10px;border-radius:6px}.skeleton-card .skeleton-line.short{width:40%}.skeleton-card .skeleton-line.medium{width:70%}.skeleton-card .skeleton-line.full{width:100%}.skeleton-card .skeleton-btn{height:36px;border-radius:var(--radius-sm);margin-top:12px}.skeleton-btn-group{display:flex;gap:10px}.skeleton-btn.primary,.skeleton-btn.secondary{flex:1}.skeleton-img{width:100%;height:160px;margin-bottom:12px;border-radius:var(--radius)}.skeleton-code-box{height:44px;width:100%;border-radius:var(--radius-sm);margin-bottom:4px}.skeleton-link-url{height:12px;width:50%;border-radius:4px;margin-bottom:12px}.skeleton-jingxuan{border-radius:var(--radius);overflow:hidden}.skeleton-jingxuan .skeleton-img{margin-bottom:0;border-radius:0;height:180px}.skeleton-jingxuan .skeleton-line{margin:10px 12px 0}.skeleton-jingxuan .skeleton-line.short{margin-bottom:12px}.toast{position:fixed;bottom:160px;left:50%;transform:translate(-50%);background:var(--toast-bg);color:#fff;padding:12px 28px;border-radius:24px;font-size:14px;font-weight:500;z-index:1000;transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 8px 24px #00000040;letter-spacing:.02em}.toast.hidden{opacity:0;transform:translate(-50%) translateY(10px)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.show{animation:toastIn .2s ease-out}.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-hover, var(--primary)));z-index:10001;transition:width .3s ease,opacity .3s ease;box-shadow:0 0 10px var(--primary)}.tab-content{min-height:200px;min-width:0;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-nav{display:flex;gap:8px;padding:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:8px 16px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-btn.active .badge{background:#ffffff40;color:#fff}[data-theme=dark] .tab-btn.active{background:var(--primary);color:#fff}[data-theme=dark] .tab-btn.active .badge{background:#ffffff40;color:#fff}.haoka-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.haoka-card:hover{box-shadow:0 8px 32px #ff6b351f;border-color:var(--primary);transform:translateY(-3px)}.haoka-card-top{height:4px;background:linear-gradient(90deg,var(--primary),#FF8F5E);flex-shrink:0}.haoka-card-body{padding:20px;display:flex;flex-direction:column;gap:14px}.haoka-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.haoka-card-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--primary-light);flex-shrink:0}.haoka-card-platform-icon svg{width:18px;height:18px;stroke:var(--primary)}.haoka-card-info{flex:1;min-width:0}.haoka-card-name{font-size:17px;font-weight:700;color:var(--text);line-height:1.3}.haoka-card-price{display:flex;align-items:baseline;flex-shrink:0}.haoka-price-text{font-size:13px;font-weight:700;color:var(--primary);white-space:nowrap}.haoka-card-desc{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.haoka-card-meta{display:flex;gap:8px;flex-wrap:wrap}.haoka-card-platform{font-size:11px;font-weight:500;color:var(--muted);background:var(--hover-bg);padding:3px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0}.haoka-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:12px}.haoka-tag svg{width:12px;height:12px}.haoka-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:8px;margin-left:6px;vertical-align:middle;line-height:1.4}.haoka-badge-hot{color:#fff;background:#ff4d4f}.haoka-badge-new{color:#fff;background:#52c41a}.haoka-badge-four{color:#fff;background:#1677ff}.haoka-badge-rec{color:#fff;background:#fa8c16}.haoka-card-actions{display:flex;gap:10px;margin-top:2px}.haoka-card-actions .btn-go{flex:1;padding:12px 0;min-height:46px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#ff6b35,#ff8f5e);color:#fff;box-shadow:0 2px 8px #ff6b3540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.haoka-card-actions .btn-go:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);box-shadow:0 4px 16px #ff6b3559;transform:translateY(-1px)}.haoka-card-actions .btn-qr{background:var(--accent-light);color:var(--accent);padding:12px 16px;min-width:70px;min-height:46px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.haoka-card-actions .btn-qr:hover{background:color-mix(in srgb,var(--accent) 12%,white)}.haoka-card .haoka-visited{color:var(--success)!important;background:#22c55e14!important}.haoka-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.trust-bar{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:14px 0;margin-bottom:8px;border-bottom:1px solid var(--border)}.trust-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--muted)}.trust-item svg{flex-shrink:0;color:var(--success)}.cross-link-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;padding:16px 20px;background:var(--card);border:1px dashed var(--border);border-radius:12px;text-align:center;font-size:14px;color:var(--muted)}.cross-link-banner a{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--primary);text-decoration:none;transition:opacity .2s}.cross-link-banner a:hover{opacity:.8}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.faq-item:hover{border-color:color-mix(in srgb,var(--page-accent, var(--primary)) 40%,var(--border))}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:none;border:none;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;line-height:1.5;transition:color .2s ease}.faq-question:hover{color:var(--page-accent, var(--primary))}.faq-question svg{flex-shrink:0;width:16px;height:16px;color:var(--muted);transition:transform .2s ease}.faq-item[open] .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 16px 14px;font-size:13px;color:var(--muted);line-height:1.8}[data-theme=dark] .faq-item{background:#1f293780;border-color:#4b556380}.hidden{display:none}.grid-3{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-item{min-width:0}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap;line-height:1.4}.tag-success{color:var(--success, #16a34a);background:var(--success-light, #f0fdf4)}.tag-info{color:var(--accent, #004E89);background:var(--accent-light, #EBF5FF)}.tag-default{color:var(--muted, #6b7280);background:var(--hover-bg, #f5f4f1)}.tag-error{color:var(--danger, #DC2626);background:var(--danger-light, #FEF2F2)}.tag-warning{color:#d97706;background:#fffbeb}[data-theme=dark] .tag-success{color:#4ade80;background:#16a34a26}[data-theme=dark] .tag-info{color:#60a5fa;background:#004e8926}[data-theme=dark] .tag-default{color:#9ca3af;background:#ffffff0f}[data-theme=dark] .tag-error{color:#f87171;background:#dc262626}[data-theme=dark] .tag-warning{color:#fbbf24;background:#d9770626}.card{background:var(--card, #fff);border:1px solid var(--border, #e5e2dd);border-radius:12px;padding:16px;transition:all .2s ease}.card.hoverable{cursor:pointer}.card.hoverable:hover{border-color:var(--primary, #FF6B35);box-shadow:0 4px 12px #ff6b351a;transform:translateY(-1px)}.card--no-border{border:none}.card-header{font-size:18px;font-weight:700;margin-bottom:12px}.back-to-top{position:fixed;bottom:80px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#ffffffe6;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.back-to-top:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.back-to-top.hidden{display:none}[data-theme=dark] .back-to-top{background:#1a1a2ee6;border-color:#ffffff14}[data-theme=dark] .agent-hook{border-color:#ff6b354d}[data-theme=dark] .feedback-section{border-color:#ffffff0f}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-name{line-height:1.5;letter-spacing:.02em}.btn-copy svg,.btn-go svg,.btn-qr svg,.btn-share svg{flex-shrink:0}#app:after{content:"";display:block;height:20px}.btn-copy:active,.btn-go:active{transition-duration:.1s}.card-head+.card-code,.card-head+.miniapp-tag{margin-top:-2px}.card-head{gap:8px;line-height:1.4}.qr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.qr-overlay.hidden{display:none}.qr-modal{background:var(--card);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000040,0 8px 24px #00000026;width:300px;max-width:90vw;overflow:hidden;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-light)}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.qr-title{font-size:15px;font-weight:700}.qr-close{width:44px;height:44px;min-height:unset;border:none;background:transparent;border-radius:50%;font-size:14px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.qr-close:hover{background:var(--hover-bg);color:var(--text)}.qr-body{padding:24px 18px;text-align:center}.qr-img{width:200px;height:200px;border-radius:12px;border:1px solid var(--border)}.qr-name{margin:14px 0 4px;font-size:14px;font-weight:600;color:var(--text)}.qr-hint{margin:0;font-size:12px;color:var(--muted)}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 0;color:var(--muted);font-size:13px}.qr-loading.hidden{display:none}.qr-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-share{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.qr-share-copy,.qr-share-native{flex:1;padding:10px 0;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;background:var(--card);color:var(--text);transition:all .2s}.qr-share-copy:hover{border-color:var(--primary);color:var(--primary)}.qr-share-native{background:var(--primary);color:#fff;border-color:var(--primary)}.qr-share-native:hover{opacity:.9}.qr-share-download{flex:1;padding:10px 0;border:1px dashed var(--border);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);transition:all .2s}.qr-share-download:hover{border-color:var(--primary);color:var(--primary)}.share-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.share-panel.hidden{display:none}.share-panel-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.share-panel-body{position:relative;width:100%;max-width:420px;background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px calc(24px + var(--safe-area-inset-bottom));box-shadow:0 -8px 32px #0000002e;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);border-bottom:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.share-panel-title{font-size:16px;font-weight:700;color:var(--text)}.share-panel-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:background var(--transition)}.share-panel-close:hover{background:var(--hover-bg)}.share-panel-name{font-size:13px;color:var(--muted);margin-bottom:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-panel-options{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:8px 0}.share-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;min-width:72px}.share-option:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.share-option-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px}.share-option-icon svg{flex-shrink:0}.share-option-label{font-size:11px;color:var(--text);font-weight:600;white-space:nowrap}.share-option-wechat .share-option-icon{background:#f0faf0}.share-option-wechat:hover{border-color:#09bb07}.share-option-qq .share-option-icon{background:#e8f7fd}.share-option-qq:hover{border-color:#12b7f5}.share-option-weibo .share-option-icon{background:#fef0f0}.share-option-weibo:hover{border-color:#e6162d}[data-theme=dark] .share-option-wechat .share-option-icon{background:#09bb071a}[data-theme=dark] .share-option-qq .share-option-icon{background:#12b7f51a}[data-theme=dark] .share-option-weibo .share-option-icon{background:#e6162d1a}@media (min-width: 520px){.share-panel{align-items:center}.share-panel-body{border-radius:16px;margin:0 20px;animation:modalIn .2s ease-out}}[data-theme=dark] .qr-modal,[data-theme=dark] .share-panel-body{border-color:#ffffff14}@supports (-webkit-touch-callout: none){.qr-modal{margin:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.footer{position:-webkit-fixed;position:fixed;bottom:0;bottom:var(--safe-area-inset-bottom)}}.footer{position:fixed;bottom:0;left:0;right:0;background:#f8f7f4f2;border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-nav{display:flex;justify-content:space-around;align-items:center;min-height:50px;padding:4px 8px}.footer-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;text-decoration:none;color:var(--muted);font-size:11px;padding:6px 0;border-radius:8px;transition:color var(--transition);-webkit-tap-highlight-color:transparent}.footer-nav a svg{width:22px;height:22px;flex-shrink:0}.footer-nav a.active{color:var(--primary);font-weight:600}.footer-nav a.active svg{stroke:var(--primary);fill:var(--primary-light)}.footer-nav a:hover:not(.active){color:var(--text)}[data-theme=dark] .footer-nav a.active svg{fill:#ff6b3526}.stat-badge{display:inline-flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);padding:7px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.stat-badge strong{font-weight:800;font-size:13px}body{padding-bottom:calc(50px + var(--safe-area-inset-bottom, 0px))}@media (max-width: 1023px){.toast{bottom:calc(110px + var(--safe-area-inset-bottom, 0px))}}@media (max-width: 480px){.footer-nav{height:44px}.footer-nav a{font-size:9px}.footer-nav a svg{width:20px;height:20px}body{padding-bottom:calc(44px + var(--safe-area-inset-bottom, 0px))}}:root{--hero-angle: 155deg;--hero-gradient: linear-gradient(var(--hero-angle), #1a0a00 0%, #E04A00 20%, #FF6B35 45%, #FF8F5E 70%, #FFB088 100%);--hero-dark-gradient: linear-gradient(var(--hero-angle), #0d0500 0%, #8b2500 20%, #a63d10 45%, #bf5a28 70%, #d4784a 100%)}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);transition:all var(--transition)}.back-link:hover{background:#ffffff38;border-color:#ffffff59}.hero-logo{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;padding:7px 14px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);letter-spacing:.3px}@media (min-width: 640px){.hero-stats .stat-badge{padding:8px 16px;font-size:12.5px}}@media (min-width: 1024px){.hero-stats .stat-badge{padding:9px 18px;font-size:13px}.hero-stats .stat-badge strong{font-size:14px}}@media (max-width: 480px){.haoka-grid{gap:12px}.haoka-card-body{padding:16px}.haoka-card-name{font-size:15px}.haoka-card-actions .btn-go,.haoka-card-actions .btn-qr{font-size:13px;padding:10px 0;min-height:20px}.trust-bar{gap:12px;padding:12px 0}.trust-item{font-size:11px}.hero-stats{gap:6px}.hero-stats .stat-badge{font-size:11px;padding:6px 10px;gap:4px}.hero-stats .stat-badge svg{width:12px;height:12px}.hero-stats .stat-badge strong{font-size:12px}}@media (min-width: 640px){.haoka-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1024px){.haoka-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (prefers-color-scheme: dark){html:not([data-theme=light]){--bg: #0f0f23;--bg-elevated: #1a1a2e;--card: #1a1f36;--text: #e8e8f0;--text-secondary: #a0a0b8;--muted: #707088;--primary-light: #2d1b0e;--accent-light: #0c1929;--border: #2d2d45;--border-light: #252540;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 1px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 28px rgba(255, 107, 53, .12), 0 2px 8px rgba(255, 107, 53, .06);--hover-bg: #252540;--code-bg: #141428;--code-border: #2d2d55;--placeholder: #64748b;--primary-light-hover: #3d1f0e;--danger-light: #2d0f0f;--success-light: #0f2d1a;--toast-bg: #e2e8f0;--hero-gradient: linear-gradient(155deg, #0a0400 0%, #3d1200 20%, #5a2000 45%, #7a3520 70%, #8c4a30 100%);--hero-dark-gradient: linear-gradient(155deg, #0a0400 0%, #3d1200 20%, #5a2000 45%, #7a3520 70%, #8c4a30 100%);background:var(--bg);color:var(--text)}.card-code{color:#c4c9e0}.toast{color:#0f0f23}.search-clear:hover,.qr-close:hover{background:var(--hover-bg);color:var(--text)}.hero-stats .stat-badge{background:#ffffff1a;border-color:#ffffff1f}.quick-shortcut{background:var(--card);box-shadow:var(--shadow)}.quick-shortcut:hover{box-shadow:0 4px 12px #ff6b3526}.activity-card{box-shadow:var(--shadow)}.activity-card:hover{box-shadow:0 8px 24px #ff6b3526}}@media (min-width: 1024px){.footer-nav,.footer,site-nav[position=footer]{display:none}body{padding-bottom:0}.app-wrapper{display:flex;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto;padding:24px calc(16px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left));position:relative}site-nav[position=side]{position:sticky;top:24px;align-self:flex-start}.app-wrapper #app{padding:0;margin:0;max-width:1100px;flex:1;min-width:0}.side-nav{display:flex;flex-direction:column;position:sticky;top:24px;align-self:flex-start;width:64px;height:calc(100vh - 48px);flex-shrink:0;margin-right:30px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:100;padding:12px 0;gap:4px;scrollbar-width:none;transition:background var(--transition),border-color var(--transition)}.side-nav::-webkit-scrollbar{display:none}.side-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px;margin:0 6px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.02em;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.side-nav a svg{width:20px;height:20px;flex-shrink:0}.side-nav a.active{color:var(--primary);background:var(--primary-light);font-weight:600}.side-nav a.active svg{stroke:var(--primary)}.side-nav a:hover:not(.active){color:var(--text);background:var(--hover-bg)}[data-theme=dark] .side-nav{background:var(--card);border-color:var(--border)}[data-theme=dark] .side-nav a.active{background:#ff6b351a;color:var(--primary)}}@media (min-width: 768px) and (max-width: 1023px){#app{padding:24px calc(24px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(24px + var(--safe-area-inset-left))}.quick-shortcuts{grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.footer-nav,.footer,site-nav[position=footer]{display:none}body{padding-bottom:0}.app-wrapper{display:flex;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto;padding:24px calc(16px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left));position:relative}site-nav[position=side]{position:sticky;top:24px;align-self:flex-start}.app-wrapper #app{padding:0;margin:0;max-width:1100px;flex:1;min-width:0}}@media (min-width: 1024px){#app{padding:32px calc(32px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(32px + var(--safe-area-inset-left))}}page-hero::part(wrapper){margin:-24px calc(-16px + var(--safe-area-inset-right, 0px)) 0 calc(-16px + var(--safe-area-inset-left, 0px))}@media (min-width: 1024px){page-hero::part(wrapper){margin:-32px calc(-16px + var(--safe-area-inset-right, 0px)) 0 calc(-16px + var(--safe-area-inset-left, 0px))}}@media (max-width: 480px){page-hero::part(wrapper){margin:-14px calc(-12px + var(--safe-area-inset-right, 0px)) 0 calc(-12px + var(--safe-area-inset-left, 0px))}}.qr-modal{position:relative}.qr-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 40%,transparent));z-index:1}.qr-header{padding-top:16px}.qr-title{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700}.qr-title svg{flex-shrink:0}.qr-img{width:200px;height:200px;padding:10px;background:#fff;border:none;border-radius:14px;box-shadow:0 6px 20px #0f172a1f,0 1px 4px #0f172a0f}.qr-name{margin:16px 0 6px;font-size:15px;font-weight:700}.qr-hint{display:inline-block;margin:0 auto;padding:4px 12px;font-size:12px;color:var(--muted);background:var(--hover-bg);border-radius:999px}.qr-share{gap:10px}.qr-share-copy,.qr-share-download{border:1px solid var(--border);background:var(--card);color:var(--text)}.qr-share-copy:hover,.qr-share-download:hover{border-color:var(--primary);color:var(--primary)}.qr-share-native{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#ff9a5c));border:none}.qr-share-copied{border-color:#16a34a!important;color:#16a34a!important}.share-panel-tip{margin:-8px 0 14px;font-size:11.5px;line-height:1.5;color:var(--muted);background:var(--hover-bg);border-radius:10px;padding:8px 12px;text-align:center}[data-theme=dark] .share-panel-tip{background:#ffffff0f}.share-option-copied{border-color:#16a34a!important;background:color-mix(in srgb,#16A34A 8%,var(--card));box-shadow:none;transform:none}.share-option-copied .share-option-label{color:#16a34a}.legal-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 20px 12px;font-size:13px;line-height:1.6;color:var(--muted, #64748b);text-align:center;border-top:1px solid rgba(120,120,120,.16);margin-top:4px}.legal-links a{color:inherit;text-decoration:none;padding:2px 6px;border-radius:6px;transition:color .2s,background .2s}.legal-links a:hover{color:var(--brand, #ff6b35);background:#ff6b3514}.legal-sep{opacity:.5}[data-theme=dark] .legal-links{color:#94a3b8;border-top-color:#ffffff14}[data-theme=dark] .legal-links a:hover{color:#ffb08a;background:#ff6b3529}@media (max-width: 767px){.legal-links{padding:12px 12px 10px;gap:8px 10px;font-size:12px}}@media (max-width: 480px){.legal-links{padding:10px 10px 8px;font-size:11.5px}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}html{scroll-behavior:smooth}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (max-width: 639px){:root{--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem}}@media (min-width: 640px) and (max-width: 1024px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}}@media (min-width: 1025px){:root{--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}}@media (prefers-reduced-motion: no-preference){.site-nav-side[data-v-faf21010],.site-nav-footer[data-v-faf21010]{animation:navReveal-faf21010 .3s ease-out forwards;animation-delay:.5s}@keyframes navReveal-faf21010{0%{opacity:0}to{opacity:1}}}.site-nav-footer[data-v-faf21010]{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg, #ffffff);border-top:1px solid var(--nav-border, #e5e2dd);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.site-nav-footer .nav-list[data-v-faf21010]{display:flex;justify-content:space-around;align-items:center;min-height:48px;padding:0 8px;margin:0;list-style:none;background:var(--nav-bg, #ffffff)}.site-nav-footer .nav-link[data-v-faf21010]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;text-decoration:none;color:var(--nav-muted, #6b7280);font-size:11px;padding:6px 0;border-radius:8px;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.site-nav-footer .nav-link[data-v-faf21010] svg{width:22px;height:22px;flex-shrink:0}.site-nav-footer .nav-link.active[data-v-faf21010]{color:var(--nav-primary, #FF6B35);font-weight:600}.site-nav-footer .nav-link.active[data-v-faf21010] svg{stroke:var(--nav-primary, #FF6B35);fill:var(--nav-primary-light, #FFF4ED)}.site-nav-footer .nav-link[data-v-faf21010]:hover:not(.active){color:var(--nav-text, #1a1a2e)}@media (max-width: 480px){.site-nav-footer[data-v-faf21010]{height:44px;border-top:1px solid var(--nav-border, #e5e2dd);box-shadow:0 -2px 8px #0000000d}.site-nav-footer .nav-link[data-v-faf21010]{font-size:9px}.site-nav-footer .nav-link[data-v-faf21010] svg{width:20px;height:20px}}@media (min-width: 768px){.site-nav-footer[data-v-faf21010]{display:none}}.site-nav-side[data-v-faf21010]{display:none}@media (min-width: 768px) and (max-width: 1023px){.site-nav-side[data-v-faf21010]{display:flex;flex-direction:column;position:sticky;top:24px;align-self:flex-start;width:56px;height:calc(100vh - 70px);flex-shrink:0;margin-right:20px;background:var(--nav-bg, #ffffff);border:1px solid var(--nav-border, #e5e2dd);border-radius:var(--radius-lg, 16px);z-index:100;padding:10px 0;gap:4px;scrollbar-width:none;transition:background .2s ease,border-color .2s ease}}@media (min-width: 1024px){.site-nav-side[data-v-faf21010]{display:flex;flex-direction:column;position:fixed;top:24px;left:calc(50% - 580px);width:64px;height:calc(100vh - 48px);flex-shrink:0;background:var(--nav-bg, #ffffff);border:1px solid var(--nav-border, #e5e2dd);border-radius:var(--radius-lg, 16px);z-index:100;padding:12px 0;gap:4px;scrollbar-width:none;transition:background .2s ease,border-color .2s ease}.site-nav-side[data-v-faf21010]::-webkit-scrollbar{display:none}.site-nav-side .nav-list[data-v-faf21010]{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;list-style:none}.site-nav-side .nav-link[data-v-faf21010]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px;margin:0 6px;border-radius:10px;color:var(--nav-text-secondary, #4a5568);text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.02em;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.site-nav-side .nav-link[data-v-faf21010] svg{width:20px;height:20px;flex-shrink:0}.site-nav-side .nav-link.active[data-v-faf21010]{color:var(--nav-primary, #FF6B35);background:var(--nav-primary-light, #FFF4ED);font-weight:600}.site-nav-side .nav-link.active[data-v-faf21010] svg{stroke:var(--nav-primary, #FF6B35)}.site-nav-side .nav-link[data-v-faf21010]:hover:not(.active){color:var(--nav-text, #1a1a2e);background:var(--nav-hover-bg, #f5f4f1)}}[data-theme=dark] .site-nav-footer[data-v-faf21010]{background:var(--nav-bg-dark, #1a1a2e);border-color:var(--border, #2d2d45)}[data-theme=dark] .site-nav-footer .nav-link.active[data-v-faf21010] svg{fill:#ff6b3526}[data-theme=dark] .site-nav-side[data-v-faf21010]{background:var(--card, #1a1a2e);border-color:var(--border, #2d2d45)}[data-theme=dark] .site-nav-side .nav-link.active[data-v-faf21010]{background:#ff6b351a;color:var(--nav-primary, #FF6B35)}router-view{display:block;width:100%}.app-wrapper{min-height:100vh;padding-bottom:0}@media (max-width: 767px){.app-wrapper{padding-bottom:56px}}@media (min-width: 768px) and (max-width: 1023px){.app-wrapper{display:flex;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto;padding:24px calc(16px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left));position:relative}.app-wrapper router-view{flex:1;min-width:0}}@media (min-width: 1024px){.app-wrapper{display:flex;align-items:flex-start;justify-content:center;max-width:1100px;margin:0 auto;padding:24px calc(16px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left));position:relative}.app-wrapper router-view{flex:1;min-width:0}}@media (max-width: 480px){#app{padding:14px calc(12px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(12px + var(--safe-area-inset-left))}}