*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e3a5f;--secondary-blue: #2c5f8d;--accent-blue: #4a90e2;--light-gray: #f5f7fa;--medium-gray: #e1e8ed;--dark-gray: #657786;--text-dark: #14171a;--text-light: #66757f;--white: #ffffff;--border-color: #ccd6dd;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--light-gray) 0%,var(--medium-gray) 100%);color:var(--text-dark);line-height:1.6;min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:40px;padding:30px 20px;background:var(--white);border-radius:8px;box-shadow:var(--shadow)}header h1{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:8px}.subtitle{color:var(--text-light);font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:1px}.type-selector-section{margin-bottom:30px;display:flex;justify-content:center}.type-selector{display:flex;gap:0;background:var(--white);border-radius:8px;box-shadow:var(--shadow);padding:4px;overflow:hidden;border:2px solid var(--border-color)}.type-btn{padding:14px 40px;background:transparent;color:var(--text-dark);border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px;position:relative}.type-btn:hover{background:var(--light-gray)}.type-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);box-shadow:0 2px 8px #1e3a5f4d;z-index:1}.type-btn.active:hover{background:linear-gradient(135deg,var(--secondary-blue) 0%,var(--accent-blue) 100%);box-shadow:0 4px 12px #1e3a5f66}.type-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--medium-gray);color:var(--text-light)}.type-btn:disabled:hover{background:var(--medium-gray);box-shadow:none;transform:none}.separator-content{width:100%;min-height:100px;position:relative;overflow:visible}.diagram-svg-container{margin-bottom:25px;background:var(--light-gray);border-radius:6px;padding:20px;text-align:center}.separator-svg{width:100%;max-width:500px;height:auto;min-height:200px;background:var(--white);border-radius:4px;border:1px solid var(--border-color)}.diagram-svg-container .diagram-caption{margin-top:10px;color:var(--text-light);font-size:.9rem;font-style:italic}.diagram-section{margin-bottom:30px;background:var(--white);border-radius:8px;box-shadow:var(--shadow);padding:20px;text-align:center}.diagram-container{max-width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.separator-diagram{max-width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px #0000001a;background:var(--light-gray);padding:10px}.diagram-caption{color:var(--text-light);font-size:.9rem;font-style:italic;margin:0}@media (max-width: 768px){.separator-diagram{max-height:250px}.diagram-caption{font-size:.85rem}.separator-svg{min-height:300px;max-width:100%}#steamDiagram{width:100%!important;height:auto!important;min-height:400px;aspect-ratio:400 / 500}}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;width:100%;min-height:200px}@media (max-width: 968px){.main-content{grid-template-columns:1fr;gap:20px}}.input-section,.result-section{background:var(--white);padding:30px;border-radius:8px;box-shadow:var(--shadow)}.input-section h2,.result-section h2{color:var(--primary-blue);font-size:1.5rem;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--medium-gray)}.form-group{margin-bottom:25px}.calc-mode-group{padding:20px;background:var(--light-gray);border-radius:8px;border:2px solid var(--accent-blue);margin-bottom:30px}.calc-mode-group label{color:var(--primary-blue);font-weight:700;font-size:1rem}.calc-mode-group .input-field{border-color:var(--accent-blue);background:var(--white);font-weight:600}.calc-mode-group .input-field:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a5f26}.form-group label{display:block;color:var(--text-dark);font-weight:600;margin-bottom:8px;font-size:.95rem}.input-field{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-dark);background:var(--white);transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e21a}.input-field:hover{border-color:var(--secondary-blue)}.hint{display:block;color:var(--text-light);font-size:.85rem;margin-top:5px;font-style:italic}.calculate-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:var(--shadow)}.calculate-btn:hover{background:linear-gradient(135deg,var(--secondary-blue) 0%,var(--accent-blue) 100%);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.calculate-btn:active{transform:translateY(0)}.calculate-btn:disabled{background:var(--dark-gray);cursor:not-allowed;transform:none}.status-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.9rem;display:none}.status-message.show{display:block}.status-message.info{background:#e3f2fd;color:#1976d2;border-left:4px solid #1976d2}.status-message.error{background:#ffebee;color:#c62828;border-left:4px solid #c62828;display:block!important;font-weight:600;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 8px #c6282800}}.status-message.success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.results-grid{display:grid;gap:20px}.result-item{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:20px;background:var(--light-gray);border-radius:6px;border-left:4px solid var(--accent-blue);transition:all .3s ease}.result-item:hover{background:var(--medium-gray);transform:translate(5px);box-shadow:var(--shadow)}.result-label{color:var(--text-dark);font-weight:600;font-size:1rem}.result-value{color:var(--primary-blue);font-size:1.5rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.result-unit{color:var(--text-light);font-size:.9rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){header h1{font-size:2rem}.input-section,.result-section{padding:20px}.result-item{grid-template-columns:1fr;gap:8px;text-align:center}.result-value{text-align:center}.diagram-svg-container{padding:15px;margin-bottom:20px;overflow:visible}.diagram-svg-container .separator-svg{min-height:300px}#steamContent .diagram-svg-container{padding:10px;overflow:visible}#steamContent .diagram-svg-container .separator-svg{width:100%!important;height:auto!important;min-height:400px;aspect-ratio:400 / 500}#verticalContent.separator-content[style*="display: none"],#horizontalContent.separator-content[style*="display: none"],#steamContent.separator-content[style*="display: none"]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}#steamContent.separator-content:not([style*="display: none"]){width:100%;min-height:500px}#steamContent.separator-content:not([style*="display: none"]) .main-content{display:flex;flex-direction:column;gap:20px;width:100%}#steamContent.separator-content:not([style*="display: none"]) .input-section,#steamContent.separator-content:not([style*="display: none"]) .result-section{width:100%;flex:1;min-width:0}}.conclusion-section{margin-top:30px;padding:25px;background:var(--white);border-radius:8px;box-shadow:var(--shadow);border-top:3px solid var(--accent-blue)}.conclusion-section h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--medium-gray)}.conclusion-overall{padding:15px 20px;border-radius:6px;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.conclusion-qualified{background:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.conclusion-warning{background:#fff3e0;color:#e65100;border-left:4px solid #ff9800}.conclusion-unqualified{background:#ffebee;color:#c62828;border-left:4px solid #c62828;animation:pulse-warning 2s ease-in-out infinite;font-weight:600}.conclusion-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.conclusion-item{padding:15px;border-radius:6px;border-left:4px solid;transition:all .3s ease}.conclusion-item:hover{transform:translate(5px);box-shadow:var(--shadow)}.conclusion-item-qualified{background:#f1f8e9;border-left-color:#689f38}.conclusion-item-warning{background:#fff8e1;border-left-color:#fbc02d}.conclusion-item-unqualified{background:#ffebee;border-left-color:#d32f2f;border-left-width:5px;font-weight:600}.conclusion-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conclusion-item-name{color:var(--text-dark);font-weight:600;font-size:1rem}.conclusion-item-value{color:var(--primary-blue);font-weight:700;font-size:1.1rem;font-variant-numeric:tabular-nums}.conclusion-item-desc{color:var(--text-light);font-size:.9rem;line-height:1.5}.conclusion-item-desc strong{color:var(--primary-blue);font-weight:600}.conclusion-suggestions{margin-top:20px;padding:20px;background:var(--light-gray);border-radius:6px;border-left:4px solid var(--accent-blue)}.conclusion-suggestions h4{color:var(--primary-blue);font-size:1.1rem;margin-bottom:12px;font-weight:600}.conclusion-suggestions ul{list-style:none;padding-left:0}.conclusion-suggestions li{padding:10px 0 10px 25px;position:relative;color:var(--text-dark);line-height:1.6}.conclusion-suggestions li:before{content:"→";position:absolute;left:0;color:var(--accent-blue);font-weight:700}.conclusion-suggestions li:not(:last-child){border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.conclusion-section{padding:20px}.conclusion-item-header{flex-direction:column;align-items:flex-start;gap:8px}.conclusion-item-value{font-size:1rem}}.module-surge-drum-verify{width:100%}.module-surge-drum-verify .main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 968px){.module-surge-drum-verify .main-content{grid-template-columns:1fr;gap:20px}}.panel-diagram{background:var(--white);padding:30px;border-radius:8px;box-shadow:var(--shadow);border:2px solid var(--border-color)}.panel-diagram .diagram-container{display:flex;flex-direction:column;align-items:center;gap:15px}.panel-diagram .separator-diagram{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 8px #0000001a;background:var(--light-gray);padding:10px}.panel-diagram .diagram-caption{color:var(--text-light);font-size:.9rem;font-style:italic;text-align:center;margin:0}.form-group-group{margin-bottom:30px;padding:20px;background:var(--light-gray);border-radius:8px;border-left:4px solid var(--accent-blue)}.form-group-title{color:var(--primary-blue);font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.form-group-group .form-group{margin-bottom:20px}.form-group-group .form-group:last-child{margin-bottom:0}.results-container{margin-top:30px;padding:25px;background:#e8f5e9;border-radius:8px;border-left:4px solid #2e7d32;box-shadow:var(--shadow)}.results-container.error,.results-container.status-danger{background:#ffebee;border-left-color:#c62828}.results-container.status-warning{background:#fff3e0;border-left-color:#ff9800}.results-container.status-ok{background:#e8f5e9;border-left-color:#2e7d32}.results-container.status-info{background:#e3f2fd;border-left-color:#1976d2}.results-container h3.status-danger{color:#c62828;font-weight:700}.results-container h3.status-warning{color:#e65100;font-weight:700}.results-container h3.status-ok{color:#2e7d32;font-weight:700}.results-container h3.status-info{color:#1976d2;font-weight:700}.results-container h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--medium-gray)}.results-container .result-main{text-align:center;padding:20px;background:var(--white);border-radius:6px;margin-bottom:20px}.results-container .result-main-label{color:var(--text-light);font-size:1rem;margin-bottom:10px}.results-container .result-main-value{color:#2e7d32;font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.results-container.status-danger .result-main-value{color:#c62828}.results-container.status-warning .result-main-value{color:#e65100}.results-container.status-info .result-main-value{color:#1976d2}.results-container .result-main-unit{color:var(--text-light);font-size:1.2rem;margin-left:8px}.results-container .result-details{display:grid;gap:15px}.results-container .result-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--white);border-radius:6px;border-left:3px solid var(--accent-blue)}.results-container .result-detail-label{color:var(--text-dark);font-weight:600}.results-container .result-detail-value{color:var(--primary-blue);font-weight:700;font-variant-numeric:tabular-nums}.results-container .error-message{color:#c62828;font-weight:600;padding:15px;background:var(--white);border-radius:6px;border-left:4px solid #c62828}.advice-section{margin:20px 0}.advice-text{margin:0;padding:15px 20px;background:var(--white);border-radius:6px;border-left:4px solid;font-size:1rem;line-height:1.6;font-weight:500}.advice-text.status-danger{color:#c62828;border-left-color:#c62828}.advice-text.status-warning{color:#e65100;border-left-color:#ff9800}.advice-text.status-ok{color:#2e7d32;border-left-color:#2e7d32}.advice-text.status-info{color:#1976d2;border-left-color:#1976d2}.evaluations-section,.suggestions-section{margin:20px 0}.evaluations-section h4,.suggestions-section h4{color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--medium-gray)}.evaluations-list{display:flex;flex-direction:column;gap:12px}.evaluation-item{padding:15px;background:var(--white);border-radius:6px;border-left:4px solid;transition:all .3s ease}.evaluation-item:hover{transform:translate(3px);box-shadow:var(--shadow)}.evaluation-item.status-danger{border-left-color:#c62828;background:#ffebee}.evaluation-item.status-warning{border-left-color:#ff9800;background:#fff3e0}.evaluation-item.status-ok{border-left-color:#2e7d32;background:#e8f5e9}.evaluation-item.status-info{border-left-color:#1976d2;background:#e3f2fd}.evaluation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}.evaluation-name{color:var(--text-dark);font-weight:600;font-size:1rem;flex:1;min-width:150px}.evaluation-value{color:var(--primary-blue);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;margin:0 10px}.evaluation-status{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.evaluation-status.status-danger{background:#c62828;color:#fff}.evaluation-status.status-warning{background:#ff9800;color:#fff}.evaluation-status.status-ok{background:#2e7d32;color:#fff}.evaluation-status.status-info{background:#1976d2;color:#fff}.evaluation-desc{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-top:5px}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{margin-bottom:8px;background:var(--white);border-radius:6px;border-left:3px solid var(--accent-blue);color:var(--text-dark);line-height:1.6;position:relative;padding:12px 15px 12px 35px}.suggestion-item:before{content:"→";position:absolute;left:15px;color:var(--accent-blue);font-weight:700;font-size:1.1rem}.suggestion-item:hover{background:var(--light-gray);transform:translate(3px);transition:all .3s ease}@media (max-width: 768px){.evaluation-header{flex-direction:column;align-items:flex-start}.evaluation-value{margin:5px 0}}