.ph-ec{padding:60px 20px;max-width:800px;margin:0 auto}.ph-ec__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:8px}.ph-ec__subtitle{text-align:center;color:#999;margin-bottom:32px}.ph-ec__tabs{display:flex;gap:4px;background:#333;border-radius:12px;padding:4px;margin-bottom:32px}.ph-ec__tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#999}.ph-ec__tab--active{background:#0f1410;color:#4a7a44;box-shadow:0 2px 8px #0003;border:1px solid #4a7a44}.ph-ec__panel h3{font-size:1.3rem;margin-bottom:20px}.ph-ec__phase-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:32px}.ph-ec__phase-card{background:#0f1410;border:1px solid #333;border-left:4px solid #4CAF50;border-radius:10px;padding:16px}.ph-ec__phase-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ph-ec__phase-card-icon{font-size:1.5rem}.ph-ec__phase-card-values{font-size:.95rem;line-height:1.8;color:#ddd}.ph-ec__label{font-weight:600;color:#ccc}.ph-ec__meter{background:#0f1410;border:1px solid #333;border-radius:14px;padding:24px}.ph-ec__meter h4{margin:0 0 16px}.ph-ec__meter-input{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ph-ec__meter-input input[type=range]{flex:1;height:8px;-webkit-appearance:none;background:linear-gradient(to right,#ff6b6b,#feca57,#48dbfb,#6c5ce7);border-radius:4px;outline:none}.ph-ec__meter-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #333;cursor:pointer;box-shadow:0 2px 6px #0006}.ph-ec__meter-input output{font-size:2rem;font-weight:700;min-width:60px;text-align:center;color:#e3fc02}.ph-ec__meter-bar{position:relative;height:32px;background:linear-gradient(to right,#ff6b6b,#feca57,#48dbfb,#6c5ce7);border-radius:8px;margin-bottom:12px;overflow:visible}.ph-ec__meter-fill{position:absolute;top:-4px;width:4px;height:40px;background:#fff;border-radius:2px;transition:left .1s}.ph-ec__meter-zones{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;padding-top:38px}.ph-ec__meter-result{margin-top:8px;font-weight:600;text-align:center;padding:8px;border-radius:8px}.ph-ec__meter-result--good{color:#66bb6a;background:#1b3a1b}.ph-ec__meter-result--warn{color:#ffb300;background:#3a3200}.ph-ec__meter-result--bad{color:#ef5350;background:#3a1b1b}.ph-ec__ec-table{overflow-x:auto;margin-bottom:24px}.ph-ec__ec-table table{width:100%;border-collapse:collapse;font-size:.9rem}.ph-ec__ec-table th,.ph-ec__ec-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #333;color:#ddd}.ph-ec__ec-table th{background:#222;font-weight:600;color:#eee}.ph-ec__ec-table-sub,.ph-ec__ec-table-desc{font-size:.75rem;font-weight:400;color:#6a7a5a}.ph-ec__ec-table td:first-child{text-align:left}.ph-ec__tips{background:#0f1410;border:1px solid #333;border-radius:12px;padding:20px}.ph-ec__tips h4{margin:0 0 12px}.ph-ec__tips ul{margin:0;padding-left:20px}.ph-ec__tips li{margin-bottom:8px;line-height:1.5;color:#999}.ph-ec__calc-form{display:grid;gap:16px;margin-bottom:24px}.ph-ec__calc-group label{display:block;font-weight:600;margin-bottom:6px}.ph-ec__calc-group select,.ph-ec__calc-group input{width:100%;padding:10px 12px;border:2px solid #333;border-radius:8px;font-size:1rem;background:#0f1410;color:#eee}.ph-ec__calc-group select:focus,.ph-ec__calc-group input:focus{border-color:#4a7a44;outline:none}.ph-ec__calc-btn{padding:14px;background:#4a7a44;color:#111;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.ph-ec__calc-btn:hover{background:#c8e000}.ph-ec__calc-output{background:#1b3a1b;border:2px solid #2e7d32;border-radius:12px;padding:24px}.ph-ec__calc-output h4{margin:0 0 16px;color:#66bb6a}.ph-ec__calc-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:16px}.ph-ec__calc-item{text-align:center;padding:12px;background:#0f1410;border-radius:10px}.ph-ec__calc-item-label{display:block;font-size:.85rem;color:#6a7a5a;margin-bottom:4px}.ph-ec__calc-item-value{display:block;font-size:1.3rem;font-weight:700;color:#66bb6a}.ph-ec__calc-note{font-size:.85rem;color:#6a7a5a;font-style:italic;margin:0}@media(max-width:600px){.ph-ec__tabs{flex-direction:column}.ph-ec__phase-cards{grid-template-columns:1fr}.ph-ec__meter-input{flex-direction:column;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/ph-ec-calculator.css.map */