/* ===== 陪伴页 — UI规范 ===== */
#page-4 { background:#fef7f5; overflow-y:auto; }
.ac-wrap { padding:16px 16px 30px; }

/* 顶部 */
.ac-topbar { display:flex; align-items:center; justify-content:space-between; padding:6px 0 8px; margin-bottom:16px; }
.ac-brand { font-family:'Georgia',serif; font-size:22px; font-weight:700; color:#362040; letter-spacing:.02em; }
.ac-diamond-pill { display:flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.75); backdrop-filter:blur(10px); border:1px solid rgba(180,140,160,.08); box-shadow:0 2px 8px rgba(120,68,100,.04); font-size:12px; font-weight:600; color:#362040; }
.ac-diamond { width:14px; height:14px; transform:rotate(45deg); border-radius:3px; background:linear-gradient(135deg,#ffe7a8,#f6b94f); box-shadow:inset 0 1px 2px rgba(255,255,255,.7); }

/* Hero */
.ac-hero { margin-bottom:14px; }
.ac-hero h1 { margin:0; font-family:'Georgia',serif; font-size:26px; font-weight:750; color:#362040; }
.ac-hero p { margin:6px 0 0; font-size:13px; color:#9a7e8a; }

/* 额度卡片 */
.ac-quota-card { border-radius:22px; padding:16px; background:rgba(255,255,255,.88); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(180,140,160,.08); box-shadow:0 6px 20px rgba(120,68,100,.04),0 3px 10px rgba(120,68,100,.03); margin-bottom:14px; }
.ac-quota-row { display:flex; gap:10px; }
.ac-quota-item { flex:1; padding:12px; border-radius:16px; background:rgba(240,200,210,.08); }
.ac-quota-label { font-size:11px; color:#9a7e8a; margin-bottom:4px; }
.ac-quota-value { font-size:17px; font-weight:750; color:#362040; }
.ac-quota-hint { margin-top:12px; font-size:11px; line-height:1.6; color:#9a7e8a; }

/* 分区标题 */
.ac-section-title { display:flex; align-items:end; justify-content:space-between; margin:20px 0 10px; }
.ac-section-title h2 { margin:0; font-family:'Georgia',serif; font-size:16px; font-weight:700; color:#362040; }
.ac-section-title span { font-size:11px; color:#b8a2b4; }

/* 场景卡片 */
.ac-scene-list { display:flex; flex-direction:column; gap:10px; }
.ac-scene-card { display:flex; gap:12px; align-items:center; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.88); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(180,140,160,.08); box-shadow:0 6px 20px rgba(120,68,100,.04),0 3px 10px rgba(120,68,100,.03); cursor:pointer; transition:transform .15s; }
.ac-scene-card:active { transform:scale(.98); }

.ac-scene-icon { width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; }
.ac-scene-icon::before { content:""; width:20px; height:20px; border:2px solid currentColor; border-radius:50%; opacity:.9; }
.ac-si-soft { color:#c0899e; background:rgba(192,137,158,.08); }
.ac-si-relation { color:#9d82d6; background:rgba(157,130,214,.08); }
.ac-si-tarot { color:#d59b4a; background:rgba(213,155,74,.08); }
.ac-si-night { color:#6f86bf; background:rgba(111,134,191,.08); }

.ac-scene-content { flex:1; min-width:0; }
.ac-scene-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:3px; }
.ac-scene-title h3 { margin:0; font-size:14px; font-weight:700; color:#362040; }
.ac-price { flex-shrink:0; font-size:10px; padding:3px 8px; border-radius:999px; font-weight:600; }
.ac-price.free { color:#61a479; background:rgba(97,164,121,.08); }
.ac-price:not(.free) { color:#c0899e; background:rgba(192,137,158,.08); }
.ac-scene-desc { margin:0; font-size:12px; color:#9a7e8a; }
.ac-arrow { color:#b8a2b4; font-size:18px; }

/* 最近 */
.ac-recent-list { display:flex; flex-direction:column; gap:8px; }
.ac-recent-item { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-radius:16px; background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(180,140,160,.06); cursor:pointer; transition:transform .15s; }
.ac-recent-item:active { transform:scale(.98); }
.ac-recent-main { display:flex; flex-direction:column; gap:3px; }
.ac-recent-title { font-size:13px; font-weight:650; color:#362040; }
.ac-recent-time { font-size:10px; color:#b8a2b4; }
.ac-continue { font-size:12px; color:#c0899e; font-weight:600; }

/* 安全提示 */
.ac-notice { margin-top:18px; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(180,140,160,.06); color:#9a7e8a; font-size:10px; line-height:1.7; }