/* ==========================================================
   Profile Main — 个人主页 (v2)
   背景装饰 · 用户卡片 · 双身份 · 标签 · 数据 · 互动 · 日记
   ========================================================== */

/* ===== 页面容器 ===== */
#page-2 { background:#fef7f5; overflow-y:auto; }

/* ===== 背景区域 ===== */
.pr-bg { position:absolute; top:0; left:0; right:0; height:260px; overflow:hidden; pointer-events:none; z-index:0; }
.pr-bg-gradient { position:absolute; inset:0; background:radial-gradient(ellipse at 50% -5%, #f0d8e6 0%, #f9e5ef 22%, #fef3f8 48%, #fef7f5 100%); }
.pr-cloud { position:absolute; width:200px; height:40px; border-radius:999px; background:rgba(255,248,243,.62); filter:blur(.3px); }
.pr-cloud::before,.pr-cloud::after { content:''; position:absolute; border-radius:50%; background:inherit; }
.pr-cloud::before { width:48px; height:48px; left:18px; top:-20px; }
.pr-cloud::after { width:60px; height:60px; left:60px; top:-28px; }
.pr-cloud-l { left:-42px; top:120px; opacity:.42; }
.pr-cloud-r { right:-48px; top:100px; opacity:.48; }
.pr-moon { position:absolute; right:42px; top:14px; width:44px; height:44px; border-radius:50%; background:#fff8d0; box-shadow:0 0 36px rgba(255,235,150,.55); }
.pr-moon::after { content:''; position:absolute; left:-10px; top:-3px; width:44px; height:44px; border-radius:50%; background:#ebccdf; }
.pr-lighthouse { position:absolute; right:26px; top:64px; width:12px; height:44px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#fff6e2,#f6dcd3 40%,#e1bbb4 80%); box-shadow:0 0 22px rgba(255,230,150,.32); }
.pr-lighthouse::before { content:''; position:absolute; left:-4px; top:10px; width:20px; height:8px; border-radius:2px; background:linear-gradient(180deg,#ffdfa0,#fff3d2 50%,#ffdfa0); box-shadow:0 0 16px rgba(255,218,128,.45); }
.pr-lighthouse::after { content:''; position:absolute; left:2px; top:-5px; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:7px solid #c49b98; }
.pr-island-base { position:absolute; right:4px; top:104px; width:68px; height:12px; border-radius:55% 45% 30% 40%; background:linear-gradient(180deg,rgba(135,100,112,.26),rgba(85,58,72,.16)); }

/* ===== 滚动区 ===== */
.pr-scroll { position:relative; z-index:5; padding:0 20px 20px; display:flex; flex-direction:column; gap:10px; }

/* ===== 问候卡片 ===== */
.pr-greet-card {
  background:rgba(255,255,255,.88); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(200,155,175,.08); border-radius:22px;
  padding:14px 18px; display:flex; flex-direction:column; gap:10px;
  box-shadow:0 10px 30px rgba(120,68,100,.05), 0 3px 10px rgba(120,68,100,.03); margin-top:10px;
}
.prg-header { display:flex; align-items:baseline; gap:6px; }
.prg-greeting { font-family:'Georgia',serif; font-size:16px; font-weight:700; color:#362040; }
.prg-id { font-size:11px; color:#bba6b8; }
.prg-body { display:flex; align-items:center; gap:12px; }
.prg-avatar {
  width:60px; height:60px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(circle at 52% 42%,#f6c6bd 0 15%,transparent 16%),
              linear-gradient(145deg,#a886ca,#ffc8d4 60%,#fff1de);
  display:flex; align-items:center; justify-content:center; font-size:26px;
  box-shadow:0 6px 18px rgba(100,55,90,.12), 0 2px 4px rgba(100,55,90,.06);
}
.prg-info { flex:1; display:flex; flex-direction:column; gap:5px; }
.prg-badges { display:flex; gap:6px; flex-wrap:wrap; }
.prgb-tag { font-size:10px; font-weight:600; padding:2px 10px; border-radius:999px; }
.prgb-tag.resident { background:#fef0e2; color:#b87030; }
.prgb-tag.level { background:linear-gradient(135deg,#fef6e0,#fdebc8); color:#a8781a; }
.prg-bio { margin:0; font-size:12px; color:#695060; line-height:1.5; }
.prg-days { margin:0; font-size:10px; color:#c4aab6; }

/* ===== 分区标题 ===== */
.pr-section-title { margin:0; font-family:'Georgia',serif; font-size:13px; font-weight:700; color:#362040; padding:0 2px; letter-spacing:.03em; }

/* ===== 双身份卡片 ===== */
.pr-id-cards { display:flex; gap:8px; }
.pric-card {
  flex:1; background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(180,140,160,.08); border-radius:14px;
  padding:10px 12px; display:flex; flex-direction:column; gap:4px;
  box-shadow:0 4px 16px rgba(120,68,100,.04);
}
.pric-card.pric-gold { border-color:rgba(210,170,110,.14); background:rgba(255,254,250,.86); }
.pric-icon { font-size:18px; color:#8a6a90; font-variation-settings:'FILL' 0; }
.pric-info { display:flex; align-items:center; gap:4px; }
.pric-name { font-size:11px; font-weight:600; color:#45354a; }
.pric-lv { font-size:10px; color:#b8a2bc; font-weight:500; }
.pric-exp-bar { height:4px; border-radius:2px; background:rgba(160,120,140,.08); overflow:hidden; }
.pric-exp-fill { height:100%; border-radius:2px; background:linear-gradient(90deg,#c9a4d8,#e2bdce); transition:width .4s; }
.pric-gold .pric-exp-fill { background:linear-gradient(90deg,#e8cc92,#f2dfae); }
.pric-exp-text { font-size:9px; color:#b8a2bc; text-align:right; }

/* ===== 标签 ===== */
.pr-tags { display:flex; flex-wrap:wrap; gap:6px; }
.prt-item {
  padding:4px 12px; border-radius:999px; font-size:11px; font-weight:500;
  background:rgba(255,255,255,.78); border:1px solid rgba(185,145,160,.08);
  color:#786070; box-shadow:0 1px 4px rgba(120,68,100,.02);
}

/* ===== 数据概览 ===== */
.pr-stats {
  display:flex; align-items:stretch;
  background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(180,140,160,.08); border-radius:16px;
  overflow:hidden; box-shadow:0 4px 16px rgba(120,68,100,.03);
}
.prs-item {
  flex:1; display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:12px 6px; position:relative;
}
.prs-item+.prs-item::before {
  content:''; position:absolute; left:0; top:8px; bottom:8px;
  width:1px; background:rgba(180,140,160,.07);
}
.prs-icon { font-size:18px; color:#8a6a90; font-variation-settings:'FILL' 0; }
.prs-val { font-size:17px; font-weight:700; color:#362040; line-height:1; }
.prs-label { font-size:10px; color:#b6a2b4; }

/* ===== 功能菜单 ===== */
.pr-menu { background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(180,140,160,.08); border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(120,68,100,.03); }
.prm-item { display:flex; align-items:center; gap:10px; padding:12px 16px; cursor:pointer; transition:background .15s; }
.prm-item:active { background:rgba(248,235,242,.5); }
.prm-item+.prm-item { border-top:1px solid rgba(180,140,160,.06); }
.prmi-icon { font-size:20px; width:22px; text-align:center; flex-shrink:0; color:#8a6a90; font-variation-settings:'FILL' 0; }
.prmi-label { flex:1; font-size:13px; color:#45354a; font-weight:500; }
.prmi-badge { font-size:12px; color:#c9a24d; font-weight:600; }
.prmi-arrow { font-size:18px; color:#c4b8c8; flex-shrink:0; }

/* ===== 我的互动 ===== */
.pr-interact { background:rgba(255,255,255,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(180,140,160,.08); border-radius:16px; padding:2px; box-shadow:0 4px 16px rgba(120,68,100,.03); }
.pri-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.prig-item {
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:12px 6px 10px; cursor:pointer; border-radius:12px; transition:background .15s;
}
.prig-item:active { background:rgba(248,235,242,.55); }
.prig-icon { font-size:22px; color:#8a6a90; font-variation-settings:'FILL' 0; }
.prig-label { font-size:10px; color:#685a66; font-weight:500; }

/* ===== 成长日记 ===== */
.pr-diary-card {
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#f6ebf4 0%,#fef0f5 50%,#fff7f0 100%);
  border:1px solid rgba(190,140,165,.1); border-radius:18px;
  padding:14px 16px; box-shadow:0 4px 14px rgba(120,68,100,.03); cursor:pointer;
  transition:transform .15s;
}
.pr-diary-card:active { transform:scale(.98); }
.prd-left { flex:1; display:flex; flex-direction:column; gap:3px; }
.prd-title { font-size:14px; font-weight:700; color:#362040; }
.prd-desc { font-size:11px; color:#9a7a8c; }
.prd-right { position:relative; width:42px; height:42px; flex-shrink:0; }
.prd-feather { position:absolute; right:10px; top:6px; width:7px; height:24px; border-radius:0 50% 30% 50%; background:linear-gradient(180deg,#d4ace2,#bc90c8); transform:rotate(25deg); }
.prd-star { position:absolute; right:2px; top:0; font-size:14px; color:rgba(200,150,210,.55); }

/* ===== 退出登录 ===== */
.pr-logout-btn {
  width:100%; height:40px; border-radius:20px; border:1px solid rgba(200,155,175,.12);
  background:rgba(255,255,255,.72); color:#c07085; font-size:13px;
  font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
  cursor:pointer; font-weight:500; transition:background .15s; letter-spacing:.03em;
}
.pr-logout-btn:active { background:rgba(248,225,232,.5); }

/* ===== 版本号 ===== */
.pr-version { text-align:center; font-size:11px; color:rgba(200,170,210,.22); padding:4px 0; }

/* ===== Toast ===== */
.pr-toast {
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:rgba(50,24,40,.9); color:#fff; padding:10px 24px;
  border-radius:999px; font-size:14px; z-index:9999;
  opacity:0; pointer-events:none; transition:opacity .3s;
}
.pr-toast.show { opacity:1; }