.game-icon[data-v-d43af2cd]{vertical-align:middle;flex-shrink:0;display:inline-block}.ambient-particles[data-v-3606251b]{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.ambient-particles[data-v-3606251b]{display:none}}.god-ray-layer[data-v-36e95f38]{z-index:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 46% 64% at 50% 0%, var(--stage-light-core) 0%, var(--stage-light-core) 6%, var(--stage-light-soft) 18%, var(--stage-light-mid) 38%, #000 80%), radial-gradient(ellipse 80% 96% at 50% -2%, var(--stage-light-soft) 0%, var(--stage-light-mid) 24%, #000 78%), radial-gradient(ellipse 120% 60% at 50% 0%, var(--stage-light-mid) 0%, #000 72%);will-change:opacity;background-repeat:no-repeat;height:86vh;animation:8s ease-in-out infinite godRayBreathing;position:fixed;top:0;left:0;right:0}.vignette-layer[data-v-36e95f38]{z-index:0;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(ellipse 138% 108% at 50% 42%, #fff 42%, var(--stage-vignette-mid) 74%, var(--stage-vignette-edge) 100%);position:fixed;inset:0}.app-wrapper[data-v-36e95f38]:before{content:"";z-index:0;pointer-events:none;opacity:.035;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-wrapper[data-v-36e95f38]{z-index:1;isolation:isolate;background:var(--bg-main);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header[data-v-36e95f38]{z-index:100;height:var(--header-height);padding:0 var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0006}.app-header[data-v-36e95f38]:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-dark) 30%, var(--color-primary) 50%, var(--color-primary-dark) 70%, transparent);opacity:.5;height:1px;position:absolute;bottom:-1px;left:10%;right:10%}.back-btn[data-v-36e95f38]{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.back-btn[data-v-36e95f38]:hover{background:var(--bg-card);color:var(--text-primary)}.back-btn[data-v-36e95f38]:empty{visibility:hidden}.app-title[data-v-36e95f38]{font-size:1rem;font-weight:700;font-family:var(--font-title);cursor:pointer;color:var(--text-gold);text-shadow:0 0 10px #fbbf2433;letter-spacing:1px;align-items:center;gap:6px;display:flex}.achievement-btn[data-v-36e95f38]{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-gold);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.achievement-btn[data-v-36e95f38]:hover{background:var(--bg-card)}.app-main[data-v-36e95f38]{flex:1}.fade-enter-active[data-v-36e95f38]{transition:opacity .35s cubic-bezier(.23,1,.32,1),filter .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1)}.fade-leave-active[data-v-36e95f38]{transition:opacity .2s,filter .2s,transform .2s}.fade-enter-from[data-v-36e95f38]{opacity:0;filter:blur(3px)brightness(1.3);transform:scale(.97)}.fade-leave-to[data-v-36e95f38]{opacity:0;filter:blur(2px)brightness(.8);transform:scale(.98)}:root{--color-primary:#c9a227;--color-primary-light:#d4a373;--color-primary-dark:#8b6914;--color-secondary:#e26d5c;--color-secondary-light:#e8926c;--bg-main:#1a1410;--bg-card:#241e17;--bg-card-hover:#2e261d;--bg-overlay:#1a1410e6;--bg-panel:#1f1912;--stage-light-core:#947030;--stage-light-soft:#60481e;--stage-light-mid:#30220e;--stage-vignette-mid:#d6c6b0;--stage-vignette-edge:#9c8870;--text-primary:#e8d5c4;--text-secondary:#9e8e7e;--text-muted:#6b5d50;--text-gold:#fbbf24;--text-dim:#4a3f35;--border-color:#3d3024;--border-glow:#c9a22740;--rarity-common:#8bb8c4;--rarity-rare:#b48edd;--rarity-legendary:#fbbf24;--grade-d:#6b5d50;--grade-c:#8bb8c4;--grade-b:#4ade80;--grade-a:#fbbf24;--grade-s:#b48edd;--grade-ss:#e26d5c;--grade-sss:#ef4444;--color-success:#4ade80;--color-danger:#ef4444;--color-warning:#fbbf24;--color-info:#8bb8c4;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-main:"Noto Serif SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", serif;--font-title:"Cinzel", "Noto Serif SC", "Georgia", serif;--shadow-card:0 4px 20px #0006;--shadow-glow:0 0 15px #c9a22726;--shadow-gold:0 0 20px #fbbf244d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--max-width:480px;--header-height:56px}@media (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:root{--stage-light-core:color(display-p3 .6 .46 .2);--stage-light-soft:color(display-p3 .39 .29 .12);--stage-light-mid:color(display-p3 .2 .14 .06);--stage-vignette-mid:color(display-p3 .84 .78 .7);--stage-vignette-edge:color(display-p3 .61 .53 .44)}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes goldPulse{0%,to{text-shadow:0 0 10px #fbbf244d}50%{text-shadow:0 0 30px #fbbf2499}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flipCard{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes magicGlow{0%,to{box-shadow:0 0 5px #c9a2274d}50%{box-shadow:0 0 25px #c9a22780,0 0 50px #e26d5c26}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes flashGreen{0%{background:#4ade804d}to{background:0 0}}@keyframes flashRed{0%{background:#ef44444d}to{background:0 0}}@keyframes gradeAppear{0%{opacity:0;transform:scale(3)rotate(-10deg)}60%{transform:scale(.9)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stagger-item{opacity:0;animation:.4s forwards slideUp}.stagger-item:first-child{animation-delay:50ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:.4s forwards slideUp}.animate-pop-in{animation:.4s forwards popIn}.animate-gold-pulse{animation:2s ease-in-out infinite goldPulse}.animate-magic-glow{animation:2s ease-in-out infinite magicGlow}.animate-float{animation:3s ease-in-out infinite float}@keyframes runePulse{0%,to{text-shadow:0 0 4px #ffd70066,0 0 8px #ffd70026}50%{text-shadow:0 0 8px #ffd70099,0 0 20px #ffd70040,0 0 30px #ffd7001a}}.animate-rune-pulse{animation:2.5s ease-in-out infinite runePulse}.light-sweep{position:relative;overflow:hidden}.light-sweep:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffd7000f,#ffd7001f,#ffd7000f,#0000);width:60%;height:100%;animation:5s ease-in-out infinite lightSweep;position:absolute;top:0;left:-100%}@keyframes lightSweep{0%{left:-100%}45%{left:100%}to{left:100%}}@keyframes candleFlicker{0%{opacity:1}5%{opacity:.92}10%{opacity:1}15%{opacity:.95}25%{opacity:1}30%{opacity:.88}50%{opacity:1}70%{opacity:.96}80%{opacity:.91}to{opacity:1}}@keyframes godRayBreathing{0%,to{opacity:1}50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.animate-gold-pulse,.animate-magic-glow,.animate-float,.animate-rune-pulse{animation:none}.light-sweep:after{animation:none;display:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary-light);text-decoration:none}button{font-family:var(--font-main);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}.page-container{width:100%;max-width:var(--max-width);padding:var(--space-md);min-height:calc(100vh - var(--header-height));margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;border:1px solid var(--color-primary);box-shadow:0 4px 15px #c9a22740,inset 0 1px #ffd70040,inset 0 -1px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a22759,inset 0 1px #ffd7004d}.btn-primary:active{transform:translateY(0)scale(.97);box-shadow:inset 0 2px 6px #0006,0 1px 3px #0000004d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.5);transform:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0;box-shadow:inset 0 1px #ffffff08}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-light);box-shadow:inset 0 1px #ffd70014,0 0 8px #c9a2271a}.btn-gold{color:#241e17;box-shadow:var(--shadow-gold);background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-gold:hover{transform:translateY(-2px)}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card), inset 0 1px 0 #ffd7000d, inset 0 -1px 0 #0003;transition:all var(--transition-normal);position:relative}.card:hover{border-color:var(--border-glow)}.card-glow{box-shadow:var(--shadow-card), var(--shadow-glow)}.title{font-family:var(--font-title);color:var(--text-primary);letter-spacing:1px;font-weight:700}.title-lg{font-size:1.75rem}.title-md{font-size:1.25rem}.title-gold{color:var(--text-gold);text-shadow:0 0 10px #fbbf244d}.subtitle{color:var(--text-secondary);font-size:.9rem}.tag{border-radius:var(--radius-sm);padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.tag-common{color:var(--rarity-common);background:#8bb8c426}.tag-rare{color:var(--rarity-rare);background:#b48edd26}.tag-legendary{color:var(--rarity-legendary);background:#fbbf2426}.attr-bar-track{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.attr-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#3d30244d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary-dark), var(--border-color));border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.divider{background:linear-gradient(90deg, transparent, var(--border-color) 20%, var(--color-primary-dark) 50%, var(--border-color) 80%, transparent);height:1px;margin:var(--space-md) 0}.divider-ornate{margin:var(--space-md) 0;align-items:center;gap:0;height:12px;display:flex}.divider-ornate:before,.divider-ornate:after{content:"";flex:1;height:1px}.divider-ornate:before{background:linear-gradient(90deg, transparent, var(--color-primary))}.divider-ornate:after{background:linear-gradient(90deg, var(--color-primary), transparent)}.divider-ornate-diamond{background:var(--color-primary);flex-shrink:0;width:6px;height:6px;margin:0 4px;transform:rotate(45deg)}.text-center{text-align:center}.text-gold{color:var(--text-gold)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media (width>=768px){.page-container{padding:var(--space-lg)}}