.water-badge,.water-top h1 span{color:var(--primary)}.water-section{width:100%;padding:110px 0;background:radial-gradient(circle at top right,rgba(0,208,156,.08),transparent 30%),var(--bg)}.water-top{text-align:center;margin-bottom:60px}.input-box,.water-badge{margin-bottom:24px}.water-badge{display:inline-block;padding:10px 24px;border-radius:40px;background:rgba(0,208,156,.12);border:1px solid rgba(0,208,156,.2);font-size:14px;font-weight:700}.water-top h1{font-size:72px;color:var(--text);margin-bottom:20px;font-weight:900}.water-top p{max-width:700px;margin:auto;color:var(--para);line-height:1.8}.water-wrapper{display:grid;grid-template-columns:420px 1fr;gap:35px}.water-form,.water-result{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:35px}.water-form h2,.water-result h2{color:var(--text);margin-bottom:35px;font-size:34px}.input-box select,.input-group input{background:0 0;padding:0 20px;font-size:16px;outline:0;color:var(--text)}.input-box label{display:block;margin-bottom:12px;color:var(--text);font-weight:700}.input-group{display:flex;align-items:center;height:60px;border:1px solid var(--border);border-radius:18px;overflow:hidden}.input-group input{flex:1;height:100%;border:none}.input-group span{width:80px;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);color:var(--text);font-weight:700}.input-box select{width:100%;height:60px;border-radius:18px;border:1px solid var(--border)}.water-btn{width:100%;height:62px;border:none;border-radius:18px;background:var(--primary);color:#fff;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}.water-main-result{display:flex;justify-content:center;margin-bottom:40px}.water-circle{width:260px;height:260px;border-radius:50%;position:relative;overflow:hidden;border:10px solid rgba(0,208,156,.15);background:rgba(0,208,156,.08)}.water-wave{position:absolute;width:200%;height:200%;background:rgba(0,208,156,.45);top:60%;left:-50%;border-radius:40%;animation:6s linear infinite wave}@keyframes wave{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.water-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.water-content h3{font-size:58px;color:var(--text);font-weight:900}.water-content p{color:var(--text);font-size:18px}.water-glasses{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:35px}.glass-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:24px;padding:28px;text-align:center}.glass-card span{font-size:34px;display:block;margin-bottom:15px}.glass-card h4{color:var(--primary);font-size:42px;font-weight:900;margin-bottom:8px}.glass-card p{color:var(--para)}.water-info{background:rgba(0,208,156,.08);border:1px solid rgba(0,208,156,.12);border-radius:24px;padding:24px}.water-info h4{color:var(--text);margin-bottom:12px;font-size:24px}.water-info p{color:var(--para);line-height:1.8}@media(max-width:1000px){.water-wrapper{grid-template-columns:1fr}}@media(max-width:700px){.water-top h1{font-size:42px}.water-circle{width:220px;height:220px}.water-content h3{font-size:46px}.water-glasses{grid-template-columns:1fr}}