@charset "UTF-8";
/* ==========================================================================
   凤江湖论坛 站点样式
   版式、配色与组件尺寸取自本域名素材目录里的五份页面快照（论坛首页、门户页、
   版块页、帖子页、公告帖）渲染后的计算样式与参考站样式表：
   28px 顶栏、33px 导航条、42px 搜索条、31px 版块标题条、1200px 容器、
   四列版块表格、帖子列表表头、分页方块、橙红标记与蓝色主题链接。
   参考站固定 min-width:1200px 且没有移动端版式，本站按要求补上平板与手机断点。
   下面是全站颜色、间距与层级 token，所有颜色都从这里取。
   ========================================================================== */

:root{
  /* 底色与层级 */
  --surface:#ffffff;
  --topbar:#f2f2f2;
  --head:#e8eff5;
  --section:#e5edf2;
  --thead:#f2f2f2;

  /* 主题蓝 */
  --nav:#2b74c5;
  --nav-active:#005ab4;
  --nav-hover:#004fa0;
  --icon-ink:#2a5f8f;

  /* 线条 */
  --line:#c2d5e3;
  --line-soft:#cdcdcd;
  --line-tint:#eef3f7;
  --line-field:#dbe7ef;
  --line-tip:#f4e4b4;
  --line-head:#ffffff;
  --line-scbar:#e9eff5;

  /* 文字 */
  --ink:#444444;
  --ink-strong:#2b2b2b;
  --ink-link:#333333;
  --ink-theme:#336699;
  --ink-meta:#007cd5;
  --ink-muted:#666666;
  --ink-white:#ffffff;
  --pipe:#cccccc;

  /* 强调色与提示块 */
  --accent-text:#a83a1e;
  --badge:#b8412a;
  --tip-bg:#fff4dd;
  --warn-bg:#fefee9;
  --field:#cfdee3;
  --dot:#bbbbbb;
  --press:#e5e5e5;
  --veil:rgba(255,255,255,.18);

  /* 寻芳 CTA */
  --cta-top:#2a6ab8;
  --cta-bottom:#1a4a80;
  --cta-top-hover:#25609f;
  --cta-bottom-hover:#163f6e;
  --cta-shadow:rgba(20,60,110,.30);
  --cta-shadow-soft:rgba(20,60,110,.22);
  --cta-wash:rgba(9,40,78,.30);
  --cta-wash-clear:rgba(9,40,78,0);
  --cta-ring:#123f6f;

  --shadow-card:rgba(0,0,0,.06);
  --shadow-pop:rgba(0,0,0,.2);

  --wrap:1200px;
  --cta-h:58px;
}

*,*::before,*::after{box-sizing:border-box;}

body{
  margin:0;
  background-color:var(--surface);
  color:var(--ink);
  font-family:Tahoma,Helvetica,"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-size:16px;
  line-height:1.75;
  overflow-wrap:anywhere;
  padding-bottom:118px;
}

h1{font-size:26px;line-height:1.35;margin:0 0 12px;color:var(--ink-strong);}
h2{font-size:19px;line-height:1.4;margin:0 0 10px;color:var(--ink-strong);}
h3{font-size:17px;line-height:1.45;margin:0 0 8px;color:var(--ink-strong);}

a{color:var(--ink-link);text-decoration:none;}
a:hover{text-decoration:underline;}
a.theme{color:var(--ink-theme);}
p{margin:0 0 12px;}
ul,ol{margin:0 0 12px;padding-left:22px;}
li{margin:0 0 5px;}
img{max-width:100%;height:auto;border-style:none;}
table{border-collapse:collapse;width:100%;}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;}
.pipe{margin:0 6px;color:var(--pipe);}

.wp{margin:0 auto;width:100%;max-width:var(--wrap);padding:0 16px;}
.cl::after{content:"";display:block;clear:both;}

