/* Info Post Select - Layout V4
   Scoped to body.info-post-v4 */

body.info-post-v4{
  background:
    radial-gradient(900px 420px at 10% 8%, rgba(14,165,233,.16), transparent 58%),
    radial-gradient(860px 420px at 90% 14%, rgba(59,130,246,.14), transparent 62%),
    #f2f6fb;
}

body.info-post-v4 .body1000{
  width:auto;
  max-width:1220px;
  padding:0 18px;
  box-sizing:border-box;
}

body.info-post-v4 #main.wrapper{
  width:100%;
  margin:0 auto;
}

/* hero */
body.info-post-v4 .ip4-hero{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 54px rgba(15,23,42,.10);
}
body.info-post-v4 .ip4-hero-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#2563eb 0%, #0ea5e9 100%);
  box-shadow:0 14px 34px rgba(37,99,235,.24);
  flex:0 0 auto;
}
body.info-post-v4 .ip4-hero-icon svg{
  width:22px;
  height:22px;
}
body.info-post-v4 .ip4-tag{
  display:inline-block;
  font-size:12px;
  color:#1d4ed8;
  font-weight:900;
  border-radius:999px;
  padding:4px 10px;
  background:#eff6ff;
  border:1px solid rgba(37,99,235,.24);
}
body.info-post-v4 .ip4-title{
  margin-top:6px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-0.02em;
  color:#0f172a;
  font-weight:1000;
}
body.info-post-v4 .ip4-subtitle{
  margin-top:6px;
  font-size:13px;
  color:#64748b;
  font-weight:700;
}

/* steps */
body.info-post-v4 .step1{
  margin:14px 0 16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.info-post-v4 .step1 span{
  float:none;
  width:auto;
  height:52px;
  line-height:52px;
  margin:0;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.22);
  background:#ffffff;
  color:#64748b;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  font-weight:900;
  font-size:13px;
  text-align:center;
}
body.info-post-v4 .step1 span .number{
  margin-right:4px;
  font-weight:1000;
  color:#334155;
}
body.info-post-v4 .step1 span.cur{
  color:#ffffff;
  border-color:#2194c7;
  background:linear-gradient(135deg,#39a5d4 0%, #1b78bd 100%);
  box-shadow:0 16px 40px rgba(33,148,199,.28);
}
body.info-post-v4 .step1 span.cur .number{
  color:#ffffff;
}

body.info-post-v4 #fenlei2{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
body.info-post-v4 #fenlei2::before{display:none !important;}

/* main layout */
body.info-post-v4 .ip4-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:14px;
  align-items:start;
}
body.info-post-v4 .ip4-left{
  position:sticky;
  top:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
body.info-post-v4 .ip4-panel{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.22);
  background:#ffffff;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  padding:14px;
}
body.info-post-v4 .ip4-panel-title{
  font-size:14px;
  color:#0f172a;
  font-weight:1000;
}
body.info-post-v4 .ip4-panel-desc{
  margin-top:4px;
  font-size:12px;
  color:#64748b;
  font-weight:700;
}
body.info-post-v4 .ip4-search-wrap{
  margin-top:10px;
}

/* search override */
body.info-post-v4 .psearch{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  max-width:none !important;
}
body.info-post-v4 .psearch::before{display:none !important;}
body.info-post-v4 .psearch .pshead{
  display:flex;
  align-items:center;
  gap:8px;
}
body.info-post-v4 .psearch .pshead em{display:none !important;}
body.info-post-v4 .psearch .pstxt{
  flex:1 1 auto;
  height:42px !important;
  border-radius:12px !important;
  border:1px solid rgba(148,163,184,.45) !important;
  background:#f8fafc !important;
  padding:0 12px !important;
  box-sizing:border-box;
}
body.info-post-v4 .psearch .psbtn{
  width:108px !important;
  height:42px !important;
  line-height:42px !important;
  border-radius:12px !important;
  border:1px solid #1d7fbf !important;
  background:linear-gradient(135deg,#3aa6d6 0%, #1d7fbf 100%) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:12px !important;
  padding:0 !important;
}

body.info-post-v4 .ip4-backall{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(148,163,184,.4);
}
body.info-post-v4 .ip4-backall a{
  color:#2563eb;
  font-weight:900;
}

body.info-post-v4 .ip4-tip-list{
  margin:10px 0 0;
  padding-left:16px;
}
body.info-post-v4 .ip4-tip-list li{
  margin-bottom:8px;
  font-size:13px;
  color:#475569;
  line-height:1.6;
  font-weight:700;
}

/* right area */
body.info-post-v4 .ip4-right{
  min-width:0;
}
body.info-post-v4 .ip4-right-head{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.2);
  background:#ffffff;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  padding:12px 14px;
  margin-bottom:12px;
}
body.info-post-v4 .ip4-right-title{
  font-size:15px;
  font-weight:1000;
  color:#0f172a;
}
body.info-post-v4 .ip4-right-note{
  margin-top:3px;
  font-size:12px;
  color:#64748b;
  font-weight:700;
}

body.info-post-v4 .ip4-cat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body.info-post-v4 .ip4-cat{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.22);
  background:#ffffff;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  overflow:hidden;
}
body.info-post-v4 .ip4-cat-head{
  padding:12px 12px 10px;
  border-bottom:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
}
body.info-post-v4 .ip4-cat-name{
  font-size:14px;
  color:#0f172a;
  font-weight:1000;
}

body.info-post-v4 .ip4-subgrid{
  padding:10px;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
body.info-post-v4 .ip4-subgrid a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:40px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.22);
  background:#f8fafc;
  color:#0f172a;
  font-size:13px;
  font-weight:800;
  transition:all .2s ease;
}
body.info-post-v4 .ip4-subgrid a:hover{
  border-color:rgba(37,99,235,.36);
  background:#eef5ff;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(37,99,235,.12);
}
body.info-post-v4 .ip4-subgrid a i{
  font-style:normal;
  color:#94a3b8;
}

@media (max-width: 1024px){
  body.info-post-v4 .ip4-layout{
    grid-template-columns:1fr;
  }
  body.info-post-v4 .ip4-left{
    position:static;
  }
}
@media (max-width: 760px){
  body.info-post-v4 .step1{
    grid-template-columns:1fr;
  }
  body.info-post-v4 .ip4-cat-grid{
    grid-template-columns:1fr;
  }
  body.info-post-v4 .psearch .pshead{
    flex-direction:column;
    align-items:stretch;
  }
  body.info-post-v4 .psearch .psbtn{
    width:100% !important;
  }
}