@charset "UTF-8";
/* ==========================================================================
   51楼凤网 站点样式
   版式、配色与组件尺寸取自本域名素材目录里的首页快照
   渲染后的计算样式与参考站样式表：
   65px 固定顶栏（白底 + 0 1px 2px 阴影）、#f4f4f5 搜索带、#f6f8f9 页面底、
   860 + 325 双栏（1200 容器）、白色 4px 圆角卡片（0 0 2px rgba(98,124,153,.1)）、
   图文精华 130×110 小图 + 右侧三行文字、文章行 18px 粗标题 + 两行 14px 摘要 +
   25px 圆头像行 + 192×135 右图 / 三图横排、侧栏方块列表与圆点时间轴、
   居中页脚。品牌珊瑚橙取自参考站 #fc7247。
   参考站固定 min-width:1200px 且没有移动端版式，本站按要求补上平板与手机断点。
   以下是全站颜色 token，所有颜色都从这里取。
   ========================================================================== */

:root{
  /* 底色与层级 */
  --surface:#ffffff;
  --bg:#f6f8f9;
  --search-bg:#f4f4f5;
  --tint:#fafafa;

  /* 品牌珊瑚橙：--brand 用于文字与白字填充（已加深到可读），--brand-bright 只做装饰 */
  --brand:#b8431f;
  --brand-deep:#8f3316;
  --brand-bright:#fc7247;
  --brand-soft:#fdeee9;
  --brand-line:#f6d5c8;

  /* 线条与阴影 */
  --line:#f0f0f0;
  --line-2:#e5e5e5;
  --line-3:#eeeeee;
  --head-shadow:rgba(0,0,0,.1);
  --card-shadow:rgba(98,124,153,.1);
  --shadow-pop:rgba(0,0,0,.12);

  /* 文字 */
  --ink:#444444;
  --ink-strong:#262626;
  --ink-soft:#5c5c5c;
  --ink-muted:#666666;
  --ink-note:#6f6f6f;
  --nav-ink:#34495e;
  --meta:#5f6f85;
  --white:#ffffff;

  /* 寻芳 CTA */
  --cta-top:#b8431f;
  --cta-mid:#9d3a18;
  --cta-bottom:#8f3517;
  --cta-top-hover:#a63c1a;
  --cta-bottom-hover:#7c2d13;
  --cta-shadow:rgba(120,50,20,.28);
  --cta-shadow-soft:rgba(120,50,20,.20);
  --cta-wash:rgba(80,24,8,.30);
  --cta-wash-clear:rgba(80,24,8,0);
  --cta-ring:#8f3517;

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

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

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

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(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}
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:15px;}

.wrap{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:300;}
.skip:focus{left:8px;top:8px;}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}

/* ------------------------------------------------------- 顶栏 65px 固定 */
#hdr{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--hdr);
  background-color:var(--surface);box-shadow:0 1px 2px 0 var(--head-shadow);}
.hd-in{position:relative;height:var(--hdr);}
.hd-logo{position:absolute;left:16px;top:0;height:var(--hdr);display:flex;align-items:center;}
.hd-logo img{display:block;height:42px;width:auto;}
.hd-logo b{display:none;font-size:20px;font-weight:700;color:var(--ink-strong);margin-left:10px;}
.hd-nav{height:var(--hdr);text-align:center;overflow:hidden;}
.hd-nav ul{display:inline-block;list-style:none;margin:0;padding:0;height:var(--hdr);}
.hd-nav li{position:relative;float:left;height:var(--hdr);margin:0 20px;}
.hd-nav li a{display:block;height:var(--hdr);line-height:var(--hdr);font-size:16px;color:var(--nav-ink);}
.hd-nav li a:hover{color:var(--brand);text-decoration:none;}
.hd-nav li i{position:absolute;left:0;bottom:0;display:block;width:100%;height:3px;border-radius:1.5px;
  background-color:var(--brand-bright);opacity:0;transform:scaleX(0);
  transition:transform .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;}
.hd-nav li:hover i,.hd-nav li.on i{transform:scaleX(1);opacity:1;}
.hd-nav li.on a{color:var(--brand);}
.hd-right{position:absolute;right:16px;top:0;height:var(--hdr);display:flex;align-items:center;gap:6px;}
.hd-right a{display:block;line-height:31px;font-size:15px;color:var(--ink-note);padding:0 12px;}
.hd-right a:hover{color:var(--brand);text-decoration:none;}
.hd-right a.pill{padding:0 18px;border:1px solid var(--brand);border-radius:20px;color:var(--brand);}
.hd-right a.pill:hover{background-color:var(--brand);color:var(--white);border-color:var(--brand);}
.hd-toggle{display:none;width:44px;height:44px;padding:11px 10px;border:0;border-radius:4px;
  background-color:transparent;cursor:pointer;}