.skip{position:absolute;left:-9999px;top:0;background-color:var(--surface);padding:10px 16px;z-index:200;}
.skip:focus{left:8px;top:8px;}
:focus-visible{outline:3px solid var(--nav);outline-offset:2px;}

/* ------------------------------------------------------------- 顶栏 28px */
.toptb{background-color:var(--topbar);font-size:14px;color:var(--ink);}
.toptb .wp{display:flex;align-items:center;min-height:28px;flex-wrap:wrap;gap:0 10px;}
.toptb a{color:var(--ink);}
.toptb .y{margin-left:auto;color:var(--ink-muted);}

/* ------------------------------------------------------------- 论坛头 */
.site-head{background-color:var(--surface);border-bottom:1px solid var(--line);}
.site-head .wp{padding-top:10px;padding-bottom:10px;}
.head-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.brand img{display:block;width:40px;height:40px;border-radius:3px;}
.brand b{font-size:22px;font-weight:700;color:var(--ink-strong);letter-spacing:.5px;}
.brand span{display:block;font-size:13px;font-weight:400;color:var(--ink-muted);line-height:1.3;}
.head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.head-actions a{display:inline-block;padding:7px 14px;font-size:14px;border:1px solid var(--field);
  border-radius:3px;color:var(--ink-theme);background-color:var(--surface);}
.head-actions a:hover{border-color:var(--nav);text-decoration:none;}
.head-actions a.solid{background-color:var(--nav);border-color:var(--nav);color:var(--ink-white);
  font-weight:700;}
.head-actions a.solid:hover{background-color:var(--nav-hover);border-color:var(--nav-hover);}

/* ---------------------------------------------------------- 导航条 33px */
.nv{background-color:var(--nav);}
.nv .wp{display:flex;align-items:stretch;flex-wrap:wrap;}
.nv .items{display:flex;flex-wrap:wrap;align-items:stretch;}
.nv a{display:block;padding:0 15px;height:33px;line-height:33px;color:var(--ink-white);font-size:15px;
  font-weight:700;}
.nv a:hover{background-color:var(--nav-hover);text-decoration:none;}
.nv a.on{background-color:var(--nav-active);}
.nv-toggle{display:none;height:33px;padding:0 14px;border:0;background-color:transparent;
  color:var(--ink-white);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;}

/* ---------------------------------------------------------- 搜索条 42px */
.scbar{background-color:var(--head);border-top:1px solid var(--line-head);
  border-bottom:1px solid var(--line-scbar);}
.scbar .wp{display:flex;align-items:center;gap:10px;min-height:42px;flex-wrap:wrap;}
.scbar .lead{font-size:15px;color:var(--ink);flex:0 0 auto;}
.scbar input{width:230px;padding:5px 8px;border:1px solid var(--field);background-color:var(--surface);
  font-family:inherit;font-size:15px;color:var(--ink);}
.scbar input:focus{border-color:var(--nav);}
.scbar .go{padding:5px 12px;border:0;border-radius:3px;background-color:var(--nav);
  color:var(--ink-white);font-size:15px;font-family:inherit;cursor:pointer;
  box-shadow:0 1px 0 var(--press);}
.scbar .go:hover{background-color:var(--nav-hover);}
.scbar .hot{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:15px;color:var(--ink);}
.scbar .hot a{color:var(--ink-theme);}
.scbar .note{font-size:14px;color:var(--ink-muted);}

/* ------------------------------------------------------------ 面包屑 */
#pt{font-size:15px;line-height:29px;margin:6px 0 10px;color:var(--ink);}
#pt a{color:var(--ink-theme);}

/* 版块信息条 */
.chart{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;font-size:15px;color:var(--ink-muted);}
.chart b{color:var(--ink);font-weight:400;}
.chart .y{margin-left:auto;color:var(--ink-muted);}

/* ------------------------------------------------------------ 板块卡片 */
.bm{margin:0 0 10px;}
.bm_h{display:flex;align-items:center;gap:10px;padding:0 10px;min-height:31px;
  border-top:1px solid var(--line-head);border-bottom:1px solid var(--line);
  background-color:var(--section);font-size:16px;font-weight:700;color:var(--ink);}
