:root{
  --bg:#FFF8EE; --text:#16323E; --muted:#5E7A85; --brand:#21A391; --brand-strong:#1B8D7D;
  --warn:#FFA426; --danger:#FF5A5F; --ok:#1CC779; --card:#FFFFFF; --ring:#DDE9EE;
  --shadow: 0 10px 24px rgba(22,50,62,0.08); --radius: 18px; --control-h: 48px;
}
.pwc *{ box-sizing: border-box; }
.pwc{ color:var(--text); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.pwc .pwc-container{ max-width:1100px; padding:32px 20px 56px; margin:0 auto; background:var(--bg); border-radius:20px; }
.pwc .pwc-header{ display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.pwc .pwc-logo{ flex:0 0 auto; display:grid; place-items:center; width:56px; height:56px; border-radius:16px; background:#0F2B33; box-shadow: var(--shadow); }
.pwc .pwc-logo-img{ width:48px; height:48px; object-fit:contain; display:block; border-radius:12px; }
.pwc .pwc-brand h1{ font-size: clamp(24px, 3vw, 36px); margin:0; letter-spacing:-0.02em; }
.pwc .pwc-brand p{ margin:2px 0 0; color:var(--muted); }
.pwc .pwc-card{ background:var(--card); border:1px solid var(--ring); border-radius:var(--radius); box-shadow: var(--shadow); }
.pwc .pwc-pad{ padding:18px; }
.pwc .pwc-grid{ display:grid; gap:16px; grid-template-columns: 1.1fr 1fr; margin-top:16px; align-items:start; }
@media (max-width:1080px){ .pwc .pwc-grid{ grid-template-columns:1fr; } }
.pwc .pwc-controls{ display:grid; gap:10px; grid-template-columns: 1.2fr .9fr .9fr auto; align-items:center; }
@media (max-width:900px){ .pwc .pwc-controls{ grid-template-columns:1fr; } }
.pwc .pwc-field{ position:relative; }
.pwc .pwc-field input, .pwc .pwc-field select{ width:100%; height:var(--control-h); font-size:16px; padding:0 14px 0 44px; border:1px solid var(--ring); border-radius:14px; outline:none; background:#fff; line-height:var(--control-h); }
.pwc .pwc-field select{ appearance:none; background-image:linear-gradient(45deg,transparent 50%,#9cb3bd 50%),linear-gradient(135deg,#9cb3bd 50%,transparent 50%); background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px); background-size:5px 5px; background-repeat:no-repeat; }
.pwc .pwc-icon{ position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:.75; }
.pwc .pwc-actions{ display:flex; gap:10px; align-items:stretch; }
.pwc .pwc-btn{ background:var(--brand); color:#fff; border:none; padding:0 18px; border-radius:14px; font-weight:600; cursor:pointer; height:var(--control-h); display:inline-flex; align-items:center; justify-content:center; }
.pwc .pwc-btn:hover{ background:var(--brand-strong); }
.pwc .pwc-ghost{ background:transparent; color:var(--brand); border:1px solid var(--brand); }
.pwc .pwc-suggest{ position:absolute; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--ring); border-radius:12px; box-shadow: var(--shadow); max-height:260px; overflow:auto; z-index:1000; }
.pwc .pwc-suggest .item{ padding:10px 12px; cursor:pointer; border-bottom:1px solid #EEF5F7; }
.pwc .pwc-suggest .item:last-child{ border-bottom:none; } .pwc .pwc-suggest .item:hover, .pwc .pwc-suggest .item.active{ background:#E9FAF5; }
.pwc .pwc-suggest .meta{ color:var(--muted); font-size:12px; display:block; margin-top:2px; }
.pwc .pwc-risk{ border-radius:var(--radius); padding:20px; color:#fff; display:flex; gap:14px; align-items:center; min-height:108px; }
.pwc .pwc-risk.low{ background: linear-gradient(135deg, var(--ok), #1AAE67); }
.pwc .pwc-risk.med{ background: linear-gradient(135deg, #FFC34D, var(--warn)); }
.pwc .pwc-risk.high{ background: linear-gradient(135deg, #FF6B6F, var(--danger)); }
.pwc .pwc-risk-emoji{ font-size:28px; }
.pwc .pwc-big{ font-size: clamp(28px, 5vw, 40px); font-weight:800; letter-spacing:-0.02em; }
.pwc .pwc-sub{ opacity:.95; }
.pwc .pwc-block{ margin-top:14px; }
.pwc .pwc-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.pwc .pwc-chip{ background:#F0FAF8; color:#0B3D36; border:1px solid #CDEDE7; padding:10px 12px; border-radius:999px; font-weight:600; }
.pwc .badge-hot{ border-color:#FFC34D; } .pwc .badge-cold{ border-color:#87C8F5; } .pwc .badge-uv{ border-color:#FFA426; }
.pwc .badge-rain{ border-color:#5EEAD4; } .pwc .badge-wind{ border-color:#87C8F5; } .pwc .badge-storm{ border-color:#FF5A5F; }
.pwc h2{ font-size:clamp(18px,2.5vw,22px); margin:0 0 10px; }
.pwc .pwc-clean{ list-style:none; padding-left:0; margin:0; }
.pwc .pwc-tip{ display:flex; gap:10px; align-items:flex-start; padding:10px 8px; border-radius:12px; }
.pwc .pwc-dot{ width:10px; height:10px; border-radius:50%; margin-top:6px; flex:0 0 10px; }
.pwc .pwc-wxgrid{ display:grid; gap:12px; grid-template-columns: 1fr 1fr; }
@media (max-width:900px){ .pwc .pwc-wxgrid{ grid-template-columns:1fr; } }
.pwc .pwc-wxblock{ border:1px dashed var(--ring); background:#FCFFFD; border-radius:14px; padding:12px; }
.pwc .pwc-wxblock h3{ margin:0 0 6px; font-size:16px; } .pwc .pwc-wxblock ul{ margin:0; padding-left:18px; }
.pwc .pwc-footer{ text-align:center; color:var(--muted); margin-top:30px; font-size:14px; }
.pwc .pwc-banner{ margin-top:10px; background:#fff3cd; color:#856404; border:1px solid #ffeeba; padding:10px 12px; border-radius:12px; }
.pwc .pwc-hide{ display:none; }

/* Community */
.pwc .pwc-upload-row{ display:grid; grid-template-columns: 1.2fr 1fr 1.6fr auto; gap:10px; align-items:center; }
@media (max-width:900px){ .pwc .pwc-upload-row{ grid-template-columns:1fr; } }
.pwc .pwc-check{ display:flex; gap:8px; align-items:center; font-size:14px; color:var(--muted); }
.pwc .pwc-upload-msg{ margin-top:10px; font-size:14px; }
.pwc .pwc-gallery{ display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; }
@media (max-width:1100px){ .pwc .pwc-gallery{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:700px){ .pwc .pwc-gallery{ grid-template-columns: repeat(2, 1fr); } }
.pwc .pwc-cardpet{ border:1px solid var(--ring); border-radius:14px; overflow:hidden; background:#fff; }
.pwc .pwc-cardpet .imgwrap{ aspect-ratio: 1 / 1; background:#F4F7F8; overflow:hidden; }
.pwc .pwc-cardpet img{ width:100%; height:100%; object-fit:cover; display:block; }
.pwc .pwc-cardpet .name{ padding:8px 10px; font-weight:700; text-align:center; }
.pwc .pwc-gallery-sentinel{ height: 1px; }