.xiangqi-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif}.xiangqi-ui *{box-sizing:border-box}.xq-turn-panel{position:absolute;top:20px;left:20px;pointer-events:auto}.xq-turn-indicator{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#1a1a2ed9;border:1px solid rgba(200,168,90,.4);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.xq-turn-dot{width:14px;height:14px;border-radius:50%;background:#b83b2e;box-shadow:0 0 8px #b83b2e99;transition:background .3s,box-shadow .3s}.xq-turn-label{font-size:18px;color:#e87060;letter-spacing:2px;transition:color .3s}.xq-check-badge{margin-top:8px;padding:6px 16px;background:#b83b2ee6;border:1px solid rgba(232,112,96,.6);border-radius:6px;color:#fff;font-size:16px;text-align:center;letter-spacing:4px;animation:xq-pulse 1s ease-in-out infinite;box-shadow:0 0 12px #b83b2e66}@keyframes xq-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.xq-btn-group{position:absolute;top:20px;right:20px;display:flex;gap:8px;pointer-events:auto}.xq-btn{padding:8px 18px;background:#1a1a2ed9;border:1px solid rgba(200,168,90,.4);border-radius:6px;color:#f7eed6;font-family:ZCOOL XiaoWei,serif;font-size:16px;letter-spacing:2px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.xq-btn:hover:not(:disabled){background:#323246e6;border-color:#c8a85acc;transform:translateY(-1px)}.xq-btn:active:not(:disabled){transform:translateY(0)}.xq-btn:disabled{opacity:.4;cursor:not-allowed}.xq-btn-danger{border-color:#b83b2e66;color:#e87060}.xq-btn-danger:hover:not(:disabled){background:#3c1e1ee6;border-color:#b83b2ecc}.xq-btn-large{padding:12px 28px;font-size:18px}.xq-history-panel{position:absolute;right:20px;top:70px;width:240px;max-height:400px;background:#1a1a2ecc;border:1px solid rgba(200,168,90,.3);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column}.xq-history-header{padding:8px 14px;font-size:14px;color:#c8a85a;border-bottom:1px solid rgba(200,168,90,.2);letter-spacing:3px}.xq-move-list{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(200,168,90,.3) transparent}.xq-move-list::-webkit-scrollbar{width:4px}.xq-move-list::-webkit-scrollbar-thumb{background:#c8a85a4d;border-radius:2px}.xq-move-item{display:flex;align-items:center;gap:4px;padding:4px 14px;font-size:13px;color:#d4c49a;transition:background .15s}.xq-move-item:hover{background:#c8a85a14}.xq-move-num{color:#888;width:24px;flex-shrink:0}.xq-move-side{width:16px;flex-shrink:0;font-weight:700}.xq-move-piece{color:#f7eed6;width:20px;flex-shrink:0;font-size:15px}.xq-move-desc{color:#aaa;font-size:12px}.xq-move-cap{color:#e87060;font-size:12px;margin-left:auto}.xq-result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background .4s ease;z-index:20}.xq-result-overlay.xq-show{background:#0009}.xq-result-card{background:linear-gradient(135deg,#1e1e32f2,#282337f2);border:2px solid rgba(200,168,90,.5);border-radius:16px;padding:40px 60px;text-align:center;transform:scale(.8);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}.xq-result-overlay.xq-show .xq-result-card{transform:scale(1);opacity:1}.xq-result-title{font-family:Ma Shan Zheng,serif;font-size:48px;margin-bottom:8px;letter-spacing:8px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.xq-result-subtitle{font-size:20px;color:#c8a85a;margin-bottom:30px;letter-spacing:6px}.xq-result-buttons{display:flex;gap:16px;justify-content:center}@media (max-width: 768px){.xq-history-panel{width:180px;max-height:250px;top:60px;right:10px}.xq-turn-panel{top:10px;left:10px}.xq-turn-label{font-size:14px}.xq-btn-group{top:10px;right:10px;flex-direction:column}.xq-btn{padding:6px 12px;font-size:13px}.xq-result-card{padding:30px 40px}.xq-result-title{font-size:36px}}