.bm_h h2,.bm_h h3{font-size:16px;font-weight:700;margin:0;color:var(--ink);}
.bm_h a{color:var(--ink-theme);}
.bm_h .y{margin-left:auto;font-size:14px;font-weight:400;color:var(--ink-muted);}
.bm_c{border:1px solid var(--line);border-top:0;background-color:var(--surface);padding:10px;}

/* 版块网格：手机一列、平板两列、桌面四列 */
.boardgrid{display:grid;grid-template-columns:1fr;}
@media (min-width:768px){.boardgrid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:992px){.boardgrid{grid-template-columns:repeat(4,1fr);}}
.boardgrid>.fl_g{padding:10px;border-top:1px solid var(--line-tint);align-items:flex-start;}
.boardgrid>.fl_g:nth-child(-n+1){border-top:0;}
@media (min-width:768px){
  .boardgrid>.fl_g:nth-child(2){border-top:0;}
}
@media (min-width:992px){
  .boardgrid>.fl_g:nth-child(-n+4){border-top:0;}
  .boardgrid>.fl_g+.fl_g{border-left:1px solid var(--line-tint);}
}
.fl_g{display:flex;gap:10px;}
.fl_icn{flex:0 0 31px;width:31px;height:29px;border-radius:3px;background-color:var(--head);
  color:var(--icon-ink);font-size:14px;line-height:29px;text-align:center;font-weight:700;}
.fl_g dl{margin:0;min-width:0;flex:1 1 auto;}
.fl_g dt{font-size:16px;font-weight:700;line-height:1.4;}
.fl_g dt a{color:var(--ink-theme);}
.fl_g dd{margin:2px 0 0;font-size:14px;color:var(--ink-muted);line-height:1.5;}
.fl_g dd a{color:var(--ink-theme);}
.fl_g dd .num{color:var(--ink);}
.fl_g .tag{display:inline-block;margin-left:4px;padding:0 5px;border-radius:2px;
  background-color:var(--badge);color:var(--ink-white);font-size:12px;line-height:17px;vertical-align:1px;}

/* 网格版块 */
.grid4{display:grid;gap:0;grid-template-columns:1fr;}
@media (min-width:600px){.grid4{grid-template-columns:repeat(2,1fr);}}
@media (min-width:992px){.grid4{grid-template-columns:repeat(4,1fr);}}
.grid4 .cell{border-top:1px solid var(--line-soft);padding:0;}
.grid4 .cell>h4{margin:0;padding:0 10px;height:30px;line-height:30px;font-size:15px;font-weight:700;
  background-color:var(--section);}
.grid4 .cell>.cellbody{padding:10px;}
.dotlist{margin:0;padding:0;list-style:none;}
.dotlist li{position:relative;padding-left:12px;font-size:15px;line-height:1.9;overflow:hidden;}
.dotlist li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:3px;
  background-color:var(--dot);}
.dotlist a{color:var(--ink-theme);}

/* ------------------------------------------------------------- 帖子列表 */
.tl .th{display:flex;align-items:center;gap:10px;padding:0 10px;min-height:29px;
  border-bottom:1px solid var(--line-soft);background-color:var(--thead);font-size:14px;
  color:var(--ink-muted);}
.tl .th .tf{display:flex;flex-wrap:wrap;gap:0 10px;flex:1 1 auto;}
.tl .th a{color:var(--ink-theme);}
.tl .th .col{flex:0 0 auto;}
.tl table{table-layout:fixed;width:100%;}
.tl th,.tl td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;
  font-weight:400;}
.tl th.subj{font-size:16px;}
.tl th.subj a{color:var(--ink-theme);}
.tl td.icn{width:36px;text-align:center;}
.tl td.icn span{display:inline-block;width:24px;height:24px;border-radius:3px;background-color:var(--head);
  color:var(--icon-ink);font-size:13px;line-height:24px;text-align:center;}
