/* 北碚小渝网 相亲交友模块 skin-default */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;color:#333;background:#fff7f7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.d-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
/* 顶部 */
.d-top{background:linear-gradient(90deg,#ff6060,#ff8f7b);color:#fff;padding:0 0}
.d-top .d-wrap{display:flex;align-items:center;height:60px;gap:30px}
.d-logo{font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}
.d-logo .heart{display:inline-block;width:14px;height:14px;background:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.d-nav{display:flex;gap:6px;flex:1}
.d-nav a{color:#fff;padding:6px 14px;border-radius:18px;opacity:.9}
.d-nav a.on{background:rgba(255,255,255,.25);opacity:1}
.d-user a{color:#fff;margin-left:14px}
/* 会员卡 */
.d-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.d-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(255,120,110,.1);position:relative;transition:.2s}
.d-card:hover{transform:translateY(-3px)}
.d-card .pic{position:relative;padding-top:75%;background:#f5e3e0;overflow:hidden}
.d-card .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d-card .pic.blur img{filter:blur(10px)}
.d-card .pic .locktip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;background:rgba(0,0,0,.15)}
.d-card .info{padding:10px 12px}
.d-card .name{font-weight:600;display:flex;justify-content:space-between;align-items:center}
.d-card .name .cert{font-size:11px;color:#fff;background:#ff6060;border-radius:8px;padding:0 6px}
.d-card .tags{color:#999;font-size:12px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.d-badge-top{position:absolute;left:0;top:0;background:#ff6060;color:#fff;font-size:12px;padding:2px 8px;border-radius:0 0 8px 0}
/* 区块标题 */
.d-h{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}
.d-h h2{font-size:18px;font-weight:600}
.d-h h2 i{display:inline-block;width:4px;height:18px;background:#ff6060;margin-right:8px;border-radius:2px;vertical-align:-3px}
.d-h a{color:#ff6060;font-size:13px}
/* 首屏 */
.d-hero{display:flex;gap:20px;margin-top:18px}
.d-slide{flex:1;background:#fff;border-radius:10px;overflow:hidden}
.d-reg{width:320px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(255,120,110,.1)}
.d-reg h3{text-align:center;color:#ff6060;margin-bottom:14px}
.d-reg .row{margin-bottom:10px}
.d-reg label{font-size:13px;color:#666;display:block;margin-bottom:4px}
.d-reg input,.d-reg select{width:100%;border:1px solid #eee;border-radius:6px;padding:8px 10px;font-size:14px;outline:none}
.d-reg input:focus{border-color:#ff8f7b}
.d-reg .code{display:flex;gap:8px}
.d-reg .code button{flex-shrink:0;border:1px solid #ff8f7b;color:#ff6060;background:#fff;border-radius:6px;padding:0 10px;cursor:pointer}
.d-reg .agree{font-size:12px;color:#999;margin:6px 0 12px}
.d-reg .agree a{color:#ff6060}
.d-btn{display:block;width:100%;background:linear-gradient(90deg,#ff6060,#ff8f7b);color:#fff;border:0;border-radius:20px;padding:10px;font-size:15px;cursor:pointer}
/* Tab 筛选 */
.d-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}
.d-filter .tabs{display:flex;background:#fff;border-radius:20px;padding:3px;box-shadow:0 2px 8px rgba(255,120,110,.08)}
.d-filter .tabs a{padding:5px 16px;border-radius:16px;color:#666}
.d-filter .tabs a.on{background:#ff6060;color:#fff}
.d-filter select{border:1px solid #f0d5d2;border-radius:16px;padding:5px 10px;background:#fff;color:#666;outline:none}
/* 详情页 */
.d-detail{display:flex;gap:20px;margin-top:18px}
.d-left{flex:1}
.d-right{width:300px}
.d-box{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 2px 10px rgba(255,120,110,.08)}
.d-album{position:relative;padding-top:66%;background:#f5e3e0;border-radius:10px;overflow:hidden}
.d-album img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d-album.blur img{filter:blur(14px)}
.d-album .locktip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}
.d-album .thumbs{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:6px}
.d-album .thumbs img{position:static;width:54px;height:54px;border-radius:4px;border:2px solid transparent;cursor:pointer}
.d-album .thumbs img.on{border-color:#ff6060}
.d-name{display:flex;align-items:center;gap:10px;margin:14px 0 4px}
.d-name h1{font-size:20px}
.d-name .no{color:#999;font-size:13px}
.d-name .cert{background:#ff6060;color:#fff;font-size:12px;padding:1px 8px;border-radius:8px}
.d-labels{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.d-labels span{background:#fff2f1;color:#ff6060;font-size:12px;padding:2px 10px;border-radius:12px}
.d-intro{color:#666;font-size:13px;margin:10px 0}
.d-actions{display:flex;gap:12px;margin:16px 0}
.d-actions .btn1{flex:1;background:linear-gradient(90deg,#ff6060,#ff8f7b);color:#fff;text-align:center;padding:11px;border-radius:22px;cursor:pointer;border:0;font-size:15px}
.d-actions .btn2{flex:1;border:1px solid #ff8f7b;color:#ff6060;text-align:center;padding:10px;border-radius:22px;cursor:pointer;background:#fff;font-size:15px}
.d-frow{display:flex;padding:7px 0;font-size:13px;border-bottom:1px dashed #f5e8e6}
.d-frow b{width:80px;color:#999;font-weight:400;flex-shrink:0}
.d-sub{font-size:16px;font-weight:600;margin-bottom:10px}
.d-sub i{display:inline-block;width:4px;height:16px;background:#ff6060;margin-right:8px;border-radius:2px;vertical-align:-2px}
/* 红娘 */
.hn-card{display:flex;gap:16px;background:#fff;border-radius:10px;padding:20px;margin-bottom:14px;box-shadow:0 2px 10px rgba(255,120,110,.08)}
.hn-card .ava{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#f5e3e0}
.hn-card .n{font-weight:600;font-size:16px}
.hn-card .l{color:#666;font-size:13px;margin-top:4px}
.hn-card .s{color:#999;font-size:12px;margin-top:4px}
/* 表单页 */
.d-form .row{display:flex;gap:20px;margin-bottom:14px}
.d-form .row .cell{flex:1}
.d-form label{display:block;font-size:13px;color:#666;margin-bottom:4px}
.d-form input,.d-form select,.d-form textarea{width:100%;border:1px solid #eee;border-radius:6px;padding:9px 10px;font-size:14px;outline:none;background:#fff}
.d-form textarea{resize:vertical}
.d-form input:focus,.d-form select:focus,.d-form textarea:focus{border-color:#ff8f7b}
/* 分页/加载 */
.d-more{display:block;text-align:center;padding:12px;margin:18px 0;background:#fff;border-radius:20px;color:#ff6060;cursor:pointer;border:1px solid #ffd6d1;width:100%}
.d-empty{text-align:center;color:#bbb;padding:50px 0}
/* 弹层 */
.d-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;z-index:99}
.d-mask.show{display:block}
.d-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:24px;width:360px;display:none;z-index:100}
.d-modal.show{display:block}
.d-modal h3{margin-bottom:12px;font-size:16px}
.d-modal .close{float:right;cursor:pointer;color:#999}
/* 页脚 */
.d-foot{text-align:center;color:#bbb;font-size:12px;padding:26px 0;margin-top:30px}
/* 响应式（H5 共用） */
@media (max-width:768px){
  .d-grid{grid-template-columns:repeat(2,1fr)}
  .d-hero{flex-direction:column}
  .d-reg{width:100%}
  .d-detail{flex-direction:column}
  .d-right{width:100%}
  .d-nav{gap:0;overflow-x:auto}
  .d-top .d-wrap{gap:10px;height:52px}
}

/* P1.5 增强 */
.d-hero-banner{margin-top:18px;border-radius:12px;background:linear-gradient(120deg,#ff5f6d 0%,#ff9a8b 55%,#ffc3a0 100%);padding:46px 40px;color:#fff;position:relative;overflow:hidden}
.d-hero-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.15)}
.d-hero-banner:before{content:"";position:absolute;right:60px;bottom:-60px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12)}
.d-hero-banner h1{font-size:26px;margin-bottom:8px}
.d-hero-banner p{opacity:.92;margin-bottom:18px;font-size:14px}
.bh-btn{display:inline-block;background:#fff;color:#ff5f6d;border-radius:20px;padding:9px 26px;font-weight:600;margin-right:10px}
.bh-btn.ghost{background:transparent;border:1px solid #fff;color:#fff;font-weight:400}
.d-reg{max-width:420px;margin:0 auto}
.d-steps{display:flex;gap:16px}
.d-steps .step{flex:1;background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 2px 10px rgba(255,120,110,.08)}
.d-steps .step b{color:#ff6060;font-size:20px}
.d-steps .step h4{margin:8px 0 6px;font-size:15px}
.d-steps .step p{color:#999;font-size:12px}
.gender-tag{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;font-size:12px;vertical-align:middle}
.gender-tag.male{background:#4a9eff}
.gender-tag.female{background:#ff7eb3}
.d-meta{color:#bbb;font-size:12px;margin-top:10px}
@media (max-width:768px){.d-steps{flex-direction:column}.d-hero-banner{padding:30px 22px}.d-hero-banner h1{font-size:20px}}

/* 移动端导航优化 */
@media (max-width:768px){
  .d-top .d-wrap{gap:6px;height:50px;padding:0 10px}
  .d-logo{font-size:16px;white-space:nowrap}
  .d-logo .heart{width:10px;height:10px}
  .d-nav{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;white-space:nowrap;scrollbar-width:none}
  .d-nav::-webkit-scrollbar{display:none}
  .d-nav a{padding:5px 9px;font-size:13px;white-space:nowrap;display:inline-block}
  .d-user a{margin-left:8px;font-size:13px;white-space:nowrap}
}

/* 礼物/问答 */
.gift-row{display:flex;flex-wrap:wrap;gap:8px}
.gift-item{background:#fff2f1;color:#ff6060;border-radius:14px;padding:3px 12px;font-size:13px}
.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gift-cell{background:#fff7f7;border-radius:10px;padding:12px 6px;text-align:center;cursor:pointer}
.gift-cell:hover{background:#ffeceb}
.g-icon{font-size:28px}
.g-name{font-size:13px;margin-top:4px}
.g-price{color:#ff6060;font-size:12px}
.qa-item{padding:10px 0;border-bottom:1px dashed #f5e8e6}
.qa-item .q{font-weight:500}
.qa-item .a{color:#666;font-size:13px;margin-top:6px}
.qa-item .a.muted{color:#bbb}
.qa-item .cnt{color:#bbb;font-size:12px;margin-top:4px}
.qa-tag{background:#fff2f1;color:#ff6060;font-size:12px;padding:1px 8px;border-radius:10px}

/* ===== 通栏幻灯 + 悬浮注册卡片（仿 yycqc）===== */
.d-hero-full{position:relative;width:100%}
.d-slider{position:relative;height:430px;overflow:hidden}
.d-hero-wrap{position:absolute;top:0;left:0;right:0;bottom:0;max-width:1200px;margin:0 auto;pointer-events:none}
.d-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}
.d-slider .slide.active{opacity:1}
.d-slider .slide img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.d-slider .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 14px;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.55));text-align:center}
.d-slider .dots{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:2}
.d-slider .dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 4px;cursor:pointer}
.d-slider .dots i.on{background:#fff;width:18px;border-radius:4px}
.d-regcard{position:absolute;top:32px;right:0;width:340px;padding:20px 22px;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.18);pointer-events:auto}
.d-regcard h3{font-size:17px;color:#ff5f6d;margin-bottom:14px;font-weight:700}
.rc-row{display:flex;align-items:center;margin-bottom:10px}
.rc-row>label{width:52px;color:#666;font-size:13px;flex-shrink:0}
.rc-row select,.rc-row input[type=text]{border:1px solid #eee;border-radius:6px;padding:8px 8px;font-size:13px;color:#333;background:#fafafa;outline:none}
.rc-row select:focus,.rc-row input:focus{border-color:#ff8a80;background:#fff}
.rc-radio{display:flex;gap:0;border:1px solid #eee;border-radius:6px;overflow:hidden}
.rc-radio label{padding:8px 22px;font-size:13px;color:#666;cursor:pointer;background:#fafafa;margin:0}
.rc-radio label.on{background:#ff5f6d;color:#fff}
.rc-radio input{display:none}
.rc-birth{display:flex;gap:6px;flex:1}
.rc-birth select{flex:1;min-width:0}
.rc-full{flex:1;width:100%;min-width:0}
.rc-code{display:flex;gap:6px;flex:1}
.rc-code input{flex:1;min-width:0}
.rc-code button{border:0;background:#fff0ef;color:#ff5f6d;border-radius:6px;padding:0 12px;font-size:12px;cursor:pointer;white-space:nowrap}
.rc-code button:disabled{color:#bbb}
.rc-agree{font-size:11px;color:#999;margin:4px 0 12px 52px;line-height:1.5}
.rc-agree a{color:#ff8a80}
.rc-btn{width:100%;background:linear-gradient(90deg,#ff5f6d,#ff9085);color:#fff;border:0;border-radius:22px;padding:11px 0;font-size:16px;font-weight:600;cursor:pointer;letter-spacing:2px}
.rc-btn:hover{opacity:.92}

@media (max-width:1240px){
  .d-hero-wrap{max-width:100%;padding:0 24px}
}

/* ===== H5 底部导航 ===== */
.d-bottomnav{display:none}

@media (max-width:768px){
  .d-slider{height:190px}
  .d-slider .cap{font-size:13px;padding:24px 14px 10px}
  .d-regcard{display:none}
  .d-hero-full{margin-bottom:-1px}
  /* 底部导航 */
  .d-bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #f0e4e2;z-index:99;padding:4px 0 calc(4px + env(safe-area-inset-bottom))}
  .d-bottomnav a{flex:1;text-align:center;font-size:11px;color:#999;line-height:1.3}
  .d-bottomnav a .ic{display:block;font-size:20px;font-style:normal;line-height:1.2}
  .d-bottomnav a.on{color:#ff5f6d}
  body{padding-bottom:58px}
}

/* 底部导航 SVG 图标 */
.d-bottomnav a svg.ic{display:block;margin:0 auto 1px}

/* H5 图标导航（幻灯下方，后台可配置） */
.d-iconnav{display:none}
@media (max-width:768px){
  .d-top{display:none}
  .d-iconnav{display:flex;background:#fff;padding:12px 6px 8px;flex-wrap:wrap}
  .d-iconnav a{width:25%;text-align:center;margin-bottom:8px}
  .d-iconnav .ni{display:block;width:44px;height:44px;line-height:44px;margin:0 auto 4px;background:linear-gradient(135deg,#fff0ef,#ffe4e2);border-radius:50%;font-size:20px}
  .d-iconnav .nt{display:block;font-size:12px;color:#555}
}