/* Wind-like skin — aligned to classic PHPWind homepage */
:root {
  --bg: #F8FFFF;
  --text: #333;
  --nav: #176eac;
  --primary: #1b72af;
  --border: #a6cbe7;
  --border-soft: #d5e6ed;
  --border-row: #c5d8e8;
  --row-alt: #f3f9fb;
  --head-bg: #ecf6fb;
  --font: Verdana, "Microsoft YaHei", Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  font-size: 12pt;
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
}
a { color: #333; text-decoration: none; }
a:hover { color: var(--primary); text-decoration: underline; }
img { border: 0; vertical-align: middle; }
ul, li { margin: 0; padding: 0; list-style: none; }

.wrap,
.index-info, #header, #footer, #main, .main-wrap {
  width: 888px;
  margin: 0 auto;
  min-width: 980px;
  max-width: 85%;
}

/* —— topbar —— */
.new_topbar_wrap {
  background: #fff;
  border-bottom: 1px solid var(--border-soft);
}
.new_topbar {
  overflow: hidden;
  padding: 5px 0;
  font-size: 13px;
}
.new_topbar_left { float: left; padding-left: 4px; }
.new_topbar_left a {
  display: inline-block;
  padding: 4px 8px;
  margin: 2px 3px 0 0;
  color: #555;
}
.new_topbar_right { float: right; padding-right: 8px; }
.new_topbar_right li {
  display: inline-block;
  margin-left: 6px;
  border-left: 1px solid #eee;
  padding-left: 8px;
}
.new_topbar_right a { color: #c00; font-weight: 700; }
.cc:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }

/* —— header / logo —— */
#header {
  padding: 10px 0 6px;
  background: transparent;
}
#header .logo-text {
  font-size: 26px;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 1px;
}
#header .logo-text small {
  display: block;
  font-size: 12px;
  color: #888;
  font-weight: 400;
  margin-top: 2px;
}

/* —— nav —— */
#nav {
  height: 35px;
  background: var(--nav);
  margin: 0 auto 8px;
  min-width: 980px;
  max-width: 85%;
  width: 888px;
  position: relative;
}
#nav-global {
  height: 35px;
  overflow: hidden;
  float: left;
  width: calc(100% - 220px);
}
#nav-global ul {
  padding-left: 10px;
  font-size: 14px;
}
#nav-global li {
  float: left;
  margin: 5px 0 0;
}
#nav-global li a {
  float: left;
  color: #fff;
  padding: 0 10px;
  height: 27px;
  line-height: 23px;
  font-weight: 700;
}
#nav-global li a:hover { color: #ffea00; text-decoration: none; }
#nav-global .current {
  background: #fff;
  margin: 2px 4px 0;
  height: 33px;
  line-height: 33px;
  border-radius: 3px 3px 0 0;
}
#nav-global .current a {
  color: var(--primary);
  line-height: 33px;
  height: 33px;
  padding: 0 14px;
}
#nav-global .current a:hover { color: var(--primary); }

#nav-s {
  float: right;
  width: 210px;
  height: 35px;
  overflow: hidden;
  background: rgba(0,0,0,.12);
  padding: 6px 8px 0;
}
#nav-s .s-input {
  width: 130px;
  height: 22px;
  border: 0;
  padding: 2px 6px;
  float: left;
  font-size: 12px;
}
#nav-s .s-btn {
  float: left;
  width: 48px;
  height: 22px;
  border: 0;
  margin-left: 4px;
  background: #fff;
  color: var(--primary);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

/* —— notice —— */
#notice {
  margin: 0 auto 8px;
  padding: 8px 10px 8px 36px;
  border: 1px solid var(--border-soft);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%231b72af'/%3E%3Ctext x='8' y='12' text-anchor='middle' fill='white' font-size='11'%3E!%3C/text%3E%3C/svg%3E") 12px 10px no-repeat;
  color: #666;
  font-size: 13px;
}

