/* 家庭绿植浇水卡 flower-watering-card */
.fwc-plants { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.fwc-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #dbe4ee; background: #f8fafc; color: #475569; font-size: 12.5px; line-height: 1.4; padding: 6px 11px; border-radius: 999px; cursor: pointer; transition: all .18s; font-family: inherit; }
.fwc-chip .fc-ico { font-size: 14px; }
.fwc-chip:hover { border-color: #67e8f9; color: #0e7490; }
.fwc-chip.active { background: linear-gradient(135deg,#0891b2,#06b6d4); border-color: #0891b2; color: #fff; box-shadow: 0 3px 10px rgba(8,145,178,.25); }
.fwc-chip-actions { display: flex; gap: 8px; margin-top: 10px; }
.fwc-chip-actions button { font-size: 12px; padding: 5px 12px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; color: #475569; cursor: pointer; font-family: inherit; }
.fwc-chip-actions button:hover { border-color: #0891b2; color: #0e7490; }

.fwc-cond { font-size: 13px; color: #64748b; line-height: 1.7; }
.fwc-cond b { color: #0e7490; font-size: 15px; }
.fwc-env-note { font-size: 12.5px; line-height: 1.7; color: #155e75; background: linear-gradient(135deg,#ecfeff,#cffafe); border: 1px solid rgba(8,145,178,.22); border-radius: 10px; padding: 9px 12px; margin-top: 10px; }
.fwc-env-flag { display: inline-block; font-size: 11px; font-weight: 700; color: #fff; background: #0891b2; border-radius: 6px; padding: 1px 7px; margin-right: 7px; }

.fwc-block-title { font-size: 14.5px; font-weight: 700; color: #1f2937; margin: 20px 0 4px; padding-left: 10px; border-left: 3px solid #0891b2; }
.fwc-block-sub { font-size: 12.5px; color: #94a3b8; margin: 0 0 12px; padding-left: 10px; }

/* 浇水卡网格 */
.fwc-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fwc-card { position: relative; border: 1.5px dashed #94a3b8; border-radius: 12px; padding: 12px 13px 10px; background: #fff; break-inside: avoid; }
.fwc-card.is-wet { border-color: rgba(8,145,178,.55); background: linear-gradient(180deg,#f0fdff,#fff); }
.fwc-card.is-moist { border-color: rgba(13,148,136,.5); background: linear-gradient(180deg,#f0fdfa,#fff); }
.fwc-card.is-dry { border-color: rgba(180,120,40,.5); background: linear-gradient(180deg,#fefaf0,#fff); }
.fwc-card.is-water { border-color: rgba(37,99,235,.5); background: linear-gradient(180deg,#eff6ff,#fff); }
.fwc-card-cut { position: absolute; right: 9px; top: 8px; font-size: 10px; color: #cbd5e1; }
.fwc-card-head { display: flex; align-items: center; gap: 9px; }
.fwc-card-ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px; background: linear-gradient(135deg,#ecfeff,#cffafe); font-size: 22px; flex: none; }
.is-dry .fwc-card-ico { background: linear-gradient(135deg,#fef3c7,#fde68a); }
.is-wet .fwc-card-ico { background: linear-gradient(135deg,#ecfeff,#a5f3fc); }
.is-moist .fwc-card-ico { background: linear-gradient(135deg,#f0fdfa,#99f6e4); }
.is-water .fwc-card-ico { background: linear-gradient(135deg,#eff6ff,#bfdbfe); }
.fwc-card-titles h4 { margin: 0 0 3px; font-size: 15px; color: #1f2937; }
.fwc-care-tag { display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px; color: #0e7490; background: #cffafe; }
.is-dry .fwc-care-tag { color: #92400e; background: #fef3c7; }
.is-water .fwc-care-tag { color: #1d4ed8; background: #dbeafe; }
.fwc-freq { margin: 10px 0 8px; font-size: 15.5px; font-weight: 800; color: #0e7490; background: rgba(8,145,178,.08); border-radius: 9px; padding: 8px 11px; letter-spacing: .2px; }
.is-dry .fwc-freq { color: #b45309; background: rgba(217,119,6,.09); }
.is-water .fwc-freq { color: #1d4ed8; background: rgba(37,99,235,.08); }
.fwc-card-body { font-size: 12.5px; color: #475569; line-height: 1.7; }
.fwc-card-body p { margin: 5px 0; }
.fwc-card-body b { color: #334155; }
.fwc-card-notes { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.fwc-card-notes li { font-size: 11.5px; line-height: 1.6; color: #92400e; background: #fffbeb; border: 1px solid rgba(180,83,9,.16); border-radius: 8px; padding: 5px 8px; }
.fwc-card-foot { margin-top: 9px; padding-top: 8px; border-top: 1px dashed #e2e8f0; font-size: 12px; color: #64748b; line-height: 1.9; }

.fwc-empty { font-size: 13.5px; line-height: 1.8; color: #0e7490; background: #ecfeff; border: 1px dashed rgba(8,145,178,.45); border-radius: 12px; padding: 18px; text-align: center; }
.fwc-empty .fe-ico { font-size: 30px; display: block; margin-bottom: 6px; }

.fwc-list { list-style: none; margin: 0; padding: 0; }
.fwc-list li { position: relative; font-size: 13px; color: #374151; line-height: 1.75; padding: 7px 0 7px 22px; border-bottom: 1px dashed #d6e7ee; }
.fwc-list li:last-child { border-bottom: none; }
.fwc-list li::before { content: '💧'; position: absolute; left: 2px; top: 7px; font-size: 11px; }

.fwc-textarea { width: 100%; min-height: 300px; border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px; font-size: 12.5px; line-height: 1.8; color: #334155; resize: vertical; background: #f8fafc; font-family: inherit; }
.fwc-text-actions { display: flex; gap: 10px; margin-top: 10px; }

.fwc-toast { position: fixed; left: 50%; bottom: 32px; transform: translate(-50%, 16px); background: rgba(15,42,54,.94); color: #fff; font-size: 13px; padding: 10px 20px; border-radius: 999px; opacity: 0; pointer-events: none; transition: all .25s; z-index: 999; max-width: 88vw; text-align: center; }
.fwc-toast.show { opacity: 1; transform: translate(-50%, 0); }

[data-theme="dark"] .fwc-chip { background: rgba(255,255,255,.04); border-color: #2d333b; color: #cbd5e1; }
[data-theme="dark"] .fwc-chip-actions button { background: rgba(255,255,255,.04); border-color: #2d333b; color: #cbd5e1; }
[data-theme="dark"] .fwc-cond { color: #94a3b8; }
[data-theme="dark"] .fwc-cond b { color: #22d3ee; }
[data-theme="dark"] .fwc-env-note { background: rgba(8,145,178,.1); border-color: rgba(34,211,238,.25); color: #67e8f9; }
[data-theme="dark"] .fwc-block-title,
[data-theme="dark"] .fwc-card-titles h4 { color: #e5e7eb; }
[data-theme="dark"] .fwc-block-sub { color: #64748b; }
[data-theme="dark"] .fwc-card { background: rgba(255,255,255,.03); }
[data-theme="dark"] .fwc-card.is-wet { background: linear-gradient(180deg,rgba(8,145,178,.1),rgba(255,255,255,.02)); }
[data-theme="dark"] .fwc-card.is-moist { background: linear-gradient(180deg,rgba(13,148,136,.1),rgba(255,255,255,.02)); }
[data-theme="dark"] .fwc-card.is-dry { background: linear-gradient(180deg,rgba(217,119,6,.1),rgba(255,255,255,.02)); }
[data-theme="dark"] .fwc-card.is-water { background: linear-gradient(180deg,rgba(37,99,235,.1),rgba(255,255,255,.02)); }
[data-theme="dark"] .fwc-card-body { color: #94a3b8; }
[data-theme="dark"] .fwc-card-body b { color: #cbd5e1; }
[data-theme="dark"] .fwc-card-foot { color: #94a3b8; border-top-color: rgba(255,255,255,.08); }
[data-theme="dark"] .fwc-card-cut { color: #64748b; }
[data-theme="dark"] .fwc-freq { background: rgba(34,211,238,.1); color: #22d3ee; }
[data-theme="dark"] .is-dry .fwc-freq { background: rgba(245,158,11,.12); color: #fbbf24; }
[data-theme="dark"] .is-water .fwc-freq { background: rgba(96,165,250,.12); color: #93c5fd; }
[data-theme="dark"] .fwc-card-notes li { background: rgba(245,158,11,.09); border-color: rgba(245,158,11,.2); color: #fcd34d; }
[data-theme="dark"] .fwc-care-tag { background: rgba(34,211,238,.16); color: #67e8f9; }
[data-theme="dark"] .is-dry .fwc-care-tag { background: rgba(245,158,11,.16); color: #fcd34d; }
[data-theme="dark"] .is-water .fwc-care-tag { background: rgba(96,165,250,.16); color: #93c5fd; }
[data-theme="dark"] .fwc-empty { background: rgba(8,145,178,.09); border-color: rgba(34,211,238,.3); color: #67e8f9; }
[data-theme="dark"] .fwc-list li { color: #cbd5e1; border-bottom-color: rgba(255,255,255,.07); }
[data-theme="dark"] .fwc-textarea { background: #161b22; border-color: #2d333b; color: #cbd5e1; }

@media print {
    .breadcrumb, .calc-layout .calc-card, .calc-table-card, .detail-tabs, .related-tools, .calc-disclaim, .ft-btns, .fwc-text-actions, .fwc-toast, .fwc-textarea-wrap { display: none !important; }
    .calc-layout { display: block !important; }
    .calc-result-card { box-shadow: none !important; border: none !important; padding: 0 !important; }
    .fwc-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
    .fwc-card { break-inside: avoid; }
    .fwc-card-cut { color: #94a3b8; }
}

@media (max-width: 640px) {
    .fwc-cards { grid-template-columns: 1fr; }
}
