:root{--primary: #eb07ee;--primary-dark: #a505de;--primary-light: #f3caff;--primary-glow: rgba(235, 7, 238, .4);--primary-soft: rgba(235, 7, 238, .08);--accent-pink: #ff69b4;--accent-rose: #f06292;--accent-indigo: #5c6bc0;--accent-cyan: #00f2ff;--accent-gold: #ffcf00;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-info: #60a5fa;--surface-0: #090910;--surface-1: #101020;--surface-2: #181830;--surface-3: #202040;--bg-dark: #0a0a12;--bg-dark-mid: #131326;--bg-dark-deep: #050508;--bg-light: #fff6fe;--bg-light-alt: #f8f0ff;--text-primary: rgba(255, 255, 255, .93);--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .45);--text-faint: rgba(255, 255, 255, .25);--text-dark: #333;--text-dark-secondary: #666;--color-page-bg: var(--bg-dark);--color-page-bg-mid: var(--bg-dark-mid);--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .07);--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .13);--color-brand-gradient: linear-gradient(135deg, var(--primary), var(--primary-dark));--color-title-gradient: linear-gradient(135deg, #fff 0%, var(--primary-light) 60%, var(--primary) 100%);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .09);--glass-blur: blur(24px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 60px rgba(0, 0, 0, .5);--shadow-primary: 0 10px 30px -6px rgba(235, 7, 238, .45);--shadow-primary-strong: 0 12px 40px -4px rgba(235, 7, 238, .6);--shadow-ring: 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .25);--shadow-ring-hover: 0 0 0 1px rgba(235, 7, 238, .3), 0 2px 6px rgba(0, 0, 0, .3), 0 12px 36px -4px rgba(235, 7, 238, .28);--shadow-ring-active: 0 0 0 1px rgba(235, 7, 238, .5), 0 2px 6px rgba(0, 0, 0, .3), 0 8px 24px rgba(235, 7, 238, .35);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--ease-out: cubic-bezier(.25, .8, .25, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--nav-height: 70px;--tab-bar-height: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--container-max: 1200px;--page-padding-x: var(--space-8);--page-padding-y: calc(var(--nav-height, 70px) + var(--safe-area-top, 0px) + var(--space-8));--page-padding-bottom: var(--space-8);--section-gap: var(--space-16);--card-padding: var(--space-8);--card-radius: var(--radius-lg);--button-height: 44px;--touch-target: 44px;--surface-bg: var(--color-surface);--surface-bg-hover: var(--color-surface-hover);--surface-border: var(--color-border);--surface-border-hover: rgba(235, 7, 238, .3);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}body{margin:0;padding:0 0 var(--tab-bar-height, 0px) 0;min-width:320px;min-height:100vh;background-color:var(--color-page-bg);background-image:radial-gradient(ellipse 40% 35% at 85% 10%,rgba(0,242,255,.06),transparent 50%),radial-gradient(ellipse 50% 40% at 15% 85%,rgba(235,7,238,.07),transparent 55%),radial-gradient(ellipse 60% 50% at 50% 45%,rgba(165,5,222,.04),transparent 60%),linear-gradient(175deg,#0a0a14,#0e0d1f,#0c0b1a 60%,#0a0a14);background-attachment:fixed;overflow-x:hidden;color:var(--text-primary);-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#eb07ee59;background-clip:padding-box}::selection{background:var(--primary);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.app-page{width:100%;min-height:100vh;color:var(--text-primary)}.app-container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--page-padding-x)}.app-page-header{padding:var(--space-8) var(--space-4) var(--space-16);text-align:center}.app-title{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:900;line-height:1.12;letter-spacing:-.03em;background:var(--color-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(235,7,238,.3)}.app-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.app-section-title{color:var(--text-primary);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;line-height:1.2}.app-card{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--card-radius);box-shadow:var(--shadow-ring);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .3s ease,border-color .3s ease;position:relative}.app-glass{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--card-radius);box-shadow:var(--shadow-ring);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.app-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.app-card:hover{background:var(--surface-bg-hover);border-color:var(--surface-border-hover);box-shadow:var(--shadow-ring-hover);transform:translateY(-2px)}.app-card:active{transform:translateY(0);box-shadow:var(--shadow-ring-active)}.app-btn{min-height:var(--button-height);min-width:var(--touch-target);border-radius:var(--radius-pill);font-weight:700;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s ease,border-color .2s ease,filter .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-btn:active{transform:scale(.97)}.app-btn-primary{background:var(--color-brand-gradient);color:#fff;box-shadow:var(--shadow-primary)}.app-btn-primary:hover{box-shadow:var(--shadow-primary-strong);filter:brightness(1.08)}.app-btn-ghost{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.14)}.app-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff38}@media(hover:hover){.app-btn:hover{transform:translateY(-2px)}.app-card:hover{transform:translateY(-3px)}}.page-fade-enter-active{transition:opacity .35s var(--ease-smooth),transform .35s var(--ease-bounce)}.page-fade-leave-active{transition:opacity .2s ease-in,transform .2s ease-in}.page-fade-enter-from{opacity:0;transform:translateY(12px) scale(.985)}.page-fade-leave-to{opacity:0;transform:translateY(-8px) scale(.985)}.page-fade-enter-to,.page-fade-leave-from{opacity:1;transform:translateY(0) scale(1)}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption,blockquote,.app-subtitle{text-wrap:pretty}img{outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{background:linear-gradient(90deg,#ffffff0a,#ffffff1a 40%,#ffffff0a 60%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media screen and (max-width:768px){:root{--tab-bar-height: 60px;--page-padding-x: var(--space-4);--page-padding-y: calc(var(--nav-height, 70px) + var(--safe-area-top, 0px) + var(--space-3));--page-padding-bottom: calc(var(--tab-bar-height, 60px) + var(--safe-area-bottom, 0px) + var(--space-4));--section-gap: var(--space-8);--card-padding: var(--space-5);--button-height: 48px;--touch-target: 48px}body{padding-bottom:calc(var(--tab-bar-height, 60px) + var(--safe-area-bottom, 0px))}}.upc-mask[data-v-d2bc545c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.upc-wrapper[data-v-d2bc545c]{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.upc-close[data-v-d2bc545c]{position:absolute;top:-10px;right:-10px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:22px;cursor:pointer;z-index:2;transition:background .2s}.upc-close[data-v-d2bc545c]:hover{background:#eb07ee80}.upc-loading[data-v-d2bc545c]{width:280px;height:455px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;background:#ffffff0d;border-radius:18px}.upc-card-box[data-v-d2bc545c]{position:relative;width:280px;aspect-ratio:75 / 122;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 28px #eb07ee38;border:1px solid rgba(255,207,0,.32);background:#0006}.upc-card-canvas-wrap[data-v-d2bc545c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center}.upc-card-box[data-v-d2bc545c] .upc-card-canvas{width:100%;height:100%;display:block;object-fit:cover}.upc-card-loading[data-v-d2bc545c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d06128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.upc-spinner[data-v-d2bc545c]{width:28px;height:28px;border-radius:50%;border:2px solid rgba(235,7,238,.25);border-top-color:#eb07ee;animation:upcSpin-d2bc545c .8s linear infinite}@keyframes upcSpin-d2bc545c{to{transform:rotate(360deg)}}.upc-go[data-v-d2bc545c]{background:linear-gradient(135deg,#eb07ee,#a505de);color:#fff;border:none;padding:12px 28px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px #eb07ee73;transition-property:transform,box-shadow,opacity;transition-duration:.25s;transition-timing-function:ease;display:inline-flex;align-items:center;gap:6px}.upc-go[data-v-d2bc545c]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #eb07eea6}.upc-go .arrow[data-v-d2bc545c]{transition:transform .25s}.upc-go:hover .arrow[data-v-d2bc545c]{transform:translate(4px)}.fade-enter-active[data-v-d2bc545c],.fade-leave-active[data-v-d2bc545c]{transition:opacity .22s}.fade-enter-from[data-v-d2bc545c],.fade-leave-to[data-v-d2bc545c]{opacity:0}@media(max-width:480px){.upc-card-box[data-v-d2bc545c]{width:260px}.upc-loading[data-v-d2bc545c]{width:260px;height:423px}}