#globalHeader .title-bar[data-v-f98b6b8d]{display:flex;align-items:center}.title[data-v-f98b6b8d]{color:#000;font-size:18px;margin-left:16px}.logo[data-v-f98b6b8d]{height:60px}#basicLayout .header[data-v-9debd293]{background:#fff;color:unset;margin-bottom:16px;padding-inline:20px}#basicLayout .content[data-v-9debd293]{padding:16px;background:#fff;border-radius:4px;min-height:280px;margin-bottom:40px}#basicLayout .footer[data-v-9debd293]{background:#e0e8e9;padding:16px;position:fixed;bottom:0;left:0;right:0;text-align:center}#userLoginPage[data-v-c37fa0f5]{max-width:360px;margin:0 auto}.title[data-v-c37fa0f5]{text-align:center;margin-bottom:16px}.desc[data-v-c37fa0f5]{text-align:center;margin-bottom:16px;color:green}.tips[data-v-c37fa0f5]{text-align:right;font-size:14px;color:green;margin-bottom:16px}#userRegisterPage[data-v-023058b3]{max-width:360px;margin:0 auto}.title[data-v-023058b3]{text-align:center;margin-bottom:16px}.desc[data-v-023058b3]{text-align:center;margin-bottom:16px;color:green}.tips[data-v-023058b3]{text-align:right;font-size:14px;color:green;margin-bottom:16px}#homePage[data-v-1f175578]{margin-bottom:50px}#homePage .search-bar[data-v-1f175578]{max-width:480px;margin:0 auto 16px}#homePage .tag-bar[data-v-1f175578]{margin-bottom:16px}.userManagePage[data-v-cca21441]{padding:20px}.action-buttons[data-v-cca21441]{display:flex;flex-direction:column;gap:8px}.action-buttons .ant-btn[data-v-cca21441]{width:100%}.recent-chats[data-v-cca21441]{max-height:120px;overflow-y:auto}.chat-item[data-v-cca21441]{padding:4px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.chat-item[data-v-cca21441]:last-child{border-bottom:none}.chat-user[data-v-cca21441]{font-weight:700;color:#1890ff;margin-right:4px}.chat-content[data-v-cca21441]{color:#333;word-break:break-word}.chat-time[data-v-cca21441]{color:#999;font-size:10px;margin-left:8px}.no-chats[data-v-cca21441]{color:#999;font-style:italic;text-align:center;padding:8px}.chat-detail-modal[data-v-cca21441]{max-height:60vh;display:flex;flex-direction:column}.chat-list[data-v-cca21441]{flex:1;max-height:400px;overflow-y:auto;border:1px solid #f0f0f0;border-radius:6px;padding:12px;background:#fafafa;margin-bottom:16px}.chat-message[data-v-cca21441]{margin-bottom:12px;padding:8px 12px;border-radius:6px;background:#fff;border:1px solid #e8e8e8}.own-message[data-v-cca21441]{background:#e6f7ff;border-color:#91d5ff}.other-message[data-v-cca21441]{background:#fff}.message-header[data-v-cca21441]{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px}.user-name[data-v-cca21441]{font-weight:700;color:#1890ff}.message-time[data-v-cca21441]{color:#999}.message-content[data-v-cca21441]{word-wrap:break-word;color:#333}.real-time-chat[data-v-cca21441]{border-top:1px solid #f0f0f0;padding-top:16px}.chat-input-area[data-v-cca21441]{display:flex;gap:8px;align-items:center}.connection-status[data-v-cca21441]{margin-left:8px}@media (max-width: 768px){.action-buttons[data-v-cca21441]{flex-direction:column}.recent-chats[data-v-cca21441]{max-width:200px}}.picture-upload[data-v-a5b6c286] .ant-upload{width:100%!important;height:100%!important;min-width:152px;min-height:152px}.picture-upload img[data-v-a5b6c286]{max-width:100%;max-height:500px}.ant-upload-select-picture-card i[data-v-a5b6c286]{font-size:32px;color:#999}.ant-upload-select-picture-card .ant-upload-text[data-v-a5b6c286]{margin-top:8px;color:#666}.url-picture-upload[data-v-fddde866] .ant-upload{width:100%!important;height:100%!important;min-width:152px;min-height:152px}.url-picture-upload img[data-v-fddde866]{max-width:100%;max-height:500px}.url-picture-upload .img-wrapper[data-v-fddde866]{text-align:center}#addPicturePage[data-v-f91515fa]{max-width:720px;margin:0 auto 58px}.game-lobby[data-v-401bfcc1]{padding:20px;max-width:600px;margin:0 auto}.lobby-card[data-v-401bfcc1]{border-radius:8px;box-shadow:0 4px 12px #0000001a}.user-info-grid[data-v-401bfcc1]{width:100%;text-align:center;padding:20px}.user-info[data-v-401bfcc1]{display:flex;align-items:center;justify-content:center;gap:12px}.user-name[data-v-401bfcc1]{font-size:16px;font-weight:700}.action-grid[data-v-401bfcc1]{width:100%;padding:30px}.action-section[data-v-401bfcc1]{text-align:center}.action-section h3[data-v-401bfcc1]{margin-bottom:16px;color:#333}.create-btn[data-v-401bfcc1]{height:48px;font-size:16px;padding:0 24px}.join-input-group[data-v-401bfcc1]{display:flex;justify-content:center;gap:8px}.error-alert[data-v-401bfcc1]{margin:16px}[data-v-4175e0f1]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#addBrickGame[data-v-4175e0f1]{display:grid;grid-template-rows:1fr 9fr 1fr}.show-container[data-v-4175e0f1]{background:#998fbe;color:#450d41;border:#333;border-radius:10px;padding:5px}.game-container[data-v-4175e0f1]{display:grid;grid-template-columns:3fr 1fr}.btn-container[data-v-4175e0f1]{background:#998fbe;display:flex;flex-direction:row;border:#333;border-radius:10px;padding:5px}.random-grid-container[data-v-4175e0f1]{border-radius:20px;padding:20px;background-color:#cfd4ede6;display:grid;min-width:250px}body[data-v-4175e0f1]{background:linear-gradient(135deg,#6a11cb,#2575fc);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container[data-v-4175e0f1]{max-width:800px;width:100%;background-color:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0003;padding:5px;text-align:center}h1[data-v-4175e0f1]{color:#333;margin-bottom:10px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-4175e0f1]{color:#666;margin-bottom:30px;font-size:1.2rem}.game-info[data-v-4175e0f1]{display:flex;justify-content:space-between;margin-bottom:20px;background:#f0f8ff;padding:5px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.info-item[data-v-4175e0f1]{text-align:center}.info-label[data-v-4175e0f1]{font-size:.9rem;color:#555}.info-value[data-v-4175e0f1]{font-size:1.5rem;font-weight:700;color:#2575fc}.grid-container[data-v-4175e0f1]{display:inline-block;margin:20px 0;border:3px solid #2575fc;border-radius:10px;overflow:hidden;box-shadow:0 8px 16px #00000026}.grid-row[data-v-4175e0f1]{display:flex}.grid-cell[data-v-4175e0f1]{width:40px;height:40px;border:1px solid #b3d4fc;cursor:pointer;transition:all .2s ease;background-color:#f8fbff}.grid-cell[data-v-4175e0f1]:hover{transform:scale(1.1);box-shadow:0 0 8px #2575fc80;z-index:1}.grid-cell.filled[data-v-4175e0f1]{background-color:#2575fc;box-shadow:inset 0 0 10px #0003}.grid-cell.filled[data-v-4175e0f1]:hover{background-color:#ff4757}.grid-cell-adder[data-v-4175e0f1]{width:40px;height:40px;border:1px solid #b3d4fc;cursor:pointer;transition:all .2s ease;background-color:#f8fbff}.grid-cell-adder[data-v-4175e0f1]:hover{transform:scale(1.1);box-shadow:0 0 8px #2575fc80;z-index:1}.grid-cell-adder.filled[data-v-4175e0f1]{background-color:#fc2529;box-shadow:inset 0 0 10px #0003}.grid-cell-adder.filled[data-v-4175e0f1]:hover{background-color:#ff4757}.grid-cell-clone[data-v-4175e0f1]{width:40px;height:40px;border:1px solid #b3d4fc;cursor:pointer;transition:all .2s ease;background-color:#f8fbff}.grid-cell-clone[data-v-4175e0f1]:hover{transform:scale(1.1);box-shadow:0 0 8px #2575fc80;z-index:1}.grid-cell-clone.filled[data-v-4175e0f1]{background-color:#fc2529;box-shadow:inset 0 0 10px #0003}.grid-cell-clone.filled[data-v-4175e0f1]:hover{background-color:#ff4757}.controls[data-v-4175e0f1]{display:flex;justify-content:center;gap:15px;margin:25px 0;flex-wrap:wrap}.btn[data-v-4175e0f1]{padding:12px 25px;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-primary[data-v-4175e0f1]{background:linear-gradient(to right,#2575fc,#6a11cb);color:#fff}.btn-secondary[data-v-4175e0f1]{background:linear-gradient(to right,#ff9a9e,#fad0c4);color:#333}.btn-success[data-v-4175e0f1]{background:linear-gradient(to right,#56ab2f,#a8e063);color:#fff}.btn[data-v-4175e0f1]:hover{transform:translateY(-3px);box-shadow:0 7px 14px #0003}.btn[data-v-4175e0f1]:active{transform:translateY(1px)}.instructions[data-v-4175e0f1]{background:#f0f8ff;padding:20px;border-radius:10px;margin-top:20px;text-align:left;box-shadow:0 4px 6px #0000001a}.instructions h3[data-v-4175e0f1]{color:#2575fc;margin-bottom:10px}.instructions ul[data-v-4175e0f1]{padding-left:20px}.instructions li[data-v-4175e0f1]{margin-bottom:8px;color:#555}.mode-indicator[data-v-4175e0f1]{display:inline-block;padding:8px 16px;background:#2575fc;color:#fff;border-radius:20px;font-weight:700;margin-bottom:15px}@media (max-width: 600px){.grid-cell-clone[data-v-4175e0f1],.grid-cell[data-v-4175e0f1],.grid-cell-adder[data-v-4175e0f1]{width:30px;height:30px}.btn[data-v-4175e0f1]{padding:10px 20px;font-size:.9rem}h1[data-v-4175e0f1]{font-size:2rem}}.drag-item[data-v-4175e0f1]{width:120px;height:60px;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;font-weight:500}.drag-item[data-v-4175e0f1]:hover{background:#40a9ff;transform:translateY(-2px)}.drag-item[data-v-4175e0f1]:active{cursor:grabbing}.drag-clone[data-v-4175e0f1]{position:fixed;background:#eebaba1a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;pointer-events:none;z-index:10000;box-shadow:0 6px 20px #0003;opacity:.85}.drag-hint[data-v-4175e0f1]{font-size:10px;opacity:.8;margin-top:4px}.random-adder-main[data-v-4175e0f1]{display:flex;flex-direction:column}.grid-row-show[data-v-4175e0f1]{display:flex;flex-direction:row;margin-top:20px}.grid-row-container[data-v-4175e0f1]{margin-left:15px}.dice-btn[data-v-2bef6fff]{text-align:left;margin-top:5px}.tray[data-v-2bef6fff]{height:450px;width:450px;background:#f1f0f0;display:flex;justify-content:center;align-items:center;border-radius:10px}.sum[data-v-2bef6fff]{font-size:100px;width:100px;text-align:center;padding-top:9px;opacity:0;color:#000}#rollDiceGame[data-v-2bef6fff]{display:flex;flex-direction:column;min-width:500px;overflow:hidden;color:#fff;align-items:center}.game-room[data-v-cbdbf93c]{padding:10px;max-width:2000px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr}.room-header[data-v-cbdbf93c]{margin-bottom:20px}.header-content[data-v-cbdbf93c]{display:flex;justify-content:space-between;align-items:center}.room-content[data-v-cbdbf93c]{display:flex;flex-direction:column;gap:20px}.chat-card[data-v-cbdbf93c]{height:740px;display:flex;margin-left:20px;flex-direction:column;background:#f3e7e7}.game-card[data-v-cbdbf93c]{height:600px;display:flex;flex-direction:column}.game-placeholder[data-v-cbdbf93c]{text-align:center;padding:5px;color:#999}.online-user-list[data-v-cbdbf93c]{max-height:400px;overflow-y:auto}.online-user-list .ant-list-item[data-v-cbdbf93c]{padding:8px 0}.online-user-list .ant-avatar[data-v-cbdbf93c]{margin-right:12px}@media (max-width: 768px){.room-content[data-v-cbdbf93c]{grid-template-columns:1fr}.header-content[data-v-cbdbf93c]{flex-direction:column;gap:16px}}.chat-container[data-v-cbdbf93c]{width:500px;height:600px;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column}.chat-header[data-v-cbdbf93c]{padding:16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.chat-messages[data-v-cbdbf93c]{flex:1;padding:16px;overflow-y:auto;background:#dcdcdc}.message[data-v-cbdbf93c]{margin-bottom:12px;padding:8px 12px;border-radius:8px;max-width:80%}.own-message[data-v-cbdbf93c]{background-color:#007bff;color:#fff;margin-left:auto}.other-message[data-v-cbdbf93c]{background-color:#f1f1f1;color:#333}.message-header[data-v-cbdbf93c]{font-size:12px;margin-bottom:4px;display:flex;justify-content:space-between}.message-content[data-v-cbdbf93c]{word-wrap:break-word}.chat-input[data-v-cbdbf93c]{padding:16px;border-top:1px solid #ddd;display:flex;gap:8px}.chat-input input[data-v-cbdbf93c]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.chat-input button[data-v-cbdbf93c]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.chat-input button[data-v-cbdbf93c]:disabled{background-color:#6c757d;cursor:not-allowed}.room-info[data-v-cbdbf93c] .ant-tag{cursor:pointer;transition:all .3s}.room-info[data-v-cbdbf93c] .ant-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}#addRolePage[data-v-fae87979],#addRolePage[data-v-3a0d2d66]{max-width:720px;margin:0 auto 58px}.image-list[data-v-3a0d2d66]{display:flex;flex-wrap:wrap;gap:10px}.image-item img[data-v-3a0d2d66]{width:80px;height:80px;object-fit:cover}.selected-image img[data-v-3a0d2d66]{max-width:200px;margin-top:10px}#homePage[data-v-60db39d7]{margin-bottom:50px}#homePage .search-bar[data-v-60db39d7]{max-width:480px;margin:0 auto 16px}#homePage .tag-bar[data-v-60db39d7]{margin-bottom:16px}#addPicturePage[data-v-f88793a7],#addPicturePage[data-v-425ea9d0]{max-width:720px;margin:0 auto 58px}.advanced-drag[data-v-d4f49e7b]{display:flex;gap:16px;padding:20px;flex-wrap:wrap}.drag-item[data-v-d4f49e7b]{width:120px;height:60px;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;font-weight:500}.drag-item[data-v-d4f49e7b]:hover{background:#40a9ff;transform:translateY(-2px)}.drag-item[data-v-d4f49e7b]:active{cursor:grabbing}.drag-clone[data-v-d4f49e7b]{position:fixed;width:140px;height:70px;background:#52c41a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;pointer-events:none;z-index:10000;box-shadow:0 6px 20px #0003;opacity:.85;border:2px dashed #fff}.drag-hint[data-v-d4f49e7b]{font-size:10px;opacity:.8;margin-top:4px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}