.check-card{flex-wrap:wrap}.awareness-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:9px 12px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:17px}.awareness-check{height:48px;border:1px solid #fff;background:#fff;color:#23483c;border-radius:10px;padding:0 12px;font:600 10px var(--sans);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.awareness-check span{font-size:14px;margin-right:5px;color:#55786d}.awareness-check.submitted{background:#d8f181;color:#1b3b32;border-color:#d8f181}.awareness-check.submitted span{color:#1b3b32}.awareness-input{display:flex;align-items:center;background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:5px 6px 5px 12px;min-height:48px;transition:background .2s,border-color .2s}.awareness-input:focus-within{border-color:#d8f181;box-shadow:0 0 0 3px rgba(216,241,129,.14)}.awareness-input textarea{flex:1;border:0;outline:0;background:transparent;resize:none;font:10px/1.5 var(--sans);color:#35423d;padding:4px 0}.awareness-input textarea::placeholder{color:#9ba29e}.mic-btn{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:9px;background:#dfe4da;color:#2c4d43;font-size:0;cursor:pointer;position:relative}.mic-btn:before{content:'';position:absolute;width:7px;height:12px;border:2px solid currentColor;border-radius:7px;left:13px;top:8px}.mic-btn:after{content:'';position:absolute;width:13px;height:9px;border:0;border-bottom:2px solid currentColor;border-radius:0 0 8px 8px;left:11px;top:12px}.mic-btn.listening{background:#e25d50;color:#fff;animation:micPulse 1.2s infinite}.awareness-row>small{grid-column:1;color:#849991;font-size:8px}.awareness-row>small.saved{color:#c4d98d}@keyframes micPulse{50%{box-shadow:0 0 0 5px rgba(226,93,80,.2)}}@media(max-width:780px){.awareness-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 132px;padding-top:14px}.awareness-check{width:100%;padding:0 8px}.awareness-row>small{grid-column:1/-1}.awareness-input textarea{font-size:11px}}@media(max-width:420px){.awareness-row{grid-template-columns:1fr}.awareness-check{grid-row:2}.awareness-row>small{grid-column:1}}

/* 觉察完成：给小树苗浇三滴水。 */
.awareness-check{display:flex;align-items:center;justify-content:center;gap:8px;overflow:visible}
.awareness-check .awareness-label{margin:0;color:inherit;font-size:10px}
.awareness-check .awareness-seedling{width:27px;height:29px;flex:0 0 27px;margin:0;position:relative;color:#3f9366}
.awareness-check .awareness-seedling svg{width:27px;height:27px;display:block;position:absolute;left:0;bottom:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.awareness-check.submitted .awareness-seedling{color:#276b4a}
.water-rain{position:absolute;inset:-8px 0 auto!important;width:27px;height:20px;margin:0!important;pointer-events:none}
.water-rain i{width:5px;height:7px;position:absolute;top:0;border-radius:70% 30% 65% 35%;background:#65cbe8;opacity:0;transform:translateY(-7px) rotate(38deg) scale(.75)}
.water-rain i:nth-child(1){left:2px}.water-rain i:nth-child(2){left:11px}.water-rain i:nth-child(3){left:20px}
.awareness-check.watering .water-rain i{animation:waterDrop .72s cubic-bezier(.22,.72,.35,1) forwards}
.awareness-check.watering .water-rain i:nth-child(2){animation-delay:.18s}.awareness-check.watering .water-rain i:nth-child(3){animation-delay:.36s}
.awareness-check.watering .awareness-seedling svg{animation:seedlingDrink .6s .5s ease-out}
@keyframes waterDrop{0%{opacity:0;transform:translateY(-7px) rotate(38deg) scale(.65)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translateY(21px) rotate(38deg) scale(.9)}}
@keyframes seedlingDrink{0%,100%{transform:scale(1)}45%{transform:scale(1.08) translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.awareness-check.watering .water-rain i{animation-duration:.01ms;animation-delay:0s}.awareness-check.watering .awareness-seedling svg{animation:none}}