.quality-pillars{display:flex;flex-wrap:wrap;gap:var(--space-md, 16px);width:fit-content;margin-left:auto;margin-right:auto}.quality-pillar{width:250px;text-align:center;padding:24px 16px;position:relative}.quality-pillar__anim{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;position:relative}.quality-pillar--water .quality-pillar__anim{overflow:hidden;perspective:200px;background:radial-gradient(ellipse at 50% 90%,rgba(74,144,196,.2) 0%,rgba(74,144,196,.08) 40%,transparent 70%)}.quality-pillar--water .quality-pillar__anim:before,.quality-pillar--water .quality-pillar__anim:after{content:"";position:absolute;left:50%;bottom:0;width:14px;height:7px;margin-left:-7px;border:3px solid rgba(74,144,196,.9);border-radius:50%;transform:rotateX(60deg);animation:lake-ripple 3s ease-out infinite}.quality-pillar--water .quality-pillar__anim:after{animation-delay:1s}@keyframes lake-ripple{0%{width:14px;height:7px;margin-left:-7px;opacity:1;border-width:3px;border-color:#4a90c4e6}50%{opacity:.6;border-width:2.5px}to{width:90px;height:32px;margin-left:-45px;opacity:0;border-width:1.5px;border-color:#4a90c426}}.quality-water-drop{position:absolute;left:50%;top:0;width:8px;height:12px;margin-left:-4px;background:#4a90c4cc;border-radius:50%/60% 60% 40% 40%;animation:water-drop-fall 3s ease-in infinite}@keyframes water-drop-fall{0%{top:0;opacity:0}10%{opacity:1}45%{top:82%;opacity:1}50%{top:82%;opacity:0;transform:scale(1.8,.4)}to{top:82%;opacity:0}}.quality-pillar--uv .quality-pillar__anim{background:radial-gradient(circle,rgba(147,112,219,.2) 0%,transparent 70%)}.quality-pillar--uv .quality-pillar__anim:before{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,rgba(147,112,219,.4) 0%,rgba(147,112,219,.1) 50%,transparent 70%);animation:uv-pulse 2s ease-in-out infinite}.quality-pillar--uv .quality-pillar__anim:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(147,112,219,.25);animation:uv-ring 2s ease-in-out infinite}@keyframes uv-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes uv-ring{0%,to{opacity:.3}50%{opacity:.7;border-color:#9370db80}}.quality-pillar--test .quality-pillar__anim{background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%)}.quality-pillar--test .quality-pillar__anim:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:32px;border-right:3px solid rgba(16,185,129,.7);border-bottom:3px solid rgba(16,185,129,.7);transform:translate(-50%,-60%) rotate(45deg);animation:checkmark-draw 2.5s ease-in-out infinite}.quality-pillar--test .quality-pillar__anim:after{content:none}@keyframes checkmark-draw{0%,20%{opacity:0;transform:translate(-50%,-60%) rotate(45deg) scale(.5)}40%,80%{opacity:1;transform:translate(-50%,-60%) rotate(45deg) scale(1)}to{opacity:0}}.quality-pillar--shield .quality-pillar__anim{background:radial-gradient(circle,rgba(74,144,196,.12) 0%,transparent 70%)}.quality-pillar--shield .quality-pillar__anim:before{content:"";position:absolute;top:50%;left:50%;width:52px;height:62px;margin-left:-26px;margin-top:-33px;background:transparent;border:3px solid rgba(74,144,196,.7);border-radius:50%/25% 25% 75% 75%;animation:shield-pulse 2.5s ease-in-out infinite}.quality-pillar--shield .quality-pillar__anim:after{content:"";position:absolute;top:46%;left:50%;width:14px;height:22px;margin-left:-8px;margin-top:-12px;border-right:3px solid rgba(74,144,196,.8);border-bottom:3px solid rgba(74,144,196,.8);transform:rotate(45deg);animation:shield-check 2.5s ease-in-out infinite}@keyframes shield-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@keyframes shield-check{0%,30%{opacity:0;transform:rotate(45deg) scale(.5)}50%,80%{opacity:1;transform:rotate(45deg) scale(1)}to{opacity:0}}.quality-pillar h2,.quality-pillar h3{font-size:var(--text-lg, 1.125rem)}.quality-pillar p{font-size:var(--text-sm, .875rem);color:var(--text-body);line-height:1.7}.quality-everpure-grid,.quality-reports{margin-top:var(--space-lg, 32px)}.quality-everpure-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.quality-everpure__img{border-radius:var(--radius-lg);overflow:hidden;width:450px;max-width:100%;height:350px;flex-shrink:0}.quality-everpure__img img{width:100%;height:100%;object-fit:cover}.quality-everpure-grid h2{font-size:var(--text-xl, 1.25rem);margin-bottom:16px}.quality-everpure-grid p{font-size:var(--text-sm, .875rem);line-height:1.8;color:var(--text-body);margin-bottom:12px}.quality-reports__subtitle{color:var(--text-body);margin-bottom:var(--space-lg, 32px)}.quality-reports{display:flex;flex-wrap:nowrap;gap:var(--space-md, 16px);justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm, 8px)}.quality-report-card{width:250px;flex-shrink:0;position:relative;user-select:none;-webkit-user-select:none}.quality-report-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-sm, 10px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160' viewBox='0 0 280 160'%3E%3Ctext x='140' y='80' fill='rgba(20,40,80,0.22)' font-family='sans-serif' font-size='14' font-weight='700' text-anchor='middle' transform='rotate(-30 140 80)'%3Eunionice.com.tw%3C/text%3E%3C/svg%3E");background-repeat:repeat}.quality-report-card__img{width:100%;height:auto;display:block;border-radius:var(--radius-sm, 10px);-webkit-user-drag:none;-webkit-touch-callout:none}.quality-report-card__placeholder{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c8e1f580,#e6f5ff4d);border-radius:var(--radius-sm, 10px);color:var(--text-body);font-size:var(--text-sm, .875rem);text-align:center;padding:16px}@media(max-width:1024px){.quality-everpure-grid{grid-template-columns:1fr;justify-items:center}.quality-everpure__img{width:min(500px,100%);height:auto;aspect-ratio:450 / 350}.quality-everpure-grid>div:last-child{max-width:min(500px,100%);text-align:left}}@media(prefers-reduced-motion:reduce){.quality-pillar__anim:before,.quality-pillar__anim:after{animation:none!important}}.quality-comparison__subtitle{color:var(--color-muted);margin-bottom:2rem;font-size:1rem}.quality-comparison__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.quality-comparison__grid{grid-template-columns:1fr 1fr}}.quality-comparison__card{background:var(--color-bg-card);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.quality-comparison__topic{margin:0 0 1rem;font-size:1.25rem;text-align:center;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.quality-comparison__bad,.quality-comparison__good{padding:1rem 0}.quality-comparison__bad{border-bottom:1px dashed #e5e5e5}.quality-comparison__bad h4{color:#c0392b;margin:0 0 .5rem;font-size:.95rem}.quality-comparison__good h4{color:#27ae60;margin:0 0 .5rem;font-size:.95rem}.quality-comparison__bad ul,.quality-comparison__good ul{padding-left:1.25rem;margin:0;font-size:.9rem;line-height:1.7}.quality-comparison__note{background:#fff8e1;border-left:4px solid #f39c12;padding:1rem 1.25rem;margin-top:1rem;border-radius:4px;font-size:.95rem;line-height:1.6}.quality-comparison__footnote{font-size:.85rem;color:var(--color-muted);margin-top:1rem;padding:.75rem 1rem;border-left:3px solid var(--color-primary);background:#00000005;border-radius:4px}.quality-pillars-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:600px){.quality-pillars-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.quality-pillars-4{grid-template-columns:repeat(4,1fr)}}.quality-pillar--ice .quality-pillar__anim{background:radial-gradient(circle,rgba(102,187,224,.22) 0%,transparent 70%)}.quality-pillar--ice .quality-pillar__anim:before{content:"";position:absolute;inset:18px;border-radius:8px;border:2px solid rgba(102,187,224,.8);transform:rotate(12deg)}.quality-pillar--ice .quality-pillar__anim:after{content:"";position:absolute;inset:10px;border-radius:10px;border:1px solid rgba(102,187,224,.45)}.lightbox-overlay{position:fixed;inset:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightboxFadeIn .18s ease-out;padding:2rem}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay img{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;border-radius:4px;box-shadow:0 4px 32px #00000080}.quality-report-card img{cursor:zoom-in;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}