/* 摩尔斯电码软件样式 - 混淆版 */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:url(../img/beijing.gif);background-size:120px,auto;color:#e6e6e6;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.page-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}@media(max-width:1200px){.page-container{padding:0 10px}}@media(max-width:768px){body{padding:10px}.container{flex-direction:column}.control-buttons{justify-content:center}.output-text{font-size:1.8rem}.preset-buttons{flex-direction:column}.status-bar{flex-wrap:wrap}.status-item{flex:0 0 50%;margin-bottom:15px}.input-display-container{flex-direction:column}.morse-display-area{width:100%;margin-right:0;margin-bottom:15px}.real-time-display-area{width:100%;min-height:120px}.real-time-char{font-size:3.5rem;min-height:90px}h1{font-size:1.8rem}}@media(max-width:480px){body{padding:5px}h1{font-size:1.6rem}.panel-title,.panel-title-left{font-size:1.2rem}.btn{padding:10px 12px;font-size:0.85rem}.main-panel,.side-panel{padding:15px}.real-time-char{font-size:3rem;min-height:80px}.output-text{font-size:1.6rem}}@media(max-height:700px){.input-display{min-height:100px}.output-display{height:180px}.output-content{max-height:120px}.real-time-char{font-size:3.5rem;min-height:90px}}@media(max-height:600px){.input-display{min-height:90px}.output-display{height:160px}.output-content{max-height:100px}.real-time-char{font-size:3rem;min-height:80px}.control-buttons{margin-bottom:15px}}header{text-align:center;margin-bottom:20px;width:100%}h1{color:#4cc9f0;font-size:2.1rem;margin-bottom:0px}.container{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:0px;width:100%}.main-panel{flex:3;min-width:300px;background-color:#162447;border-radius:12px;padding:25px;box-shadow:0 8px 20px rgba(0,0,0,0.3);position:relative;overflow:hidden}.side-panel{flex:2;min-width:250px;background-color:#162447;border-radius:12px;padding:25px;box-shadow:0 8px 20px rgba(0,0,0,0.3)}.panel-title{color:#4cc9f0;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #30475e;align-items:center;justify-content:space-between;gap:10px}.panel-title i{font-size:1.2rem;margin-right:5px}.panel-title-left{color:#4cc9f0;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #30475e;display:flex;align-items:center;gap:10px}.panel-title-left i{font-size:1.2rem;margin-right:10px}.training-toggle{color:#4cc9f0;font-size:0.9rem;cursor:pointer;transition:color 0.3s ease;padding:4px 10px;border-radius:4px;white-space:nowrap;margin-left:30px}.training-toggle:hover{color:#36b9e0;background-color:rgba(76,201,240,0.1)}.training-container{padding:0px 0;animation:fadeIn 0.5s ease;display:none}.training-options{display:flex;justify-content:flex-end;gap:20px;margin-bottom:25px}.training-option{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:#aaa;cursor:pointer}.training-option input[type="radio"]{margin:0;cursor:pointer}.training-char-display{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-bottom:20px;position:relative;overflow:hidden}.training-char{font-size:10rem;font-weight:bold;text-align:center;width:50%;padding-bottom:20px;border-radius:16px;background-color:rgba(15,52,96,0.8);transition:transform 0.1s ease,color 0.1s ease,background-color 0.1s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative}.training-char.correct{color:white;background-color:green}.training-char.wrong{color:white;background-color:red}.training-prompt{font-size:1.5rem;color:#ffffff;text-align:center;min-height:30px;margin-top:30px;transition:all 0.2s ease;opacity:1}.training-result-text{font-size:1.5rem;font-weight:bold;text-align:center;min-height:30px;margin-top:10px;transition:all 0.2s ease}.training-result-text.correct{color:#2ecc71}.training-result-text.wrong{color:#e74c3c}.training-morse-display-area{background-color:#0f3460;border-radius:8px;padding:15px;margin-bottom:20px}.training-time-bar-container{height:12px;background-color:#30475e;border-radius:6px;overflow:hidden;margin-bottom:10px}.training-time-bar{height:100%;background-color:#2ecc71;width:0%;transition:width 0.1s linear}.training-morse-display{display:flex;flex-wrap:wrap;gap:10px;min-height:40px;align-items:center;padding:10px 0}.training-instruction-text{display:none}.training-stats-container{background-color:#0f3460;border-radius:8px;padding:20px;margin:0}.training-stats-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.training-stat-item-row{flex:1;min-width:150px}.training-stat-label-row{font-size:0.9rem;color:#aaa;margin-bottom:5px}.training-stat-value-row{font-size:1.4rem;font-weight:bold;color:#4cc9f0}.training-stat-item-row:nth-child(3){display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideDown{from{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:800px;overflow:hidden}}@keyframes slideUp{from{opacity:1;max-height:800px;overflow:hidden}to{opacity:0;max-height:0;overflow:hidden}}.main-content-container.hidden{animation:slideUp 0.5s ease forwards;overflow:hidden;max-height:0}.control-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#4cc9f0;color:#162447}.btn-primary:hover{background-color:#36b9e0;transform:translateY(-2px)}.btn-secondary{background-color:#30475e;color:#e6e6e6}.btn-secondary:hover{background-color:#3d566f;transform:translateY(-2px)}.btn-active{background-color:red;color:white}.btn-inactive{background-color:#7f8c8d;color:#bdc3c7;cursor:default}.btn-inactive:hover{transform:none;background-color:#7f8c8d}.input-display{background-color:#0f3460;border-radius:8px;padding:20px;margin-bottom:25px;min-height:120px}.input-display h3{color:#4cc9f0;margin-bottom:15px}.input-display-container{display:flex;gap:15px}.morse-display-area{flex:3;min-width:0}.morse-display{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;min-height:40px;align-items:center}.morse-unit{width:30px;height:8px;background-color:#4cc9f0;border-radius:4px;transition:all 0.2s}.dot{width:20px;background-color:#f39c12}.dash{width:60px;background-color:#e74c3c}.time-bar-container{height:12px;background-color:#30475e;border-radius:6px;overflow:hidden;margin-bottom:10px}.time-bar{height:100%;background-color:#2ecc71;width:0%;transition:width 0.1s linear}.real-time-display-area{flex:1;display:flex;flex-direction:column;background-color:black;border-radius:16px;padding:4px;min-width:100px;min-height:140px;justify-content:center}.real-time-char{font-size:6rem;font-weight:bold;text-align:center;min-height:110px;display:flex;align-items:center;justify-content:center;flex-grow:1;border-radius:6px;transition:all 0.3s ease;margin-top:-8px}.input-info{margin-top:15px;padding-top:15px;border-top:1px solid #30475e}.input-info p{margin-bottom:5px;font-size:0.9rem}.output-display{background-color:#0f3460;border-radius:8px;padding:20px;min-height:150px;margin-bottom:25px;display:flex;flex-direction:column;height:220px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.output-header h3{color:#4cc9f0}.output-content{flex:1;overflow-y:auto;padding-right:10px;max-height:150px}.output-content::-webkit-scrollbar{width:8px}.output-content::-webkit-scrollbar-track{background:#30475e;border-radius:4px}.output-content::-webkit-scrollbar-thumb{background:#4cc9f0;border-radius:4px}.output-content::-webkit-scrollbar-thumb:hover{background:#36b9e0}.output-text{font-size:2rem;color:slategray;min-height:60px;word-break:break-all;line-height:1.2}.parameter-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.param-group{display:flex;flex-direction:column;gap:8px}.param-label{color:#aaa;font-size:0.9rem;display:flex;justify-content:space-between;align-items:center}.param-value{color:#4cc9f0;font-weight:bold;margin-left:10px}input[type="range"]{width:100%;height:8px;border-radius:4px;background:#30475e;outline:none;-webkit-appearance:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4cc9f0;cursor:pointer}.instructions{background-color:#0f3460;border-radius:8px;padding:20px;margin-top:20px}.instructions ul{padding-left:20px;margin-bottom:15px}.instructions li{margin-bottom:8px}.instructions .key{display:inline-block;background-color:#30475e;padding:2px 8px;border-radius:4px;font-family:monospace;margin:0 3px}.status-bar{display:flex;justify-content:space-between;padding:15px 20px;background-color:#0f3460;border-radius:8px;margin-top:20px;margin-bottom:0}.status-item{display:flex;flex-direction:column;align-items:center;flex:1}.status-value{font-size:1.4rem;font-weight:bold;color:#4cc9f0}.status-label{font-size:0.9rem;color:#aaa;margin-top:5px}.mode-active{color:#2ecc71;font-weight:bold}.footer{text-align:center;margin-top:10px;padding-top:10px;color:#999999;font-size:14px;width:100%}.highlight{background-color:rgba(46,204,113,0.2);padding:2px 5px;border-radius:3px}.instruction-text{color:#aaa;font-style:italic;font-size:0.9rem}.clear-btn{background-color:#e74c3c;color:white;padding:8px 15px;font-size:0.9rem}.clear-btn:hover{background-color:#c0392b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;display:none}.modal-overlay.active{display:flex}.pitch-modal{background-color:#162447;border-radius:12px;padding:25px;width:90%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{color:#4cc9f0}.close-modal{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;transition:color 0.3s}.close-modal:hover{color:#fff}.pitch-slider-container{display:flex;flex-direction:column;gap:15px}.pitch-slider-label{display:flex;justify-content:space-between;align-items:center}.pitch-slider-label span{color:#4cc9f0;font-weight:bold;font-size:1.2rem}.pitch-test-btn{margin-top:15px;background-color:#4cc9f0;color:#162447;border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer;transition:background-color 0.3s}.pitch-test-btn:hover{background-color:#36b9e0}.preset-buttons{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.preset-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-align:center;background-color:#7f8c8d;color:#162447}.preset-btn:hover{background-color:#95a5a6;transform:translateY(-2px)}.preset-btn-active{background-color:#4cc9f0;color:#162447}.preset-btn-active:hover{background-color:#36b9e0}.lianjie{color:#999999;text-decoration:none}