body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f4;margin:0;padding:0;line-height:1.6}.container{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden}.logo-title-container{display:flex;align-items:center;padding:20px 0}.logo-title-container img{box-shadow:-8px 5px 10px rgba(0,0,0,0.5);margin-right:20px}.title{text-align:center;color:#333;font-size:24px;margin-bottom:20px;padding:10px 0}.switch,#dragon-level{display:inline-block;margin-left:auto;margin-right:auto;text-align:center}.dragon-level,.s1-level{color:orange}.s1level{transform:translateY(15px)}.switch{position:relative;display:inline-block;width:48px;height:27.2px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20.8px;width:20.8px;left:3.2px;bottom:3.2px;background-color:white;transition:.4s}input:checked+.slider{background-color:#2196F3}input:focus+.slider{box-shadow:0 0 1px #2196F3}input:checked+.slider:before{transform:translateX(20.8px)}.slider.round{border-radius:27.2px}.slider.round:before{border-radius:50%}.theme-switch{font-size:12px;background-color:#4CAF50;color:#EEEEEE;padding:10px 15px;border-radius:4px;transition:background-color 0.3s;text-decoration:none}button{padding:10px 20px;border:none;background-color:#4CAF50;border-radius:4px;color:white;cursor:pointer;transition:background-color 0.3s ease}.button{width:100%;padding:10px;margin-top:10px;background-color:#5cb85c;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.rhy{width:50%;padding:10px;background-color:#5cb85c;text-decoration:none;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s;display:flex;justify-content:center;align-items:center}.theme-switch:active,button:active{background-color:#2a832d}.button:active,.rhy:active{background-color:#4cae4c}@media (hover:hover){.theme-switch:hover,button:hover{background-color:#2a832d}.button:hover,.rhy:hover{background-color:#4cae4c}}.img-flag{height:20px;width:20px;margin-right:6px}.level-img{width:65px;height:20px}.input-group{margin-top:20px}.input-group label{display:block;color:#666;margin-bottom:5px;font-weight:600}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;transition:border-color 0.3s}.input-group input:focus{border-color:#5cb85c;outline:none}.result{margin-top:20px;padding:10px;background-color:#e7f3fe;border:1px solid #b3d8fd;border-radius:4px;color:#333;display:none}body.dark-mode{background-color:#222831;color:#fff}.dark-mode .container{background-color:#393E46;color:#EEEEEE;box-shadow:0 4px 8px rgba(255,255,255,0.1)}.dark-mode .title{color:#00ADB5}.dark-mode .select2-container--default .select2-selection--single{border-color:#00ADB5;background-color:#393e46}.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:28px}.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field{color:#fff;background-color:#393e46}.dark-mode .select2-dropdown{background-color:#393e46}.dark-mode .input-group label{color:#EEEEEE}.dark-mode .theme-switch,.dark-mode button,.dark-mode .button,.dark-mode .rhy{background-color:#222831;color:#EEEEEE}.dark-mode .input-group input{background-color:#393E46;color:#EEEEEE;border-color:#00ADB5}.dark-mode .input-group input:focus{border-color:#EEEEEE}.dark-mode .result{background-color:#393E46;border-color:#00ADB5;color:#EEEEEE}.dark-mode .logo-title-container img{box-shadow:-8px 5px 10px rgb(0 173 181 / 75%)}.dark-mode .theme-switch:active,.dark-mode button:active,.dark-mode .button:active,.dark-mode .rhy:active{background-color:#009DAE;color:#000}@media (hover:hover){.dark-mode .theme-switch:hover,.dark-mode button:hover,.dark-mode .button:hover,.dark-mode .rhy:hover{background-color:#00ADB5;color:#000}}.qq-info-container{align-items:center;margin-top:15px;padding:10px;border-radius:8px;background-color:#fff;transition:background-color 0.3s,border 0.3s;border:1px solid #ccc}.qq-info-container img{width:50px;height:50px;border-radius:50%;margin-right:15px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.qq-info-container span{font-weight:bold;font-size:18px;color:#333}.dark-mode .qq-info-container{background-color:#393E46;border:1px solid #00ADB5}.dark-mode .qq-info-container span{color:#EEEEEE}