:root{--px-color-primary: #6C63FF;--px-color-primary-hover: #5A52E0;--px-color-primary-active: #4A42D0;--px-color-primary-light: rgba(108, 99, 255, .15);--px-color-primary-dim: rgba(108, 99, 255, .08);--px-color-accent: #C8FF50;--px-color-accent-hover: #B8EF40;--px-color-accent-dim: #A3CC40;--px-color-accent-light: rgba(200, 255, 80, .12);--px-color-gold: #FFD700;--px-color-cyan: #00E5FF;--px-color-pink: #FF2D95;--px-color-success: #00D9A3;--px-color-success-light: rgba(0, 217, 163, .12);--px-color-danger: #FF4757;--px-color-danger-light: rgba(255, 71, 87, .12);--px-color-warning: #FFA502;--px-color-warning-light: rgba(255, 165, 2, .12);--px-color-tier-bronze: #CD7F32;--px-color-tier-silver: #C0C0C0;--px-color-tier-gold: #FFD700;--px-color-tier-platinum: #E5E4E2;--px-color-tier-diamond: #B9F2FF;--px-color-bg-deep: #0a0a1a;--px-color-bg-page: #080810;--px-color-bg-card: #0D0D1A;--px-color-bg-surface: #1A1A2E;--px-color-bg-elevated: #16213e;--px-color-bg-hover: rgba(200, 255, 80, .04);--px-color-bg-active: rgba(200, 255, 80, .08);--px-color-bg-overlay: rgba(8, 8, 16, .85);--px-color-text: #e0e0ff;--px-color-text-bright: #E8E8F0;--px-color-text-muted: #B8B8C8;--px-color-text-dim: #555577;--px-color-text-on-accent: #0a0a1a;--px-color-text-on-primary: #ffffff;--px-color-text-link: #00E5FF;--px-border-subtle: rgba(255, 255, 255, .06);--px-border-default: rgba(255, 255, 255, .1);--px-border-strong: rgba(255, 255, 255, .2);--px-border-accent: rgba(200, 255, 80, .25);--px-border-gold: rgba(255, 215, 0, .4);--px-spacing-xs: 4px;--px-spacing-sm: 8px;--px-spacing-md: 16px;--px-spacing-lg: 24px;--px-spacing-xl: 32px;--px-spacing-2xl: 48px;--px-spacing-3xl: 64px;--px-radius-xs: 4px;--px-radius-sm: 8px;--px-radius-md: 12px;--px-radius-lg: 16px;--px-radius-xl: 20px;--px-radius-2xl: 24px;--px-radius-full: 9999px;--px-shadow-glow: 0 0 20px rgba(108, 99, 255, .3);--px-shadow-glow-strong: 0 0 40px rgba(108, 99, 255, .5);--px-shadow-card: 0 4px 12px rgba(0, 0, 0, .4);--px-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--px-shadow-accent: 0 0 24px rgba(200, 255, 80, .15);--px-shadow-accent-strong: 0 0 48px rgba(200, 255, 80, .3);--px-shadow-gold: 0 0 60px rgba(255, 215, 0, .3);--px-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--px-font-family: "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--px-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--px-font-display: "Orbitron", "Noto Sans SC", sans-serif;--px-font-size-xs: .75rem;--px-font-size-sm: .875rem;--px-font-size-base: 1rem;--px-font-size-lg: 1.125rem;--px-font-size-xl: 1.25rem;--px-font-size-2xl: 1.5rem;--px-font-size-3xl: 2rem;--px-font-size-hero: 2.5rem;--px-font-weight-normal: 400;--px-font-weight-medium: 500;--px-font-weight-bold: 700;--px-font-weight-black: 900;--px-line-height-tight: 1.2;--px-line-height-normal: 1.5;--px-line-height-relaxed: 1.75;--px-letter-spacing-wide: 1px;--px-letter-spacing-wider: 2px;--px-btn-height-sm: 32px;--px-btn-height-md: 40px;--px-btn-height-lg: 48px;--px-btn-padding-sm: 0 12px;--px-btn-padding-md: 0 20px;--px-btn-padding-lg: 0 28px;--px-btn-font-sm: .75rem;--px-btn-font-md: .875rem;--px-btn-font-lg: 1rem;--px-btn-radius: 12px;--px-btn-gap: 6px;--px-btn-bg-primary: var(--px-color-primary);--px-btn-bg-primary-hover: var(--px-color-primary-hover);--px-btn-bg-accent: var(--px-color-accent);--px-btn-bg-accent-hover: var(--px-color-accent-hover);--px-btn-bg-ghost: transparent;--px-btn-bg-ghost-hover: rgba(255, 255, 255, .05);--px-btn-bg-danger: var(--px-color-danger);--px-btn-border-outline: 1.5px solid var(--px-color-primary);--px-btn-border-ghost: 1.5px solid var(--border-default);--px-card-bg: var(--px-color-bg-card);--px-card-bg-highlight: var(--px-color-bg-surface);--px-card-padding: 20px;--px-card-padding-lg: 32px;--px-card-gap: 16px;--px-card-radius: var(--px-radius-xl);--px-card-border: 1px solid var(--px-border-default);--px-card-border-highlight: 1px solid var(--px-border-accent);--px-input-height-sm: 32px;--px-input-height-md: 40px;--px-input-padding: 0 12px;--px-input-bg: var(--px-color-bg-surface);--px-input-bg-focus: var(--px-color-bg-elevated);--px-input-border: 1px solid var(--px-border-default);--px-input-border-focus: 1.5px solid var(--px-color-primary);--px-input-border-error: 1.5px solid var(--px-color-danger);--px-input-radius: var(--px-radius-md);--px-input-font-size: .875rem;--px-input-placeholder: var(--px-color-text-dim);--px-label-color: var(--px-color-text-muted);--px-label-font-size: .75rem;--px-label-letter-spacing: var(--px-letter-spacing-wide);--px-helper-color: var(--px-color-text-dim);--px-helper-error: var(--px-color-danger);--px-badge-height: 24px;--px-badge-padding: 0 10px;--px-badge-radius: var(--px-radius-full);--px-badge-font-size: .6875rem;--px-badge-font-weight: var(--px-font-weight-bold);--px-badge-bg-level: linear-gradient(135deg, rgba(107,63,160,.5), rgba(200,255,80,.15));--px-badge-bg-success: var(--px-color-success-light);--px-badge-bg-danger: var(--px-color-danger-light);--px-badge-bg-warning: var(--px-color-warning-light);--px-modal-overlay: var(--px-color-bg-overlay);--px-modal-bg: var(--px-color-bg-card);--px-modal-max-width: 360px;--px-modal-padding: 24px;--px-modal-radius: var(--px-radius-lg);--px-modal-border: 1px solid var(--px-border-gold);--px-modal-shadow: var(--px-shadow-gold);--px-bar-height: 6px;--px-bar-height-lg: 8px;--px-bar-bg: var(--px-color-bg-surface);--px-bar-fill: linear-gradient(90deg, #6B3FA0, var(--px-color-accent));--px-bar-radius: var(--px-radius-full);--px-bar-transition: width .8s ease;--px-anim-fast: .15s ease;--px-anim-normal: .25s ease;--px-anim-slow: .4s ease;--px-anim-xp: .8s ease;--px-anim-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--px-z-base: 0;--px-z-content: 10;--px-z-dropdown: 50;--px-z-sticky: 80;--px-z-modal: 100;--px-z-tooltip: 150;--px-z-toast: 200;--px-z-popup: 300;--px-color-text-tertiary: #6a6a7a;--px-color-text-soft: #c8c8d4;--px-color-text-purple-tint: #e0dfff;--px-color-neutral-dark: #333;--px-color-primary-bright: #7c6ff7;--px-color-primary-soft: #C4B5FD;--px-color-purple-deep: #6B3FA0;--px-color-violet: #8B5CF6;--px-color-success-bright: #55efc4;--px-color-coral: #ff7675;--px-color-orange: #e17055;--px-color-yellow: #f9ca24;--px-color-amber: #fdcb6e;--px-color-lavender: #a29bfe;--px-color-teal: #4ecdc4;--px-color-bg-deeper: #12121a;--px-color-bg-surface-alt: #1a1a28;--px-color-bg-surface-dim: #161620;--px-color-bg-hover-solid: #252540;--px-color-bg-purple: #1A0A2E;--px-color-bg-green: #0A1A0A;--px-color-border-solid: #1e1e2e;--px-color-domain-career: #4ecdc4;--px-color-domain-identity: #ff6b6b;--px-color-domain-poetry: #f9ca24;--px-color-domain-trust: #a29bfe;--px-color-domain-self: #fd79a8;--px-color-domain-mist: #636e72;--px-chat-bubble-bg-user: var(--px-color-primary);--px-chat-bubble-text-user: var(--px-color-text-on-primary);--px-chat-bubble-bg-ai: var(--px-color-bg-surface);--px-chat-bubble-text-ai: var(--px-color-text);--px-chat-bubble-radius: var(--px-radius-lg);--px-chat-bubble-padding: 12px 16px;--px-chat-bubble-gap: 8px;--px-chat-input-bg: var(--px-color-bg-surface);--px-chat-input-border: 1px solid var(--px-border-default);--px-chat-input-radius: var(--px-radius-lg);--px-chat-input-height: 48px;--px-chat-streaming-cursor: var(--px-color-accent);--px-chat-streaming-cursor-width: 2px;--px-tooltip-bg: var(--px-color-bg-elevated);--px-tooltip-color: var(--px-color-text-bright);--px-tooltip-padding: 8px 12px;--px-tooltip-radius: var(--px-radius-sm);--px-tooltip-font-size: .75rem;--px-tooltip-line-height: 1.4;--px-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .5);--px-tooltip-arrow-size: 6px}@keyframes starPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.8;transform:scale(2.2)}}@keyframes xSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes claimPulse{0%{transform:scale(1);box-shadow:0 0 #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ffd70000}to{transform:scale(1);box-shadow:0 0 #ffd70000}}@keyframes levelUp{0%{transform:scale(.5) translateY(20px);opacity:0}40%{transform:scale(1.2) translateY(-10px);opacity:1}60%{transform:scale(.95) translateY(0)}80%{transform:scale(1.05)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes numberRoll{0%{transform:translateY(100%);opacity:0}50%{opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #c8ff5026;border-color:#c8ff5033}50%{box-shadow:0 0 24px #c8ff5066;border-color:#c8ff5080}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1);opacity:.8}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-100vh) translate(20px);opacity:0}}.px-anim-starPulse{animation:starPulse 3s ease-in-out infinite}.px-anim-xSpin{animation:xSpin 1.2s linear infinite}.px-anim-screenIn{animation:screenIn .4s ease-out}.px-anim-fadeIn{animation:fadeIn .3s ease-out}.px-anim-claimPulse{animation:claimPulse .6s ease-out}.px-anim-levelUp{animation:levelUp .8s cubic-bezier(.34,1.56,.64,1)}.px-anim-numberRoll{animation:numberRoll .5s ease-out}.px-anim-glowPulse{animation:glowPulse 2s ease-in-out infinite}.px-anim-slideInRight{animation:slideInRight .35s ease-out}.px-anim-bounceIn{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1)}.px-anim-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s linear infinite}.px-anim-particleFloat{animation:particleFloat 8s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--px-color-bg-page);color:var(--px-color-text-bright);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--px-color-text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--px-color-text-muted)}