*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Microsoft YaHei","PingFang SC",Tahoma,Verdana,sans-serif;background:#f5f5f5;color:#666;line-height:1.6;padding-bottom:96px}
a{color:#666;text-decoration:none}
a:hover{color:#ff589b}
img{border:0;max-width:100%}
.clear{clear:both}
.w1200{width:1200px;max-width:100%;margin:0 auto;padding:0 12px}
.bg_main{background:#ff589b}
.color_f{color:#fff!important}
.color_6{color:#666}
.color_9{color:#999}
.fl{float:left}.fr{float:right}
.br5{border-radius:5px}.br10{border-radius:10px}.br30{border-radius:30px}
.oh{overflow:hidden}.pr{position:relative}.pa{position:absolute}
.ltrb{left:0;top:0;right:0;bottom:0}
.t_center{text-align:center}.t_hover:hover{opacity:.98}
.bg_f{background:#fff}
.fz14{font-size:14px}.fz16{font-size:16px}.fz12{font-size:12px}
.lh30{line-height:30px}.lh66{line-height:66px}.h66{height:66px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}
.ptb8{padding:8px 0}.ptb15{padding:15px 0}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}
.plr15{padding-left:15px;padding-right:15px}.plr20{padding-left:20px;padding-right:20px}.plr30{padding-left:30px;padding-right:30px}
.mlr15{margin-left:15px;margin-right:15px}.mb25{margin-bottom:25px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}
.bsb{box-sizing:border-box}.w100per{width:100%}.w200{width:200px}
.inline_block{display:inline-block}.fn{font-weight:normal}.cursor{cursor:pointer}
.ob_c{width:100%;height:100%;object-fit:cover;display:block}
.bg_tran_8{background:rgba(0,0,0,.6)}
.bo_tf7{border-top:1px solid #f7f7f7}.bo_bf7{border-bottom:1px solid #f7f7f7}

/* header — match source pink bar */
.site-header{background:#ff589b;color:#fff;min-width:320px}
.site-header .inner{height:66px;display:flex;align-items:center;gap:12px}
.oe_logo img{max-height:52px;display:block}
.oe_menu{flex:1;overflow:auto}
.oe_menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap}
.oe_menu ul li{flex:0 0 auto}
.oe_menu ul li a{display:inline-block;padding:0 16px;height:66px;line-height:66px;color:#fff;font-size:15px;position:relative}
.oe_menu ul li.current a,.oe_menu ul li a:hover{background:rgba(0,0,0,.2)}
.oe_menu ul li.current a:after{content:"";position:absolute;left:50%;bottom:8px;margin-left:-4px;border:5px solid transparent;border-top-color:#fff}
.hdr-auth{white-space:nowrap;font-size:14px;opacity:.95}
.hdr-auth span{display:inline-block;background:rgba(255,255,255,.15);border-radius:20px;padding:6px 14px;line-height:1.4}

/* hero / section */
.hero-box{background:#fff;border-radius:10px;padding:18px 20px;margin-top:20px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.hero-box h1{margin:0 0 8px;font-size:22px;color:#333}
.hero-box p{margin:0;color:#888;font-size:14px}
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;padding-bottom:8px;border-bottom:2px solid #ff589b}
.sec-hd h2{margin:0;font-size:18px;color:#333}
.sec-hd a{font-size:13px;color:#ff589b}

/* user cards — source dl.item grid */
.user_list{display:flex;flex-wrap:wrap;margin:0 -10px}
.user_list .item{width:200px;margin:0 14px 26px;background:transparent}
.user_list .item .pic{position:relative;width:200px;height:245px;border-radius:5px;overflow:hidden;background:#f0f0f0}
.user_list .item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.user_list .item:hover .pic img{transform:scale(1.08);filter:blur(6px)}
.user_list .item .mask{display:none;position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;text-align:center;padding-top:70px}
.user_list .item:hover .mask{display:block}
.user_list .item .mask .gicon{display:inline-block;width:70px;height:70px;border-radius:50%;background:#FCEFF4;padding:10px;box-sizing:border-box}
.user_list .item .mask .gicon img{width:100%;height:100%;object-fit:contain;filter:none;transform:none}
.user_list .item .btn_view{position:absolute;left:0;right:0;bottom:18px;text-align:center}
.user_list .item .btn_view span{
  display:inline-block;background:#ff589b;color:#fff;border-radius:30px;padding:8px 28px;font-size:14px
}
.user_list .item h3{margin:8px 0 2px;font-size:16px;font-weight:normal}
.user_list .item h3 a{color:#666}
.user_list .item h3 a:hover{color:#ff589b}
.user_list .item .meta{margin:0;color:#999;font-size:13px}

/* city chips */
.city-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.city-chips a{
  display:inline-block;padding:6px 14px;border-radius:4px;background:#fff;
  border:1px solid #ebebeb;color:#666;font-size:13px
}
.city-chips a:hover,.city-chips a.active{background:#ff589b;border-color:#ff589b;color:#fff}

/* articles */
.art-list{background:#fff;border-radius:10px;overflow:hidden}
.art-item{display:flex;gap:16px;padding:18px 20px;border-bottom:1px solid #f1f1f1}
.art-item:last-child{border-bottom:0}
.art-item:hover{background:#fff7fb}
.art-thumb{flex:0 0 140px;height:90px;border-radius:6px;overflow:hidden;background:#f3f3f3}
.art-thumb img{width:100%;height:100%;object-fit:cover}
.art-body{flex:1;min-width:0}
.art-body h3{margin:0 0 8px;font-size:17px;font-weight:600}
.art-body h3 a{color:#333}
.art-body h3 a:hover{color:#ff589b}
.art-body .excerpt{margin:0 0 8px;font-size:13px;color:#888;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-body .ameta{font-size:12px;color:#aaa}
.art-cat{display:inline-block;background:#ffe0ef;color:#ff589b;padding:1px 8px;border-radius:3px;margin-right:8px}

/* article detail */
.art-detail{background:#fff;border-radius:10px;padding:28px 32px;margin-top:20px}
.art-detail h1{margin:0 0 12px;font-size:24px;color:#333;text-align:center}
.art-detail .ameta{text-align:center;color:#999;font-size:13px;margin-bottom:24px}
.oe_content{font-size:16px;line-height:2;color:#333}
.oe_content img{max-width:100%;height:auto;margin:10px auto;display:block}

/* profile */
.profile-wrap{background:#fff;border-radius:10px;padding:24px;margin-top:20px}
.profile-top{display:flex;flex-wrap:wrap;gap:24px}
.profile-av{flex:0 0 260px}
.profile-av img{width:100%;border-radius:8px;aspect-ratio:3/4;object-fit:cover;background:#eee}
.profile-info{flex:1 1 320px;min-width:260px}
.profile-info h1{margin:0 0 8px;font-size:24px;color:#333}
.profile-info .sub{color:#999;font-size:14px;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.chips span{background:#fff0f6;color:#ff589b;border:1px solid #ffd0e4;border-radius:4px;padding:4px 10px;font-size:13px}
.mono{background:#fafafa;border-radius:8px;padding:14px 16px;font-size:14px;color:#555;line-height:1.7;margin:12px 0}
.mono b{color:#ff589b;display:block;margin-bottom:6px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin-top:8px}
.detail-grid .row{font-size:14px;color:#555;padding:6px 0;border-bottom:1px dashed #f0f0f0}
.detail-grid .row .k{color:#999;margin-right:6px}
.note-login{margin-top:16px;padding:14px;background:#fff7fb;border:1px solid #ffd0e4;border-radius:8px;color:#888;font-size:13px}

/* pager */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}
.pager a,.pager span{display:inline-block;min-width:36px;padding:7px 12px;text-align:center;background:#fff;border-radius:4px;border:1px solid #ebebeb;color:#666;font-size:13px}
.pager a:hover,.pager .cur{background:#ff589b;border-color:#ff589b;color:#fff}

/* footer */
.site-footer{margin-top:40px;background:#fff;border-top:1px solid #f0f0f0;color:#999;font-size:13px}
.site-footer .inner{padding:28px 12px 40px;text-align:center}
.site-footer a{color:#666;margin:0 8px}
.site-footer a:hover{color:#ff589b}
.footer-links{margin-bottom:12px}
.footer-links b{color:#333;margin-right:6px}

@media (max-width:1240px){
  .user_list{justify-content:center}
}
@media (max-width:768px){
  .site-header .inner{height:auto;flex-wrap:wrap;padding:8px 0}
  .oe_menu ul li a{padding:0 10px;height:44px;line-height:44px;font-size:13px}
  .user_list .item,.user_list .item .pic{width:46vw;max-width:180px}
  .user_list .item .pic{height:220px}
  .art-item{flex-direction:column}
  .art-thumb{flex-basis:auto;width:100%;height:160px}
  .detail-grid{grid-template-columns:1fr}
  .art-detail{padding:18px 14px}
}

.cta-fixed{position:fixed;left:0;right:0;bottom:18px;z-index:9999;background:transparent;box-shadow:none;padding:0;text-align:center;pointer-events:none}
.cta-fixed a{pointer-events:auto;display:inline-block;color:#fff;font-size:16px;font-weight:800;letter-spacing:.4px;padding:12px 28px;border:0;border-radius:999px;text-decoration:none;background:linear-gradient(115deg,#ff8fbf 0%,#ff589b 28%,#ffe0ef 48%,#ff2d86 72%,#ff8fbf 100%);background-size:240% 100%;box-shadow:0 8px 26px rgba(255,88,155,.48);animation:ctaShimmyTB 1.15s ease-in-out infinite,ctaSweepTB 2.6s linear infinite}
.cta-fixed a:hover{filter:brightness(1.08);color:#fff;text-decoration:none}
@keyframes ctaShimmyTB{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-7px) rotate(-2.2deg)}40%{transform:translateX(7px) rotate(2.2deg)}60%{transform:translateX(-5px) rotate(-1.4deg)}80%{transform:translateX(5px) rotate(1.4deg)}}
@keyframes ctaSweepTB{0%{background-position:0% 50%}100%{background-position:240% 50%}}
@media (max-width:768px){.cta-fixed a{font-size:15px;padding:11px 22px}}