/* ===========================================================
 * 粉色浪漫风格 (Pink Romantic) — 速记社区专属
 * 目标人群：以女性为主的速录师群体
 * 作用于：覆盖默认 X5 蓝调，营造温柔、浪漫、精致的视觉
 * =========================================================== */

:root{
  --pr-pink-deep:#C2185B;
  --pr-pink:#EC407A;
  --pr-pink-soft:#F8BBD0;
  --pr-pink-bg:#FFF5F8;
  --pr-pink-bg2:#FCE4EC;
  --pr-rose-grad:linear-gradient(135deg,#ff9a9e 0%,#fecfef 55%,#fbc2eb 100%);
  --pr-nav-grad:linear-gradient(90deg,#f857a6 0%,#ff758c 100%);
  --pr-shadow:0 6px 20px rgba(236,64,122,.12);
}

/* ---------- 整体背景：浅粉底 + 淡淡花瓣纹理 ---------- */
html{ background:#fff0f5; }
body{
  background-color:#fff5f8;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,182,193,.18), transparent 42%),
    radial-gradient(circle at 88% 8%, rgba(251,194,235,.20), transparent 40%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><g fill='%23f48fb1' fill-opacity='0.05'><path d='M30 40c0-8 12-8 12 0s-12 8-12 0zM84 78c0-7 11-7 11 0s-11 7-11 0z'/><circle cx='60' cy='30' r='3'/><circle cx='20' cy='90' r='2.5'/><circle cx='100' cy='50' r='2'/><path d='M60 100c0-5 8-5 8 0s-8 5-8 0z'/></g></svg>");
  background-attachment:fixed, fixed, fixed;
  color:#5a4a52 !important;
}

/* ---------- 顶部导航：粉色渐变 + 柔光 ---------- */
#nv{
  background-image:var(--pr-nav-grad) !important;
  background-color:#f857a6 !important;
  box-shadow:0 2px 14px rgba(248,87,166,.35);
  border-bottom:1px solid rgba(255,255,255,.25);
}
#nv li.a{ background-color:#d6336c !important; }
#nv li a:hover,
#nv li.hover a:hover,
#nv li.hover a{
  background-color:#e83e8c !important;
  border-radius:10px 10px 0 0;
}
#nv li.mn a,
#nv a{ color:#fff !important; }
#nv .pipe{ color:rgba(255,255,255,.6) !important; }

/* 顶部用户条 um */
#um,#um a{ color:#a14b73 !important; }
#qmenu{ color:#fff !important; }

/* ---------- 搜索栏：浅粉 ---------- */
#scbar{
  background-color:#fff0f5 !important;
  border:1px solid var(--pr-pink-soft) !important;
  border-radius:22px;
  box-shadow:var(--pr-shadow);
}
#scbar_btn,
#scform_submit{ background-color:var(--pr-pink) !important; border-radius:0 22px 22px 0; }
#scform_srchtxt{ border-color:var(--pr-pink-soft) !important; }

/* ---------- 模块卡片：圆角 + 柔阴影 ---------- */
.bm{
  border-radius:14px !important;
  border-color:#f6d7e3 !important;
  box-shadow:var(--pr-shadow);
  overflow:hidden;
}
.bm_h{
  background-image:linear-gradient(90deg,#fff0f6,#ffe3ef) !important;
  background-color:#fff0f6 !important;
  border-bottom:2px solid var(--pr-pink-soft) !important;
  color:var(--pr-pink-deep) !important;
  border-radius:14px 14px 0 0;
}
.bm_h h2 a,.bm_h .bm_h_a a,.fl .bm_h h2 a{
  color:var(--pr-pink-deep) !important;
}
.bmn,
.pg a,
.pgb a,
.card,
div.exfm{
  border-color:var(--pr-pink-soft) !important;
}
.fl .bm_h{ background:linear-gradient(90deg,#fff0f6,#ffe3ef) !important; }

/* 版块列表标题 hover */
.fl .bm_h h2 a:hover{ color:var(--pr-pink) !important; }

/* ---------- 链接与重点字 ---------- */
a{ color:#b83280 !important; }
a:hover{ color:var(--pr-pink) !important; text-decoration:none; }
.xi1,.onerror,.fc-p{ color:var(--pr-pink) !important; }
.xi2,.xi2 a{ color:var(--pr-pink-deep) !important; }
#qmenu,.fl .bm_h h2 a,.xi1,#um .new,.topnav .new{
  color:var(--pr-pink) !important;
}

/* ---------- 主按钮 pnc ---------- */
.pnc,
.tb .o,
.tb .o a,
.pgsbtn{
  background-color:var(--pr-pink) !important;
  background-image:none !important;
  border-color:#d6336c !important;
  border-radius:20px !important;
  box-shadow:0 3px 10px rgba(236,64,122,.30);
  color:#fff !important;
  transition:all .2s ease;
}
.pnc:hover,.pgsbtn:hover{
  background-color:#d6336c !important;
  box-shadow:0 5px 16px rgba(236,64,122,.42);
}
.pnc:active{ background:#c2185b !important; }

/* ---------- 分页 ---------- */
.pg strong{ background-color:var(--pr-pink-soft) !important; border-color:var(--pr-pink) !important; color:var(--pr-pink-deep) !important; border-radius:8px; }
.pg a:hover{ border-color:var(--pr-pink) !important; color:var(--pr-pink-deep) !important; }

/* ---------- 列表表格轻微粉色 ---------- */
.tl th,.tl td{ border-bottom-color:#f6d7e3 !important; }
.bmw .bm_h,.tl .bm_h{ background-image:linear-gradient(90deg,#fff0f6,#ffe3ef) !important; }

/* 主题标题链接 */
.ts a,.xst{ color:var(--pr-pink-deep) !important; }
.xst:hover{ color:var(--pr-pink) !important; }

/* ---------- 帖子内容区圆角 ---------- */
.topic h1,.pls,.plc{
  border-radius:12px;
}
.pb .pl .bm_h{ background-image:linear-gradient(90deg,#fff0f6,#ffe3ef) !important; }

/* ---------- 登录/注册等浮层柔和化 ---------- */
#loginform,
.loginbox,
.regbox{
  border-radius:16px;
  box-shadow:var(--pr-shadow);
}

/* ---------- 页脚温柔化 ---------- */
.ft{
  color:#b98aa3 !important;
}
.ft a{ color:#c77 !important; }

/* ---------- 浪漫点缀：选中文字与焦点 ---------- */
::selection{ background-color:var(--pr-pink); color:#fff; }
:focus{ outline-color:var(--pr-pink) !important; }

/* 首页欢迎横幅区域更柔和 */
#ct .bm_h,
.frame-title,
.blocktitle{
  background-image:linear-gradient(90deg,#fff0f6,#ffe3ef) !important;
}

/* 让“速记社区”logo 旁更协调：轻微描边 */
#logo,.logo{
  filter:drop-shadow(0 2px 6px rgba(236,64,122,.18));
}

/* 轻微漂浮的爱心动画（仅装饰，不影响布局） */
@keyframes pr-float{ 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} }
#nv .wp .nav-logo,
#nv a{
  /* 保持原布局，仅给当前项一点呼吸感 */
}

/* 兼容触屏版 header 颜色 */
.mn .a a,
.topnav a{ color:#fff !important; }

/* 让默认蓝调的残留边框也统一为粉 */
.bw0 .bm_h,
.bw .bm_h{ background-image:linear-gradient(90deg,#fff0f6,#ffe3ef) !important; }

/* 精华/置顶标识更柔和 */
.dig,
.ico-dot,
.threads-type{
  color:var(--pr-pink-deep) !important;
}