.tl td.by{width:110px;font-size:14px;color:var(--ink-muted);}
.tl td.num{width:78px;font-size:14px;color:var(--ink-muted);text-align:center;}
.tl td.by cite{display:block;font-style:normal;color:var(--ink-theme);}
.tl td.by em{display:block;font-style:normal;font-size:13px;color:var(--ink-muted);}
.tl td.num a{display:block;color:var(--ink-theme);}
.tl tbody:hover th,.tl tbody:hover td{background-color:var(--thead);}
.tl .tin{font-size:13px;color:var(--ink-muted);}
.tl .tin a{color:var(--ink-meta);}
@media (max-width:767px){
  .tl td.by,.tl td.num,.tl .th .col.by,.tl .th .col.num{display:none;}
}

/* ------------------------------------------------------------- 分页 */
.pg{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px;padding:0;list-style:none;}
.pg li{margin:0;}
.pg a,.pg strong{display:block;min-width:34px;padding:0 8px;height:28px;line-height:26px;text-align:center;
  border:1px solid var(--line);background-color:var(--surface);color:var(--ink-link);font-size:14px;
  font-weight:400;}
.pg a:hover{border-color:var(--ink-theme);color:var(--ink-theme);text-decoration:none;}
.pg strong{background-color:var(--section);}

/* ------------------------------------------------------------- 正文块 */
.panel{margin:0 0 10px;}
.panel .bd{border:1px solid var(--line);background-color:var(--surface);padding:14px 16px;}
.panel .bd>:last-child{margin-bottom:0;}
.lede{font-size:17px;color:var(--ink-strong);}
.tip{background-color:var(--warn-bg);border:1px solid var(--line-tip);padding:12px 14px;margin:0 0 12px;
  font-size:15px;}
.tip p:last-child{margin-bottom:0;}

.tablewrap{overflow-x:auto;margin:0 0 12px;}
table.data{min-width:520px;font-size:15px;}
table.data caption{caption-side:bottom;text-align:left;font-size:14px;color:var(--ink-muted);padding-top:8px;}
table.data th,table.data td{border:1px solid var(--line-field);padding:8px 10px;text-align:left;
  vertical-align:top;}
table.data th{background-color:var(--thead);font-size:14px;font-weight:700;color:var(--ink);}
table.data td b{color:var(--ink-strong);}

.faq details{border-bottom:1px solid var(--line-tint);}
.faq details:last-child{border-bottom:0;}
.faq summary{cursor:pointer;list-style:none;padding:11px 30px 11px 0;position:relative;
  font-size:16px;font-weight:700;color:var(--ink-strong);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"＋";position:absolute;right:4px;top:10px;color:var(--nav);font-size:16px;}
.faq details[open] summary::after{content:"－";}
.faq .ans{padding:0 0 12px;font-size:15px;}
.faq .ans p:last-child{margin-bottom:0;}

.linklist{margin:0 0 12px;padding:0;list-style:none;font-size:15px;}
.linklist li{margin:0 0 8px;}
.kv{margin:0 0 12px;padding:0;list-style:none;font-size:15px;}
.kv li{margin:0 0 6px;}
.kv b{color:var(--ink-strong);}
.btn{display:inline-block;padding:8px 16px;border-radius:3px;background-color:var(--nav);
  color:var(--ink-white);font-size:15px;font-weight:700;}
.btn:hover{background-color:var(--nav-hover);text-decoration:none;}

/* ------------------------------------------------------------- 页脚 */
#ft{padding:14px 0 34px;color:var(--ink-muted);font-size:14px;line-height:1.8;
  border-top:1px solid var(--line);}
