/* 猫语翻译器 · 萌系爪印风：奶油黄 + 奶咖 + 软萌圆角 + 手账贴纸感 */
.cat-wrap{
  --cat-cream:#fff8e7; --cat-milk:#c9a87c; --cat-coffee:#8a6a4f; --cat-ink:#5b4632;
  --cat-card:#fffdf6; --cat-pink:#ffb6c4; --cat-mint:#bfe8d3; --cat-red:#d8474b;
  --cat-r:22px;
  max-width:880px;margin:0 auto;padding:18px 14px 40px;
  font-size:15.5px;line-height:1.8;color:var(--cat-ink);
}
.cat-wrap h1,.cat-wrap h2{font-weight:800;color:var(--cat-coffee);}
.cat-hero{position:relative;background:var(--cat-cream);border:3px dashed var(--cat-milk);border-radius:26px;padding:24px 22px;overflow:hidden;}
.cat-kicker{display:inline-block;background:var(--cat-pink);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:800;color:#7c3b48;box-shadow:0 3px 0 rgba(0,0,0,.06);}
.cat-hero h1{font-size:clamp(24px,4.6vw,34px);margin:12px 0 8px;}
.cat-sub{max-width:560px;color:var(--cat-coffee);}
.cat-hero-paw{position:absolute;right:16px;top:14px;font-size:34px;display:flex;gap:6px;transform:rotate(8deg);}
.cat-hero-paw span:nth-child(2){font-size:24px;transform:translateY(14px);}
.cat-hero-paw span:nth-child(3){font-size:20px;transform:translateY(26px);}
.cat-card{background:var(--cat-card);border-radius:var(--cat-r);margin-top:18px;padding:20px;box-shadow:0 6px 18px rgba(138,106,79,.14);border:2px solid rgba(201,168,124,.35);}
.cat-h2{font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.cat-h2::before{content:"🐾";font-size:16px;}
.cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.cat-chip{border:2px solid var(--cat-milk);background:#fff;border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:700;color:var(--cat-ink);cursor:pointer;transition:all .12s;}
.cat-chip:hover{background:var(--cat-cream);}
.cat-chip.on{background:var(--cat-coffee);color:#fff;border-color:var(--cat-coffee);box-shadow:0 3px 0 rgba(0,0,0,.1);}
.cat-actions{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 14px;}
.cat-btn{border:0;border-radius:999px;padding:13px 24px;font-size:15.5px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.12);transition:transform .08s;}
.cat-btn:active{transform:translateY(3px);box-shadow:none;}
.cat-btn.main{background:var(--cat-pink);color:#7c3b48;}
.cat-btn.ai{background:var(--cat-coffee);color:#fff;}
.cat-btn:disabled{opacity:.6;cursor:wait;}
.cat-input{margin-bottom:8px;}
.cat-input label{display:block;font-size:13.5px;font-weight:700;color:var(--cat-coffee);margin-bottom:6px;}
.cat-input input{width:100%;max-width:520px;border:2px solid var(--cat-milk);border-radius:14px;padding:10px 14px;font-size:15px;background:#fff;color:var(--cat-ink);}
.cat-err{color:var(--cat-red);font-size:14px;font-weight:700;min-height:0;}
.cat-result{margin-top:16px;background:var(--cat-cream);border-radius:18px;padding:16px;}
.cat-result h3{margin:0 0 10px;color:var(--cat-coffee);font-size:16.5px;}
.cat-mean{margin-bottom:10px;}
.cat-mean-bar{height:12px;background:rgba(201,168,124,.25);border-radius:999px;overflow:hidden;margin-top:4px;}
.cat-mean-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cat-pink),var(--cat-coffee));border-radius:999px;}
.cat-mean-t{display:flex;justify-content:space-between;font-weight:700;font-size:14.5px;}
.cat-adv{background:#fff;border-radius:14px;padding:10px 14px;font-size:14.5px;margin-top:10px;border:2px dashed var(--cat-milk);}
.cat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.cat-table{width:100%;border-collapse:collapse;min-width:420px;font-size:14.5px;}
.cat-table th,.cat-table td{border:2px solid rgba(201,168,124,.45);padding:9px 12px;text-align:left;}
.cat-table th{background:var(--cat-cream);color:var(--cat-coffee);}
.cat-note{color:var(--cat-coffee);font-size:13.5px;margin:12px 0 0;}
.cat-age{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.cat-age input{width:110px;border:2px solid var(--cat-milk);border-radius:14px;padding:10px 12px;font-size:15px;background:#fff;color:var(--cat-ink);}
.cat-age-out{font-weight:800;color:var(--cat-coffee);background:var(--cat-cream);border-radius:999px;padding:6px 16px;}
.cat-red{border:3px solid var(--cat-red);}
.cat-red .cat-h2{color:var(--cat-red);}
.cat-red .cat-h2::before{content:"🚨";}
.cat-red-list{padding-left:20px;}
.cat-red-list li{margin-bottom:8px;}
.cat-steps{margin:0;padding-left:20px;}
.cat-steps li{margin-bottom:8px;}
.cat-faqs dt{font-weight:800;margin-top:12px;color:var(--cat-coffee);}
.cat-faqs dd{margin:4px 0 0;}

html[data-theme="dark"] .cat-wrap{
  --cat-cream:#2e2620; --cat-milk:#8a6a4f; --cat-coffee:#d9bd9a; --cat-ink:#f0e6d8;
  --cat-card:#3a3128; --cat-pink:#e58ea0; --cat-mint:#7fbf9e; --cat-red:#ff7b7f;
}
html[data-theme="dark"] .cat-chip,
html[data-theme="dark"] .cat-input input,
html[data-theme="dark"] .cat-age input{background:#3a3128;color:#f0e6d8;}
html[data-theme="dark"] .cat-chip.on{background:var(--cat-coffee);color:#3a3128;}
html[data-theme="dark"] .cat-adv,
html[data-theme="dark"] .cat-table th{background:#2e2620;}
html[data-theme="dark"] .cat-btn.main{color:#3a3128;}

@media (max-width:768px){
  .cat-chip{padding:8px 13px;font-size:13.5px;}
  .cat-hero-paw{display:none;}
}

/* ===== v1.1 喂食量 / 提醒日历 / 开销记录 ===== */
.cat-feed{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.cat-feed label,.cat-care-form label,.cat-cost-form label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:var(--cat-coffee);}
.cat-feed input,.cat-feed select,
.cat-care-form input,.cat-care-form select,
.cat-cost-form input,.cat-cost-form select{padding:9px 12px;border:2px solid var(--cat-milk);border-radius:12px;font-size:15px;background:var(--cat-card);color:var(--cat-ink);min-width:0;}
.cat-feed input{width:110px;}
.cat-cost-form input{width:100px;}
.cat-feed-out{margin-top:14px;}
.cat-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cat-feed-grid div{background:var(--cat-cream);border:2px solid var(--cat-milk);border-radius:var(--cat-r);padding:14px;text-align:center;}
.cat-feed-grid b{display:block;font-size:24px;color:var(--cat-coffee);}
.cat-feed-grid span{font-size:12.5px;color:var(--cat-mute,#8a6a4f);}
.cat-care-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.cat-care-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;}
.cat-care-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--cat-cream);border:2px solid var(--cat-milk);border-radius:14px;padding:10px 14px;font-size:14px;}
.cat-care-item b{color:var(--cat-coffee);}
.cat-care-item span{color:var(--cat-ink);}
.cat-care-item em{font-style:normal;font-weight:800;margin-left:auto;}
.cat-care-item.soon em{color:#c98a1f;}
.cat-care-item.over em{color:var(--cat-red);}
.cat-care-empty{color:var(--cat-coffee);padding:14px;border:2px dashed var(--cat-milk);border-radius:14px;font-size:14px;}
.cat-cost-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.cat-cost-out{margin-top:6px;}
.cat-cost-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.cat-cost-grid div{background:var(--cat-cream);border:2px solid var(--cat-milk);border-radius:14px;padding:12px 6px;text-align:center;}
.cat-cost-grid b{display:block;font-size:20px;color:var(--cat-coffee);word-break:break-all;}
.cat-cost-grid span{font-size:12px;color:var(--cat-mute,#8a6a4f);}
.cat-cost-grid .cat-cost-total{background:var(--cat-pink);border-color:var(--cat-pink);}
.cat-cost-grid .cat-cost-total b{color:var(--cat-card);}

html[data-theme="dark"] .cat-feed-grid div,
html[data-theme="dark"] .cat-care-item,
html[data-theme="dark"] .cat-cost-grid div{background:#2e2620;}
html[data-theme="dark"] .cat-feed input,
html[data-theme="dark"] .cat-feed select,
html[data-theme="dark"] .cat-care-form input,
html[data-theme="dark"] .cat-care-form select,
html[data-theme="dark"] .cat-cost-form input,
html[data-theme="dark"] .cat-cost-form select{background:#3a3128;color:#f0e6d8;}

@media (max-width:768px){
  .cat-feed-grid{grid-template-columns:1fr 1fr;}
  .cat-cost-grid{grid-template-columns:repeat(3,1fr);}
}