.wsc-water-value{color:var(--primary-color);font-weight:700;font-size:1.1em;margin-right:5px;white-space:nowrap}.wsc-cost-value{color:var(--accent-color);font-weight:700;font-size:1.1em;white-space:nowrap}.wsc-container{--primary-color:#1A3B6A;--secondary-color:#DCE4ED;--accent-color:#FF8C00;--text-color:#333;--border-color:#ddd;--background-color:#fff;--label-color:#555;--slider-track-bg:#e0e0e0;--slider-thumb-bg:#0073e6;--button-text-color:#fff;--result-bg:#f9f9f9;--result-border:#e7e7e7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;color:var(--text-color);max-width:1100px;margin:40px auto;padding:30px;background-color:var(--background-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);border:1px solid var(--border-color);overflow:hidden}.wsc-header h1{text-align:center;color:var(--primary-color);margin-bottom:10px;font-size:2em}.wsc-header p{text-align:center;color:var(--label-color);margin-bottom:30px;font-size:1.1em}.wsc-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:25px}.wsc-tab-button{padding:12px 20px;cursor:pointer;border:none;background-color:transparent;font-size:1em;font-weight:500;color:var(--label-color);position:relative;transition:color .3s ease}.wsc-tab-button::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.wsc-tab-button.active{color:var(--primary-color)}.wsc-tab-button.active::after{transform:scaleX(1)}.wsc-tab-content{display:none}.wsc-tab-content.active{display:block}.wsc-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.wsc-input-group{display:flex;flex-direction:column}.wsc-input-group label{margin-bottom:8px;font-weight:500;color:var(--label-color);font-size:.95em}.wsc-input-group input[type="number"],.wsc-input-group select{padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;background-color:var(--secondary-color);transition:border-color .3s,box-shadow .3s}.wsc-input-group input[type="number"]:focus,.wsc-input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,115,230,.2)}.wsc-slider-group{margin-top:10px}.wsc-slider-container{display:flex;align-items:center;gap:15px}.wsc-slider-container input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--slider-track-bg);border-radius:5px;outline:none;opacity:.9;transition:opacity .2s}.wsc-slider-container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--slider-thumb-bg);cursor:pointer;border-radius:50%;border:2px solid var(--background-color)}.wsc-slider-container input[type="range"]::-moz-range-thumb{width:20px;height:20px;background:var(--slider-thumb-bg);cursor:pointer;border-radius:50%;border:2px solid var(--background-color)}.wsc-slider-output{font-weight:bold;color:var(--primary-color);min-width:40px;text-align:right}.wsc-calculate-button{display:block;width:100%;padding:15px;font-size:1.1em;font-weight:bold;color:var(--button-text-color);background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;margin-top:20px}.wsc-calculate-button:hover{background-color:#0056b3;transform:translateY(-2px)}.wsc-reset-button{display:block;width:100%;padding:15px;font-size:1.1em;font-weight:bold;color:var(--primary-color);background-color:transparent;border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:background-color .3s,color .3s,transform .2s;margin-top:15px}.wsc-reset-button:hover{background-color:var(--primary-color);color:var(--button-text-color);transform:translateY(-2px)}.wsc-results-section{margin-top:40px;padding:25px;background-color:var(--result-bg);border:1px solid var(--result-border);border-radius:12px}.wsc-results-section h2{text-align:center;margin-top:0;color:var(--primary-color)}.wsc-summary{display:flex;justify-content:space-around;text-align:center;margin:25px 0;flex-wrap:wrap;gap:20px}.wsc-summary-item{flex-basis:250px;flex-grow:1;padding:20px;border:1px solid #eee;border-radius:8px;background-color:var(--background-color);box-shadow:0 2px 8px rgba(0,0,0,.03);display:flex;flex-direction:column;justify-content:center;align-items:center}.wsc-summary-item p{margin:0 0 10px 0;font-size:1em;color:var(--label-color);font-weight:600}.wsc-saving-pair{display:flex;justify-content:center;align-items:baseline;gap:15px;flex-wrap:nowrap;margin-top:10px}.wsc-summary-item .wsc-value{font-size:1.8em;font-weight:bold;color:var(--text-color);white-space:nowrap}.wsc-chart-container{position:relative;height:300px;width:100%;margin-top:30px}.wsc-detailed-breakdown{margin-top:30px;border-top:1px solid var(--border-color);padding-top:20px}.wsc-detailed-breakdown h3{text-align:center;color:var(--primary-color);margin-bottom:20px}.wsc-breakdown-item{background-color:var(--background-color);border:1px solid #eee;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:transform .2s ease,box-shadow .2s ease}.wsc-breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.06)}.wsc-breakdown-item h4{color:var(--label-color);font-weight:500;margin-top:0;margin-bottom:12px;font-size:1.15em;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.wsc-breakdown-item p{margin:8px 0;font-size:.95em;color:var(--text-color)}.wsc-breakdown-item p strong{color:var(--primary-color)}.info-icon{cursor:help;font-size:.8em;margin-left:5px;color:#0073e6}@media (max-width:768px){.wsc-container{padding:15px;margin:15px 10px;box-shadow:none}.wsc-header h1{font-size:1.8em}.wsc-header p{font-size:1em}.wsc-tabs{flex-wrap:wrap;justify-content:center}.wsc-tab-button{padding:10px 15px;font-size:.95em}.wsc-input-grid{grid-template-columns:1fr;gap:20px}.wsc-summary-item{flex-basis:calc(50% - 10px);max-width:calc(50% - 10px);padding:15px}.wsc-summary-item .wsc-value{font-size:1.6em}.wsc-results-section{padding:15px}.wsc-breakdown-item{padding:15px}}@media (max-width:480px){.wsc-container{margin:0;padding:15px 10px;border-radius:0;border:none;box-shadow:none}.wsc-header h1{font-size:1.5em;margin-bottom:5px}.wsc-header p{font-size:.9em;margin-bottom:20px}.wsc-tabs{flex-direction:column;align-items:stretch;margin-bottom:15px}.wsc-tab-button{padding:10px;font-size:.9em;margin-bottom:5px}.wsc-input-group label{font-size:.9em}.wsc-input-group input[type="number"],.wsc-input-group select{padding:10px;font-size:.9em}.wsc-slider-container{flex-direction:column;align-items:flex-start;gap:5px}.wsc-slider-output{font-size:.9em}.wsc-calculate-button,.wsc-reset-button{padding:12px;font-size:1em}.wsc-summary{display:grid;grid-template-columns:1fr;gap:10px}.wsc-summary-item{width:100%;padding:15px;margin-bottom:0;box-sizing:border-box}.wsc-summary-item .wsc-value{font-size:1.4em}.wsc-water-value,.wsc-cost-value{font-size:1em;white-space:nowrap}.wsc-saving-pair{gap:5px;justify-content:center;align-items:baseline}.wsc-results-section{padding:15px 10px;border-radius:8px}.wsc-detailed-breakdown h3{font-size:1.2em}.wsc-breakdown-item h4{font-size:1em}.wsc-breakdown-item p{font-size:.85em}}.wsc-faq-section{margin-top:40px;padding:25px;background-color:var(--result-bg);border:1px solid var(--result-border);border-radius:12px;max-width:1100px;margin:40px auto}.wsc-faq-section h2{text-align:center;color:var(--primary-color);margin-bottom:30px}.wsc-faq-item{margin-bottom:15px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.wsc-faq-question{background-color:var(--secondary-color);color:var(--primary-color);padding:15px 20px;width:100%;text-align:left;border:none;cursor:pointer;font-size:1.05em;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,color .3s ease}.wsc-faq-question:hover{background-color:#cdd6e4}.wsc-faq-question::after{content:'+';font-size:1.2em;font-weight:bold;margin-left:10px;transition:transform .3s ease}.wsc-faq-question.active::after{content:'-';transform:rotate(0deg)}.wsc-faq-answer{padding:0 20px;background-color:var(--background-color);max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.wsc-faq-answer.active{max-height:500px;padding:15px 20px}.wsc-faq-answer p{margin:0 0 10px 0;color:var(--text-color);line-height:1.7}.wsc-faq-answer ul{margin-top:5px;padding-left:20px}.wsc-faq-answer li{margin-bottom:5px}@media (max-width:768px){.wsc-faq-section{padding:20px}.wsc-faq-question{font-size:1em;padding:12px 15px}.wsc-faq-answer{padding:0 15px}.wsc-faq-answer.active{padding:12px 15px}}@media (max-width:480px){.wsc-faq-section{padding:15px}.wsc-faq-question{font-size:.95em;padding:10px 12px}.wsc-faq-answer{padding:0 12px}.wsc-faq-answer.active{padding:10px 12px}}.related-articles-muji{font-family:'Noto Sans TC','Helvetica Neue',Arial,sans-serif;background-color:#f9f9f9;border-top:1px solid #eaeaea;padding:50px 20px;margin:60px auto 0;max-width:1100px;text-align:center}.related-articles-muji ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;text-align:left}.related-articles-muji h2{font-size:18px;font-weight:500;color:#333;margin:0 0 25px 0;letter-spacing:.5px;}.related-articles-muji li{}.related-articles-muji a{display:block;padding:25px;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;color:#555;text-decoration:none;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);text-align:left}.related-articles-muji a:hover{background-color:#f5f5f5;color:#333;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-3px)}@media (max-width:768px){.related-articles-muji ul{grid-template-columns:1fr;gap:10px}.related-articles-muji li{margin-bottom:10px}.related-articles-muji a{padding:15px 20px;border-radius:4px;box-shadow:none;transform:none;border:1px solid #eaeaea}.related-articles-muji a:hover{background-color:#f0f0f0;box-shadow:none;transform:none;text-decoration:underline}}