html,body,#app{width:100%;height:100%;margin:0;padding:0;font-family:sans-serif}.PageGames{display:flex;flex-direction:column;align-items:center;justify-content:center}.PageGames a{font-size:20px}.Flag{background:#aaa;display:flex;flex-flow:wrap}.Flag .ApplicationCanvas{display:flex;flex-direction:column;align-items:center;width:fit-content;padding:10px}.CardString{display:flex;align-items:center}html,body,#app{margin:0;padding:0;width:100%;height:100%}.Index{width:100%;height:100%;display:flex;flex-direction:row}.Index .left{width:70%;height:100%;overflow:auto;padding:10px;box-sizing:border-box}.Index .right{width:30%;height:100%;overflow:auto}.left hr{margin:0}.cardList{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.cardList>div{display:flex}.cardList .Card{font-size:40px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.cardList .mine{font-size:70px}.cardList .lastFetch{text-shadow:0 0 3px}.cardList .chosen,.cardList .group{border-style:solid}.actionList{height:60px;display:flex;align-items:center;justify-content:center;flex-direction:row}.actionList button{height:100%;font-size:30px;margin:0 5px;-webkit-user-select:none;user-select:none}.right{padding:20px;box-sizing:border-box}.right .Card{font-size:30px;-webkit-user-select:auto;user-select:auto}.CardProbability{font-size:30px}.Card{display:inline-flex;align-items:center;justify-content:center}.DavinceCode{width:100%;height:100%;padding:0;margin:0;display:flex}.DavinceCode .right{width:30%;height:100%;overflow:auto;border-left:black;border-left-width:2px;border-left-style:solid;padding-left:12px;box-sizing:border-box}.DavinceCode .left{width:70%;height:100%;overflow:auto}.DavinceCode .left button{font-size:40px}.DavinceCode .Card{-webkit-user-select:none;user-select:none;margin:2px;border-radius:10px}.DavinceCode .handCards{margin-top:10px}.DavinceCode .handCards .Card{font-size:60px}.DavinceCode .optionCards{margin-top:20px;font-size:35px}.ChatRoom{display:flex;flex-direction:row}.ChatRoom .left{width:70%;display:flex;flex-direction:column}.ChatRoom .right{width:30%}.Praise{display:flex;flex-direction:column}.Praise .imageHolder{height:250px;display:flex;align-items:center;justify-content:center}.Praise img{max-width:100%;max-height:250px}.Praise .switcher .el-switch{float:right}.Praise .switcher .desc{float:left;color:red}.SingleIndex .groupChoose[data-v-8198744f]{display:flex;flex-wrap:wrap;gap:5px}.SingleIndex main[data-v-8198744f]{padding-top:30px}.BoardList{background:#aaa;display:flex;flex-flow:wrap}.BoardList .item{display:flex;flex-direction:column;align-items:center;width:fit-content;padding:10px}.BoardList .item img{width:200px}.StateViewer{display:flex;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;flex-direction:row}.StateViewer .right{width:300px;height:100%}.StateViewer .left{width:calc(100% - 300px);height:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.StateViewer .left img{max-width:100%;max-height:100%}.HexPoint[data-v-2ad22a0b]{display:flex;flex-direction:row;height:100%}.HexPoint .left[data-v-2ad22a0b],.HexPoint .right[data-v-2ad22a0b]{height:100%}.HexPoint .left[data-v-2ad22a0b]{width:80%;background:gray}.HexPoint .right[data-v-2ad22a0b]{width:20%}.BoardPoints[data-v-4baef9ea]{display:flex;height:100%}.BoardPoints .left[data-v-4baef9ea],.BoardPoints .right[data-v-4baef9ea]{flex:1}.BoardPoints .right[data-v-4baef9ea]{overflow:auto;height:100%;width:300px}.BoardPoints .left[data-v-4baef9ea]{width:calc(100% - 300px);height:100%}.BoardPoints .el-form-item__content[data-v-4baef9ea]{display:flex;flex-direction:row}.XiongHanFenConverter[data-v-42e7aef9]{width:100%;height:100%;display:flex;flex-direction:row;box-sizing:border-box}.XiongHanFenConverter .left[data-v-42e7aef9]{width:60%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1e1e;box-sizing:border-box;padding:12px}.XiongHanFenConverter .board[data-v-42e7aef9]{display:grid;grid-template-columns:repeat(13,34px);grid-template-rows:repeat(13,34px);gap:1px;background:#555;padding:1px;border-radius:6px}.XiongHanFenConverter .cell[data-v-42e7aef9]{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;-webkit-user-select:none;user-select:none;background:#111;color:#ddd}.XiongHanFenConverter .cell.empty[data-v-42e7aef9]{color:#444}.XiongHanFenConverter .cell.red[data-v-42e7aef9]{color:#ff5a5a;background:#161010;font-weight:700}.XiongHanFenConverter .cell.black[data-v-42e7aef9]{color:#f3f3f3;background:#0f1318;font-weight:700}.XiongHanFenConverter .right[data-v-42e7aef9]{width:40%;height:100%;overflow:auto;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.XiongHanFenConverter .panel[data-v-42e7aef9]{width:100%}.XiongHanFenConverter .panel-header[data-v-42e7aef9]{display:flex;align-items:center;justify-content:space-between;gap:12px}.XiongHanFenConverter .panel-header .ops[data-v-42e7aef9]{display:flex;align-items:center;gap:10px}.XiongHanFenConverter .actions[data-v-42e7aef9]{margin-top:10px;display:flex;gap:10px}.XiongHanFenConverter .mapping[data-v-42e7aef9]{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#333}.ChessBook{border:1px solid #8b6f47;display:inline-flex;flex-direction:column;max-width:270px;box-sizing:border-box;padding:20px}.ChessBook .book{text-decoration:none;width:170px;height:250px;cursor:pointer;background-color:#f8f0e6;border:2px solid #8b6f47;border-radius:10px;box-shadow:0 0 10px #0003;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:20px;align-items:center;writing-mode:vertical-rl}.ChessBook .book:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#f8f0e6,#e0d4c2);z-index:-1}.ChessBook .book:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#ffffff1a,#ffffff4d);z-index:-1}.ChessBook .book .book-title{font-size:23px;font-weight:700;color:#8b6f47;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.ChessBook .book .book-author{font-size:16px;color:#5a4b3a;text-shadow:1px 1px 2px rgba(0,0,0,.2);align-items:flex-end;margin:20px}.ChessBook .book-desc{font-size:16px;line-height:1.6;color:#e0d4c2;text-align:justify}.competition-list[data-v-b8607e68]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:24px;background:linear-gradient(135deg,#0f172a,#1e293b)}.competition-list .competition-card[data-v-b8607e68]{position:relative;background:#ffffff14;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #02081466;transition:all .3s ease;cursor:pointer}.competition-list .competition-card[data-v-b8607e68]:hover{transform:translateY(-8px);box-shadow:0 12px 40px #38bdf840;border-color:#38bdf84d}.competition-list .competition-card.no-image .content-wrapper[data-v-b8607e68]{padding-top:24px}.competition-list .card-inner[data-v-b8607e68]{display:flex;flex-direction:column}.competition-list .image-wrapper[data-v-b8607e68]{position:relative;width:100%;overflow:hidden}.competition-list .image-wrapper img[data-v-b8607e68]{width:100%;object-fit:cover;transition:transform .5s ease}.competition-list .image-wrapper .image-overlay[data-v-b8607e68]{position:absolute;inset:0;background:linear-gradient(135deg,#38bdf833,#0ea5e94d);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.competition-list .image-wrapper .image-overlay .play-icon[data-v-b8607e68]{font-size:48px;color:#fff;transform:scale(.8);transition:transform .3s ease}.competition-list .image-wrapper:hover img[data-v-b8607e68]{transform:scale(1.05)}.competition-list .image-wrapper:hover .image-overlay[data-v-b8607e68]{opacity:1}.competition-list .image-wrapper:hover .image-overlay .play-icon[data-v-b8607e68]{transform:scale(1)}.competition-list .content-wrapper[data-v-b8607e68]{flex:1;padding:20px;display:flex;flex-direction:column}.competition-list .competition-title[data-v-b8607e68]{font-size:20px;font-weight:600;color:#f8fafc;margin-bottom:12px;line-height:1.4;display:-webkit-box;line-clamp:3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.competition-list .time-wrapper[data-v-b8607e68]{display:flex;align-items:center;margin-bottom:12px;color:#cbd5e1;font-size:14px}.competition-list .time-wrapper .time-icon[data-v-b8607e68]{margin-right:6px;font-size:16px}.competition-list .competition-description[data-v-b8607e68]{flex:1;color:#e2e8f0;font-size:14px;line-height:1.6;margin-bottom:16px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.competition-list .competition-link[data-v-b8607e68]{display:inline-flex;align-items:center;margin-left:auto;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;align-self:flex-start}.competition-list .competition-link[data-v-b8607e68]:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translate(4px);box-shadow:0 4px 12px #0284c74d}.competition-list .competition-link .link-icon[data-v-b8607e68]{margin-right:6px;font-size:16px}@media (max-width: 768px){.competition-list .competition-list[data-v-b8607e68]{grid-template-columns:1fr;padding:16px}}@keyframes fadeIn-b8607e68{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.competition-list .competition-card[data-v-b8607e68]{animation:fadeIn-b8607e68 .6s ease forwards}.competition-list .competition-card[data-v-b8607e68]:nth-child(1){animation-delay:.1s}.competition-list .competition-card[data-v-b8607e68]:nth-child(2){animation-delay:.2s}.competition-list .competition-card[data-v-b8607e68]:nth-child(3){animation-delay:.3s}.competition-list .competition-card[data-v-b8607e68]:nth-child(4){animation-delay:.4s}.competition-list .competition-card[data-v-b8607e68]:nth-child(5){animation-delay:.5s}.ChessDetail .bookContainer{display:flex;flex-wrap:wrap}.ChessDetail .bookContainer>div{margin:20px;display:inline-flex}.ChessDetail .competition{margin:20px;font-size:20px}.ChessDetail .competition a{color:#fff}.ChessDetail .competition a:hover{color:#faebd7}.ChessDetail .el-tabs{width:100%}.ChessDetail .el-tabs__item{color:#faebd7}.ChessDetail .el-tabs__item.is-active{color:#ec8b8b}.ListBook{height:100%;width:100%;overflow:auto}.ListBook .chapter-title{font-size:20px;font-weight:700;font-style:italic;margin:20px 20px 10px}.TreeBook{width:100%;height:calc(100vh - 120px);background-color:#1a2332;color:#e0e0e0;display:flex;flex-direction:column}.TreeBook .tree-container{display:flex;flex:1;height:100%;gap:20px}.TreeBook .left-panel{width:300px;min-width:300px;border-right:1px solid #3a4556;padding-right:20px;overflow-y:auto;background-color:#1a2332;height:100%}.TreeBook .left-panel .book-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.TreeBook .left-panel .book-header h3{margin:0;font-size:18px;font-weight:500;color:#fff}.TreeBook .left-panel .book-header .collapse-btn{background-color:#2a3546;border-color:#3a4556;color:#e0e0e0}.TreeBook .left-panel .book-header .collapse-btn:hover{background-color:#3a4556}.TreeBook .left-panel .tree-component{background-color:transparent;color:#e0e0e0}.TreeBook .left-panel .tree-component .el-tree-node__content{height:32px;background-color:transparent;color:#e0e0e0}.TreeBook .left-panel .tree-component .el-tree-node__content:hover{background-color:#2a3546}.TreeBook .left-panel .tree-component .el-tree-node.is-current>.el-tree-node__content{background-color:#3a4556!important;color:#fff!important}.TreeBook .left-panel .tree-component .el-tree-node.is-current>.el-tree-node__content .node-icon{color:#fff!important}.TreeBook .left-panel .tree-component .el-tree-node.is-current>.el-tree-node__content .node-type{background-color:#4a5566!important;color:#fff!important}.TreeBook .left-panel .tree-component .el-tree-node__expand-icon{color:#8b9dc3}.TreeBook .left-panel .tree-component .el-tree-node__expand-icon:hover{color:#fff}.TreeBook .left-panel .tree-component .tree-node{display:flex;align-items:center;justify-content:space-between;width:100%}.TreeBook .left-panel .tree-component .tree-node.selected-node{background-color:#3a4556;color:#fff}.TreeBook .left-panel .tree-component .tree-node.selected-node .node-icon{color:#fff}.TreeBook .left-panel .tree-component .tree-node.selected-node .node-type{background-color:#4a5566;color:#fff}.TreeBook .left-panel .tree-component .tree-node .node-icon{margin-right:8px;color:#8b9dc3}.TreeBook .left-panel .tree-component .tree-node .node-label{flex:1}.TreeBook .left-panel .tree-component .tree-node .node-type{font-size:12px;color:#8b9dc3;background-color:#2a3546;padding:2px 6px;border-radius:3px}.TreeBook .right-panel{flex:1;display:flex;flex-direction:column;background-color:#1a2332;height:100%;overflow:hidden}.TreeBook .right-panel .breadcrumb{padding:12px 20px;background-color:#2a3546;border-bottom:1px solid #3a4556;flex-shrink:0}.TreeBook .right-panel .breadcrumb .breadcrumb-item{display:inline-flex;align-items:center}.TreeBook .right-panel .breadcrumb .breadcrumb-item .breadcrumb-text{color:#e0e0e0;font-size:14px}.TreeBook .right-panel .breadcrumb .breadcrumb-item .breadcrumb-text:hover{color:#fff}.TreeBook .right-panel .breadcrumb .breadcrumb-item .breadcrumb-separator{margin:0 8px;color:#8b9dc3;font-size:12px}.TreeBook .right-panel .record-container{flex:1;min-height:0;overflow-y:auto;background-color:#1a2332}.TreeBook .right-panel .placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#8b9dc3;font-size:16px;background-color:#1a2332}.TreeBook .right-panel .navigation{display:flex;justify-content:center;gap:20px;padding:20px 0;border-top:1px solid #3a4556;background-color:#1a2332;flex-shrink:0}.TreeBook .right-panel .navigation .el-button{min-width:80px;background-color:#2a3546;border-color:#3a4556;color:#e0e0e0}.TreeBook .right-panel .navigation .el-button:hover:not(:disabled){background-color:#3a4556}.TreeBook .right-panel .navigation .el-button:disabled{background-color:#1a2332;border-color:#3a4556;color:#4a5566}.EndgameBook .praiseContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.EndgameBook .praiseContainer img{max-width:100%;margin-bottom:10px}.EndgameBook .praiseContainer span{font-size:23px}.el-form[data-v-6ad02511]{margin-bottom:20px}.el-pagination[data-v-6ad02511]{margin-top:20px}.el-form[data-v-af099ee8]{margin-bottom:20px}.el-pagination[data-v-af099ee8],.el-descriptions[data-v-af099ee8]{margin-top:20px}.title-link[data-v-af099ee8]{color:#409eff;cursor:pointer;text-decoration:none}.title-link[data-v-af099ee8]:hover{color:#66b1ff;text-decoration:underline}h2[data-v-9fa0d675]{margin-bottom:20px}.Admin[data-v-e6f08a70]{padding:20px}.developer-container[data-v-7146d518]{display:flex;background-color:#f5f5f5;width:100%;height:100%}.developer-sidebar[data-v-7146d518]{width:250px;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:2px 0 10px #0000001a}.developer-sidebar h2[data-v-7146d518]{margin:0 0 30px;font-size:1.5rem;font-weight:600;text-align:center;border-bottom:2px solid #34495e;padding-bottom:15px}.developer-menu[data-v-7146d518]{display:flex;flex-direction:column;gap:8px}.menu-item[data-v-7146d518]{display:block;padding:12px 16px;color:#ecf0f1;text-decoration:none;border-radius:6px;transition:all .3s ease;font-weight:500}.menu-item[data-v-7146d518]:hover{background-color:#34495e;color:#3498db;transform:translate(5px)}.menu-item.active[data-v-7146d518]{background-color:#3498db;color:#fff;box-shadow:0 2px 8px #3498db4d}.developer-content[data-v-7146d518]{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:calc(100% - 250px);height:100%;box-sizing:border-box;overflow:auto}@media (max-width: 768px){.developer-container[data-v-7146d518]{flex-direction:column}.developer-sidebar[data-v-7146d518]{width:100%;padding:15px}.developer-content[data-v-7146d518]{margin:10px;padding:20px}}.my-page[data-v-f2581b4a]{min-height:100vh;background-color:#1a237e;padding:20px}.my-page .main-tabs[data-v-f2581b4a]{background:#fff;border-radius:8px;overflow:hidden}.my-page .card-title[data-v-f2581b4a]{font-weight:700;font-size:16px}.my-page .records-container[data-v-f2581b4a]{display:flex;flex-direction:column;gap:20px}.my-page .records-container .filter-card .filter-form .el-form-item[data-v-f2581b4a]{margin-bottom:10px}.my-page .records-container .records-list-card .pagination[data-v-f2581b4a]{margin-top:20px;text-align:center}.my-page .games-container .games-card .score-positive[data-v-f2581b4a]{color:#67c23a;font-weight:700}.my-page .games-container .games-card .score-negative[data-v-f2581b4a]{color:#f56c6c;font-weight:700}.my-page .games-container .games-card .score-zero[data-v-f2581b4a]{color:#909399}[data-v-f2581b4a] .el-tabs__content{padding:20px}[data-v-f2581b4a] .el-card__header{background-color:#f5f7fa}[data-v-f2581b4a] .el-table{font-size:14px}[data-v-f2581b4a] .el-pagination{justify-content:center}.GameView{height:100%}.GameView .console{height:50px;display:flex;width:100%;flex-flow:wrap;align-items:center;justify-content:space-between}.GameView .console>*{height:100%;flex:1}.GameView .body{display:flex;background:#000;height:calc(100% - 90px);align-items:center;justify-content:center}.GameView .footer{height:40px;flex:1;display:flex;align-items:center;justify-content:center;background:#faebd7}.HeaderPart{display:flex;align-items:center;justify-content:space-between;color:#000000a6;height:44px;box-shadow:0 1px 4px #0000001a}.HeaderPart>div{display:flex;align-items:center;height:100%}.HeaderPart>div img{max-height:100%}.HeaderPart>div a{text-decoration:none;cursor:pointer;color:#000000a6;height:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0 10px;font-size:14px}.HeaderPart>div>*{margin:0 10px}.ProblemSet{width:100%;padding:0;margin:0}.ProblemSet .body{padding:40px 20px;box-sizing:border-box}.ProblemSet .debug-message{position:fixed;z-index:100;background:#000;color:gray;width:100%;display:block;height:100px;overflow:auto}.ProblemSet .solved{background:#d9f0d9}.ProblemSet .total-desc{border-radius:10px;background:#337ab7;display:inline-block;color:#fff;padding:4px;font-size:12px}.ProblemSet .map-link{cursor:pointer;display:block}.ProblemSet .el-table--enable-row-hover .el-table__body tr:hover>td{background:unset}.AddProblem,.AddProblem html,.AddProblem body{width:100%;height:100%;padding:0;margin:0}.AddProblem .HeaderPart{height:44px}.AddProblem .body{display:flex;height:calc(100% - 44px);overflow:hidden}.AddProblem .body .input-map{font-size:25px;width:100%;height:280px;outline:none}.AddProblem .body .left,.AddProblem .body .right{width:50%;height:100%}.AddProblem .body .left{display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.AddProblem .body .right{overflow:auto}.AddProblem .body .right .remind{color:gray}.AddProblem .body .right .remind p{margin:0}.About .body{padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.About .body .wrapper{padding:30px;max-width:500px;background:#f5f5f5}