.hd-toggle span{display:block;width:22px;height:2px;margin:0 0 4px;background-color:var(--ink);}
.hd-toggle span:last-child{margin-bottom:0;}

/* ------------------------------------------------------ 搜索带 #f4f4f5 */
.sband{background-color:var(--search-bg);border-bottom:1px solid var(--line);}
.sband .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px;}
.sband input{flex:1 1 320px;max-width:652px;min-width:0;height:48px;padding:0 15px;
  border:1px solid var(--line-2);background-color:var(--surface);font-family:inherit;font-size:16px;
  color:var(--ink);}
.sband input:focus{border-color:var(--brand);outline:none;}
.sband .go{flex:0 0 auto;height:48px;padding:0 26px;border:0;background-color:var(--brand);
  color:var(--white);font-size:17px;font-family:inherit;cursor:pointer;}
.sband .go:hover{background-color:var(--brand-deep);}
.sband .note{font-size:14px;color:var(--ink-note);}
.sband .hot{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px;flex:1 1 100%;}
.sband .hot span{color:var(--ink-note);}
.sband .hot a{color:var(--brand);}

/* ------------------------------------------------------------ 主布局 */
.layout{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;padding-top:15px;}
.mn{flex:1 1 520px;min-width:0;max-width:860px;}
.sd{flex:0 0 325px;max-width:325px;}
@media (max-width:991px){
  .mn{flex:1 1 100%;max-width:none;}
  .sd{flex:1 1 100%;max-width:none;}
}

/* ------------------------------------------------------------ 卡片 */
.card{background-color:var(--surface);border-radius:4px;box-shadow:0 0 2px 0 var(--card-shadow);}
.card.p25{padding:25px;}
.card.mb15{margin-bottom:15px;}
.card.mb20{margin-bottom:20px;}

/* ------------------------------------------------------------ 面包屑 */
.crumb{font-size:15px;line-height:29px;margin:0 0 10px;color:var(--ink-note);}
.crumb a{color:var(--ink-note);}

/* 统计条 */
.stat{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;font-size:15px;color:var(--ink-note);}
.stat b{color:var(--ink);font-weight:400;}

/* -------------------------------------------------------- 图文精华 */
.fxgrid{display:grid;gap:20px;grid-template-columns:1fr 1fr;}
@media (max-width:767px){.fxgrid{grid-template-columns:1fr;}}
.fx{display:flex;gap:15px;min-width:0;}
.fx .plate{flex:0 0 130px;width:130px;height:110px;border-radius:4px;overflow:hidden;
  background-color:var(--brand-soft);border:1px solid var(--brand-line);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:700;color:var(--brand);letter-spacing:2px;}
.fx .fxt{min-width:0;flex:1 1 auto;}
.fx .fxt .t{font-size:17px;line-height:1.45;color:var(--ink-strong);}
.fx .fxt .t a{color:var(--ink-strong);}
.fx .fxt .t a:hover{color:var(--brand);text-decoration:none;}
.fx .fxt .a{margin-top:8px;font-size:15px;color:var(--meta);}
.fx .fxt .f{position:relative;margin-top:15px;font-size:15px;color:var(--ink-note);}
.fx .fxt .f span{display:inline-block;margin-right:8px;padding:0 7px;border-radius:3px;
  background-color:var(--brand-soft);color:var(--brand);font-size:14px;line-height:20px;}

/* ------------------------------------------------------------ 文章列表 */
.plist{list-style:none;margin:0;padding:0;}
.pitem{padding:25px;border-bottom:1px solid var(--line);}
.plist .pitem:last-child{border-bottom:0;}
.pmid{position:relative;}
.pleft{padding-right:210px;}
.pitem.multi .pleft{padding-right:0;}
.ptitle{margin:0 0 10px;font-size:19px;line-height:1.45;font-weight:700;color:var(--ink-strong);}
.ptitle a{color:var(--ink-strong);}
.ptitle a:hover{color:var(--brand);text-decoration:none;}
.pdesc{max-height:47px;margin:0 0 15px;font-size:16px;line-height:1.5;color:var(--ink-soft);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px;line-height:25px;
  color:var(--ink-note);}
.pmeta .av{flex:0 0 25px;width:25px;height:25px;border-radius:50%;background-color:var(--brand-soft);
  color:var(--brand);font-size:12px;line-height:25px;text-align:center;}
