body{background:#fff;margin:0;padding:0}:root{--primary:#4361ee;--secondary:#3f37c9;--accent:#4cc9f0;--light:#f8f9fa;--dark:#212529;--success:#4ade80;--gradient:linear-gradient(135deg, var(--primary), var(--accent))}.p10{padding:10px}.w100{width:100%}.device-buttons{display:flex;justify-content:center;gap:20px;margin:20px 0}body{background:linear-gradient(135deg, #3498db, #2ecc71)}.btn-square{width:300px;height:300px;border-radius:15px;background:#f8f9fa;border:1px solid #dee2e6;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.btn-square:hover{background:#e9ecef;transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.btn-square i{font-size:70px;margin-bottom:10px;color:var(--primary)}.btn-square span{font-size:28px;font-weight:500;color:#495057}.wc .report{width:100%;float:left;margin-top:90px}.wc .report .conwarp{width:800px;margin:0 auto}.wc .report .conwarp .title{font-size:18px;text-align:left;font-weight:700;margin-bottom:15px}.wc .report .itemshow{background:#fff;padding:15px;border-radius:5px;float:left;width:100%}.wc .report .itemshow .subjectItem{width:100%;float:left;margin-bottom:25px}.wc .report .itemshow .subjectItem .successLoading{width:100%;float:left;height:30px;background:#30bd06;border-radius:25px;overflow:hidden;text-align:center;color:#fff;line-height:30px}.wc .report .itemshow .subjectItem .successLoading .fail{background:#f30748;height:30px;float:left}.wc .report .itemshow .subjectItem .subjectName{float:left;width:100%;font-weight:700;font-size:14px;margin-bottom:10px}.wc .report .rank{width:100%;float:left}.wc .report .rank .item{padding:8px}.wc .report .rank .item .score{float:right;margin-right:10px}.wc .report .rank .item .usetime{float:right;margin-right:10px}.playBox{position:fixed;bottom:100px;width:600px;height:400px;left:50%;top:50%;margin-top:-300px;margin-left:-300px;border-radius:5px;text-align:left;padding:25px}.playBox .picker-vmx{background:#fff;border:solid 2px #eee;padding:10px;font-size:18px;position:relative;border-radius:5px;border-bottom:solid 3px #ccc;cursor:default;margin-top:15px}.playBox .picker-vmx .fh{float:right}.playBox .picker-vmx .select{position:absolute;left:0px;background:#fff;width:100%;max-height:150px;overflow-y:auto;top:60px;display:none;animation-fill-mode:forwards;padding:10px;border-radius:5px;z-index:99999;animation:selectFlash .3s}.playBox .picker-vmx .select .item{height:40px;float:left;width:100%;line-height:40px;text-indent:15px;overflow:hidden}.playBox .picker-vmx .select .item:hover{background:#eee;border-radius:2px}@keyframes selectFlash{from{top:40px;opacity:0}to{top:60px;opacity:1}}.playBox .active{border:solid 2px #2684ff}.playBox #startPlay{border-radius:2px;text-align:center;margin-top:10px;margin-bottom:10px;cursor:pointer;background-color:#5cb85c;border-color:#4cae4c;box-shadow:0 2px 12px rgba(0,0,0,0.15);padding-top:15px;padding-bottom:15px;color:#fff;font-size:30px;top:unset;border-radius:8px}.playBox #startPlay:hover{background-color:#1f861f}.jion_list{position:fixed;left:10px;top:90px;font-size:60px;width:100%;padding:0px 30px;color:#fff}.jion_list span{font-size:16px;padding:15px;margin-right:10px;border-radius:10px}.jion_list span:hover{text-decoration:line-through;cursor:pointer;color:red;font-weight:bold}.dao-time{position:fixed;left:10px;top:5px;margin-left:-100px;margin-top:-100px;font-size:14px;z-index:999;color:#fff}.gameEndShow{width:100%;margin-left:0%;background:#fff;top:300px;position:fixed;left:0;top:0px;z-index:99999;height:calc(100%);display:none}.gameEndShow .user-tag{display:inline-block;padding:8px 15px;margin:5px;background:#f0f7ff;border-radius:20px;color:#2196f3;font-size:14px;transition:all .3s ease;border:1px solid #e3f2fd}.gameEndShow .user-tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(33,150,243,0.2)}.gameEndShow .user-tag i{margin-right:5px}.gameEndShow .wrong-list .user-tag{background:#fff1f0;color:#ff4d4f;border-color:#ffccc7}.gameEndShow .wrong-list .user-tag:hover{box-shadow:0 2px 8px rgba(255,77,79,0.2)}.topbar{width:100%;position:fixed;top:0px;height:60px;line-height:60px;background:rgba(0,0,0,0.5);font-size:18px;color:#fff}.topbar span{float:left}.topbar .box{float:left;text-indent:10px}.topbar .pincodeshow{width:8%;float:left}.topbar .joinStatus{width:20%}.topbar .playTime-Page{width:8%;float:left;text-align:center;text-indent:0px}.topbar .playTime-Page b{font-weight:500}.topbar .daotimeStatus{width:60%;text-align:center;position:relative}.topbar .daotimeStatus .loading{background:#19a912;width:0%;float:left}.topbar .daotimeStatus .downtime{position:absolute;width:100%}.topbar .toolbar{float:right;width:8%}.topbar .toolbar a{height:60px;padding:0px 15px;float:right;text-align:center;text-indent:0px}.topbar .toolbar a:hover{background:#000}.timushow1{display:none;position:fixed;left:0;top:60px;width:100%;height:100vh;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:222;padding:40px;box-sizing:border-box;overflow-y:auto}.timushow1 .title{font-size:4rem;color:#2c3e50;margin-bottom:40px;line-height:1.4;font-weight:600;position:relative;padding-bottom:20px}.timushow1 .title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg, #00b344, #4caf50);border-radius:2px}.timushow1 .option{width:100%;font-size:30px;margin:0 auto;padding:20px}.timushow1 .optionitem{background:white;padding:20px 30px;margin:15px 0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;font-size:4rem}.timushow1 .optionitem:before{content:attr(data-option);position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;text-align:center;font-weight:bold;color:#00b344}.timushow1 .optionitem:hover{transform:translateX(10px);background:linear-gradient(to right, rgba(0,179,68,0.05), transparent);box-shadow:0 6px 20px rgba(0,0,0,0.08)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottomtools{display:none;position:fixed;right:15px;bottom:30px;z-index:999999999999999}.bottomtools div{height:60px;font-size:24px;border-radius:50%;bottom:15px;right:10px;left:unset;line-height:60px;border-radius:15px;color:#fff;text-align:center;padding-left:15px;padding-right:15px;float:left;margin-left:15px;margin-right:15px;background-color:#5cb85c;border-color:#4cae4c;box-shadow:0 2px 12px rgba(0,0,0,0.15);cursor:pointer}.bottomtools div:hover{background:#4cae4c}.mobilePlayPage .dao-time{width:200px;height:200px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-100px;margin-top:-100px;font-size:32px;line-height:200px;border-radius:50%;text-align:center}.mobilePlayPage .timu-img{float:left;width:100%;padding:15px}.mobilePlayPage .timu-list{width:90%;float:left;margin-left:5%;margin-top:20px}.mobilePlayPage .timu-list .li{width:100%;background:#fff;border-radius:5px;margin-bottom:10px;float:left;margin-right:1%;font-size:32px;text-align:center;text-align:left;padding-left:15px;padding-right:15px;font-size:16px;padding-top:15px;padding-bottom:15px}.mobilePlayPage .timu-list .li img{width:100%}.mobilePlayPage .timu-list .timu{width:100%;background:#fff;border-radius:5px;margin-bottom:10px;float:left;margin-right:1%;font-size:20px;padding:10px}.mobilePlayPage .timu-list .active{background-image:linear-gradient(#5ae227, #09a22f)}.mobilePlayPage .timu-list .submit{background:#1571df;border-bottom:solid 1px #1053a5;color:#fff;text-align:center;width:100%}body.dragging,body.dragging *{cursor:move !important}.dragged{position:absolute;opacity:.5;z-index:2000}ol.example a{color:#000}ol.example li.placeholder{position:relative}ol.example li.placeholder:before{position:absolute}