@charset "UTF-8";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--secondary-50: #f0f9ff;--secondary-100: #e0f2fe;--secondary-200: #bae6fd;--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #0ea5e9;--secondary-600: #0284c7;--secondary-700: #0369a1;--secondary-800: #075985;--secondary-900: #0c4a6e;--secondary-950: #082f49;--accent-50: #f0fdf4;--accent-100: #dcfce7;--accent-200: #bbf7d0;--accent-300: #86efac;--accent-400: #4ade80;--accent-500: #22c55e;--accent-600: #16a34a;--accent-700: #15803d;--accent-800: #166534;--accent-900: #14532d;--accent-950: #052e16;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--gradient-primary: linear-gradient(135deg, var(--primary-600) 0%, var(--secondary-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--accent-500) 100%);--gradient-dark: linear-gradient(135deg, var(--neutral-800) 0%, var(--neutral-900) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-glass-dark: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 40px rgba(59, 130, 246, .2);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-all: all var(--transition-base)}:root{--bg-color: var(--neutral-50);--bg-secondary: var(--neutral-100);--bg-tertiary: var(--neutral-200);--text-color: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--border-color: var(--neutral-200);--border-hover: var(--neutral-300);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .2);--card-bg: rgba(255, 255, 255, .9);--card-shadow: var(--shadow-lg);--primary: var(--primary-600);--primary-hover: var(--primary-700);--secondary: var(--secondary-500);--accent: var(--accent-500)}html.dark{--bg-color: var(--neutral-950);--bg-secondary: var(--neutral-900);--bg-tertiary: var(--neutral-800);--text-color: var(--neutral-50);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--border-color: var(--neutral-800);--border-hover: var(--neutral-700);--glass-bg: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .1);--card-bg: rgba(0, 0, 0, .3);--card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--primary: var(--primary-500);--primary-hover: var(--primary-400);--secondary: var(--secondary-400);--accent: var(--accent-400)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-color);background:var(--bg-color);transition:color var(--transition-base),background-color var(--transition-base);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-color)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.card{background:var(--card-bg);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-all)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-none);border:none;cursor:pointer;transition:var(--transition-all);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--glass-bg);color:var(--text-color);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.container-responsive{width:100%;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 480px){.container-responsive{padding:0 var(--space-6)}}@media (min-width: 768px){.container-responsive{max-width:768px;padding:0 var(--space-8)}}@media (min-width: 1024px){.container-responsive{max-width:1024px}}@media (min-width: 1280px){.container-responsive{max-width:1280px}}@media (min-width: 1536px){.container-responsive{max-width:1536px}}.grid-responsive{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 480px){.grid-responsive{gap:var(--space-6)}.grid-responsive.cols-sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-responsive{gap:var(--space-8)}.grid-responsive.cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-responsive.cols-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-responsive.cols-lg-2{grid-template-columns:repeat(2,1fr)}.grid-responsive.cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.cols-lg-4{grid-template-columns:repeat(4,1fr)}}.text-responsive-sm{font-size:var(--text-sm)}.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}@media (min-width: 768px){.text-responsive-sm{font-size:var(--text-base)}.text-responsive-base{font-size:var(--text-lg)}.text-responsive-lg{font-size:var(--text-xl)}.text-responsive-xl{font-size:var(--text-2xl)}.text-responsive-2xl{font-size:var(--text-3xl)}}@media (min-width: 1024px){.text-responsive-sm{font-size:var(--text-lg)}.text-responsive-base{font-size:var(--text-xl)}.text-responsive-lg{font-size:var(--text-2xl)}.text-responsive-xl{font-size:var(--text-3xl)}.text-responsive-2xl{font-size:var(--text-4xl)}}.spacing-responsive{padding:var(--space-4)}@media (min-width: 480px){.spacing-responsive{padding:var(--space-6)}}@media (min-width: 768px){.spacing-responsive{padding:var(--space-8)}}@media (min-width: 1024px){.spacing-responsive{padding:var(--space-10)}}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-desktop{display:none}}@media (hover: none) and (pointer: coarse){.btn,button,[role=button]{min-height:44px;min-width:44px}.card:hover,.btn:hover,.interactive:hover{transform:none;box-shadow:var(--shadow-md)}.btn:active,.interactive:active{transform:scale(.98);transition-duration:.1s}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card{border-width:.5px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (orientation: landscape) and (max-height: 600px){.spacing-responsive,.navbar{padding-top:var(--space-2);padding-bottom:var(--space-2)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-slide-in,.animate-pulse,.animate-spin{animation:none!important}}#app{min-height:100vh;width:100%;margin:0;padding:0;font-weight:400;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}:focus{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@supports (backdrop-filter: blur(20px)){.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@supports not (backdrop-filter: blur(20px)){.glass{background:var(--card-bg)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-color: var(--neutral-900);--text-secondary: var(--neutral-900)}.dark{--border-color: var(--neutral-100);--text-secondary: var(--neutral-100)}}.page-enter-active,.page-leave-active{transition:all var(--transition-slow)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.interactive{transition:var(--transition-all);cursor:pointer}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0);transition-duration:.1s}.glow-on-hover{position:relative;overflow:hidden}.glow-on-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glow-on-hover:hover:before{left:100%}.pulse-effect{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--primary)}to{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@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)}}.rotate-loading{animation:rotateLoading 1s linear infinite}@keyframes rotateLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text-animated{background:linear-gradient(-45deg,var(--primary-500),var(--secondary-500),var(--accent-500),var(--primary-600));background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.typewriter{overflow:hidden;border-right:2px solid var(--primary);white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary)}}.floating-card{transition:var(--transition-all)}.floating-card:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:var(--shadow-2xl),0 0 40px #3b82f61a}.magnetic-btn{position:relative;transition:var(--transition-all)}.magnetic-btn:hover{transform:scale(1.05)}.magnetic-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:inherit;z-index:-1;filter:blur(10px);opacity:0;transition:opacity var(--transition-base)}.magnetic-btn:hover:after{opacity:.7}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:before{width:300px;height:300px}.flip-card{perspective:1000px}.flip-card .flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card .flip-card-front,.flip-card .flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:inherit}.flip-card .flip-card-back{transform:rotateY(180deg)}.particles-bg{position:relative;overflow:hidden}.particles-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,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% 40%,rgba(120,219,255,.3) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite;pointer-events:none}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:1}33%{transform:translateY(-30px) rotate(120deg);opacity:.8}66%{transform:translateY(30px) rotate(240deg);opacity:.6}}:root{--primary-500: #3b82f6;--primary-600: #2563eb;--accent-500: #10b981;--accent-600: #059669;--bg-color: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f3f4f6;--text-color: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--glass-border: rgba(156, 163, 175, .2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-base: .375rem;--radius-lg: .75rem;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--z-50: 50;--transition-all: all .2s ease-in-out}.dark{--bg-color: #1f2937;--bg-elevated: #1f2937;--bg-hover: #374151;--text-color: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;position:relative;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.bg-elements{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#10b9810d)}.bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--glass-border) 1px,transparent 0);background-size:30px 30px}.bg-orbs{position:absolute;top:0;left:0;right:0;bottom:0}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.orb-1{width:300px;height:300px;background-color:#3b82f680;top:-100px;left:-100px;animation:float 20s infinite ease-in-out}.orb-2{width:400px;height:400px;background-color:#10b98180;bottom:-200px;right:-200px;animation:float 25s infinite ease-in-out 5s}.orb-3{width:200px;height:200px;background-color:#ec489980;top:50%;right:10%;animation:float 15s infinite ease-in-out 2s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-30px) translate(20px)}50%{transform:translateY(0) translate(-20px)}75%{transform:translateY(30px) translate(10px)}}.navbar{position:sticky;top:0;z-index:var(--z-50);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.nav-content{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-color)}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:50%}.logo-symbol{width:24px;height:24px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.symbol-inner{width:12px;height:12px;background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:50%}.logo-text{display:flex;flex-direction:column;gap:var(--space-1)}.logo-main{font-size:var(--text-xl);font-weight:700}.logo-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.gradient-text{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:80px;border:none}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover{background-color:var(--primary-600);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;border:1px solid var(--glass-border);color:var(--text-color)}.btn-secondary:hover{background-color:var(--bg-hover)}.register-btn{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));color:#fff;font-weight:600;padding:var(--space-2) var(--space-4)}.membership-btn{background-color:var(--accent-500);color:#fff;border:none}.membership-btn:hover{background-color:var(--accent-600)}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-50)}.payment-modal-content{background-color:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.payment-content{display:flex;flex-direction:column;gap:var(--space-6)}.payment-info{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-hover);border-radius:var(--radius-base)}.info-item{display:flex;justify-content:space-between;align-items:center}.info-value{font-weight:600}.info-value.amount{font-size:var(--text-xl);color:var(--primary-500)}.qrcode-container,.qrcode-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.qrcode-display{background-color:#fff;padding:var(--space-6);border-radius:var(--radius-base);box-shadow:0 2px 4px #0000001a}.wechat-qrcode{display:flex;justify-content:center;align-items:center;min-height:200px}.qrcode-text{text-align:center}.qrcode-placeholder{margin-top:var(--space-4);padding:var(--space-6);background-color:#f8f8f8;border-radius:var(--radius-base);word-break:break-all}.qrcode-image img{max-width:200px;max-height:200px}.qrcode-instruction{text-align:center;color:var(--text-secondary)}.payment-checking{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.checking-spinner{width:16px;height:16px;border:2px solid var(--text-tertiary);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.payment-status{text-align:center;padding:var(--space-6)}.status-icon{font-size:3rem;margin-bottom:var(--space-4)}.success-icon{color:var(--accent-500)}.failed-icon{color:#ef4444}.payment-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.user-info{font-size:var(--text-sm);color:var(--text-secondary);margin-right:var(--space-3);display:flex;align-items:center}.theme-toggle{gap:var(--space-2);border:1px solid var(--glass-border)}.theme-toggle .icon{width:16px;height:16px;transition:transform .3s ease}.theme-toggle:hover .icon{transform:rotate(15deg)}.toggle-text{font-size:var(--text-sm)}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-6);min-height:calc(100vh - 80px)}.payment-method-selection{margin-top:var(--space-4)}.payment-method-selection h3{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--text-primary)}.payment-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.payment-option{display:flex;align-items:center;padding:var(--space-3);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:var(--primary-500);background-color:var(--background-hover)}.payment-option input[type=radio]{margin-right:var(--space-3);transform:scale(1.2)}.payment-icon{font-size:1.5rem;margin-right:var(--space-3)}.payment-text{font-size:var(--text-base);color:var(--text-primary)}.payment-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.btn-primary,.btn-secondary{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-500);color:#fff;border:none}.btn-primary:hover{background-color:var(--primary-600)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--background-hover)}.membership-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.membership-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideInUp .4s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-color);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-all)}.close-btn:hover{background:var(--bg-secondary);color:var(--text-color)}.billing-cycle{margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:var(--transition-all)}.radio-label:hover{background:var(--bg-secondary)}.radio-label input[type=radio]{cursor:pointer}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.package-card{border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:var(--transition-all);background:var(--bg-secondary)}.package-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-300)}.package-card.selected{border-color:var(--accent-500);background:linear-gradient(135deg,var(--accent-50),var(--bg-secondary));box-shadow:0 0 20px #d977061a}.package-header{margin-bottom:var(--space-4)}.package-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-color);margin:0 0 var(--space-2) 0}.package-price{font-size:var(--text-xl);font-weight:700;color:var(--accent-500);margin:0}.package-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.package-features{display:flex;flex-direction:column;gap:var(--space-2)}.feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.feature-item svg{color:var(--accent-500);flex-shrink:0}.confirm-btn{width:100%;padding:var(--space-4) var(--space-6);background:var(--accent-500);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition-all)}.confirm-btn:hover{background:var(--accent-600);transform:translateY(-1px);box-shadow:0 10px 25px #d977064d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.spinner-ring{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-text{color:#fff;font-size:var(--text-sm)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:all .3s ease}.slide-left-enter-from{opacity:0;transform:translate(20px)}.slide-left-leave-to{opacity:0;transform:translate(-20px)}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;border:1px solid var(--glass-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-color)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-base);transition:background-color var(--transition-all);font-size:var(--text-2xl);color:var(--text-color);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--glass-border)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-base);background:var(--bg-color);color:var(--text-color);font-size:var(--text-base);transition:var(--transition-all)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-tertiary)}.error-message{color:#ef4444;font-size:var(--text-xs);margin-top:var(--space-1);display:block}.code-img{height:38px;cursor:pointer;border-radius:var(--radius-base)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-hover);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--text-secondary);text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-content{padding:var(--space-3)}.logo-main{font-size:var(--text-lg)}.nav-actions{gap:var(--space-2)}.btn{padding:var(--space-1) var(--space-3);min-width:auto}.toggle-text{display:none}.modal-content{width:95%}}@media (max-width: 480px){.logo-text{display:none}.logo-icon{width:32px;height:32px}.modal-body,.modal-header,.modal-footer{padding:var(--space-4)}}.qrcode-image-container{background-color:#fff;padding:20px;border-radius:var(--radius-base);box-shadow:0 2px 8px #0000001a;border:1px solid var(--glass-border);margin-bottom:16px;display:inline-block}.qrcode-image{display:block;margin:0 auto}.qrcode-tip{font-size:16px;color:var(--text-color);font-weight:500;margin-top:16px;text-align:center}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.payment-modal-content{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:450px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);animation:slideUp .3s ease-out}.payment-content{margin-top:var(--space-4)}.payment-info{margin-bottom:var(--space-6)}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--glass-border)}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{font-weight:600;color:var(--text-color)}.info-value.amount{color:#ff4500;font-size:var(--text-xl)}.payment-checking{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-4)}.checking-spinner{width:30px;height:30px;border:3px solid var(--bg-hover);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-2)}.payment-status{text-align:center;padding:var(--space-5);border-radius:var(--radius-base)}.payment-status.success{background-color:#e8f5e9;color:#2e7d32}.payment-status.failed{background-color:#ffebee;color:#c62828}.status-icon{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px;margin:0 auto var(--space-4)}.success-icon{background-color:#4caf50;color:#fff}.failed-icon{background-color:#f44336;color:#fff}.payment-actions{display:flex;justify-content:flex-end;margin-top:var(--space-6)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.message[data-v-e318d4d7]{display:flex;margin-bottom:var(--space-6);gap:var(--space-4);align-items:flex-start;animation:slideInUp-e318d4d7 .4s ease-out}.message.message-user[data-v-e318d4d7]{flex-direction:row-reverse}.message.message-user .content[data-v-e318d4d7]{align-items:flex-end}.message.message-user .content .text-container[data-v-e318d4d7]{position:relative}.message.message-user .content .text-container .text[data-v-e318d4d7]{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-lg) var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.message.message-user .content .text-container .text[data-v-e318d4d7]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-glass);pointer-events:none}.message.message-user .content .text-container .user-copy-button[data-v-e318d4d7]{position:absolute;left:-40px;top:50%;transform:translateY(-50%);background:var(--card-bg);border:2px solid var(--border-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--transition-all);box-shadow:var(--shadow-md)}.message.message-user .content .text-container .user-copy-button[data-v-e318d4d7]:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-glow)}.message.message-user .content .text-container .user-copy-button:hover .copy-icon[data-v-e318d4d7]{color:#fff}.message.message-user .content .text-container .user-copy-button .copy-icon[data-v-e318d4d7]{width:16px;height:16px;color:var(--text-secondary);transition:var(--transition-all)}.message.message-user .content .text-container .user-copy-button .copy-icon.copied[data-v-e318d4d7]{color:var(--success-500)}.message.message-user .content .text-container:hover .user-copy-button[data-v-e318d4d7]{opacity:1}.message.message-user .content .message-footer[data-v-e318d4d7]{flex-direction:row-reverse}.message.message-user .avatar[data-v-e318d4d7]{background:var(--gradient-primary);border:2px solid white;box-shadow:var(--shadow-lg)}.message.message-user .avatar .icon[data-v-e318d4d7]{color:#fff}.message .avatar[data-v-e318d4d7]{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--card-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition-all);position:relative;overflow:hidden}.message .avatar[data-v-e318d4d7]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-secondary);opacity:.1;transition:var(--transition-all)}.message .avatar[data-v-e318d4d7]:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.message .avatar[data-v-e318d4d7]:hover:before{opacity:.2}.message .avatar .icon[data-v-e318d4d7]{width:24px;height:24px;color:var(--text-secondary);z-index:1;position:relative;transition:var(--transition-all)}.message .avatar .icon.assistant[data-v-e318d4d7]{color:var(--primary)}.message .content[data-v-e318d4d7]{display:flex;flex-direction:column;gap:var(--space-2);max-width:calc(100% - 64px);flex:1}.message .content .text-container[data-v-e318d4d7]{position:relative}.message .content .message-footer[data-v-e318d4d7]{display:flex;align-items:center;margin-top:var(--space-2);gap:var(--space-3)}.message .content .message-footer .time[data-v-e318d4d7]{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.message .content .message-footer .copy-button[data-v-e318d4d7]{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-all);font-weight:500}.message .content .message-footer .copy-button[data-v-e318d4d7]:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.message .content .message-footer .copy-button .copy-icon[data-v-e318d4d7]{width:14px;height:14px;transition:var(--transition-all)}.message .content .message-footer .copy-button .copy-icon.copied[data-v-e318d4d7]{color:var(--success-500)}.message .content .message-footer .copy-button .copy-text[data-v-e318d4d7]{font-size:var(--text-xs)}.message .content .text[data-v-e318d4d7]{padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-2xl) var(--radius-lg);line-height:var(--leading-relaxed);white-space:pre-wrap;color:var(--text-color);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-all);position:relative}.message .content .text[data-v-e318d4d7]:hover{box-shadow:var(--shadow-lg);border-color:var(--primary)}.message .content .text .cursor[data-v-e318d4d7]{animation:blink-e318d4d7 1s infinite;color:var(--primary);font-weight:700}.message .content .text[data-v-e318d4d7] .think-block{position:relative;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-6);margin:var(--space-4) 0;color:var(--text-tertiary);font-style:italic;background:var(--bg-secondary);border-radius:0 var(--radius-xl) var(--radius-xl) 0;border:1px solid var(--border-color);border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);opacity:1;transform:translate(0);transition:var(--transition-all)}.message .content .text[data-v-e318d4d7] .think-block:before{content:"💭 AI思考中";position:absolute;top:-12px;left:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-style:normal;font-weight:600;box-shadow:var(--shadow-sm)}.message .content .text[data-v-e318d4d7] .think-block:not(:first-child){animation:slideIn-e318d4d7 .3s ease forwards}.message .content .text[data-v-e318d4d7] .think-block:hover{background:var(--bg-tertiary);transform:translate(4px)}.message .content .text[data-v-e318d4d7] pre{background:var(--neutral-900);padding:var(--space-5);border-radius:var(--radius-xl);overflow-x:auto;margin:var(--space-4) 0;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);position:relative}.message .content .text[data-v-e318d4d7] pre code{background:transparent;padding:0;font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);-moz-tab-size:2;tab-size:2;color:var(--neutral-100)}.message .content .text[data-v-e318d4d7] pre:hover{box-shadow:var(--shadow-xl)}.message .content .text[data-v-e318d4d7] .hljs{color:var(--neutral-100);background:transparent}.message .content .text[data-v-e318d4d7] .hljs-keyword{color:#ff79c6;font-weight:600}.message .content .text[data-v-e318d4d7] .hljs-built_in{color:#8be9fd}.message .content .text[data-v-e318d4d7] .hljs-type{color:#bd93f9}.message .content .text[data-v-e318d4d7] .hljs-string{color:#f1fa8c}.message .content .text[data-v-e318d4d7] .hljs-number{color:#bd93f9}.message .content .text[data-v-e318d4d7] .hljs-comment{color:#6272a4;font-style:italic}.message .content .text[data-v-e318d4d7] .hljs-function{color:#50fa7b}.message .content .text[data-v-e318d4d7] .hljs-literal{color:#bd93f9}.message .content .text[data-v-e318d4d7] .hljs-regexp{color:#f1fa8c}.message .content .text[data-v-e318d4d7] .hljs-subst{color:var(--neutral-100)}.message .content .text[data-v-e318d4d7] .hljs-symbol{color:#ffb86c}.message .content .text[data-v-e318d4d7] .hljs-class{color:#8be9fd}.message .content .text[data-v-e318d4d7] .hljs-title{color:#50fa7b;font-weight:600}.message .content .text[data-v-e318d4d7] .hljs-params{color:#ffb86c}.message .content .text[data-v-e318d4d7] .hljs-doctag{color:#ff79c6}.message .content .text[data-v-e318d4d7] .hljs-meta{color:#6272a4}.message .content .text[data-v-e318d4d7] .hljs-section{color:#8be9fd}.message .content .text[data-v-e318d4d7] .hljs-name{color:#50fa7b}.message .content .text[data-v-e318d4d7] .hljs-attribute{color:#ffb86c}.message .content .text[data-v-e318d4d7] .hljs-variable{color:#f8f8f2}@keyframes blink-e318d4d7{0%,to{opacity:1}50%{opacity:0}}@keyframes slideIn-e318d4d7{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp-e318d4d7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-v-e318d4d7] table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}[data-v-e318d4d7] th,[data-v-e318d4d7] td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}[data-v-e318d4d7] th{background:var(--bg-secondary);font-weight:600;color:var(--text-color)}[data-v-e318d4d7] td{color:var(--text-secondary)}[data-v-e318d4d7] blockquote{margin:var(--space-4) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--primary);background:var(--bg-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-secondary);font-style:italic}[data-v-e318d4d7] code:not(pre code){background:var(--bg-secondary);color:var(--primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-family:var(--font-family-mono);font-size:.9em;border:1px solid var(--border-color)}[data-v-e318d4d7] ul,[data-v-e318d4d7] ol{margin:var(--space-3) 0;padding-left:var(--space-6)}[data-v-e318d4d7] li{margin:var(--space-2) 0;color:var(--text-secondary)}[data-v-e318d4d7] a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-all)}[data-v-e318d4d7] a:hover{border-bottom-color:var(--primary)}.markdown-content[data-v-e318d4d7] p{margin:var(--space-3) 0;line-height:var(--leading-relaxed)}.markdown-content[data-v-e318d4d7] p:first-child{margin-top:0}.markdown-content[data-v-e318d4d7] p:last-child{margin-bottom:0}.markdown-content[data-v-e318d4d7] h1,.markdown-content[data-v-e318d4d7] h2,.markdown-content[data-v-e318d4d7] h3,.markdown-content[data-v-e318d4d7] h4,.markdown-content[data-v-e318d4d7] h5,.markdown-content[data-v-e318d4d7] h6{margin:var(--space-4) 0 var(--space-2) 0;color:var(--text-color);font-weight:600}.markdown-content[data-v-e318d4d7] h1:first-child,.markdown-content[data-v-e318d4d7] h2:first-child,.markdown-content[data-v-e318d4d7] h3:first-child,.markdown-content[data-v-e318d4d7] h4:first-child,.markdown-content[data-v-e318d4d7] h5:first-child,.markdown-content[data-v-e318d4d7] h6:first-child{margin-top:0}.markdown-content[data-v-e318d4d7] h1{font-size:var(--text-2xl)}.markdown-content[data-v-e318d4d7] h2{font-size:var(--text-xl)}.markdown-content[data-v-e318d4d7] h3{font-size:var(--text-lg)}.markdown-content[data-v-e318d4d7] strong{font-weight:600;color:var(--text-color)}.markdown-content[data-v-e318d4d7] em{font-style:italic;color:var(--text-secondary)}.markdown-content[data-v-e318d4d7] .code-block-wrapper{position:relative;margin:var(--space-4) 0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.markdown-content[data-v-e318d4d7] .code-block-wrapper .code-copy-button{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-all);z-index:10;width:32px;height:32px}.markdown-content[data-v-e318d4d7] .code-block-wrapper .code-copy-button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.markdown-content[data-v-e318d4d7] .code-block-wrapper .code-copy-button .code-copy-icon{width:16px;height:16px}.markdown-content[data-v-e318d4d7] .code-block-wrapper:hover .code-copy-button{opacity:1}.markdown-content[data-v-e318d4d7] .code-block-wrapper .copy-success-message{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--success-500);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;opacity:0;transform:translateY(-10px);transition:var(--transition-all);pointer-events:none;z-index:20;box-shadow:var(--shadow-md)}.markdown-content[data-v-e318d4d7] .code-block-wrapper .copy-success-message.visible{opacity:1;transform:translateY(0)}.game-chat[data-v-709c9894]{position:fixed;top:80px;left:0;right:0;bottom:0;background:var(--bg-color);overflow:hidden}.game-chat .game-container[data-v-709c9894]{display:flex;flex-direction:column;max-width:1200px;width:100%;height:100%;margin:0 auto;padding:var(--space-6);position:relative}.game-chat .game-start[data-v-709c9894]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);min-height:400px;padding:var(--space-10);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-3xl);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.game-chat .game-start[data-v-709c9894]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffb6c11a,#ff69b41a,#ff14931a);pointer-events:none}.game-chat .game-start h2[data-v-709c9894]{font-size:var(--text-4xl);font-weight:800;color:var(--text-color);margin:0;text-align:center;position:relative;z-index:1}.game-chat .game-start h2[data-v-709c9894]:after{content:"💕";position:absolute;top:-10px;right:-40px;font-size:var(--text-2xl);animation:heartBeat-709c9894 2s ease-in-out infinite}.game-chat .game-start .input-area[data-v-709c9894]{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:1}.game-chat .game-start .input-area textarea[data-v-709c9894]{width:100%;padding:var(--space-5) var(--space-6);border:2px solid var(--border-color);border-radius:var(--radius-2xl);resize:none;font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);background:var(--card-bg);color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-all);box-shadow:var(--shadow-md)}.game-chat .game-start .input-area textarea[data-v-709c9894]:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 4px #ff69b433;transform:translateY(-2px)}.game-chat .game-start .input-area textarea[data-v-709c9894]::placeholder{color:var(--text-tertiary)}.game-chat .game-start .input-area .start-button[data-v-709c9894]{padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.game-chat .game-start .input-area .start-button[data-v-709c9894]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.game-chat .game-start .input-area .start-button[data-v-709c9894]:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.game-chat .game-start .input-area .start-button[data-v-709c9894]:hover:before{transform:translate(100%)}.game-chat .game-start .input-area .start-button[data-v-709c9894]:active{transform:translateY(0)}.game-chat .chat-main[data-v-709c9894]{flex:1;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-3xl);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.game-chat .chat-main .game-stats[data-v-709c9894]{position:sticky;top:0;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;padding:var(--space-6);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:var(--space-8);justify-content:center;align-items:center;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.game-chat .chat-main .game-stats[data-v-709c9894]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-glass);pointer-events:none}.game-chat .chat-main .game-stats .stat-item[data-v-709c9894]{display:flex;align-items:center;gap:var(--space-3);position:relative;z-index:1}.game-chat .chat-main .game-stats .stat-item .label[data-v-709c9894]{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm)}.game-chat .chat-main .game-stats .stat-item .label .heart-icon[data-v-709c9894]{width:20px;height:20px;color:#ffb3d9}.game-chat .chat-main .game-stats .stat-item .label .heart-icon.beating[data-v-709c9894]{animation:heartbeat-709c9894 1.5s ease-in-out infinite;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.game-chat .chat-main .game-stats .stat-item .value[data-v-709c9894]{font-size:var(--text-lg);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.game-chat .chat-main .game-stats .stat-item .progress-bar[data-v-709c9894]{width:200px;height:12px;background:#fff3;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0003;border:1px solid rgba(255,255,255,.3)}.game-chat .chat-main .game-stats .stat-item .progress-bar .progress[data-v-709c9894]{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);position:relative}.game-chat .chat-main .game-stats .stat-item .progress-bar .progress[data-v-709c9894]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-709c9894 2s infinite}.game-chat .chat-main .game-stats .stat-item .progress-bar .progress.low[data-v-709c9894]{background:linear-gradient(90deg,#ff6b6b,#ff5252)}.game-chat .chat-main .game-stats .stat-item .progress-bar .progress.medium[data-v-709c9894]{background:linear-gradient(90deg,#ffd93d,#ffb74d)}.game-chat .chat-main .game-stats .stat-item .progress-bar .progress.high[data-v-709c9894]{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 0 20px #4caf5080}.game-chat .chat-main .messages[data-v-709c9894]{flex:1;overflow-y:auto;padding:var(--space-8)}.game-chat .chat-main .messages[data-v-709c9894]::-webkit-scrollbar{width:6px}.game-chat .chat-main .messages[data-v-709c9894]::-webkit-scrollbar-track{background:transparent}.game-chat .chat-main .messages[data-v-709c9894]::-webkit-scrollbar-thumb{background:#ff69b44d;border-radius:var(--radius-full)}.game-chat .chat-main .messages[data-v-709c9894]::-webkit-scrollbar-thumb:hover{background:#ff69b480}.game-chat .chat-main .input-area[data-v-709c9894]{flex-shrink:0;padding:var(--space-6);background:var(--glass-bg);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:var(--space-4);align-items:flex-end}.game-chat .chat-main .input-area textarea[data-v-709c9894]{flex:1;resize:none;border:2px solid var(--border-color);background:var(--card-bg);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);color:var(--text-color);font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);max-height:120px;min-height:48px;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.game-chat .chat-main .input-area textarea[data-v-709c9894]:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 4px #ff69b433;transform:translateY(-1px)}.game-chat .chat-main .input-area textarea[data-v-709c9894]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.game-chat .chat-main .input-area textarea[data-v-709c9894]::placeholder{color:var(--text-tertiary)}.game-chat .chat-main .input-area .send-button[data-v-709c9894]{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:var(--radius-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.game-chat .chat-main .input-area .send-button[data-v-709c9894]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.game-chat .chat-main .input-area .send-button[data-v-709c9894]:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow)}.game-chat .chat-main .input-area .send-button[data-v-709c9894]:hover:not(:disabled):before{transform:translate(100%)}.game-chat .chat-main .input-area .send-button[data-v-709c9894]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.game-chat .chat-main .input-area .send-button .icon[data-v-709c9894]{width:20px;height:20px;transition:var(--transition-all)}.game-chat .game-over[data-v-709c9894]{position:absolute;bottom:var(--space-24);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);padding:var(--space-8) var(--space-10);border-radius:var(--radius-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInUp-709c9894 .5s ease-out;max-width:400px;text-align:center}.game-chat .game-over .result[data-v-709c9894]{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-relaxed)}.game-chat .game-over .restart-button[data-v-709c9894]{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:var(--radius-xl);cursor:pointer;font-weight:600;font-size:var(--text-base);transition:var(--transition-all);box-shadow:var(--shadow-md)}.game-chat .game-over .restart-button[data-v-709c9894]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.game-chat .game-over.success[data-v-709c9894]{border-color:var(--success-500)}.game-chat .game-over.success[data-v-709c9894]:before{content:"🎉";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--text-4xl);animation:bounce-709c9894 1s infinite}.game-chat .game-over.success .restart-button[data-v-709c9894]{background:linear-gradient(135deg,var(--success-500),var(--success-600))}.game-chat .game-over.success .restart-button[data-v-709c9894]:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700))}@keyframes heartBeat-709c9894{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes heartbeat-709c9894{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes shimmer-709c9894{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce-709c9894{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes slideInUp-709c9894{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.game-chat[data-v-709c9894]{top:70px}.game-chat .game-container[data-v-709c9894]{padding:var(--space-4)}.game-chat .game-start[data-v-709c9894]{padding:var(--space-8);gap:var(--space-6)}.game-chat .game-start h2[data-v-709c9894]{font-size:var(--text-3xl)}.game-chat .game-start h2[data-v-709c9894]:after{right:-30px;font-size:var(--text-xl)}.game-chat .game-start .input-area[data-v-709c9894]{gap:var(--space-4)}.game-chat .game-start .input-area textarea[data-v-709c9894]{padding:var(--space-4);font-size:var(--text-sm)}.game-chat .game-start .input-area .start-button[data-v-709c9894]{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.game-chat .chat-main .game-stats[data-v-709c9894]{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.game-chat .chat-main .game-stats .stat-item[data-v-709c9894]{width:100%;justify-content:space-between}.game-chat .chat-main .game-stats .stat-item .progress-bar[data-v-709c9894]{width:120px}.game-chat .chat-main .messages[data-v-709c9894]{padding:var(--space-4)}.game-chat .chat-main .input-area[data-v-709c9894]{padding:var(--space-4);gap:var(--space-3)}.game-chat .chat-main .input-area textarea[data-v-709c9894]{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.game-chat .chat-main .input-area .send-button[data-v-709c9894]{width:40px;height:40px}.game-chat .chat-main .input-area .send-button .icon[data-v-709c9894]{width:18px;height:18px}.game-chat .game-over[data-v-709c9894]{bottom:var(--space-16);padding:var(--space-6) var(--space-8);max-width:320px;margin:0 var(--space-4)}.game-chat .game-over .result[data-v-709c9894]{font-size:var(--text-lg)}.game-chat .game-over .restart-button[data-v-709c9894]{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}@media (max-width: 480px){.game-chat[data-v-709c9894]{top:60px}.game-chat .game-container[data-v-709c9894]{padding:var(--space-3)}.game-chat .game-start[data-v-709c9894]{padding:var(--space-6)}.game-chat .game-start h2[data-v-709c9894]{font-size:var(--text-2xl)}.game-chat .chat-main .game-stats .stat-item .progress-bar[data-v-709c9894]{width:100px;height:10px}.game-chat .chat-main .game-stats .stat-item .value[data-v-709c9894]{font-size:var(--text-base)}}