.pmeta .who{color:var(--meta);font-size:15px;}
.pmeta .path{font-size:15px;color:var(--meta);}
.pmeta .tag{margin-left:auto;font-size:15px;color:var(--brand);}
.pmeta .tag a{color:var(--brand);}
.pic{position:relative;width:192px;height:135px;border-radius:4px;background-color:var(--brand-soft);
  border:1px solid var(--brand-line);display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;color:var(--brand);letter-spacing:2px;}
.pright{position:absolute;top:0;right:0;}
.prow{display:flex;gap:14px;margin-top:15px;}
.prow .pic{flex:1 1 0;width:auto;min-width:0;}
.pmore{display:inline-block;margin-top:12px;font-size:15px;}

/* 分页 */
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;}
.pager li{margin:0;}
.pager a,.pager strong{display:block;min-width:34px;padding:0 10px;height:30px;line-height:28px;
  text-align:center;border:1px solid var(--line-2);border-radius:3px;background-color:var(--surface);
  color:var(--ink-note);font-size:15px;font-weight:400;}
.pager a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none;}
.pager strong{background-color:var(--brand-soft);border-color:var(--brand-line);color:var(--brand);}

/* ------------------------------------------------------------ 侧栏 */
.sec-title{position:relative;margin:0 0 20px;padding:0 0 20px;font-size:17px;font-weight:400;
  color:var(--ink-strong);border-bottom:1px solid var(--line);overflow:hidden;}
.strip{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:4px;
  background-color:var(--brand-soft);border:1px solid var(--brand-line);}
.strip img{display:block;height:34px;width:auto;}
.strip p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft);}
.dlist{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-3);}
.dlist li{position:relative;padding:6px 0 6px 15px;font-size:15px;}
.dlist li::before{content:"";position:absolute;left:-4px;top:15px;width:5px;height:5px;
  background-color:var(--surface);border:1px solid var(--ink-note);border-radius:100%;}
.dlist li:hover::before{background-color:var(--brand-bright);border-color:var(--brand-bright);}
.dlist li a{color:var(--ink);}
.dlist li a:hover{color:var(--brand);}
.dlist li em{display:block;font-style:normal;font-size:14px;color:var(--ink-note);}
.mlist{list-style:none;margin:0;padding:0;}
.mlist li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;}
.mlist li:last-child{margin-bottom:0;}
.mlist .av{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background-color:var(--brand-soft);
  border:1px solid var(--brand-line);color:var(--brand);font-size:16px;font-weight:700;
  line-height:48px;text-align:center;}
.mlist .mt{flex:1 1 auto;min-width:0;}
.mlist .mt a{font-size:16px;color:var(--ink);}
.mlist .mt span{display:block;margin-top:2px;font-size:14px;color:var(--ink-note);}
.mlist .mb{flex:0 0 auto;padding:0 8px;border:1px solid var(--line-2);border-radius:2px;
  font-size:14px;color:var(--brand);}
.mlist .mb:hover{background-color:var(--brand);border-color:var(--brand);color:var(--white);
  text-decoration:none;}
.flinks{display:flex;flex-wrap:wrap;gap:0 15px;}
.flinks a{font-size:15px;line-height:1.9;color:var(--ink);}
.flinks a:hover{color:var(--brand);}

/* ------------------------------------------------------------ 正文块 */
.lede{font-size:17px;line-height:1.7;color:var(--ink-strong);}
.panel{margin:0 0 15px;}
.tip{background-color:var(--brand-soft);border:1px solid var(--brand-line);border-radius:4px;
  padding:12px 14px;margin:0 0 15px;font-size:16px;}
.tip p:last-child{margin-bottom:0;}
.plain{background-color:var(--tint);border:1px solid var(--line);border-radius:4px;
  padding:12px 14px;margin:0 0 15px;font-size:16px;}

.tablewrap{overflow-x:auto;margin:0 0 15px;}
table.data{min-width:560px;font-size:16px;}
table.data caption{caption-side:bottom;text-align:left;font-size:14px;color:var(--ink-note);
  padding-top:8px;line-height:1.7;}
table.data th,table.data td{border:1px solid var(--line-2);padding:9px 11px;text-align:left;
  vertical-align:top;line-height:1.7;}
table.data th{background-color:var(--tint);font-size:15px;font-weight:700;color:var(--ink-strong);}
table.data td b{color:var(--ink-strong);}

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

.linklist{margin:0 0 15px;padding:0;list-style:none;font-size:16px;}
.linklist li{margin:0 0 8px;}
.kv{margin:0 0 15px;padding:0;list-style:none;font-size:16px;}
.kv li{margin:0 0 6px;}
.kv b{color:var(--ink-strong);}
.btn{display:inline-block;padding:9px 18px;border-radius:4px;background-color:var(--brand);
  color:var(--white);font-size:16px;font-weight:700;}
