/* 生理期 · 经期照顾（10/6）：今天怎么样 / 布洛芬 / 经前备货 / 关于我 / 经期小记 */
.pc-card{ border-radius:16px; background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); padding:14px; margin-bottom:14px; }
.pc-card.pc-warm{ background: linear-gradient(160deg, rgba(232,186,110,.16), rgba(240,214,150,.08)); border-color: rgba(232,190,120,.28); }
.pc-card.pc-soon{ border-color: rgba(226,180,100,.35); }
.pc-title{ font-size:14px; font-weight:600; color: var(--text); margin-bottom:10px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.pc-title small{ font-size:11.5px; font-weight:400; color: var(--text-faint); }
.pc-row{ display:flex; align-items:center; gap:6px; margin-top:8px; }
.pc-wrap{ flex-wrap:wrap; }
.pc-k{ font-size:12px; color: var(--text-faint); width:30px; flex:0 0 auto; }
.pc-pain{ display:grid; grid-template-columns: repeat(4, 1fr); gap:6px; margin-top:0; }
.pc-pain button{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 0; border-radius:12px; border:1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04); color: var(--text-soft); font: inherit; font-size:12px; cursor:pointer; }
.pc-pain button b{ font-size:18px; font-weight:400; }
.pc-pain button.on{ background: rgba(232,186,110,.3); border-color: rgba(236,196,120,.5); color: var(--text); }
.pc-chip{ padding:6px 11px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); color: var(--text-soft);
  font: inherit; font-size:12.5px; cursor:pointer; white-space:nowrap; }
.pc-chip.on{ background: rgba(232,186,110,.28); border-color: rgba(236,196,120,.5); color: var(--text); }
.pc-chip:active, .pc-pain button:active, .pc-st:active{ transform: scale(.96); }
.pc-input{ flex:1; min-width:0; padding:9px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06);
  color: var(--text); font: inherit; font-size:13.5px; outline:none; }
.pc-btn{ padding:9px 14px; border-radius:12px; border:0; background: rgba(226,180,100,.3); color: var(--text); font: inherit; font-size:13px; cursor:pointer; white-space:nowrap; }
.pc-wide{ width:100%; margin-top:6px; }
.pc-link{ border:0; background:none; color: var(--text-faint); font: inherit; font-size:12px; text-decoration: underline; cursor:pointer; margin-left:auto; }
.pc-ouch{ width:100%; margin-top:12px; padding:12px; border-radius:14px; border:1px solid rgba(240,200,130,.4);
  background: rgba(240,200,130,.18); color: var(--text); font: inherit; font-size:14px; letter-spacing:.03em; cursor:pointer; }
.pc-sub{ margin-top:8px; font-size:12px; color: var(--text-faint); line-height:1.6; }
.pc-red{ color:#E9A85C; }
.pc-warn{ margin-top:8px; font-size:12.5px; color:#E9A85C; line-height:1.6; }
.pc-stock{ display:flex; flex-wrap:wrap; gap:6px; }
.pc-st{ display:inline-flex; align-items:center; gap:5px; padding:7px 11px; border-radius:12px; border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04); color: var(--text-soft); font: inherit; font-size:12.5px; cursor:pointer; }
.pc-st i{ font-style:normal; font-size:11px; min-width:14px; text-align:center; color: var(--text-faint); }
.pc-st.have{ border-color: rgba(120,190,150,.45); color: var(--text); } .pc-st.have i{ color:#8FD0A8; }
.pc-st.need{ border-color: rgba(236,166,84,.55); background: rgba(236,166,84,.14); color: var(--text); } .pc-st.need i{ color:#E9A85C; }
.pc-add{ border-style: dashed; }
.pc-fold{ width:100%; display:flex; justify-content:space-between; align-items:center; border:0; background:none; padding:0; color: var(--text);
  font: inherit; font-size:14px; font-weight:600; cursor:pointer; text-align:left; }
.pc-fold small{ font-size:11.5px; font-weight:400; color: var(--text-faint); margin-left:6px; }
.pc-about{ margin-top:10px; display:flex; flex-direction:column; gap:10px; }
.pc-about[hidden]{ display:none; }
.pc-about label{ display:flex; flex-direction:column; gap:4px; font-size:12px; color: var(--text-faint); }
.pc-about textarea{ resize:vertical; padding:9px 11px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06);
  color: var(--text); font: inherit; font-size:13.5px; line-height:1.5; outline:none; }
.pc-review{ border-top:1px solid rgba(255,255,255,.07); padding:9px 0 2px; }
.pc-review summary{ font-size:13px; color: var(--text-soft); cursor:pointer; }
.pc-review p{ margin:8px 0 4px; font-size:13.5px; line-height:1.75; color: var(--text); }
/* 经期里整页暖一点 */
#periodPanel.period-on .profile-page{ background-image: radial-gradient(120% 60% at 50% 0%, rgba(232,186,110,.12), transparent 70%); }