/* —— Wind tables —— */
.t {
  border: 1px solid var(--border);
  margin: 0 auto 10px;
  background: #fff;
  overflow: hidden;
}
.t table { width: 100%; border-collapse: collapse; }
.h {
  border-bottom: 1px solid var(--border-row);
  color: var(--primary);
  padding: 2px 10px 0;
  line-height: 220%;
  background: linear-gradient(#f7fbfe, var(--head-bg));
  font-weight: 700;
}
.h span { font-weight: 400; color: #888; margin-left: 8px; }

.tr2 td, .tr2 th {
  line-height: 18px;
  border-bottom: 1px solid var(--border-row);
  padding: 4px 6px;
  color: #666;
  background: #f9fcfd;
  font-size: 12px;
}
.tr3 td, .tr3 th {
  border-bottom: 1px solid var(--border-soft);
  padding: 0.6em 0.5em;
  vertical-align: middle;
}
.tr3.f_one { background: #fff; }
.tr3.f_two { background: var(--row-alt); }

/* 首页分区行：左图标名 + 右子版链 */
.tr3 td.icon {
  width: 90px;
  text-align: center;
  padding: 0.6em 0.3em;
}
.tr3 td.icon a {
  font-size: 14pt;
  display: block;
  color: #999;
  font-weight: 700;
}
.tr3 td.icon a:hover { color: var(--primary); text-decoration: none; }
.tr3 td.icon a p {
  margin: 0;
  background-image: -webkit-linear-gradient(left, #fff, #c0c0c0 25%, #f7f7f7 50%, #555 75%, #333);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  -webkit-animation: masked-animation 2s infinite linear;
}
@-webkit-keyframes masked-animation {
  0% { background-position: 0 0; }
  100% { background-position: -100% 0; }
}
.forum-children a {
  display: inline-block;
  margin: 2px 8px 2px 0;
  white-space:nowrap;
  font-size: 14px;
  color: #333;
}
.forum-children a.hl { color: #c00; font-weight: 700; }
.forum-meta {
  float: right;
  width: 210px;
  font-size: 12px;
  color: #888;
  text-align: right;
  line-height: 1.4;
}
.forum-meta a { color: #666; }

/* —— topbox：轮播 + Tab —— */
.topbox {
  display: flex;
  margin: 10px 0;
  position: relative;
}
.w_400 { width: 320px; margin-right: 10px; flex-shrink: 0; }
.w_420 {
  flex: 1;
  border: 1px solid var(--border);
  background: #fff;
  min-width: 0;
}
.slideshow {
  position: relative;
  width: 310px;
  height: 275px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: #123;
}
.slideshow li {
  position: absolute;
  inset: 0;
  display: none;
}
.slideshow li.current { display: block; }
.slideshow .slide-bg {
  display: block;
  width: 100%;
  height: 100%;
  color: #ff0;
  font-weight: 900;
  font-size: 15px;
  padding: 24px 16px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,.45);
}
.slideshow .slide-bg:hover { text-decoration: none; color: #ff0; }
.slideshow .title {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-indent: 10px;
  font-size: 13px;
  color: rgba(248,248,248,.95);
  background: rgba(0,0,0,.35);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.slidebar {
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: 2;
}
.slidebar li {
  float: left;
  width: 20px; height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  background: rgba(0,0,0,.3);
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
}
.slidebar li.current { background: rgba(255,255,255,.55); color: #000; }

.tab_title {
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
.tab_title li {
  float: left;
  line-height: 32px;
  border-top: 3px solid #fff;
}
.tab_title li a {
  display: block;
  padding: 0 12px;
  font-size: 14px;
}
.tab_title li:hover,
.tab_title li.hover { border-top-color: var(--border); }
.tab_content { margin: 6px 10px 10px; }
.tab_item { display: none; }
.tab_item.active { display: block; }
.tab_item li {
  margin: 8px 0;
  font-size: 13px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
}
.tab_item li .span { float: right; color: #ccc; }
.tab_item li a { color: #333; }

/* —— thread list / read —— */
.breadcrumb {
  padding: 8px 2px 10px;
  color: #999;
  font-size: 13px;
  border-top: 1px solid var(--border);
}
.breadcrumb a { color: var(--primary); }
.thread-title { font-size: 15px; }
.meta { color: #999; font-size: 12px; }
.num { text-align: center; width: 70px; color: #666; }
.last { width: 180px; font-size: 12px; color: #888; }

.post-item {
  border: 1px solid var(--border);
  margin: 0 auto 8px;
  background: #fff;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.post-side, .post-body { display: table-cell; vertical-align: top; }
.post-side {
  width: 160px;
  background: var(--head-bg);
  border-right: 1px solid var(--border-soft);
  padding: 12px;
  font-size: 13px;
}
.post-body {
  padding: 12px 16px;
  line-height: 1.75;
  white-space: pre-wrap;
  word-break: break-word;
}
.post-floor { color: #aaa; font-size: 12px; margin-bottom: 8px; }
.attach-box {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed var(--border-soft);
}
.attach-img {
  max-width: 100%;
  max-height: 420px;
  border: 1px solid var(--border-soft);
}

.btn, button.btn {
  border: 1px solid var(--primary);
  background: var(--primary);
  color: #fff !important;
  padding: 3px 14px;
  cursor: pointer;
  border-radius: 2px;
  font-size: 13px;
  text-decoration: none !important;
}
.bt {
  border: 1px solid #ccc;
  background: #f7f7f7;
  color: #333 !important;
  padding: 3px 12px;
  cursor: pointer;
  border-radius: 2px;
  font-size: 13px;
  text-decoration: none !important;
}
.flash {
  margin: 0 auto 10px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  background: #fff;
  max-width: 85%;
  min-width: 980px;
  width: 888px;
}
.flash.ok { border-color: #8bc34a; background: #f1f8e9; }
.flash.err { border-color: #e57373; background: #ffebee; }

.form-box {
  background: #fff;
  border: 1px solid var(--border);
  padding: 14px;
  margin: 0 auto 12px;
}
.form-box label { display: block; margin: 8px 0 4px; color: #555; font-size: 13px; }
.form-box input[type=text],
.form-box input[type=password],
.form-box textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid #c0c0c0;
  padding: 6px 8px;
  font: 14px/1.5 var(--font);
}
.form-box textarea { min-height: 160px; }

.pager { padding: 8px 0; font-size: 13px; }
.pager a, .pager span { margin-right: 8px; }

#footer {
  margin: 16px auto;
  padding: 12px 8px 20px;
  text-align: center;
  color: #888;
  font-size: 12px;
  border: 1px solid rgba(0,140,255,.15);
  background: #fff;
  border-radius: 8px;
}
#footer .quick-links a {
  display: inline-block;
  margin: 2px 4px;
  padding: 4px 10px;
  background: #f5f7fa;
  border-radius: 4px;
  color: #555;
}
.stats-line { margin-top: 6px; color: #aaa; }

@media (max-width: 1080px) {
  .wrap, .index-info, #header, #footer, #main, #nav, .flash {
    min-width: 98.6%;
    width: 98.6%;
    max-width: 98.6%;
  }
  .forum-meta { display: none; }
}
@media (max-width: 800px) {
  .topbox { flex-direction: column; }
  .w_400 { display: none; }
  .new_topbar_right { display: none; }
  #nav-global li a { padding: 0 8px; }
  .post-item, .post-side, .post-body { display: block; width: 100%; }
  .post-side { border-right: 0; border-bottom: 1px solid var(--border-soft); }
}

/* —— extras: index/thread/login/notice —— */
.fl { float: left; }
.fr { float: right; }
.gray { color: #888; }
.tac { text-align: center; }
.pdD { padding: .5em .8em; }
.input {
  border: 1px solid;
  border-color: #c0c0c0 #ededed #ededed #c0c0c0;
  padding: 3px 6px;
  font-size: 13px;
  vertical-align: middle;
}
.index-info {
  margin: 0 auto 8px;
  background: #fff;
  border: 1px solid var(--border-soft);
  font-size: 13px;
}
.index-info td { padding: 6px 10px; }
.header-login { padding-top: 18px; }
.mini-login .user-table td { padding: 0 4px; }
.user-table td { padding: .6em .8em; font-size: 13px; }

.slogan {
  text-align: left !important;
  background: #fff !important;
  border-bottom: 0 !important;
  padding: 8px 12px 2px !important;
  line-height: 1.5 !important;
}
.slogan h2 { margin: 0; font-size: 16px; display: inline; }
.slogan .cfont, a.cfont { color: var(--primary); }
.slogan-sub {
  text-align: left !important;
  font-weight: 400 !important;
  color: #666 !important;
  background: #fff !important;
  border-bottom: 1px solid var(--border-row) !important;
  padding: 0 12px 10px !important;
  line-height: 1.6 !important;
  font-size: 13px;
}
.tr3 th {
  font-weight: 400;
  text-align: left;
  padding: 0.6em 0.5em;
  border-bottom: 1px solid var(--border-soft);
}
.tr3 th a { margin-right: 10px; white-space: nowrap; display: inline-block; font-size: 14px; }
.grad-ad {
  margin: 0;
  font-weight: 700;
  background-image: -webkit-linear-gradient(left, #cddc39, #1b72af 25%, #cddc39 50%, #ff9800 75%, #cddc39);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  -webkit-animation: masked-animation 2s infinite linear;
}

.toolbar { margin: 0 0 8px; }
.subject { font-size: 1em; line-height: 1.5em; color: #222; }
.author-col { width: 90px; font-size: 12px; }
.tip-icon { color: #1b72af; font-size: 12px; font-weight: 700; }
.tag-lock { color: #c00; margin-right: 4px; }

.footer-modern {
  text-align: center;
  padding: 10px 16px !important;
  margin: 16px auto !important;
  background: #fff;
  border: 1px solid rgba(0,140,255,.15);
  border-radius: 10px;
}
.footer-modern .quick-links a {
  display: inline-block;
  margin: 2px 3px;
  padding: 5px 10px;
  background: #f5f7fa;
  border-radius: 6px;
  color: #555;
  font-size: 13px;
}
.footer-modern .quick-links a:hover { color: #008CFF; background: #e6f3ff; text-decoration: none; }
.contact-info { color: #888; font-size: 13px; margin-top: 8px; }
.contact-info span { display: inline-block; margin: 2px 8px; }
.domain { color: #008CFF; font-weight: 500; }

#pwDomainNoticeMask {
  position: fixed; z-index: 2147483647; left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,.68); display: none; align-items: center; justify-content: center;
}
#pwDomainNoticeBox {
  width: 92%; max-width: 520px; background: #fff; border-radius: 12px; overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
#pwDomainNoticeHead {
  background: #ff4d4f; color: #fff; padding: 14px 18px; font-size: 18px; font-weight: 700; text-align: center;
}
#pwDomainNoticeBody { padding: 18px; color: #333; font-size: 14px; line-height: 1.8; }
#pwDomainNoticeBody .notice-important { color: #d9363e; font-weight: 700; }
#pwDomainNoticeBody .notice-tip {
  background: #fff7e6; border: 1px solid #ffd591; color: #874d00; padding: 10px 12px; border-radius: 6px; margin: 10px 0;
}
#pwDomainNoticeBody ul { margin: 10px 0 0; padding: 0; list-style: none; }
#pwDomainNoticeBody li { margin-bottom: 8px; }
#pwDomainNoticeBtn {
  width: 100%; border: 0; background: #1677ff; color: #fff; font-size: 16px; font-weight: 700; padding: 12px 0; cursor: pointer;
}
#pwDomainNoticeBtn:hover { background: #0958d9; }

@media (max-width: 900px) {
  #nav-s, .header-login, .forum-meta { display: none !important; }
  #nav-global { width: 100%; }
}

/* —— read floor / mobile / icons —— */
.img_header_fold {
  display: none;
  float: right;
  margin: 18px 8px 0 0;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none !important;
  padding: 4px 10px;
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 4px;
}
#nav-global-mobile {
  display: none;
  background: #fff;
  border-bottom: 1px solid var(--border);
  margin-bottom: 8px;
}
#nav-global-mobile ul { padding: 6px 10px; }
#nav-global-mobile li a {
  display: block;
  padding: 10px 8px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  font-size: 15px;
}
#nav-global-mobile li a:hover { background: var(--head-bg); text-decoration: none; }

.cate-icon { text-decoration: none !important; display: inline-block; }
.cate-icon p { margin: 6px 0 0; font-size: 13px; color: #999; font-weight: 700; }
.cate-badge {
  display: inline-block;
  width: 42px; height: 42px; line-height: 42px;
  border-radius: 8px; color: #fff; font-size: 18px; font-weight: 700;
  text-align: center;
}
.cate-badge.c0 { background: #176eac; }
.cate-badge.c1 { background: #2a8fc7; }
.cate-badge.c2 { background: #0d9488; }
.cate-badge.c3 { background: #7c3aed; }
.cate-badge.c4 { background: #db2777; }
.cate-badge.c5 { background: #ea580c; }
.cate-badge.c6 { background: #2563eb; }
.cate-badge.c7 { background: #059669; }

.read-sib { font-size: 13px; margin: 0 0 8px; line-height: 1.8; }
.read-sib a { margin-right: 8px; }
.read-sib a.hl { color: var(--primary); font-weight: 700; }
.read-h span { font-weight: 400; color: #888; margin-left: 10px; font-size: 13px; }
.read-floor { margin-bottom: 8px; }
.floor-table { width: 100%; border-collapse: collapse; }
.floor-table .tip-top td {
  background: #f3f9fb;
  border-bottom: 1px solid var(--border-row);
  padding: 4px 10px;
  font-size: 12px;
  color: #666;
}
.floor-side {
  background: var(--head-bg);
  border-right: 1px solid var(--border-soft);
  vertical-align: top;
  padding: 14px 12px !important;
  text-align: center;
}
.floor-body {
  vertical-align: top;
  padding: 12px 16px !important;
  background: #fff;
}
.avatar-box {
  width: 72px; height: 72px; line-height: 72px;
  margin: 0 auto 8px;
  border-radius: 8px;
  background: linear-gradient(135deg, #176eac, #2a8fc7);
  color: #fff; font-size: 28px; font-weight: 700;
}
.uname { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.side-actions { margin-top: 10px; }
.tpc_content {
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.8;
  min-height: 80px;
}
.floor-bottom {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px dashed var(--border-soft);
  text-align: right;
}

@media (max-width: 800px) {
  .img_header_fold { display: inline-block; }
  #nav, #nav-s, .header-login { display: none !important; }
  .floor-table, .floor-table tbody, .floor-table tr, .floor-table td {
    display: block; width: 100% !important;
  }
  .floor-side { border-right: 0; border-bottom: 1px solid var(--border-soft); }
  .wrap, .index-info, #header, #footer, #main, #nav, .flash {
    min-width: 0 !important; width: 96% !important; max-width: 96% !important;
  }
}