.btn:hover{background-color:var(--brand-deep);text-decoration:none;}
b.field{display:inline-block;padding:0 4px;border-radius:2px;background-color:var(--brand-soft);
  color:var(--brand);font-weight:700;}

/* ------------------------------------------------------------ 页脚 */
#ft{margin-top:20px;padding:18px 0 30px;background-color:var(--surface);
  border-top:1px solid var(--line);text-align:center;}
.ft-links{margin:0 0 10px;font-size:15px;line-height:1.9;color:var(--ink-note);}
.ft-links a{display:inline-block;font-size:15px;color:var(--ink-note);}
.ft-links a:hover{color:var(--brand);}
.ft-links em{padding:0 4px 0 8px;font-style:normal;color:var(--ink-note);}
.ft-note{margin:0;font-size:14px;line-height:1.9;color:var(--ink-note);}
.ft-note a{color:var(--ink-note);}
.ft-brand{font-size:17px;font-weight:700;color:var(--ink-strong);}

/* -------------------------------------------------------- 回到顶部 */
.totop{position:fixed;left:50%;bottom:132px;margin-left:600px;z-index:150;}
.totop a{display:block;width:50px;height:50px;border-radius:4px;background-color:var(--brand);
  color:var(--white);font-size:15px;line-height:1.15;padding:8px 0 0;text-align:center;}
.totop a:hover{background-color:var(--brand-deep);text-decoration:none;}
@media (max-width:1239px){.totop{display:none;}}

/* ------------------------------------------------------- 寻芳固定 CTA */
.site-cta{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:160;
  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(--white);border-radius:8px;font-size:17px;font-weight:700;line-height:1.3;text-align:center;
  box-shadow:0 6px 18px var(--cta-shadow);
  animation:cta-card-press 3.0s 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(120% 150% at 34% 148%,var(--cta-wash) 0%,var(--cta-wash-clear) 70%);
  opacity:0;transform:scale(.96);
  animation:cta-label-print 3.0s cubic-bezier(.2,.7,.3,1) infinite;}
@keyframes cta-card-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-label-print{
  0%,54%{opacity:0;transform:scale(.96);}
  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:108px;}
}
@media (prefers-reduced-motion:reduce){
  .site-cta{animation:none;}
  .site-cta::before{animation:none;opacity:.18;transform:none;}
}

/* ------------------------------------------------------- 平板与手机 */
@media (max-width:1199px){
  .hd-nav{padding-left:96px;padding-right:196px;}
  .hd-nav li{margin:0 12px;}
}
@media (max-width:991px){
  .hd-nav li{margin:0 9px;}
  .hd-nav li a{font-size:15px;}
  .hd-right a{padding:0 8px;font-size:14px;}
  .hd-right a.pill{padding:0 12px;}
  .totop{display:none;}
}
@media (max-width:767px){
  :root{--hdr:56px;}
  .hd-logo img{height:36px;}
  .hd-toggle{display:block;position:absolute;right:12px;top:6px;}
  .hd-nav{position:fixed;top:var(--hdr);left:0;right:0;height:auto;text-align:left;
    background-color:var(--surface);box-shadow:0 8px 16px var(--shadow-pop);display:none;z-index:199;}
  .hd-nav.open{display:block;}
  .hd-nav ul{display:block;height:auto;padding:6px 0;}
  .hd-nav li{float:none;height:auto;margin:0;}
  .hd-nav li a{height:auto;line-height:1.5;padding:13px 20px;}
  .hd-nav li i{display:none;}
  .hd-nav li.on a{background-color:var(--brand-soft);}
  .hd-right{right:66px;}
  .hd-right a.pill{display:none;}
  .sband input{flex:1 1 auto;min-width:0;height:46px;}
  .sband .go{height:46px;padding:0 18px;font-size:16px;flex:0 0 auto;}
  .pleft{padding-right:0;}
  .pitem.multi .pleft{padding-right:0;}
  .pdesc{max-height:none;-webkit-line-clamp:3;}
  .pright{position:static;margin-top:15px;}
  .pright .pic{width:100%;max-width:100%;height:150px;}
  .fx .plate{flex:0 0 96px;width:96px;height:88px;font-size:19px;}
  .prow{flex-wrap:wrap;gap:10px;}
  .prow .pic{flex:1 1 30%;height:104px;}
}
@media (max-width:479px){
  h1{font-size:22px;}
  .ptitle{font-size:18px;}
  .hd-logo b{display:block;font-size:17px;}
  .sd{max-width:none;}
}

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