.header{width:100%;text-align:center;padding:var(--space-3xl) 0 var(--space-2xl);position:relative}.header-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:400px;height:300px;background:radial-gradient(ellipse,rgba(255,68,56,.12) 0%,rgba(255,127,80,.05) 40%,transparent 70%);pointer-events:none;z-index:-1}.header-logo-wrap{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);position:relative}.header-logo-img{width:80px;height:80px;border-radius:16px;object-fit:cover;animation:lobster-float 3s var(--ease-out) infinite;filter:drop-shadow(0 8px 24px rgba(255,68,56,.3))}@keyframes lobster-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(1deg)}}.header-title{font-size:40px;font-weight:800;letter-spacing:3px;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--lobster-red-light) 0%,var(--lobster-red) 40%,var(--lobster-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.header-subtitle{font-size:15px;color:var(--text-secondary);font-weight:400;letter-spacing:.5px;margin-bottom:var(--space-lg)}.header-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:12px;color:var(--text-muted);letter-spacing:.5px}.header-badge-dot{width:6px;height:6px;border-radius:50%;background:#27ae60;box-shadow:0 0 6px #27ae6080;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{opacity:1;box-shadow:0 0 6px #27ae6080}50%{opacity:.7;box-shadow:0 0 12px #27ae60cc}}@media (max-width: 480px){.header{padding:var(--space-2xl) 0 var(--space-xl)}.header-logo-img{width:64px;height:64px}.header-title{font-size:32px;letter-spacing:2px}.header-subtitle{font-size:14px}}.install-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.install-hint{color:var(--text-secondary);font-size:14px;text-align:center;font-weight:500;letter-spacing:.3px}.install-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:320px;padding:14px var(--space-lg);font-size:15px;font-weight:600;border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,var(--lobster-red) 0%,var(--lobster-red-dark) 100%);box-shadow:0 4px 16px #ff443840;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.install-copy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s var(--ease-out)}.install-copy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff443859}.install-copy-btn:hover:before{left:100%}.install-copy-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff443833}.install-copy-btn.copied{background:linear-gradient(135deg,#27ae60,#219a52);box-shadow:0 4px 16px #27ae6040}.btn-icon-wrap{display:flex;align-items:center;transition:transform var(--duration-fast) var(--ease-spring)}.install-copy-btn.copied .btn-icon-wrap{animation:check-pop .3s var(--ease-spring)}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.openclaw-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);border:1px solid transparent}.openclaw-link:hover{color:var(--lobster-red-light);background:var(--bg-glass);border-color:var(--border-subtle)}@media (max-width: 480px){.install-copy-btn{font-size:14px;padding:12px var(--space-md)}}.stats-section{width:100%;margin-top:var(--space-lg)}.stats-inline{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;flex-wrap:wrap}.stats-item{display:flex;align-items:center;gap:6px}.stats-divider{color:var(--text-muted);opacity:.3;font-size:18px;-webkit-user-select:none;user-select:none}.stat-icon-inline{display:flex;align-items:center;opacity:.6}.stat-red .stat-icon-inline{color:var(--lobster-red-light)}.stat-orange .stat-icon-inline{color:var(--lobster-orange)}.stat-gold .stat-icon-inline{color:var(--lobster-gold)}.stat-number-inline{font-size:20px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.stat-label-inline{font-size:12px;color:var(--text-muted);font-weight:500;opacity:.7}.stats-loading-text{font-size:13px;color:var(--text-muted);opacity:.5}@media (max-width: 480px){.stats-inline{gap:8px;padding:12px 0}.stat-number-inline{font-size:17px}.stat-label-inline{font-size:11px}}.tunnel-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.danmaku-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;padding:3vh 0}.danmaku-track{position:relative;height:42px;overflow:hidden}.danmaku-item{position:absolute;top:0;white-space:nowrap;will-change:transform;opacity:0}.tunnel-ready .danmaku-rtl{animation:danmaku-rtl var(--dm-duration) linear var(--dm-delay) infinite}.tunnel-ready .danmaku-ltr{animation:danmaku-ltr var(--dm-duration) linear var(--dm-delay) infinite}@keyframes danmaku-rtl{0%{transform:translate(100vw);opacity:0}3%{opacity:.7}50%{opacity:.9}97%{opacity:.7}to{transform:translate(-120%);opacity:0}}@keyframes danmaku-ltr{0%{transform:translate(-120%);opacity:0}3%{opacity:.7}50%{opacity:.9}97%{opacity:.7}to{transform:translate(100vw);opacity:0}}.tunnel-card{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full, 9999px);font-size:15px;white-space:nowrap;letter-spacing:.3px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tunnel-card-trending{background:#ff44382e;border:1px solid rgba(255,90,70,.35);color:#ff8a75;text-shadow:0 0 10px rgba(255,68,56,.3)}.tunnel-card-leaderboard{background:#ffc80026;border:1px solid rgba(255,210,50,.35);color:#ffd54f;text-shadow:0 0 10px rgba(255,200,0,.3)}.tunnel-card-activity{background:#7864ff26;border:1px solid rgba(140,120,255,.35);color:#b8a9ff;text-shadow:0 0 10px rgba(120,100,255,.3)}.tunnel-card-title{max-width:220px;overflow:hidden;text-overflow:ellipsis}.tunnel-card-likes{display:inline-flex;align-items:center;gap:5px;opacity:.85;font-size:14px}.tunnel-card-rank{font-size:15px}.tunnel-card-name{font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis}.tunnel-card-meta{opacity:.65;font-size:13px;font-weight:400}.tunnel-card-emoji{font-size:15px}.tunnel-card-liker{font-weight:700;max-width:110px;overflow:hidden;text-overflow:ellipsis}.tunnel-card-action{opacity:.65;font-weight:400}.tunnel-center-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 45% 50% at 50% 48%,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.05) 80%,transparent 100%);pointer-events:none}@media (max-width: 768px){.danmaku-track{height:42px}.tunnel-card{font-size:13px;padding:7px 14px;gap:7px}.tunnel-card-title{max-width:170px}.tunnel-card-name{max-width:110px}}@media (max-width: 480px){.danmaku-track{height:38px}.tunnel-card{font-size:12px;padding:6px 12px}.tunnel-card-title{max-width:130px}}@media (prefers-reduced-motion: reduce){.tunnel-ready .danmaku-rtl,.tunnel-ready .danmaku-ltr{animation:none;opacity:.25}}.app{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;position:relative;background:var(--bg-primary);overflow:hidden}.app-container{width:100%;max-width:960px;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:1}.app-footer{width:100%;text-align:center;padding:var(--space-xl) 0 var(--space-2xl);color:var(--text-muted);font-size:13px;border-top:1px solid var(--border-subtle);margin-top:var(--space-xl);letter-spacing:.3px}.app-footer p{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.footer-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lobster-red);opacity:.5;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.footer-beian{margin-top:8px}.footer-beian a{color:var(--text-muted);text-decoration:none;font-size:12px;opacity:.7;transition:opacity .2s}.footer-beian a:hover{opacity:1;text-decoration:underline}@media (max-width: 768px){.app-container{max-width:640px}}@media (max-width: 480px){.app-container{padding:0 16px}}:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{-webkit-transition:d .2s;transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-fake-arrow.t-fake-arrow--transform path{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform-origin:center;transform-origin:center}.t-fake-arrow.t-fake-arrow--transform.t-fake-arrow--active path{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.t-slide-down-enter-active,.t-slide-down-leave-active{-webkit-transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1);transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1)}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-mask-background: rgba(255, 255, 255, .96);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(0, 0, 0, .1);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-mask-background: rgba(36, 36, 36, .96);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(255, 255, 255, .1);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%}:root{--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 18px;--td-font-size-title-extraLarge: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 26px;--td-line-height-title-extraLarge: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family)}:root{--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}:root{--lobster-red: #FF4438;--lobster-red-light: #FF6B5A;--lobster-red-dark: #D63031;--lobster-orange: #FF7F50;--lobster-gold: #FFD700;--bg-primary: #000000;--bg-elevated: #0A0A14;--bg-card: rgba(16, 16, 32, .7);--bg-card-solid: #10102080;--bg-card-hover: rgba(24, 24, 48, .8);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--text-primary: #F0F0F5;--text-secondary: #9B9BB5;--text-muted: #5C5C73;--text-accent: var(--lobster-red-light);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 76, 56, .3);--border-glow: rgba(255, 68, 56, .15);--glow-red: rgba(255, 68, 56, .25);--glow-red-soft: rgba(255, 68, 56, .1);--glow-orange: rgba(255, 127, 80, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--glow-red-soft);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#ff44384d;color:#fff}a{color:var(--text-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--lobster-red)}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--lobster-red-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}code,pre,.mono{font-family:JetBrains Mono,SF Mono,Fira Code,monospace}