@charset "UTF-8";:root{--color-primary: #8b5a2b;--color-primary-light: #c19a6b;--color-primary-dark: #6d4c41;--bg-gradient-start: #f5e6d3;--bg-gradient-mid: #e8d4b8;--bg-gradient-end: #d4b896;--bg-panel: rgba(255, 253, 248, .98);--bg-panel-light: rgba(255, 255, 255, .85);--bg-panel-hover: rgba(255, 255, 255, .95);--bg-game-area: rgba(210, 180, 140, .25);--bg-game-item: rgba(210, 180, 140, .15);--bg-game-item-hover: rgba(210, 180, 140, .25);--text-primary: #4e342e;--text-secondary: #5d4037;--text-tertiary: #6d4c41;--text-inverse: #ffffff;--border-light: rgba(139, 90, 43, .1);--border-normal: rgba(139, 90, 43, .2);--border-strong: rgba(139, 90, 43, .3);--shadow-color: rgba(139, 90, 43, .15);--shadow-color-light: rgba(139, 90, 43, .1);--shadow-color-strong: rgba(139, 90, 43, .3);--card-en-start: #ff9800;--card-en-end: #f57c00;--card-en-hover: #ffa726;--card-zh-start: #66bb6a;--card-zh-end: #43a047;--card-zh-hover: #81c784;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--color-info: #2196f3;--color-selected: #ffc107;--color-hint: #e53935;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-track: rgba(0, 0, 0, .05);--focus-color: #8b5a2b;--particle-color: rgba(139, 90, 43, .15)}[data-theme=dark],.dark-theme{--color-primary: #8b6f47;--color-primary-light: #a0825a;--color-primary-dark: #6b5535;--bg-gradient-start: #2a1f14;--bg-gradient-mid: #1e1610;--bg-gradient-end: #150f0a;--bg-panel: rgba(42, 31, 20, .98);--bg-panel-light: rgba(50, 38, 25, .85);--bg-panel-hover: rgba(60, 45, 30, .95);--bg-game-area: rgba(60, 45, 30, .4);--bg-game-item: rgba(60, 45, 30, .3);--bg-game-item-hover: rgba(70, 52, 35, .4);--text-primary: #f5e6d3;--text-secondary: #e8d4b8;--text-tertiary: #d4b896;--text-inverse: #2a1f14;--border-light: rgba(139, 111, 71, .2);--border-normal: rgba(139, 111, 71, .35);--border-strong: rgba(139, 111, 71, .5);--shadow-color: rgba(0, 0, 0, .4);--shadow-color-light: rgba(0, 0, 0, .25);--shadow-color-strong: rgba(0, 0, 0, .6);--card-en-start: #cc7a00;--card-en-end: #a86400;--card-en-hover: #e68a00;--card-zh-start: #4a9e4e;--card-zh-end: #3a7d3e;--card-zh-hover: #5cb860;--color-success: #5cb860;--color-error: #e65a50;--color-warning: #e68a00;--color-info: #4a90c2;--color-selected: #e6b800;--color-hint: #e65a50;--scrollbar-thumb: rgba(139, 111, 71, .4);--scrollbar-track: rgba(139, 111, 71, .1);--focus-color: #8b6f47;--particle-color: rgba(139, 111, 71, .15)}*{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}input,textarea,[contenteditable]{transition:border-color .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 3px var(--glow-color, #ffc107),0 8px 16px var(--glow-shadow, rgba(255, 193, 7, .4))}50%{box-shadow:0 0 0 5px var(--glow-color, #ffc107),0 8px 20px var(--glow-shadow, rgba(255, 193, 7, .6))}}@keyframes hint-glow{0%,to{box-shadow:0 0 #4caf50b3,0 2px 8px #0000001a}50%{box-shadow:0 0 0 12px #4caf5000,0 2px 8px #0000001a}}@keyframes hint-highlight{0%,to{border-color:#e53935;box-shadow:0 0 8px 2px #e5393599,0 0 16px 4px #e539354d,inset 0 0 8px #e539351a}50%{border-color:#ef5350;box-shadow:0 0 12px 4px #e53935cc,0 0 24px 8px #e5393566,inset 0 0 12px #e5393533}}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.animate-pulse-glow{animation:pulse-glow 1.2s ease-in-out infinite}.animate-hint-glow{animation:hint-glow 1.5s ease-in-out infinite}.animate-hint-highlight{animation:hint-highlight 1s ease-in-out infinite}.animate-pop-in{animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-float{animation:float-up linear infinite;will-change:transform,opacity;backface-visibility:hidden}@keyframes entrance-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes entrance-fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes entrance-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes entrance-slide-left{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.anim-fade-up{animation:entrance-fade-up .6s ease-out both}.anim-fade-down{animation:entrance-fade-down .4s ease-out both}.anim-scale{animation:entrance-scale .5s ease-out both}.anim-slide-left{animation:entrance-slide-left .4s ease-out both}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .4s ease-out,transform .4s ease-out}.page-fade-enter-from{opacity:0;transform:translate(20px)}.page-fade-leave-to{opacity:0;transform:translate(-20px)}.page-scale-enter-active,.page-scale-leave-active{transition:opacity .25s ease-out,transform .25s cubic-bezier(.16,1,.3,1)}.page-scale-enter-from{opacity:0;transform:scale(.95)}.page-scale-leave-to{opacity:0;transform:scale(1.05)}.panel-slide-up-enter-active,.panel-slide-up-leave-active{transition:opacity .4s ease-out,transform .4s ease-out}.panel-slide-up-enter-from,.panel-slide-up-leave-to{opacity:0;transform:translateY(20px)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active{transition:opacity .2s ease-out,transform .2s cubic-bezier(.34,1.56,.64,1)}.pop-leave-active{transition:opacity .15s ease-in,transform .15s ease-in}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.85)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#f5e6d3,#e8d4b8,#d4b896);color:#5d4037}#app{width:100vw;height:100vh;overflow:hidden}.app-container{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .25s ease}::-webkit-scrollbar-thumb:hover{background:#0000004d}:focus-visible{outline:2px solid #8b5a2b;outline-offset:2px}::selection{background:#8b5a2b4d;color:inherit}.dark-theme{background:linear-gradient(135deg,#2a1f14,#1e1610);color:#f5e6d3}.dark-theme ::-webkit-scrollbar-track{background:#8b6f471a}.dark-theme ::-webkit-scrollbar-thumb{background:#8b6f4766}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#8b6f4780}.dark-theme ::selection{background:#8b6f4766}a{color:#8b5a2b;text-decoration:none;transition:color .25s ease}a:hover{color:#6d4c41}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:#4e342e;font-weight:700}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{color:#0000000d}p{line-height:1.6;margin-bottom:12px}p:last-child{margin-bottom:0}