#ft a{color:var(--ink-link);}
#ft a:hover{color:var(--ink-theme);}
.ft-grid{display:grid;gap:18px;grid-template-columns:1fr;}
@media (min-width:600px){.ft-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:992px){.ft-grid{grid-template-columns:repeat(4,1fr);}}
#ft .ft-col h2{font-size:15px;font-weight:700;margin:0 0 8px;color:var(--ink-strong);}
#ft .ft-col ul{margin:0;}
.ft-line{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;margin-top:14px;}
.ft-line .y{text-align:right;}
.ft-brand{font-size:16px;font-weight:700;color:var(--ink-strong);}

/* ------------------------------------------------------- 寻芳固定 CTA */
.site-cta{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:120;
  display:flex;align-items:center;justify-content:center;
  width:min(540px,42vw);min-height:var(--cta-h);padding:0 24px;overflow:hidden;
  transform:translateX(-50%);
  background-color:var(--cta-top);
  background-image:linear-gradient(180deg,var(--cta-top),var(--cta-bottom));
  color:var(--ink-white);border-radius:6px;font-size:17px;font-weight:700;line-height:1.3;
  text-align:center;box-shadow:0 6px 18px var(--cta-shadow);
  animation:cta-board-press 3.1s cubic-bezier(.2,.7,.3,1) infinite;}
.site-cta:hover{text-decoration:none;background-color:var(--cta-bottom-hover);
  background-image:linear-gradient(180deg,var(--cta-top-hover),var(--cta-bottom-hover));}
.site-cta:focus-visible{outline:3px solid var(--cta-ring);outline-offset:3px;}
.site-cta::before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;pointer-events:none;
  background:radial-gradient(118% 152% at 50% 148%,var(--cta-wash) 0%,var(--cta-wash-clear) 70%);
  opacity:0;transform:scale(.97);
  animation:cta-board-wash 3.1s cubic-bezier(.2,.7,.3,1) infinite;}
@keyframes cta-board-press{
  0%,58%{scale:1;box-shadow:0 6px 18px var(--cta-shadow);}
  71%{scale:.986;box-shadow:0 3px 10px var(--cta-shadow-soft);}
  86%,100%{scale:1;box-shadow:0 6px 18px var(--cta-shadow);}
}
@keyframes cta-board-wash{
  0%,54%{opacity:0;transform:scale(.97);}
  69%{opacity:.3;transform:scale(1);}
  87%,100%{opacity:0;transform:scale(1);}
}
@media (max-width:767px){
  .site-cta{left:14px;right:14px;width:auto;transform:none;min-height:54px;padding:0 16px;font-size:16px;}
  body{padding-bottom:106px;}
}
@media (prefers-reduced-motion:reduce){
  .site-cta{animation:none;}
  .site-cta::before{animation:none;opacity:.18;transform:none;}
}

/* ------------------------------------------------------- 平板与手机 */
@media (max-width:1199px){
  .wp{padding:0 14px;}
}
@media (max-width:991px){
  .nv a{padding:0 12px;font-size:14px;}
  .brand b{font-size:20px;}
}
@media (max-width:767px){
  .nv .wp{display:block;}
  .nv-toggle{display:block;width:100%;text-align:left;}
  .nv .items{display:none;}
  .nv .items.open{display:block;}
  .nv .items a{height:auto;padding:11px 15px;line-height:1.5;border-top:1px solid var(--veil);}
  .toptb .y{display:none;}
  .head-actions{margin-left:0;width:100%;}
  .head-actions a{flex:1 1 auto;text-align:center;padding:7px 10px;font-size:14px;}
  .scbar .lead{display:none;}
  .scbar .hot{flex-wrap:nowrap;overflow-x:auto;gap:0 14px;width:100%;
    -webkit-overflow-scrolling:touch;}
  .scbar .hot a{flex:0 0 auto;}
  .scbar input{width:100%;}
  .ft-line .y{text-align:left;}
}
@media (max-width:479px){
  .brand b{font-size:18px;}
  .brand span{font-size:12px;}
  .head-actions a{padding:6px 8px;font-size:13px;}
  h1{font-size:22px;}
}

.is-hidden{display:none !important;}