/*
  site.css (Bootstrap v5.3.8 overrides + site components)
  - 保持现有“扁平 / 高级感”风格
  - 仅保留必要的 Bootstrap 覆盖与站点自定义
*/

/* =========================
   Design tokens
   ========================= */
:root {
  --ds-bg: #ffffff;
  --ds-bg-soft: #f9fafb;
  --ds-text: #111827;
  --ds-text-2: #374151;
  --ds-muted: #6b7280;
  --ds-muted-2: #9ca3af;
  --ds-border: #e5e7eb;
  --ds-border-2: #f3f4f6;
  --ds-accent: #111827;
  --ds-accent-hover: #000000;
  --ds-control-h: 44px;
}

/* =========================
   Base
   ========================= */
html,
body {
  background: var(--ds-bg-soft);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-text);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.011em;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--ds-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ds-text);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

/* Bootstrap 5: remove legacy shadows/gradients "feel" */
*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* =========================
   Layout
   ========================= */
.container {
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 768px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.site-main {
  padding-bottom: 48px;
}

/* =========================
   Bootstrap components overrides
   ========================= */

/* Flatten Bootstrap rounding */
.rounded,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.rounded-circle,
.rounded-pill {
  border-radius: 0 !important;
}

.border {
  border-color: var(--ds-border) !important;
}

.bg-white {
  background: var(--ds-bg) !important;
}

.text-muted,
.text-secondary {
  color: var(--ds-muted) !important;
}

/* Cards */
.card,
.border {
  border: 1px solid var(--ds-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

.card-body {
  padding: 32px;
}

@media (max-width: 768px) {
  .card-body {
    padding: 24px;
  }
}

.card-title {
  font-size: 1.125rem;
  font-weight: 650;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.card-img-top {
  border-radius: 0 !important;
}

/* Buttons */
.btn {
  border-radius: 0 !important;
  font-weight: 520 !important;
  letter-spacing: -0.01em;
  min-height: var(--ds-control-h);
  padding: 10px 16px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  background-image: none !important;
  filter: none !important;
  border-width: 1px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-sm {
  min-height: 36px;
  padding: 8px 14px !important;
  font-size: 13px !important;
}

.btn-lg {
  min-height: 52px;
  padding: 14px 28px !important;
  font-size: 15px !important;
}

.btn-primary {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background: var(--ds-accent-hover) !important;
  border-color: var(--ds-accent-hover) !important;
  color: #fff !important;
}

.btn-dark {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
    color: #fff !important;
}

.btn-dark:hover {
  background: var(--ds-accent-hover) !important;
  border-color: var(--ds-accent-hover) !important;
    color: #fff !important;
}

.btn-outline-dark,
.btn-outline-secondary,
.btn-outline-primary {
  background: transparent !important;
  border-color: var(--ds-border) !important;
  color: var(--ds-text) !important;
}

.btn-outline-dark:hover,
.btn-outline-secondary:hover,
.btn-outline-primary:hover {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
  color: #fff !important;
}

/* Forms */
.form-control,
.form-select {
  border-radius: 0 !important;
  border-color: var(--ds-border) !important;
  box-shadow: none !important;
  background: #fff !important;
  color: var(--ds-text) !important;
  font-size: 14px !important;
  min-height: var(--ds-control-h);
  padding: 10px 12px !important;
  line-height: 1.2 !important;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--ds-text) !important;
  outline: none !important;
  box-shadow: none !important;
}

.form-control::placeholder {
  color: var(--ds-muted-2) !important;
  opacity: 1;
}

.form-select {
  /* 预留右侧下拉箭头空间（避免文字挤压/遮挡） */
  padding-right: 40px !important;
  background-color: #fff !important;
}

/* 解决 Windows/浏览器下 select 文字“黑块”(图标字体继承) */
select,
select option,
input,
textarea,
button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif !important;
}

.form-label {
  font-size: 14px;
  font-weight: 520;
  color: var(--ds-text);
  margin-bottom: 6px;
}

.form-label.small {
  font-size: 12px !important;
  font-weight: 650 !important;
  color: var(--ds-muted-2) !important;
  text-transform: uppercase;
  letter-spacing: 0.10em;
}

/* List group */
.list-group {
  border: 1px solid var(--ds-border) !important;
  border-radius: 0 !important;
}

.list-group-item {
  border-color: var(--ds-border) !important;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  padding: 14px 20px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.list-group-item:hover {
  background: var(--ds-bg-soft);
}

.list-group-item.active {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
  color: #fff !important;
  font-weight: 520;
}

/* Pagination (Yii LinkPager) */
.pagination {
  gap: 8px;
}

.pagination li {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
  background: transparent;
  border: 0;
}

.pagination li a,
.pagination li span {
  display: inline-block;
  padding: 10px 16px;
  color: var(--ds-text);
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  border-radius: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  font-size: 14px;
  font-weight: 520;
}

.pagination li a:hover {
  background: var(--ds-bg-soft);
}

.pagination li.active a,
.pagination li.active span {
  background: var(--ds-accent);
  border-color: var(--ds-accent);
  color: #fff;
}

.pagination li.disabled a,
.pagination li.disabled span {
  color: var(--ds-muted-2);
  pointer-events: none;
}

/* sr-only compatibility (ScrollPicView uses .sr-only) */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================
   Header / navbar
   ========================= */
.navbar {
  height: auto !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

.site_header {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid var(--ds-border) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.background-header {
  background-color: rgba(255, 255, 255, 0.95) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 2147483647;
  border-bottom: 1px solid var(--ds-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header_height {
  height: 82px;
}

.main_logo {
  max-width: 160px;
  height: auto;
}

.navbar-collapse {
  flex-grow: 0;
}

.site_header .navbar-nav .nav-link,
.nav-link {
  font-size: 14px !important;
  font-weight: 520 !important;
  color: var(--ds-text-2) !important;
  padding: 10px 14px !important;
  letter-spacing: -0.01em;
  transition: color 0.2s ease;
}

.site_header .navbar-nav .nav-link:hover,
.site_header .navbar-nav .current-menu-item,
.nav-link:hover,
.nav-link.current-menu-item {
  color: var(--ds-text) !important;
  font-weight: 650 !important;
}

.dropdown-menu {
  border: 1px solid var(--ds-border) !important;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  margin-top: 8px;
}

.dropdown-item {
  padding: 10px 20px !important;
  font-size: 14px !important;
  color: var(--ds-text-2) !important;
}

.dropdown-item:hover {
  background: var(--ds-bg-soft) !important;
  color: var(--ds-text) !important;
}

/* =========================
   Search bar (layout main.php)
   ========================= */
#search-main {
  display: none;
  margin: 10px auto 5px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid var(--ds-border);
}

#search-main .searchbar {
  margin: 10px auto 0;
  width: min(900px, 100%);
}

#search-main .searchform {
  display: flex;
  gap: 0;
}

#search-main .searchform input[type="text"] {
  flex: 1;
  border: 1px solid var(--ds-border);
  border-right: 0;
  height: var(--ds-control-h);
  padding: 10px 12px;
  background: var(--ds-bg-soft);
  outline: none;
}

#search-main .searchform input[type="text"]:focus {
  background: #fff;
  border-color: var(--ds-text);
}

#search-main .searchform button {
  width: 140px;
  border: 1px solid var(--ds-text);
  background: var(--ds-text);
  color: #fff;
  height: var(--ds-control-h);
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#search-main .searchform button:hover {
  background: var(--ds-accent-hover);
  border-color: var(--ds-accent-hover);
}

@media (max-width: 768px) {
  #search-main {
    padding: 14px 16px;
  }
  #search-main .searchbar {
    width: 100%;
  }
  #search-main .searchform button {
    width: 120px;
  }
}

/* =========================
   Footer
   ========================= */
.footer-inner {
  padding: 30px 0 !important;
  color: var(--ds-muted);
  font-size: 14px;
  border-top: 1px solid var(--ds-border);
}

.footer-inner a {
  color: var(--ds-muted);
}

.footer-inner a:hover {
  color: var(--ds-text);
}

.footer-links {
  float: right;
}

@media (max-width: 768px) {
  .footer-links {
    float: none;
    display: block;
    margin-top: 8px;
  }
}

/* =========================
   Promo banner
   ========================= */
.promo-banner {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: none;
  align-items: center;
  justify-content: center;
}

.promo-banner.is-visible {
  display: flex;
}

.promo-banner__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.promo-banner__content {
  position: relative;
  z-index: 1;
  max-width: 720px;
  width: min(90vw, 720px);
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ds-border);
}

.promo-banner__card {
  position: relative;
  padding: 56px 48px 80px;
  background: var(--ds-text);
  color: #fff;
  background-image: none;
}

.promo-banner__card h2 {
  margin: 0 0 16px;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
}

.promo-banner__card p {
  margin: 0 0 20px;
  font-size: 18px;
  opacity: 0.85;
  line-height: 1.6;
}

.promo-banner__card ul {
  margin: 0 0 24px;
  padding-left: 20px;
  font-size: 16px;
}

.promo-banner__card li {
  margin: 8px 0;
  opacity: 0.9;
}

.promo-banner__badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.15);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.promo-banner__cta {
  position: absolute;
  right: 24px;
  bottom: 24px;
  padding: 14px 28px;
  border-radius: 0;
  background: #fff;
  color: var(--ds-text);
  font-weight: 650;
  font-size: 14px;
  border: none;
  transition: background-color 0.2s ease;
}

.promo-banner__cta:hover {
  background: var(--ds-bg-soft);
}

.promo-banner__close {
  z-index: 2;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.promo-banner__close:hover {
  background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
  .promo-banner__card {
    padding: 28px 24px 56px;
  }
  .promo-banner__card h2 {
    font-size: 34px;
  }
  .promo-banner__card p {
    font-size: 16px;
  }
  .promo-banner__card ul {
    font-size: 14px;
  }
  .promo-banner__cta {
    position: static;
    margin-top: 16px;
    display: inline-block;
  }
}

/* =========================
   Content / article typography
   ========================= */
.breadcrumbs {
  padding: 16px 0;
  font-size: 13px;
  color: var(--ds-muted-2);
}

.article-content {
  font-size: 17px;
  line-height: 1.75;
  color: var(--ds-text-2);
  text-indent: 0;
}

.article-content h2 {
  font-size: 1.5rem;
  margin-top: 48px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--ds-text);
  background: transparent;
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

.article-content h3 {
  font-size: 1.25rem;
  margin-top: 32px;
  margin-bottom: 16px;
}

.article-content p {
  margin-bottom: 20px;
}

.article-content ul,
.article-content ol {
  margin: 24px 0;
  padding-left: 24px;
}

.article-content li {
  margin-bottom: 8px;
  line-height: 1.75;
}

.article-content li:before {
  content: none !important;
}

.article-title a {
  font-weight: 700;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  letter-spacing: -0.03em;
}

/* Article list card (widgets/ArticleListView.php) */
.article-list-card {
  background: #fff;
  border: 1px solid var(--ds-border);
  border-radius: 0;
  padding: 28px;
  margin-bottom: 24px;
  transition: border-color 0.2s ease;
}

.article-list-card:hover {
  border-color: var(--ds-text);
}

@media (max-width: 768px) {
  .article-list-card {
    padding: 20px;
  }
}

/* Comments */
.c-main {
  padding: 20px;
  background: var(--ds-bg-soft);
  border: 1px solid var(--ds-border);
  border-radius: 0;
  font-size: 15px;
  line-height: 1.7;
}

.c-meta {
  color: var(--ds-muted);
  font-size: 13px;
  margin-top: 8px;
}

.comment-reply-link {
  color: var(--ds-muted);
  font-size: 13px;
}

.comment-reply-link:hover {
  color: var(--ds-text);
}

/* =========================
   Sidebar / widgets
   ========================= */
.sidebar {
  padding-left: 32px;
}

@media (max-width: 991px) {
  .sidebar {
    padding-left: 0;
    margin-top: 48px;
  }
}

.widget {
  background: #fff;
  border: 1px solid var(--ds-border);
  border-radius: 0;
  padding: 22px;
  margin-bottom: 16px;
}

.widget .title {
  background: transparent;
  border-bottom: 1px solid var(--ds-border-2);
  padding-bottom: 10px;
  margin-bottom: 14px;
}

.widget .title h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
}

.widget .title_span {
  color: var(--ds-muted);
  font-size: 12px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 1;
}

/* Banners */
.d_banner img {
  display: block;
  width: 100%;
  height: auto;
}

.d_banner_inner {
  line-height: 1px;
  position: relative;
  overflow: hidden;
}

/* Cloud Tags */
.d_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.d_tags ul {
  padding-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.d_tags a {
  float: none !important;
  width: auto !important;
  max-width: 100%;
  flex: 0 0 calc(25% - 10px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px !important;
  background: #fff !important;
  border: 1px solid var(--ds-border) !important;
  color: var(--ds-text-2) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.d_tags a:hover,
.d_tags a:focus {
  background: var(--ds-accent) !important;
  border-color: var(--ds-accent) !important;
  color: #fff !important;
}

.d_tags a:focus-visible {
  outline: 2px solid var(--ds-text);
  outline-offset: 2px;
}

@media (max-width: 992px) {
  .d_tags a {
    flex-basis: calc(33.333% - 10px);
  }
}

@media (max-width: 768px) {
  .d_tags {
    gap: 8px;
  }
  .d_tags a {
    flex-basis: calc(50% - 8px);
    min-height: 36px;
  }
}

@media (max-width: 420px) {
  .d_tags a {
    flex-basis: 100%;
  }
}

/* =========================
   Roll-to-top
   ========================= */
.rollto {
  position: fixed;
  right: 20px;
  bottom: 70px;
  z-index: 999;
  width: 48px;
  display: none;
}

.rollto .btn {
  border-radius: 0;
  background: var(--ds-text);
  border: none;
  width: 48px;
  height: 48px;
  opacity: 0.9;
  display: grid;
  place-items: center;
}

.rollto .btn:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .rollto {
    right: 12px;
    bottom: 16px;
  }
}

/* =========================
   Slider wrapper (首页轮播外框)
   ========================= */
.slick_bor {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.ws_shadow {
  display: none;
}

/* =========================
   Auth / error / legal pages
   ========================= */
.auth-page {
  padding: 80px 0;
  min-height: calc(100vh - 280px);
}

.auth-form .form-control {
  height: 48px;
}

.error-page {
  padding: 80px 0;
  min-height: calc(100vh - 280px);
}

.error-card {
  text-align: center;
  padding: 64px 32px;
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  border-radius: 0;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.error-title {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.03em;
}

.error-message {
  font-size: 17px;
  color: var(--ds-muted);
  margin: 0 auto 24px;
  max-width: 600px;
}

.error-help p {
  color: var(--ds-muted);
  font-size: 15px;
}

.legal-page {
  padding: 64px 0;
}

.legal-card {
  max-width: 800px;
  margin: 0 auto;
  padding: 48px;
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  border-radius: 0;
}

@media (max-width: 768px) {
  .legal-card {
    padding: 32px 24px;
  }
}

.legal-content h2 {
  font-size: 1.5rem;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-top: 24px;
  border-top: 1px solid var(--ds-border-2);
}

.legal-content h2:first-of-type {
  margin-top: 32px;
  border-top: none;
  padding-top: 0;
}

.legal-content p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--ds-text);
  margin-bottom: 16px;
}

.legal-content ul {
  padding-left: 24px;
  margin-bottom: 20px;
}

.legal-content li {
  margin-bottom: 8px;
  line-height: 1.7;
}

.page-detail {
  padding: 48px 0;
}

/* =========================
   Utilities
   ========================= */
.mh-400 {
  max-height: 400px;
}

/* Article password form (views/article/password.php) */
.fill {
  font-size: 15px;
  line-height: 1.7;
  color: var(--ds-text);
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  padding: 24px;
  width: min(520px, 100%);
  margin: 24px auto;
}

.fill .marginTop {
  margin-top: 10px;
}

.fill ul.formInput {
  padding: 0;
  margin: 0;
  list-style: none;
}

.fill ul.formInput li.item label {
  display: block;
  margin-bottom: 6px;
  font-weight: 520;
  color: var(--ds-text-2);
}

.fill ul.formInput li.item input {
  width: 100%;
  height: var(--ds-control-h);
  border: 1px solid var(--ds-border);
  border-radius: 0;
  padding: 10px 12px;
  background: var(--ds-bg-soft);
}

.fill p.help-block {
  color: #b91c1c;
  margin-top: 6px;
  text-align: right;
  font-size: 13px;
}

.fill .submitButton {
  margin-top: 14px;
  text-align: right;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

textarea{overflow:auto;vertical-align:top}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:18px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:bold}em{font-style:italic}cite{font-style:normal}.text-warning{color:#c09853}.muted{color:#bbb}.muted_1{color:#bbb}a.muted:hover,a.muted:focus{color:#808080}a.text-warning:hover,a.text-warning:focus{color:#a47e3c}.text-error{color:#d9534f}a.text-error:hover,a.text-error:focus{color:#c9302c}.text-info{color:#3a87ad}a.text-info:hover,a.text-info:focus{color:#2d6987}.text-success{color:#56af45}a.text-success:hover,a.text-success:focus{color:#448a37}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5{margin:5px 0;font-weight:blod;line-height:35px;color:inherit;text-rendering:optimizelegibility}.fenye a span,button.btn,.action,.social a,.article-content a.dl{transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.445,0.05,0.55,0.95);-webkit-transition-timing-function:cubic-bezier(0.445,0.05,0.55,0.95)}.page-header{padding-bottom:9px;margin:20px 0 20px;border-bottom:1px solid #eee}ul,ol{padding:0;margin:0;list-style:none}li{line-height:20px}ul.inline,ol.inline{margin-left:0;list-style:none}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}code,pre{padding:0 3px 2px;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;color:#444;border-radius:3px}code{padding:2px 4px;color:#d14;background-color:#fbfbfb;border:1px solid #e1e1e8;white-space:nowrap;font-size:14px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:11px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:2px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2%;*margin-left:1.95%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2%}.row-fluid .span12{width:100%;*width:99.95%}.row-fluid .span11{width:91.5%;*width:91.45%}.row-fluid .span10{width:83%;*width:82.95%}.row-fluid .span9{width:74.5%;*width:74.45%}.row-fluid .span8{width:66%;*width:65.95%}.row-fluid .span7{width:57.5%;*width:57.45%}.row-fluid .span6{width:49%;*width:48.95%}.row-fluid .span5{width:40.5%;*width:40.45%}.row-fluid .span4{width:32%;*width:31.95%}.row-fluid .span3{width:23.5%;*width:23.45%}.row-fluid .span2{width:15%;*width:14.95%}.row-fluid .span1{width:6.5%;*width:6.45%}.row-fluid .offset12{margin-left:104%;*margin-left:103.9%}.row-fluid .offset12:first-child{margin-left:102%;*margin-left:101.9%}.row-fluid .offset11{margin-left:95.5%;*margin-left:95.4%}.row-fluid .offset11:first-child{margin-left:93.5%;*margin-left:93.4%}.row-fluid .offset10{margin-left:87%;*margin-left:86.9%}.row-fluid .offset10:first-child{margin-left:85%;*margin-left:84.9%}.row-fluid .offset9{margin-left:78.5%;*margin-left:78.4%}.row-fluid .offset9:first-child{margin-left:76.5%;*margin-left:76.4%}.row-fluid .offset8{margin-left:70%;*margin-left:69.9%}.row-fluid .offset8:first-child{margin-left:68%;*margin-left:67.9%}.row-fluid .offset7{margin-left:61.5%;*margin-left:61.400000000000006%}.row-fluid .offset7:first-child{margin-left:59.5%;*margin-left:59.400000000000006%}.row-fluid .offset6{margin-left:53%;*margin-left:52.900000000000006%}.row-fluid .offset6:first-child{margin-left:51%;*margin-left:50.900000000000006%}.row-fluid .offset5{margin-left:44.5%;*margin-left:44.400000000000006%}

.row-fluid .offset5:first-child{margin-left:42.5%;*margin-left:42.400000000000006%}.row-fluid .offset4{margin-left:36%;*margin-left:35.900000000000006%}.row-fluid .offset4:first-child{margin-left:34%;*margin-left:33.900000000000006%}.row-fluid .offset3{margin-left:27.5%;*margin-left:27.4%}.row-fluid .offset3:first-child{margin-left:25.5%;*margin-left:25.4%}.row-fluid .offset2{margin-left:19%;*margin-left:18.9%}.row-fluid .offset2:first-child{margin-left:17%;*margin-left:16.9%}.row-fluid .offset1{margin-left:10.5%;*margin-left:10.399999999999999%}.row-fluid .offset1:first-child{margin-left:8.5%;*margin-left:8.399999999999999%}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right}body{margin:0;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#555;background-color:#f6f6f6;overflow-x:hidden; default !important;}iframe{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}a{color:#09a8c5;text-decoration:none}a:hover,a:focus{color:#007046;text-decoration:none}::selection{background:#72d0eb;color:#fff;text-shadow:none}::-moz-selection{background:#72d0eb;color:#fff;text-shadow:none}.container{max-width:1200px;margin:0 auto;text-align:left;*zoom:1}.header:before,.container:before,.footer:before,.header:after,.container:after,.footer:after{display:table;content:"";line-height:0}.header:after,.container:after,.footer:after{clear:both}.header{top:0;width:100%;z-index:999}.container{margin-bottom:10px}.content-wrap{width:100%;float:left}.content article:first-of-type{border-radius: 4px 4px 0 0;}.content article:last-of-type{border-radius: 0 0 4px 4px;}.content{margin-right:380px;}.content-page{position:relative;background-color:#fff}.page-sidebar{width:225px;position:absolute;top:0;left:0;bottom:0;height:100%;border-right:1px solid #eee}.content-title{font-size:20px;font-weight:normal;padding:15px 20px 14px;line-height:20px;background-color:#f7f7f7;margin:0 0 1px;border-bottom:1px solid #eee}.sidebar{float:right;margin-left:-360px;width:360px;position:relative}.trackcode{float:right}.footer-inner{max-width:1200px;padding:16px 20px 14px;margin:0 auto;color:#aaa;*zoom:1}.footer-inner:before,.footer-inner:after{display:table;content:"";line-height:0}.footer-inner:after{clear:both}.footer a{color:#aaa}.footer a:hover{color:#ddd;}.pagewrapper{background-color:#fff;position:relative}.pageheader{padding:10px 20px 8px;line-height:24px;position:relative;border-bottom:1px solid #eee;margin-bottom:0;background-color:#f7f7f7}.pageheader h1{font-size:21px;font-weight:normal;padding:0;margin:14px 0 0 0;line-height:24px}.pageheader h1 a{color:#444}.pageheader h1 .avatar{float:left;margin-right:5px}.pageheader h1 em{font-size:12px;font-style:normal;font-weight:normal}.pagecontent{margin-left:170px;min-height:600px;border-left:1px solid #eee;padding:20px}.pagecontent .pageheader{background:0;padding:0 0 8px;margin-bottom:20px}.pagecontent .pageheader h1{font-size:20px;font-weight:normal}.pagecontent .article-content{padding:0}.pagecontent #respond,.pagecontent #postcomments{margin:0 -20px}.pagesidebar{position:absolute;top:0;left:0;width:170px;background-color:#fbfbfb;bottom:0}.pagesider-menu .sub-menu{display:none}.pagesider-menu a{margin-bottom:1px;padding:10px 10px;color:#888;border-left:solid 4px transparent;cursor:pointer;overflow:hidden;border-bottom:1px solid #eee;display:block}.pagesider-menu a:hover{background-color:#f7f7f7;color:#666}.pagesider-menu li.active a,.pagesider-menu li.current_page_item a,.pagesider-menu li.current-menu-item a{color:#444;background-color:#fff;border-left-color:#09a8c5;margin-right:-1px;position:relative;z-index:2}.page-navbar{margin-top:50px}.page-navbar li a{padding:10px 16px;color:#888;display:block;border-left:4px solid transparent}.page-navbar .dropdown-toggle .caret{margin-top:8px}.page-navbar .active a,.page-navbar .active a:hover,.page-navbar .active a:focus{color:#666;background-color:#f7f7f7}.page-navbar>li>ul{font-size:14px}.page-navbar>li>ul a{padding-left:36px}.page-navbar li:hover a{background-color:#f7f7f7;color:#666}.page-navbar li.current-menu-item a,.page-navbar li.current-menu-parent a,.page-navbar li.current_page_item a,.page-navbar li.current-post-ancestor a,.page-navbar li ul{background-color:#f7f7f7;border-left-color:#09a8c5;color:#666}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:18px;line-height:40px;color:#444;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#999}label,input,button,select,textarea{font-weight:normal;line-height:20px}label{display:block;margin-bottom:5px}select,textarea,input{display:inline-block;height:20px;padding:5px 6px 3px;margin-bottom:10px;line-height:20px;color:#555;border-radius:0;vertical-align:middle}

input,textarea,.uneditable-input{width:206px}textarea{height:auto}textarea,input{background-color:#fff;border:1px solid #d9d9d9;border-top-color:#c0c0c0;border-left-color:#d0d0d0;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;transition:border linear .2s}textarea:hover,input:hover,textarea:focus,input:focus{border-color:#999}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;*zoom:1}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0}.form-actions:after{clear:both}.btn{display:inline-block;*display:inline;*zoom:1;padding:0 15px;margin-bottom:0;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;border:0;border-radius:0;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}.btn[type="submit"]{height:30px}.btn:hover,.btn:focus{text-decoration:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{outline:0}.btn.disabled,.btn[disabled]{cursor:default;opacity:.65;filter:alpha(opacity=65)}.btn-large{padding:11px 19px;font-size:15px}.btn-mini{padding:2px 10px;font-size:12px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary{color:#fff;background-color:#5fbaac}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#35d2ab}.btn-warning{color:#fff;background-color:#f8a31f}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f88a2a}.btn-danger{color:#fff;background-color:#d9534f}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#e51400}.btn-success{color:#fff;background-color:#15a287}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#117f69}.btn-info{color:#fff;background-color:#09a8c5}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#007877}.btn-inverse{color:#fff;background-color:#666; opacity: 0.6;}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#666; opacity: 1;}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em}.btn-group:first-child{*margin-left:0}.btn-group+.btn-group{margin-left:5px}.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;border-radius:0}.btn-group>.btn+.btn{margin-left:1px}.btn-group>.btn,.btn-group>.popover{font-size:12px}.btn-group>.btn-mini{font-size:12px}.btn-group>.btn-large{font-size:15px}.btn-group>.btn:first-child,.btn-group>.btn.large:first-child{margin-left:0}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;*padding-top:5px;*padding-bottom:5px}

.btn-group>.btn-mini+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px}.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px}.btn-group.open .btn.dropdown-toggle{background-color:#ddd}.btn-group.open .btn-primary.dropdown-toggle{background-color:#35d2ab}.btn-group.open .btn-danger.dropdown-toggle{background-color:#e51400}.btn-group.open .btn-success.dropdown-toggle{background-color:#4cae4c}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#333}.btn .caret{margin-top:8px;margin-left:0}.btn-large .caret{margin-top:6px}.btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px}.btn-mini .caret,.btn-small .caret{margin-top:8px}.dropup .btn-large .caret{border-bottom-width:5px}.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#fff;border-bottom-color:#fff}.btn-group-vertical{display:inline-block;*display:inline;*zoom:1}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;border-radius:0}.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:1px}.alert{padding:10px 35px 10px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:2px}.alert{color:#c09853}.alert .close{position:relative;top:0;*top:-8px;right:-21px;line-height:20px}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#56af45}.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#d9534f}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad}.nav{margin-left:0;margin-bottom:20px;list-style:none}.nav i{display:inline-block;vertical-align:text-bottom}.nav>li>a{display:block}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li>a>img{max-width:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#09a8c5}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.nav-tabs,.nav-pills{*zoom:1}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0}.nav-tabs:after,.nav-pills:after{clear:both}.nav-tabs>li,.nav-pills>li{float:left}.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{margin-bottom:-1px}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;border-radius:2px 2px 0 0}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eee #eee #ddd}.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555;background-color:#eee;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;border-radius:2px}.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#fff;background-color:#09a8c5}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;border-radius:0}.nav-tabs.nav-stacked>li:first-child>a{border-top-right-radius:4px;border-top-left-radius:4px}.nav-tabs.nav-stacked>li:last-child>a{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2}.nav-pills.nav-stacked>li>a{margin-bottom:3px}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px}.nav .dropdown-toggle .caret{border-top-color:#09a8c5;border-bottom-color:#09a8c5;margin-top:6px}.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#35d2ab;border-bottom-color:#35d2ab}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555}.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#999;border-color:#999}.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100)}

.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999}.tabbable{*zoom:1}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-tabs>li>a{margin-right:-1px;border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px;border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}.nav>.disabled>a{color:#999}.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default}.navbar{height:52px;background-color:#4a4a4a;*z-index:2;*zoom:1;opacity:.9;clear:both}.navbar:before,.navbar:after{display:table;content:"";line-height:0}.navbar:after{clear:both}#header{background:#09a8c5;position:relative}.container-inner{max-width:1200px;width:100%;margin:0 auto;text-align:center;position:relative}.navbar .nav{position:relative;left:0;display:block;margin:0 auto;font-size:16px;max-width:1200px}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{position:relative;float:left;margin-right:1px;display:block;min-width:75px;width:auto}.navbar .nav li a{padding:16px 20px;color:#fff}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav li a:focus,.navbar .nav li a:hover{background-color:#034956;color:#fff}.navbar .nav .active a,.navbar .nav .active a:hover,.navbar .nav .active a:focus{color:#fff;background-color:#034956}.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a{color:#fff;position:relative;z-index:2}.navbar .nav li:hover>ul{display:block}.navbar .nav>li>ul>li>ul{padding-bottom:10px;text-align:left;position:absolute;left:100%;min-width:120px;z-index:10;display:none;font-size:12px}.navbar .nav>li>ul>li{float:none;margin:0;position:relative;background-color:#445552}.navbar .nav>li>ul>li>a,.navbar .nav>li>ul>li>ul>li>a{float:none;display:block;*min-width:100px;line-height:30px;padding:5px 20px 5px;color:#fff}.navbar .nav>li>ul>li>a:hover,.navbar .nav li li.current-menu-item a{color:#fff}.navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a{background-color:#576663}.navbar .nav li:hover a,.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a{background-color:#034956}.sub-menu{min-width:130px;left:0;max-height:0;position:absolute;top:100%;z-index:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}/*.sub-menu li{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);ransform:rotateY(90deg);-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;-o-transition:opacity .4s,-o-transform .5s;transition:opacity .4s,transform .5s*/}.nav>li:hover .sub-menu,.nav>li:focus .sub-menu{max-height:1000px;z-index:10}.nav>li:hover .sub-menu li,.nav>li:focus .sub-menu li{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.nav li:hover .sub-menu li:nth-child(1){-webkit-transition-delay:0;-moz-transition-delay:0;-ms-transition-delay:0;-o-transition-delay:0;transition-delay:0}.nav li:hover .sub-menu li:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}

.nav li:hover .sub-menu li:nth-child(3){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}.nav li:hover .sub-menu li:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}.nav li:hover .sub-menu li:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}.nav li:hover .sub-menu li:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}.nav li:hover .sub-menu li:nth-child(7){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}.nav li:hover .sub-menu li:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}.sub-menu li:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}.sub-menu li:nth-child(2){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}.sub-menu li:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}.sub-menu li:nth-child(4){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}.sub-menu li:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}.sub-menu li:nth-child(6){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}.sub-menu li:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}.sub-menu li:nth-child(8){-webkit-transition-delay:0;-moz-transition-delay:0;-ms-transition-delay:0;-o-transition-delay:0;transition-delay:0}.navbar .btn-navbar{display:none;float:right;padding:5px 8px 6px;margin-left:5px;margin-right:5px;margin-top:11px;background-color:#034956}.yusi-logo{display:block;text-align:center}.yusi-logo h1{display:inline-block;padding:30px 0 20px 0;cursor:pointer;font-family:'Handlee',"华文行楷","Microsoft Yahei",arial,sans-serif;font-weight:100}.yusi-mono{letter-spacing:-2px;position:relative;color:#fff;font-size:54px;text-shadow:0 0 1px rgba(94,255,216,0.8);margin:0;padding:0;z-index:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.yusi-bloger{position:relative;color:#fff;font-weight:normal;font-size:24px;text-shadow:0 0 1px rgba(94,255,216,0.8);margin-left:-6px;letter-spacing:-2px;padding:0;z-index:2;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}.yusi-logo h1:hover .yusi-mono{letter-spacing:5px}.yusi-logo h1:hover .yusi-bloger{left:26px;opacity:.2}.toggle-search{position:absolute;margin-top:0;right:0;padding:16px 19px 15px 19px;background:#034956;color:#fff;cursor:pointer;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.toggle-search:hover,.toggle-search.active{opacity:.75}.search-expand{display:none;background:#034956;position:absolute;top:52px;right:0;width:360px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.1)}.search-expand-inner{border-bottom:1px solid #d2d6d5;border-left:1px solid #d2d6d5}.search-expand .themeform input{width:90%;border:0;outline:0}.searchform div{position:relative}.searchform div input{margin:0;padding-left:26px;line-height:20px}.searchform div:after{color:#ccc;line-height:24px;font-size:14px;content:"\f002";position:absolute;left:10px;top:8px;font-family:FontAwesome}.searchform div input.search{padding-left:30px;height:31px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;border-radius:2px}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #fff}.breadcrumb>li>.divider{padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{padding:20px 0 15px 0;text-align:center}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0}.pagination ul>li{display:inline}

.pagination ul>li>a,.pagination ul>li>span{margin:0 3px;float:left;padding:4px 12px 3px;opacity: 0.88;border-radius: 2px;line-height:20px;text-decoration:none;background-color:#ddd;color:#666}.pagination ul>.active>a,.pagination ul>.active>span{background-color:#09a8c5;color:#fff}.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}.pagination ul>li>span,.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;background-color:transparent;cursor:default}.ias_trigger{padding-top:4px}.ias_trigger a{background-color:#11a99b;display:block;line-height:35px;text-align:center;color:#eee}.ias_trigger a:hover{background-color:#09a8c5;color:#fff}.pagination-loading{text-align:center;color:#666;line-height:39px}.commentnav{overflow:hidden;text-align:center;padding:20px}.commentnav a,.commentnav .current,.commentnav .page-numbers{padding:4px 12px 3px;color:#666;display:inline-block;background-color:#eee;margin:0 1px}.commentnav .current{background-color:#09a8c5;color:#fff}.commentnav a:hover{background-color:#6fc299;color:#fff}.rollto{position:fixed;right:20px;bottom:70px;z-index:999;width:32px;display:none}.rollto .btn{margin-top:2px; display:block; border-radius:2px; height:36px}.rollto .btn i{margin-top:0}.rollto .btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.speedbar{clear:both;color:#666;padding:7px 0px 7px 0px;line-height:25px;*zoom:1;overflow:hidden;}.speedbar i{opacity:.50;filter:alpha(opacity=50)}.speedbar .btn-group{float:right;margin-left:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;border-radius:4px;box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-white{border:0;border-radius:0;box-shadow:none}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 6px 6px;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.tooltip{font-size:12px;position:absolute;z-index:1030;display:block;visibility:visible;line-height:20px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px 2px;color:#fff;text-align:center;text-decoration:none;background-color:#27937b;border-radius:2px;opacity:.9;filter:alpha(opacity=90)}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#27937b;opacity:.9;filter:alpha(opacity=90)}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#27937b;opacity:.9;filter:alpha(opacity=90)}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#27937b;opacity:.9;filter:alpha(opacity=90)}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#27937b;opacity:.9;filter:alpha(opacity=90)}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:262px;padding:1px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}

.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-title:empty{display:none}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.label,.badge{position:relative;display:inline-block;padding:4px 6px 3px;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;background-color:#999}.badge{padding:1px 4px 0}.label:empty,.badge:empty{display:none}a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.label-arrow{position:absolute;width:0;height:0;vertical-align:top;content:""}.label .label-arrow{top:7px;right:-4px;border-left:4px solid #000;border-top:4px solid transparent;border-bottom:4px solid transparent}.label-important,.badge-important{background-color:#45bcf9}.label-important .label-arrow,.badge-important .label-arrow{border-left-color:#45bcf9}.label-warning,.badge-warning{background-color:#f89406}.label-warning .label-arrow,.badge-warning .label-arrow{border-left-color:#f89406}.label-success,.badge-success{background-color:#56af45}.label-success .label-arrow,.badge-success .label-arrow{border-left-color:#56af45}.label-info,.badge-info{background-color:#3a87ad}.label-info .label-arrow,.badge-info .label-arrow{border-left-color:#3a87ad}.label-inverse,.badge-inverse{background-color:#4a4a4a}.label-inverse .label-arrow,.badge-inverse .label-arrow{border-left-color:#4a4a4a}a.badge-important:hover{background-color:#1962b3}a.label-info:hover .label-arrow,a.badge-info:hover .label-arrow{border-left-color:#d33632}a.label-warning:hover,a.badge-warning:hover{background-color:#d57f05}a.label-warning:hover .label-arrow,a.badge-warning:hover .label-arrow{border-left-color:#d57f05}a.label-success:hover,a.badge-success:hover{background-color:#49953b}a.label-success:hover .label-arrow,a.badge-success:hover .label-arrow{border-left-color:#49953b}a.label-info:hover,a.badge-info:hover{background-color:#317292}a.label-info:hover .label-arrow,a.badge-info:hover .label-arrow{border-left-color:#317292}a.label-inverse:hover,a.badge-inverse:hover{background-color:#383838}a.label-inverse:hover .label-arrow,a.badge-inverse:hover .label-arrow{border-left-color:#383838}.btn .label,.btn .badge{position:relative;top:-1px}.btn-mini .label,.btn-mini .badge{top:0}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.pull-right{float:right}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.archive-header h1{font-size:22px;color:#7a6f6f;font-weight:normal}.archive-header h1 a i{padding-top:2px;color:#f58128}.archive-header i{font-size:1em}.archive-header-info{color:#666;margin:-4px 0 0}.banner-your{display:block;background-color:#fbfbfb;border:2px dashed #bbb;text-align:center;color:#aaa;line-height:20px;font-size:22px}.banner-your:hover{border-color:#aaa;color:#888}.banner-your:active{border-color:#d9534f;color:#d9534f}.title{position:relative;height:40px; padding:0px 15px 0px 15px;border-bottom:1px solid #eaeaea; background:#fbfbfb;}.title h2{font-weight:inherit !important; font-size:17px; margin:0px;} .title_span{ line-height:40px;color:#666;font-family: inherit; font-style: inherit; font-weight:inherit;} .excerpt{ border:1px solid #eaeaea; background-color:#fff;padding:20px 15px 20px 20px;margin-bottom:-1px;position:relative;*zoom:1;clear:both}.excerpt h2 a{  font-size:120%;color:#555; font-weight:bold;}.excerpt h2 a:hover{ color:#61b3e6;} .excerpt:before,.excerpt:after{display:table;content:"";line-height:0}.excerpt:after{clear:both}.excerpt-nothumbnail{padding-left:20px}.excerpt-nothumbnail:hover{padding-left:24px}.excerpt header{margin:0 10px 15px 0}.excerpt .focus{float:left;margin:0 20px 0 0;text-align:center;position:relative;overflow:hidden;display:table}

.red{ color:#ff5e52 !important; margin-left: -11px;}.excerpt .focus a{display:table-cell;vertical-align:middle}.excerpt .focus a img{margin:0 auto;display:block;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear}.excerpt:hover{ border:1px solid #88d3f9; background:#fafdff; z-index:2;} .excerpt p.auth-span{ color: #999; font-size: 12px; margin-bottom: 10px;}.excerpt .auth-span a{ color:#999;} *+html .excerpt .focus a{position:absolute;top:50%;width:100%;text-align:center;height:auto}*+html .excerpt .focus a img{position:relative;top:-50%;left:-50%}.excerpt header .label{margin-right:5px;position:relative;top:-2px;padding:2px 6px 4px}.excerpt h2{display:inline;font-size:18px;margin:0;font-weight:normal;position:relative;top:1px;line-height:18px}.excerpt .note{color:#777;line-height:24px;margin-bottom:0}.excerpt .itag a{border-style:solid;border-width:1px;border-color:#e2e2e2 #ddd #ddd #e2e2e2;display:inline-block;margin-right:3px;border-radius:1px;padding:0 5px;line-height:18px}.excerpt .muted,.article-header .muted,.article-header .cate{margin-right:20px}.hot-posts .muted .action,.excerpt .muted .action{background-color:#fff!important;border:0;padding:0;color:#f78585!important;font-size:13px}.hot-posts .muted .action i,.excerpt .muted .action i{margin-right:1px!important}.hot-posts .muted{margin-left:20px}.excerpt .muted{font-size:13px}.comm{position:absolute;right:20px;top:23px;color:#fff;background-color:#09a8c5;padding:1px 8px 0;min-width:14px;text-align:center}.comm i{display:inline-block;border:5px dotted;border-color:#09a8c5 transparent;border-bottom-width:0;border-left-width:0;position:absolute;bottom:-5px;left:50%;margin-left:-2px}.comm:hover{color:#fff;background-color:#d9534f}.comm:hover i{border-color:#d9534f transparent}.banner-excerpt{margin-bottom:5px;padding-top:4px}.icot{display:inline-block;margin-right:10px;position:relative;color:#999;background-color:#eee;padding:0 6px;height:23px;line-height:23px;min-width:36px;text-align:center}.icot i{display:inline-block;border:5px dotted;border-color:transparent #eee;border-right-width:0;position:absolute;top:50%;margin-top:-5px;right:-5px}.aside-tit{clear:both;border-bottom:1px solid #bdd2df;padding-bottom:5px;margin-bottom:10px;color:#333}.aside-tit span{font-weight:normal;float:right}.aside-tit a{margin-left:8px}.base-tit{clear:both;font-size:15px;border-bottom:solid 1px #e6e6e6;background-color:#fbfbfb;padding:11px 20px 9px;margin:-20px -20px 20px;*zoom:1}.base-tit:before,.base-tit:after{display:table;content:"";line-height:0}.base-tit:after{clear:both}.base-tit span{float:right;color:#390;font-weight:normal}.base-tit b{color:#d9534f}.queryinfo{padding-bottom:6px}.bds_tools a{padding-left:0}.banner,banner-related{overflow:hidden;clear:both;background-color:#fff;text-align:center}.banner-post{padding-top:10px;background-color:#fff}.banner-navbar,.banner-site{margin-bottom:10px;background:0}.banner-sticky{ background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 15px; overflow: hidden; padding: 20px;}.banner-contenttop h2,.banner-contenttop p{ text-align:left;}.banner-contenttop a{ color:#555;}.banner-contenttop a:hover{ color:#61b3e6;}.banner-contenttop{ background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 15px; overflow: hidden; padding: 20px;}.banner img{display:block}.page .article-header{padding:8px 20px}.breadcrumbs{margin:0 0 1px;padding:9px 20px 7px;background-color:#fff;}.breadcrumbs a{ color:#bbb;}.breadcrumbs small{font-size:12px;color:#bbb;margin:0 2px;font-weight:bold}.article-footer,.article-author{padding:15px 20px;overflow:hidden}.article-header{padding:2px 20px 12px;background-color:#fff;border-bottom:1px solid #eee; text-align:center;}.article-title a{color:#444;font-weight:normal;font-size:24px;line-height:60px}.article-content{font-size:15px;line-height:26px;text-indent:30px;word-break:break-all;word-wrap:break-word;position:relative;padding:10px 20px 20px 20px;background-color:#fff}.article-content h2{font-size:18px;font-weight:blod;margin:20px -20px 20px -24px;padding:10px 20px 9px 10px;line-height:18px;border-left:4px solid #09a8c5;background-color:#fbfbfb}.article-content h3{font-size:16px;font-weight:blod}.article-content h4{font-size:15px;font-weight:blod}.article-content p{margin:0 0 15px 0}.article-content ul,.article-content ol{margin:8px 0 8px 30px}.article-content li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;content:"\f192";width:20px;height:0;line-height:30px;font-size:12px;color:#bbb}.article-content li{text-indent:0;line-height:30px}.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px;text-indent:0}.article-content table th{background-color:#f9f9f9;text-align:center}.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}.article-content .alignleft{float:left;text-align:left;margin-right:10px}.article-content .aligncenter{margin:0 auto;text-align:center;display:block}.article-content .alignright{float:right;text-align:right;margin-left:10px}.article-content a{color:#09a8c5}

.article-content a:hover{color:#d9534f}.article-content a.dl{border:2px solid white;border-radius:2px;margin:10px 5px 20px 25px;box-shadow:0 0 0 1px #EEE;color:#fff;display:inline-block;text-align:center;padding:8px 16px;cursor:pointer;vertical-align:text-bottom;background:#5fbaac;text-indent:0}.article-content a.dl i{margin-right:10px;vertical-align:inherit}.article-content a.dl:hover{background:#f78585}.article-content img{margin:0 auto;display:block}.article-footer{background-color:#fff;border-top:1px solid #f7f7f7}.article-tags{float:left;font-size:15px}.article-tags i{margin-right:10px;color:#bbb}.article-tags a{display:inline-block;padding:2px 6px 3px;margin:0 2px;color:#fff;background-color:#4a4a4a;opacity:.70;filter:alpha(opacity=90)}.article-tags a:hover{background-color:#428bca;opacity:1;filter:alpha(opacity=100)}.article-tags a:nth-child(5n){background-color:#4a4a4a}.article-tags a:nth-child(5n+1){background-color:#428bca}.article-tags a:nth-child(5n+2){background-color:#5cb85c}.article-tags a:nth-child(5n+3){background-color:#d9534f}.article-tags a:nth-child(5n+4){background-color:#f0ad4e}.tag-clouds{overflow:hidden}.tag-clouds li{float:left;width:25%;margin-bottom:12px;padding-bottom:2px;height:30px;border-bottom:1px dotted #ddd;overflow:hidden}.tag-clouds strong{color:#666;margin-left:2px;margin-bottom:10px;display:inline-block}.article-info-text{margin-top:15px;font-size:14px}.article-content blockquote{margin:15px auto;border:1px solid #d6e9c6;border-left-width:3px;padding:5px 15px 10px;background-color:#fafcf9;font-size:14px}.article-content blockquote:before{position:absolute;left:0;padding-left:36px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;color:#c4c4c4;text-indent:0;margin-top:10px;content:"\f10d"}.article-content blockquote p{margin:6px 0 5px 0;padding:0;font-size:14px}.article-content blockquote li{margin-bottom:5px;line-height:25px}.article-nav{border-top:1px solid #f2f2f2;background-color:#fbfbfb;overflow:hidden;padding:15px 20px;font-size:15px;color:#bbb}.article-nav span{float:left;position:relative;max-width:50%}.article-nav span.article-nav-next{float:right;text-align:right}.relates{overflow:hidden;background-color:#fff;border-top:1px solid #f2f2f2;margin-bottom:10px}.relates h3{font-size:15px;line-height:15px;border-bottom:1px dotted #e4e4e4;padding:15px 20px 10px;margin-bottom:0}.relates ul{padding:15px 0 15px 10px;overflow:hidden}.relates li{float:left;width:49%;height:30px;overflow:hidden;line-height:30px;color:#bbb}.relates li i{vertical-align:middle}.relates a{margin-right:20px;padding-left:10px}.rowpage{position:relative;background-color:#fff;padding:0 20px}.rowpage-header{border-bottom:1px solid #e2ee;line-height:16px;height:31px;padding:8px 20px;margin:0 -20px 20px;background-color:#fbfbfb}.rowpage-header .share{margin:3px 0 0}.link-content{padding:20px 0}.link-content li{float:left;text-align:center;width:100px;font-size:12px;margin-bottom:10px}.link-content li img,.readers a img{border-radius:100%;margin-bottom:5px;transition:.5s;-webkit-transtion:.5s}.link-content li span,.readers a span{display:block}.link-content li:hover img,.readers a:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg)}.readers{padding:20px 0}.readers a{margin:0 0 15px 0;width:100px;display:inline-block;font-size:12px;text-align:center}.tagcloud{padding:10px 10px 10px 15px}.tagcloud a{margin:0 5px 5px 0;display:inline-block}.archives .item{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eee}.archives h3{float:left;margin-bottom:10px;font-size:20px;font-weight:normal;color:#f15a23;line-height:20px;margin-top:0}.archives-list{padding-left:20px;margin:0 0 20px 140px}.archives-list li{list-style:disc;margin-left:20px;margin-bottom:4px}.archives-list time{width:40px;display:inline-block}.archives-list span{font-size:12px;display:inline-block;margin-left:10px}.meta a{ color:#bbb;}.meta a:hover{ color:#09A8C5;}.meta-tit{border-bottom:solid 1px #e6e6e6;padding:0 0 10px;margin-bottom:20px}.widget{/*background: rgba(0, 0, 0, 0) url("img/r_line.jpg") repeat-x scroll bottom center;*/clear:both; margin-bottom:10px;background-color:#fff; border:1px solid #eaeaea; border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}.widget h2 .btn{position:absolute;top:15px;right:10px;font-weight:normal;padding:1px 5px 1px;color:#fff;background-color:#5fbaac;font-size:13px}.widget-notip{line-height:20px;color:#666;border-top-color:#f00}.widget ul{*zoom:1}.widget ul:before,.widget ul:after{display:table;content:"";line-height:0}.widget ul:after{clear:both}.widget-notip h3{margin-bottom:13px}.widget_views li,.widget_rss li,.widget_recent_entries li,.d_hotpost_txt li{border-bottom:solid 1px #eee;padding:8px 0px; margin:0 20px;}.widget_links ul{padding:5px 0 15px 12px}.widget_links li{width:50%;float:left}.widget_links li a{background-color:#fff;padding:5px 8px;display:inline-block;width:136px}.widget_pages ul{padding:10px 15px 5px;overflow:hidden}.widget_pages li{float:left;width:50%;margin-bottom:5px}.widget_recent_entries span{display:block;font-size:12px;color:#999;margin-top:2px}

.d_banner img{display:block; width:100%;}.d_banner_inner{line-height:1px;position:relative;overflow:hidden}.d_reader ul{padding:15px 0 9px 16px}.d_reader li{width:40px;height:40px;float:left;margin:0 0 6px 6px}.d_reader li a{display:block}.d_reader li a,.d_reader li a:hover{color:#fff}.d_reader li:hover{z-index:20}.d_reader li:hover .avatar-popup{display:block}.d_banner .sell{display:block;border:solid 1px #d6d6d6;color:#999;text-align:center;height:123px;line-height:123px;font-weight:bold}.d_banner .sell:hover{border-color:#bbb;color:#777}.d_comment li:last-child a{ border-bottom:0px;}.d_comment ul a{display:block;overflow:hidden;position:relative;padding:0 20px;border-bottom: 1px dashed #ccc;}.d_comment .avatar{float:left;width:48px;margin:10px 12px 10px 0;border-radius:50%;}.d_comment div.muted{margin:5px auto;position:relative;min-height:40px;padding:3px 0px;width:256px;font-size:14px;float:right}.d_comment div.muted i{color:#09a8c5;font-style:normal}.c-main:after,.d_comment div.muted:after{content:'';display:inline-block;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #fbfdfb;position:absolute;top:17px;left:-7px}.widget_calendar{overflow:hidden}#calendar_wrap{margin:0 15px 10px}.widget_calendar table{width:100%;text-align:center}.widget_calendar table caption{padding:10px 0 5px;font-size:15px}.widget_calendar table #prev a,.widget_calendar table #next a{display:block;padding:0 10px}.widget_calendar table #prev{text-align:left}.widget_calendar table #next{text-align:right}.widget_calendar table tbody td,.widget_calendar table tfoot td,.widget_calendar table thead th{padding:5px 3px;border:1px solid #eee}.widget_calendar table thead th{background-color:#fbfbfb}.widget_calendar table tbody td a{display:block;margin:0 3px;background-color:#09a8c5;color:#fff}.widget_calendar table tbody td a:hover{background-color:#35d2ab}.widget_categories ul{overflow:hidden;padding:10px 0 5px;color:#bbb}.widget_categories li{float:left;width:50%;margin-bottom:5px}.widget_categories li a{margin-left:24px}.widget_categories li ul{padding:0 0 0 15px}.widget_categories li li{float:none;width:auto}.widget_nav_menu ul{padding:10px 15px 5px;color:#999}.widget_nav_menu ul li{margin-bottom:8px}.widget_rss ul{color:#999}.d_textbanner a{background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;display: block;font-size: 12px;padding: 0 15px 15px;}.d_textbanner a strong {color: #fff; display: inline-block; font-size: 14px; font-weight: normal; margin: -1px 0 0; padding: 4px 15px;}.d_textbanner a h2{font-size: 20px;font-weight: normal; }.d_textbanner a p{color: #999; margin-bottom: 0;}.d_textbanner a.style01 strong{background-color: #428bca;}.d_textbanner a.style01,.d_textbanner a.style01 h2{color:#428bca}.d_textbanner a.style01:hover{border-color:#428bca;color:#357ebd}.d_textbanner a.style02 strong{background-color: #d9534f;}.d_textbanner a.style02,.d_textbanner a.style02 h2{color:#d9534f}.d_textbanner a.style02:hover{border-color:#d9534f;color:#d33632}.d_textbanner a.style03 strong{background-color: #5cb85c;}.d_textbanner a.style03,.d_textbanner a.style03 h2{color:#5cb85c}.d_textbanner a.style03:hover{border-color:#5cb85c;color:#4cae4c}.d_textbanner a.style04 strong{background-color: #c35bff;}.d_textbanner a.style04,.d_textbanner a.style04 h2{color:#c35bff}.d_textbanner a.style04:hover{border-color:#c35bff;color:#b433ff}.d_textbanner a.style05 strong{background-color: #33bbba;}.d_textbanner a.style05,.d_textbanner a.style05 h2{color:#33bbba}.d_textbanner a.style05:hover{border-color:#33bbba;color:#00aba9}.d_tags_1{padding:0px 15px 0px 20px}.d_tags{ display:inline-block; margin:2%;}.d_tags_1 a{width:45%;opacity:.70;filter:alpha(opacity=80);color:#09a8c5;background-color:#fff;text-align:left;display:inline-block;margin:5px 5px 0 5px;padding:5px 0px; text-align:center;line-height:21px; height:21px; overflow:hidden;}.d_tags a{background-color: #f6f6f6; color: #999; float: left; font-size: 12px; height: 29px;line-height: 29px; margin: 1%; overflow: hidden;padding-left:2%;width: 29.3333%;}.d_tags a:hover{opacity:1;filter:alpha(opacity=100); color:#FFF; background:#61b3e6;}.d_postlist li:last-child a{border-bottom: 0px solid #eee;}.d_postlist li a{border-bottom: 1px solid #eee; color: #888; display: block; font-size: 14px; overflow: hidden;padding: 10px 15px 10px 150px;position: relative;}.d_postlist li a:hover{color:#61b3e6; background:#fbfbfb;}.d_postlist .text{display:block;}.d_postlist .thumbnail{float:left;margin-left:-135px;}.d_postlist .thumbnail img{display:block;margin:0 auto}.d_postlist .muted_1{padding-right:10px; float:right;}.d_postlist .muted{float:left;}.d_postlist .nopic li a{padding:8px 15px}.d_postlist .nopic .text{margin-top:0}.widget_meta{margin:0 0 10px}.widget_meta ul{line-height:24px;padding:0 20px 10px}.widget_meta ul li{margin-bottom:5px}.widget_archive ul{padding:10px 20px 5px;overflow:hidden;color:#999}.widget_archive li{width:50%;float:left;margin-bottom:5px}.widget_archive select,.widget_categories select{margin-top:10px;width:91%;margin-left:15px;height:32px;line-height:32px;padding:2px}

#postcomments{position:relative;background-color:#fff}#respond{position:relative;background-color:#fff}#respond .base-tit{display:none}.comment #respond{margin:10px 0 0;padding:0;border:1px solid #ddd}.commentnew{background-color:#dff0d8}.commentnew .c-main{margin-bottom:5px}.comment{padding:12px 0 10px 0}.commentlist{padding:12px 20px 0 20px}.c-avatar .avatar{position:absolute;width:54px;height:54px;border-radius:2px;webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-transition:all .3s ease-out}.c-main{padding:10px 15px;line-height:25px;margin-top:-2px;margin-left:72px;border-radius:3px;position:relative;background:#fbfdfb;border:1px #eee solid;font-size:15px}.c-meta{color:#bbb;font-size:14px}.c-author{margin-right:10px}.comment-reply-link{margin-left:6px;color:#09a8c5}.comment-reply-link:hover{color:#d9534f}.children .comment{padding:12px 0 0 10px;margin:10px 0 0 60px}.children .c-main p{margin-right:0}.children .c-meta{padding-top:1px}.c-floor{float:right;font-size:18px;color:#ddd}.comment:hover .c-floor{color:#999}.c-approved{border-radius:2px;background-color:#fbfbfb;border:1px solid #ccc;color:#999;display:inline-block;padding:1px 5px;margin-top:4px}.wp-smiley{margin-bottom:2px}#comments{font-size:15px;padding:12px 20px;line-height:14px;color:#5fbaac;font-weight:normal;border-bottom:1px solid #dbece8}#comments b{font-weight:normal;font-size:13px}#commentform{margin-bottom:0}.comt-title{overflow:hidden;padding:12px 20px;background-color:#f7f7f7}.comt-count{float:right;color:#999;margin-bottom:5px}.comt{padding:20px 20px 5px 20px;position:relative}.comt-avatar{height:28px!important;width:28px}.comt-avatar img{border-radius:2px;opacity:.9;height:28px!important;width:28px!important}.comt-author{margin:5px 10px 0 10px;font-size:16px;color:#666}.comt-author span{color:#bbb;margin-left:10px}.comt-box{overflow:hidden}.comt-area{margin-bottom:5px}.comt-ctrl{position:relative;overflow:hidden}.comt-addsmilies,.comt-addcode{float:left;color:#999;padding:0 10px 0 10px}.comt-addsmilies:hover,.comt-addcode:hover{color:#666}.comt-mailme{display:none}#comment{*width:98.3%}.comt-smilie{cursor:pointer;margin-top:2px;display:inline-block}.comt-smilie:hover{color:#666}#comment-smilies{background-color:#eee;padding:3px 5px;float:left;position:relative;line-height:0}#comment-smilies img{display:inline-block;padding:3px;cursor:pointer}#comment-smilies::after{position:absolute;top:-5px;left:20px;width:0;height:0;vertical-align:top;border-bottom:5px solid #eee;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);content:""}.comt-smilie i,.btn-primary i{vertical-align:middle}.comt-smilie,.btn-primary{font-size:15px;height:36px!important}.comt-ctrl .popover{width:219px}.comt-ctrl .popover-content{padding:2px 0 2px 1px}.comt-ctrl .popover-content a{margin:-1px -1px 0 0;float:left;width:16px;height:16px;padding:5px;line-height:0;display:inline-block;border:solid 1px #eee}.comt-ctrl .popover-content a img{display:block}.comt-ctrl label{margin:0 5px}.comt-ctrl label input{margin-right:4px}.comt-tips{text-align:right;line-height:30px;margin-right:10px;color:#999}.comt-error{color:#d9534f}#loading{padding:5px 0}#loading img{margin-right:5px;vertical-align:middle}#error{padding:5px 0;color:#c00}.ajax-notice{color:#f60;font-size:12px}.comt-submit{position:absolute;right:-1px;top:-1px;border:solid 1px #ddd;padding:0 30px;height:34px;width:120px;cursor:pointer;font-weight:bold;color:#666;border-radius:0 0 3px 0;background-image:-webkit-linear-gradient(#fbfbfb,#f6f6f6);text-shadow:0 -1px 0 #fff}.comt-submit:hover{color:#444;border-color:#d6d6d6;background-image:-webkit-linear-gradient(#f6f6f6,#eee)}.comt-submit:active{border-color:#c6c6c6;box-shadow:inset 0 2px 2px #e6e6e6}.comt-comterinfo{padding:20px 0 0 210px;color:#444;display:none}.comt-comterinfo h4{float:left;width:190px;line-height:100px;margin-left:-210px;text-align:right;_display:inline}.comt-comterinfo ul{border-left:dotted 1px #ccc;padding-left:30px}.comt-comterinfo li{margin-bottom:10px}.comt-comterinfo input{margin-right:10px;position:relative;*bottom:-3px}#cancel-comment-reply-link{display:none;color:#bbb;margin:-12px -20px;line-height:28px;font-size:14px;padding:12px 20px}#cancel-comment-reply-link:hover{background-color:#999;color:#fff}.comment #cancel-comment-reply-link{display:block}.related_posts{overflow:hidden;background-color:#fff;padding:0px 10px 0 10px;margin:10px 0 10px 0}.related_posts h2{ text-align:left; font-size:130%; font-weight:inherit !important;}.related_posts a:hover{color:#d9534f}.related_img{width:100%;overflow:hidden;text-align:center} .related_img li:nth-child(2){ margin-left:0px;}.related_img li:nth-child(6){ margin-left:0px;}.related_box{float:left;overflow:hidden;width:24%; margin-left:1.333%;padding-bottom:15px}.related_box .r_title{line-height:25px;height:50px;font-size:14px;overflow:hidden;float:left;padding:10px 10px 0 10px;text-align:left}.article-social{margin-bottom:10px;padding-top:15px;text-align:center;text-indent:0}.article-social a{border-bottom:1px solid #d6d6d6;text-indent:0}

.article-social a:hover{background:#f17067;border-bottom:1px solid #d6d6d6}#Addlike{background-color:#f78585;color:#fff}#Addlike:hover{background-color:#f17067}.action{position:relative;padding:8px 40px;display:inline-block;border:1px solid #d6d6d6;border-radius:2px;background-color:#5fcec0;font-size:15px;margin:0 3px;color:#fff}.action:hover{background-color:#3bbfaf;border-bottom:1px solid #d6d6d6}.action i,bdsharebuttonbox i{margin-right:5px;font-size:1.1em}.action.actived{border-color:#ff9790;color:#fff;background-color:#f17067!important}.action .action-popover{position:absolute;width:249px;padding:5px 0 2px;top:-45px;left:50%;margin-left:-125px;display:none;height:46px}.action .popover-content{padding:6px 8px 5px 8px}.action:hover .action-popover{display:block}.action .popover{display:block;border-radius:4px}.article-social .or{background:#fff;color:#455670;display:inline-block;padding:5px 12px;font-size:.8725em;position:absolute;z-index:2;margin:4px 0 0 -19px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px}@-ms-viewport{width:device-width}.article-content pre{background-color:#f8f8f8;border:1px solid #eee;overflow:hidden;padding:8px;font-size:14px}.prettyprint.linenums,pre.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #eee,inset 42px 0 0 #33b796;-moz-box-shadow:inset 40px 0 0 #eee,inset 42px 0 0 #33b796;box-shadow:inset 40px 0 0 #eee,inset 42px 0 0 #33b796}.prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 40px}.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{padding-left:6px;color:#bebec5;line-height:20px;margin-left:0;list-style:decimal}.prettyprint.linenums ol li:before,pre.prettyprint.linenums ol li:before{content:"";width:0}.prettyprint .com{color:#666}.prettyprint .lit{color:#c0c}.prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#0a0}.prettyprint .fun{color:#dc322f}.prettyprint .str,.prettyprint .atv{color:#c28f5b}.prettyprint .kwd,.prettyprint .tag{color:#f92659}.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{color:#0a0}.prettyprint .pln{color:#00f}.navbar .screen-mini{display:none}@media(max-width:979px){.toggle-search{padding:11px 25px 10px 20px}.yusi-mono{font-size:42px!important}.navbar{background-color:transparent;height:auto}.navbar .screen-mini{display:block;float:left}.navbar .screen-mini .btn{background-color:#4a4a4a;padding:16px 22px}.navbar .screen-mini .btn:hover,.navbar .screen-mini .btn.active{background-color:#404040}.navbar .screen-mini .btn i{margin-top:2px}.navbar .nav{float:none;padding:0;background-color:#eee;margin-right:0;display:none}.navbar .nav>li{float:none;margin-right:0;font-weight:bold}.navbar .nav>li>a{padding:10px 20px 9px;border-bottom:1px solid #ddd;color:#444}.navbar .nav li a:hover{background-color:#fff;color:#444}.navbar .nav ul{display:block}.navbar .nav>li>ul{position:relative;display:block;top:0;left:0;padding-bottom:0;font-weight:normal}.navbar .nav>li>ul>li>ul{position:relative;display:block;top:0;left:0;padding-bottom:0}.navbar .nav>li>ul>li{float:none;margin:0;position:relative;border-bottom:1px solid #ddd}.navbar .nav>li>ul>li>a,.navbar .nav>li>ul>li>ul>li>a{float:none;display:block;*min-width:100px;padding:10px 20px 9px 50px;color:#444}.navbar .nav>li>ul>li>ul>li>a{padding-left:80px}.navbar .nav>li>ul>li>a:hover,.navbar .nav li li.current-menu-item a{color:#444}.navbar .nav li li a:hover,.navbar .nav li li.current-menu-item a{background-color:#fff}.navbar .nav li:hover a,.navbar .nav li.current-menu-item a,.navbar .nav li.current-menu-parent a,.navbar .nav li.current_page_item a,.navbar .nav li.current-post-ancestor a,.navbar .nav li ul{background-color:#eee;color:#444;display:block}.yusi-bloger,.speedbar,.screen-search{display:none}.sidebar{display:none}.content{margin-right:0}.header{margin-bottom:1px}.footer-inner{border-left:none}.share{display:none}.navbar .menu{float:none;margin:0 20px 10px;text-align:center}.navbar .menu .btn-group{float:none;display:inline-block;margin-top:-24px}.tag-clouds li{width:50%}.navbar .btn.screen-nav{padding:11px 20px;height:auto;position:absolute;top:0;left:0;background-color:transparent}.navbar .btn.screen-nav:hover{background-color:transparent}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:1.2987012987012987%;*margin-left:1.2487012987012986%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:1.2987012987012987%}.row-fluid .span12{width:100%;*width:99.95%}.row-fluid .span11{width:91.55844155844156%;*width:91.50844155844156%}

.row-fluid .span10{width:83.1168831168831%;*width:83.0668831168831%}.row-fluid .span9{width:74.67532467532467%;*width:74.62532467532468%}.row-fluid .span8{width:66.23376623376623%;*width:66.18376623376624%}.row-fluid .span7{width:57.79220779220779%;*width:57.74220779220779%}.row-fluid .span6{width:49.35064935064935%;*width:49.30064935064935%}.row-fluid .span5{width:40.90909090909091%;*width:40.85909090909091%}.row-fluid .span4{width:32.467532467532465%;*width:32.41753246753247%}.row-fluid .span3{width:24.025974025974023%;*width:23.975974025974022%}.row-fluid .span2{width:15.584415584415584%;*width:15.534415584415584%}.row-fluid .span1{width:7.142857142857142%;*width:7.0928571428571425%}.row-fluid .offset12{margin-left:102.59740259740259%;*margin-left:102.4974025974026%}.row-fluid .offset12:first-child{margin-left:101.2987012987013%;*margin-left:101.19870129870131%}.row-fluid .offset11{margin-left:94.15584415584415%;*margin-left:94.05584415584416%}.row-fluid .offset11:first-child{margin-left:92.85714285714286%;*margin-left:92.75714285714287%}.row-fluid .offset10{margin-left:85.7142857142857%;*margin-left:85.6142857142857%}.row-fluid .offset10:first-child{margin-left:84.4155844155844%;*margin-left:84.31558441558441%}.row-fluid .offset9{margin-left:77.27272727272727%;*margin-left:77.17272727272727%}.row-fluid .offset9:first-child{margin-left:75.97402597402598%;*margin-left:75.87402597402598%}.row-fluid .offset8{margin-left:68.83116883116882%;*margin-left:68.73116883116883%}.row-fluid .offset8:first-child{margin-left:67.53246753246754%;*margin-left:67.43246753246754%}.row-fluid .offset7{margin-left:60.38961038961039%;*margin-left:60.289610389610395%}.row-fluid .offset7:first-child{margin-left:59.090909090909086%;*margin-left:58.99090909090909%}.row-fluid .offset6{margin-left:51.94805194805195%;*margin-left:51.84805194805195%}.row-fluid .offset6:first-child{margin-left:50.649350649350644%;*margin-left:50.54935064935065%}.row-fluid .offset5{margin-left:43.506493506493506%;*margin-left:43.40649350649351%}.row-fluid .offset5:first-child{margin-left:42.2077922077922%;*margin-left:42.10779220779221%}.row-fluid .offset4{margin-left:35.064935064935064%;*margin-left:34.96493506493507%}.row-fluid .offset4:first-child{margin-left:33.76623376623376%;*margin-left:33.666233766233766%}.row-fluid .offset3{margin-left:26.623376623376622%;*margin-left:26.523376623376617%}.row-fluid .offset3:first-child{margin-left:25.324675324675322%;*margin-left:25.22467532467532%}.row-fluid .offset2{margin-left:18.18181818181818%;*margin-left:18.081818181818182%}.row-fluid .offset2:first-child{margin-left:16.883116883116884%;*margin-left:16.783116883116882%}.row-fluid .offset1{margin-left:9.74025974025974%;*margin-left:9.64025974025974%}.row-fluid .offset1:first-child{margin-left:8.441558441558442%;*margin-left:8.34155844155844%}}@media(max-width:767px){.article-title a{font-size:17px;line-height:25px}.pagecontent{margin-left:0}.relates li img,.comt-comterinfo ul .help-inline,.archive-header-info,.page-sidebar,.pagesidebar,.speedbar{display:none}.header{position:relative}.relates li{float:none;width:100%}.relates a{height:auto;text-align:left;line-height:14px;border-left:none}.archives h3,.article-footer .share{float:none;clear:both}.archives-list,.content-page,.comt-comterinfo{padding-left:0}.comt-comterinfo h4{float:none;width:100%;margin-left:0;line-height:20px;text-align:left}.comt-comterinfo ul{padding-left:0;border-left:none}.comt-comterinfo ul input{margin-right:0;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:30px}.rollto{bottom:2px;right:4px}.plinks ul li{width:33.3333333%}.excerpt,.excerpt:hover{padding:10px 15px 10px 15px;}.excerpt-nothumbnail,.excerpt-nothumbnail:hover{padding:10px 20px}.excerpt .focus{width:100px;height:68px;margin:0 10px 0 0;float:left;display:inline}.excerpt .focus a{width:100px;height:68px}.excerpt .focus a img{max-width:100px;max-height:68px}.excerpt header h2{font-size:16px;line-height:20px;display:block}.excerpt header .label{display:none}.excerpt header{margin-bottom:5px;margin-right:0}.excerpt span.note{display:block;height:60px;padding-top:3px;overflow:hidden;line-height:20px}.banner{display:none}}@media(max-width:334px){.yusi-mono{font-size:32px!important}.article-title a{line-height:25px}.article-header .muted{margin-right:6px}.excerpt header h2{display:block;font-size:16px}.muted i{margin-top:-1px}.hot-posts .muted{margin-left:5px;}.post-comments,.banner,#go-comment,#mute-category,.navbar .menu .btn-group{display:none}.related_box{width:50%}.related_box img{width:90%}.action{padding:6px 20px}.c-avatar .avatar{width:24px;height:24px}.children .comment{margin:10px 0 0 10px}.c-main{padding:5px 5px;line-height:20px;margin-left:35px;font-size:12px}.c-main:after,.d_comment div.muted:after{top:7px}.url{font-size:12px}}.hm-t-footer a{display:none}#foot{display:none}.tui .{display:none}.d_subscribe form{margin:0;padding:10px 20px 10px}

.d_subscribe p{color:#666;font-size:13px;height:20px}.d_subscribe .rsstxt{ border:1px solid #09a8c5; float:left;padding:0px 8px;width:218px;height:30px;background:#f7f7f7;outline:0}.d_subscribe .rsstxt:hover,.widget_newsletter .rsstxt:focus{outline:0}.d_subscribe .rssbutton{width:84px;height:32px;border:0;background:#09a8c5;color:#fff;letter-spacing:2px;font-size:15px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif!important}.d_subscribe .rssbutton:hover{background-color:#034956}#wowslider-container1{zoom:1;position:relative;max-width:716px;float:right;margin:0 0 10px 0;z-index:90}* html #wowslider-container1{width:716px}#wowslider-container1 .ws_images ul{position:relative;width:10000%;height:auto;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible}#wowslider-container1 .ws_images ul li{width:1%;line-height:0;float:left;font-size:0;padding:0!important;margin:0!important}#wowslider-container1 .ws_images{position:relative;left:0;top:0;width:100%;height:100%;overflow:hidden}#wowslider-container1 .ws_images a{width:100%;display:block;color:transparent}#wowslider-container1 img{max-width:none!important}#wowslider-container1 .ws_images img{width:100%;border:none 0;max-width:none;padding:0;margin:0}#wowslider-container1 a{text-decoration:none;outline:0;border:0}#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{position:absolute;display:none;top:50%;margin-top:-3.5em;z-index:60;height:7.1em;width:7.1em;background-image:url(img/arrows.png);background-size:200%}#wowslider-container1 a.ws_next{background-position:100% 0;right:1em}#wowslider-container1 a.ws_prev{left:1em;background-position:0 0}#wowslider-container1 a.ws_next:hover{background-position:100% 100%}#wowslider-container1 a.ws_prev:hover{background-position:0 100%}* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}#wowslider-container1:hover a.ws_next,#wowslider-container1:hover a.ws_prev{display:block}#wowslider-container1 .ws_playpause{display:none;width:7.1em;height:7.1em;position:absolute;top:50%;left:50%;margin-left:-3.5em;margin-top:-3.5em;z-index:59;background-size:100%}#wowslider-container1:hover .ws_playpause{display:block}#wowslider-container1 .ws_pause{background-image:url(img/pause.png)}#wowslider-container1 .ws_play{background-image:url(img/play.png)}#wowslider-container1 .ws_pause:hover,#wowslider-container1 .ws_play:hover{background-position:100% 100%!important}#wowslider-container1 .ws-title{position:absolute;display:block;bottom:3.5em;left:1em;margin-right:1em;padding:1em .9em .9em .9em;background-color:rgba(0,0,0,0.4);color:#e7ffff;z-index:50;font-weight:bold;text-transform:uppercase;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}#wowslider-container1 .ws-title div{margin-top:.3em;font-size:1.6em;line-height:1.15em;font-weight:normal;text-transform:none;color:#fff}#wowslider-container1 .ws-title span{font-size:2.4em}#wowslider-container1 .ws_thumbs{font-size:0;position:absolute;overflow:auto;z-index:70;left:-19.51%;top:0;width:18.72%;height:100%}#wowslider-container1 .ws_thumbs img{text-decoration:none;border:0;width:100%}#wowslider-container1 .ws_thumbs a{position:relative;text-indent:-4000px;color:transparent;opacity:.85;text-decoration:none;display:inline-block;border:0;margin-bottom:4.5%;text-indent:0;padding:2.99%;width:89.54%;background-color:#fff}#wowslider-container1 .ws_thumbs a:hover{opacity:1}#wowslider-container1 .ws_thumbs a:hover img{visibility:visible}#wowslider-container1 .ws_thumbs div{position:relative;width:100%}#wowslider-container1 .ws_thumbs a.ws_selthumb{background-color:#bce0dd}#wowslider-container1 .ws_images ul{animation:wsBasic 16s infinite;-moz-animation:wsBasic 16s infinite;-webkit-animation:wsBasic 16s infinite}@keyframes wsBasic{0%{left:-0%}12.5%{left:-0%}25%{left:-100%}37.5%{left:-100%}50%{left:-200%}62.5%{left:-200%}75%{left:-300%}87.5%{left:-300%}}@-moz-keyframes wsBasic{0%{left:-0%}12.5%{left:-0%}25%{left:-100%}37.5%{left:-100%}50%{left:-200%}62.5%{left:-200%}75%{left:-300%}87.5%{left:-300%}}@-webkit-keyframes wsBasic{0%{left:-0%}12.5%{left:-0%}25%{left:-100%}37.5%{left:-100%}50%{left:-200%}62.5%{left:-200%}75%{left:-300%}87.5%{left:-300%}}.footer{ text-align:center;background:#fff;position:relative;*zoom:1}.branding {position: relative; padding: 70px 20px; text-align: center;}.container_f{ text-align:center;}.btn-lg, .btn-group-lg > .btn { border-radius: 4px;font-size: 20px;padding: 10px 25px;}.branding-black .btn {border-color: #ccc;color: #ccc;border:1px solid #ccc;}.branding-black .btn:hover { background-color: #ccc; color: #444;}.branding-black { background-color: #444;}.branding h1, .branding h2 { font-weight:500;font-size: 33px; margin: 0 0 20px;}.branding-black h1, .branding-black h2 {color: #ccc;}.social{height:45px;padding:10px 6px;background-color:#fff}.social i{font-size:2.5em;width:45px;height:38px;padding-top:7px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 -1px 0 #3333sf}.sinaweibo{background:#f78585}.tencentweibo{background:#27ccc0}.qq{background:#e74c3c}.facebook{background:#5b7aa7}.email{background:#eca3ac}.twitter{background:#81c1f2}.weixins{background:#6fc299}.weixin-popover{position:absolute;width:256px;padding:5px 0 2px;top:45px;left:50%;margin-left:-125px;display:none;height:256px}

.weixin:hover .weixin-popover{display:block}.weixin .popover{display:block;border-radius:4px;color:#777}.social .rss{background:#ff7c49}.social a{float:left;width:45px;height:45px;margin-right:6.5px;margin-left:6px;position:relative;color:#fff}.social a:hover i{background-color:#7fb4ab}.open-message{margin-bottom:10px;padding:5px 10px;border-radius:2px;background-color:#fcf8e3;border:1px solid #faebcc;color:#8a6d3b}.open-message i{text-indent:-20px}.hot-posts{clear:both;background-color:#fff}.hot-posts a{font-size:14px}.hot-posts h2{line-height:45px;font-weight:normal;color:#09a8c5;font-size:16px}.hot-posts ul{margin:0 20px 10px;padding:15px 0 10px;list-style:none;overflow:hidden}.hot-posts li{overflow:hidden;clear:both}.hot-posts p{float:right;font-size:14px;color:#777;font-size:13px}.hot-posts .label{margin-right:8px;padding:2px 7px;top:-1px}.label-1{background-color:#fd8c84}.label-2{background-color:#6fc299}.label-3{background-color:#81c1f2}.fenye{text-indent:0;text-align:center;margin:20px auto 10px;font-weight:bold}.fenye span{text-indent:0;border-radius:2px;border:1px solid #f6ebeb;padding:4px 12px 3px;color:#fff;display:inline-block;background-color:#5fbaac;margin:0 1px}.fenye a span{font-weight:normal;background-color:#f6f6e8;color:#000;text-decoration:none}.fenye a:hover span{background-color:#fd9790;color:#fff}
/*精选导读*/
.daodu{display:inline-block;width:100%}
.daodu .dd-list{overflow:hidden;margin-top:10px;padding:1% 1%;border:1px solid #eaeaea;border-radius:4px;background:#FFF}
.daodu .dd-list li{float:left;margin-top:1%;padding:1%;width:47%;border-radius:4px;background:#fff none repeat scroll 0 0}
.daodu .dd-list li:nth-child(2n){float:right;margin-right:0}
.daodu .dd-list li:nth-child(1){margin-top:0}
.daodu .dd-list li:nth-child(2){margin-top:0}
.content-ajax .tip h4,.daodu .tip h4{color:#7a6f6f;font-weight:400;font-size:22px;line-height:1}
.dd-img,.entry-img{position:relative;float:left;overflow:hidden;margin:0 20px 0 0}
.content-ajax .tip .count{position:absolute;right:0;bottom:0;padding:0 10px;height:100%;background:#f2f2f2 none repeat scroll 0 0;color:#333;font-size:18px}
.dd-title{margin:0;line-height:20px}
.dd-title a{display:block;overflow:hidden;height:40px;color:#393839!important;font-size:15px}
.dd-site{overflow:hidden;padding-top:12px;height:36px;color:#888;font-size:12px;line-height:18px}

/*幻灯片*/
.slick_bor{display:block;position:relative;width:100%; margin-bottom:10px;}.slick{height:300px;margin:0 auto;overflow:hidden;position:relative;width:100%}.slick span{background-color:#e94880;bottom:10px;color:#fff;font:700 22px/65px "Microsoft Yahei";left:0;padding:0 10px;position:absolute}.img_855x300{height:300px;width:820px;border-radius:4px;}.centered-btns_nav{background:transparent url(../images/themes.png) no-repeat scroll left top;height:61px;left:0;margin-top:-35px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;text-indent:-9999px;top:50%;width:38px;z-index:3}.centered-btns_nav:active{opacity:1}.centered-btns_nav.next{background-position:right top;left:auto;right:0}.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{bottom: 10px;left: 50%;list-style: outside none none;margin-left: -30%;padding-left: 0;position: absolute;text-align: center;width: 60%;z-index: 15;}.centered-btns_tabs li,.large-btns_tabs li,.transparent-btns_tabs li{display:inline;float:none;margin-right:5px}.centered-btns_tabs a,.large-btns_tabs a,.transparent-btns_tabs a{background:rgba(0,0,0,.2) none repeat scroll 0 0;border-radius:15px;box-shadow:0 0 2px 0 rgba(0,0,0,.3) inset;display:inline-block;height:9px;overflow:hidden;text-indent:-9999px;width:9px}.centered-btns_here a,.large-btns_here a,.transparent-btns_here a{background:rgba(0,0,0,.8) none repeat scroll 0 0}
/*头部*/
#masthead{background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.08);border-color: rgba(0, 0, 0, 0.08);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);left: 0;position: relative;right: 0;top: 0;z-index: 9;}
#top-header{background:#fff none repeat scroll 0 0}.top-nav{ padding-top:10px;height:26px;margin:0 auto;width:1200px}.top-menu{float:right;margin:0 8px 0 0}.top-menu li{float:left;padding:0 5px;line-height:26px}.top-menu a{color:#999}.top-menu a:hover{color:#2f889a}.menu-container{line-height:26px;}#user-profile{float:left;position:relative;line-height:26px}#user-profile{color:#999}#user-profile a{margin-left:5px}#user-profile a:hover{color:#007046}#nav-header{height:80px;width:100%;z-index:999}#top-menu{margin:0 auto;transition-duration:.5s;width:1200px}.nav-search{background:#2f889a none repeat scroll 0 0;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04);color:#fff;cursor:pointer;float:right;line-height:25px;margin:24px 10px 0;padding:0 8px 1px}.nav-search_1{display:none;background:#2f889a none repeat scroll 0 0;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04);color:#fff;cursor:pointer;float:right;line-height:25px;margin:24px 10px 0;padding:0 8px 1px}.nav-search_1 a{ color:#FFF;}.nav-search_1:hover{background:#595959 none repeat scroll 0 0}.nav-search:hover{background:#595959 none repeat scroll 0 0}.logo-site::before{animation:1s ease-in 1s normal none infinite running searchLights;background-color:rgba(255,255,255,.5);content:"";height:15px;left:-665px;position:absolute;top:-460px;transform:rotate(-45deg);width:200px}.logo-site,.logo-sites{float:left;margin-top:10px;position:relative;transition-duration:.5s}.logo-site{overflow:hidden;width:220px}.site-title{font-size:1.7rem;font-weight:700;padding:0 0 2px}#site-nav-wrap{float:right;min-height:45px}.main-nav{margin:15px 0 0; font-size:18px;}#navigation-toggle{background:#fff none repeat scroll 0 0;border:1px solid #ddd;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04);color:#999;line-height:25px;padding:0 8px 2px}#navigation-toggle:hover{background:#2f889a none repeat scroll 0 0;border:1px solid #2f889a;color:#fff}.nav-menu{float:left}.nav-menu li{position:relative;transition:background .2s ease 0s;white-space:nowrap}.nav-menu li.sfHover,.nav-menu li:hover,.sub-menu{transition:none 0s ease 0s}.nav-menu .sf-mega{display:none;left:0;position:absolute;top:100%;z-index:99}.nav-menu li.sfHover>.sf-mega,.nav-menu li:hover>.sf-mega{display:block}#site-nav .down-menu li{display:block;float:left;height:45px;line-height:45px}#site-nav .down-menu a{color:#666;padding:0 13px;text-align:left;transition-duration:1.2s}#site-nav .down-menu>li.sfHover>a,#site-nav .down-menu>li>a:hover{color:#45B6F7;}#site-nav .down-menu>.current-menu-item>a,#site-nav .down-menu>.current-menu-item>a:hover{color:#45B6F7;}#site-nav .down-menu ul{box-shadow:0 2px 2px rgba(0,0,0,.03);padding-top:20px}.font-text{margin:0 0 0 5px}.fa-external-link-square{display:none}#menu-item-6853 .font-text{background:#f40 none repeat scroll 0 0;border-radius:2px;color:#fff;padding:4px 8px}#menu-item-6853 .font-text:hover{background:#2f889a none repeat scroll 0 0;transition:all .2s ease-in 0s}.fa-sticky-note-o::before{content:""}.fa-television::before,.fa-tv::before{content:""}.nav-menu li:hover>.sub-menu{display:block}.nav-menu li{background-position:right}.nav-menu li:hover{background-position:right}.nav-menu ul{border-bottom:1px solid #ddd;display:none;left:0;min-width:160px;position:absolute;top:100%;z-index:10001}.nav-menu>li{float:left}#site-nav .down-menu ul li{background:rgba(255,255,255,.9) none repeat scroll 0 0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;display:block;float:none;height:auto;line-height:1.4em}#site-nav .down-menu ul li:last-child{background:rgba(255,255,255,.9) none repeat scroll 0 0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:block;float:none;height:auto;line-height:1.4em;}#site-nav .down-menu ul a{border:0 none;display:block;font-size:.9em;height:auto;line-height:1.7em;margin:0;padding:10px 20px;text-transform:none}#site-nav .down-menu ul li>a:hover{background:#ddd none repeat scroll 0 0;color:#000}#mobile-search,#navigation-toggle,#sidr-close,.sidr{display:none}#search-main{background:#fff none repeat scroll 0 0;border:1px solid #ddd;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.04);display:none;margin:10px auto 5px;padding:10px 20px 20px;text-align:center;width:1160px}.searchbar{margin:10px auto 0;width:90%}.searchform input{background:#ebebeb none repeat scroll 0 0;border:0 solid #ebebeb!important;border-radius:2px 0 0 2px;float:left;font:14px "Microsoft YaHei",Helvetica;height:37px;padding:0 9px;width:75%}.searchform input:focus{background:#fff none repeat scroll 0 0;outline:0 none}.searchform button{background:#2f889a none repeat scroll 0 0;border:0 solid #ebebeb!important;border-radius:0 2px 2px 0;color:#fff;cursor:pointer;height:37px;overflow:visible;position:relative;text-transform:uppercase;width:23%;box-sizing:inherit;padding:0!important}.searchform button:hover{background:#595959 none repeat scroll 0 0}.nav-login a{color:#999}.nav-login a:hover{color:#45b6f7 !important;}.nav_sj{display:none; height:auto;}.nav_sj a{width:85%;margin:0 5%;padding-right:5%;color:#FFF;font-size:100%;text-align:right;float:left;background:#036;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;line-height:35px;margin-bottom:1px;border:1px solid #CCC;}.nav_sj .sub-menu{position:relative}#nav-header.shadow { background: rgba(255, 255, 255) none repeat scroll 0 0; height: 65px; position: fixed; top: 0;border-bottom: 1px solid #e7eaec}
/*3D标签云*/
#tag_cloud-2{position:relative;height:320px; width:320px; margin:0 10px 0 28px;}
#tag_cloud-2 a{position:absolute;color:#fff;text-align:center;text-overflow:ellipsis;whitewhite-space:nowrap;top:0;left:0;padding:3px 5px;border:none}
#tag_cloud-2 a:hover{background:#d02f53;display:block}
#tag_cloud-2 a:nth-child(n){background:#666;border-radius:3px;display:inline-block;margin:0 10px 15px 0}
#tag_cloud-2 a:nth-child(2n){background:#d1a601}
#tag_cloud-2 a:nth-child(3n){background:#286c4a}
#tag_cloud-2 a:nth-child(5n){background:#518ab2}
#tag_cloud-2 a:nth-child(4n){background:#c91d13}

/*头部end*/
@media screen and (max-width: 979px){
    body{ width:100%;}
    .content{padding-right:0px;}
    .action{padding:6px 20px !important;}
    .related_box{float:left;overflow:hidden;width:49%; margin-left:2%;padding-bottom:15px}
    .related_img li:nth-child(2){ margin-left:0px;}.related_img li:nth-child(4){ margin-left:0px;}.related_img li:nth-child(6){ margin-left:2%;}
    .slick_bor { display: block;position: relative;width:100%;}
    .slick{ width:100% !important; height:auto;}
    .slick li{ width:100%;}
    .img_855x300 {width:100%; height:auto;}
    .site-header{ width:100%;}
    .top-nav{ width:100%; display:none;}
    #top-menu{ width:100%;}
    .rollto .btn{ height:32px;}
    .nav-search{margin:24px 2px 0px;padding:0 8px 0px}
    .nav-search_1{margin:24px 2px 0px;padding:0 8px 0px; display:block;}
    #top-menu_1 span:nth-child(1n){ margin-right:12px;}
    .meta span:nth-child(1),.meta span:nth-child(2){ display:none;}
    .excerpt .muted,.article-header .muted,.article-header .cate{margin-right:7px}
    .nav-menu{ display:none;}
    #search-main {background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); display: none; margin: 10px auto 5px; padding:2%; text-align: center; width: 96%;}
    .searchbar {margin: 4px auto 0; width: 94%;}
    .searchform input{ width:70%; margin-bottom:0px;}
    .site-title{ height:45px; margin:0;}
    .site-title img{ height:100%;}
    #nav-header{ height:60px;}
    .logo-site{ width:150px;}
    .branding h1, .branding h2{ font-size:200%;}
    .dd-content{ display:inline-block; float:left;}
    .dd-site{ display:none;}
    .dd-img {float: left; margin: 0px; overflow: hidden;position: relative; width:100%;}
    .dd-img img{ width:100%;}
    .sub-menu a{ padding-right:10%;color:#FFF;font-size:100%;text-align:right;float:left;background:#036;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;line-height:35px;margin-bottom:1px;border:1px solid #CCC; width:80%;}
    .nav_sj{display:none;-webkit-animation:bounceInDown 1.5s .2s ease both; -moz-animation:bounceInDown 1.5s .2s ease both;}
    .excerpt span.note{ display:none;}
    .excerpt p.auth-span{ float:right;}
}

.fill{
    font-size: 15px;
    line-height: 26px;
    text-indent: 30px;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    padding: 10px 20px 20px 20px;
    background-color: #fff;
    width: 40%;
    margin: 0 auto;
}

.fill .marginTop{
    margin-top: 10px;
}

.fill ul.formInput li.item label{
    display: block;
    float: left;
    width: 30%;
    height:36px;
    line-height:36px;
    vertical-align: middle;
    text-align: right;
    text-align-last: right;
    margin-right: 10px;
}

.fill ul.formInput li.item input{
    height: 26px;
    width: 65%;
    float: left;
}

　　.fill ul.formInput li.item label::after{
    content:" ";
    display:inline-block;
    width:100%
}

.fill .field-loginform-rememberme div{
    float: right;
}

.fill p.help-block{
    color: red;
    text-align: right;
}

.fill .submitButton{
    clear: both;
    text-align: right;
}

/* ============================================
   DESIGN SYSTEM - 高级感设计
   ============================================ */

/* Color System - 极简配色 */
:root {
    --color-primary: #111827;
    --color-text: #1f2937;
    --color-text-light: #6b7280;
    --color-text-lighter: #9ca3af;
    --color-border: #e5e7eb;
    --color-border-light: #f3f4f6;
    --color-bg: #ffffff;
    --color-bg-subtle: #f9fafb;
    --color-accent: #111827;
    --color-accent-hover: #000000;
}

/* Typography System - 字体层级 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
    background: var(--color-bg-subtle);
    letter-spacing: -0.011em;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

h1 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    margin-bottom: 1rem;
}

h2 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: 0.75rem;
}

h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    margin-bottom: 0.5rem;
}

h4 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}

p {
    margin-bottom: 1rem;
    line-height: 1.7;
}

a {
    color: var(--color-text);
    text-decoration: none !important;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--color-primary);
}

/* Layout System - 布局规范 */
.container {
    max-width: 1280px;
    padding-left: 24px;
    padding-right: 24px;
}

@media (max-width: 768px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Header - 顶部导航 */
.site_header {
    background: var(--color-bg);
    border-bottom: 1px solid var(--color-border);
}

.background-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 147483647;
    box-shadow: none !important;
    border-bottom: 1px solid var(--color-border);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.header_height {
    height: 80px;
}

.main_logo {
    max-width: 160px;
    height: auto;
}

.navbar-collapse {
    flex-grow: 0;
}

.nav-link {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 16px !important;
    color: var(--color-text) !important;
    transition: all 0.2s ease;
}

.nav-link:hover,
.nav-link.current-menu-item {
    color: var(--color-primary) !important;
    font-weight: 600 !important;
}

.dropdown-menu {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    box-shadow: none;
    padding: 8px 0;
    margin-top: 8px;
}

.dropdown-item {
    padding: 10px 20px;
    font-size: 15px;
    transition: background 0.2s ease;
}

.dropdown-item:hover {
    background: var(--color-bg-subtle);
}

/* Cards & Panels - 卡片系统 */
.card,
.border {
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
}

.card-body {
    padding: 32px;
}

@media (max-width: 768px) {
    .card-body {
        padding: 24px;
    }
}

.card-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -0.02em;
}

.card-img-top {
    border-radius: 0 !important;
}

/* Buttons - 按钮系统 */
.btn {
    font-size: 15px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    letter-spacing: -0.011em;
}

.btn-primary {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
}

.btn-primary:hover {
    background: var(--color-accent-hover);
    border-color: var(--color-accent-hover);
    color: #fff;
}

.btn-outline-primary,
.btn-outline-dark {
    background: transparent;
    border-color: var(--color-border);
    color: var(--color-text);
}

.btn-outline-primary:hover,
.btn-outline-dark:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.btn-dark {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.btn-dark:hover {
    background: var(--color-accent-hover);
    border-color: var(--color-accent-hover);
}

.btn-sm {
    font-size: 14px;
    padding: 8px 16px;
}

.btn-lg {
    font-size: 16px;
    padding: 14px 32px;
}

/* Badge & Tags - 标签系统 */
.badge {
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 0;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.badge.bg-dark {
    background: var(--color-primary) !important;
}

.badge.bg-light {
    background: var(--color-bg-subtle) !important;
    color: var(--color-text-light) !important;
    border: 1px solid var(--color-border);
}

/* Forms - 表单系统 */
.form-control,
.form-select {
    font-size: 15px;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: 0;
    transition: all 0.2s ease;
    background: var(--color-bg);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-primary);
    box-shadow: none;
    outline: none;
}

.form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 6px;
}

/* List Group - 列表组 */
.list-group {
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
}

.list-group-item {
    border-color: var(--color-border) !important;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
    padding: 14px 20px;
    transition: all 0.2s ease;
}

.list-group-item:first-child {
    border-top: 0;
}

.list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item:hover {
    background: var(--color-bg-subtle);
}

.list-group-item.active {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff;
    font-weight: 500;
}

/* Pagination - 分页 */
.pagination {
    gap: 8px;
}

.pagination li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 1;
    background: transparent;
    border: 0;
}

.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 10px 16px;
    color: var(--color-text);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
}

.pagination li a:hover {
    background: var(--color-bg-subtle);
    color: var(--color-primary);
}

.pagination li.active a,
.pagination li.active span {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.pagination li.disabled a,
.pagination li.disabled span {
    color: var(--color-text-lighter);
    pointer-events: none;
}

/* Footer - 页脚 */
.footer-inner {
    padding: 30px 0px 30px!important;
    color: var(--color-text-light);
    font-size: 14px;
    border-top: 1px solid var(--color-border);
}

.footer-inner a {
    color: var(--color-text-light);
}

.footer-inner a:hover {
    color: var(--color-primary);
}

.footer-links {
    float: right;
}

@media (max-width: 768px) {
    .footer-links {
        float: none;
        display: block;
        margin-top: 8px;
    }
}

/* Promo Banner - 促销弹层 */
.promo-banner {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: none;
    align-items: center;
    justify-content: center;
}

.promo-banner.is-visible {
    display: flex;
}

.promo-banner__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.promo-banner__content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    width: min(90vw, 720px);
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
}

.promo-banner__card {
    position: relative;
    padding: 56px 48px 80px;
    background: var(--color-primary);
    color: #fff;
}

.promo-banner__card h2 {
    margin: 0 0 16px;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.promo-banner__card p {
    margin: 0 0 20px;
    font-size: 18px;
    opacity: 0.85;
    line-height: 1.6;
}

.promo-banner__card ul {
    margin: 0 0 24px;
    padding-left: 20px;
    font-size: 16px;
}

.promo-banner__card li {
    margin: 8px 0;
    opacity: 0.9;
}

.promo-banner__badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.15);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.promo-banner__cta {
    position: absolute;
    right: 24px;
    bottom: 24px;
    padding: 14px 28px;
    border-radius: 0;
    background: #fff;
    color: var(--color-primary);
    font-weight: 600;
    font-size: 15px;
    border: none;
    transition: all 0.2s ease;
}

.promo-banner__cta:hover {
    background: var(--color-bg-subtle);
}

.promo-banner__close {
    z-index: 999999;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.promo-banner__close:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Article & Content - 内容区 */
.article-content {
    font-size: 17px;
    line-height: 1.75;
    color: var(--color-text);
}

.article-content h2 {
    font-size: 1.5rem;
    margin-top: 48px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--color-primary);
}

.article-content h3 {
    font-size: 1.25rem;
    margin-top: 32px;
    margin-bottom: 16px;
}

.article-content p {
    margin-bottom: 20px;
}

.article-content ul,
.article-content ol {
    margin: 24px 0;
    padding-left: 24px;
}

.article-content li {
    margin-bottom: 8px;
    line-height: 1.75;
}

.article-title a {
    font-weight: 700;
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.3;
    letter-spacing: -0.03em;
}

/* Breadcrumbs - 面包屑 */
.breadcrumbs {
    padding: 16px 0;
    font-size: 14px;
    color: var(--color-text-light);
}

.breadcrumbs a {
    color: var(--color-text-light);
}

.breadcrumbs a:hover {
    color: var(--color-primary);
}

.breadcrumbs small {
    margin: 0 8px;
    color: var(--color-border);
}

/* Widget & Sidebar - 侧边栏组件 */
.sidebar .widget {
    clear: both;
    margin-bottom: 64px;
}

.widget {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
    padding: 24px;
}

.widget .title h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    color: var(--color-primary);
}

.widget .d_tags a {
    background: var(--color-bg-subtle);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    padding: 6px 12px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.widget .d_tags a:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

/* Auth Pages - 认证页面 */
.auth-page {
    padding: 80px 0;
    min-height: calc(100vh - 280px);
}

.auth-page .card {
    border: 1px solid var(--color-border);
    border-radius: 0;
}

.auth-page .card-body {
    padding: 48px;
}

@media (max-width: 768px) {
    .auth-page .card-body {
        padding: 32px 24px;
    }
}

.auth-form .form-control {
    height: 48px;
}

/* Error Page - 错误页 */
.error-page {
    padding: 80px 0;
    min-height: calc(100vh - 280px);
}

.error-card {
    text-align: center;
    padding: 64px 32px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.error-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: -0.03em;
}

.error-message {
    font-size: 17px;
    color: var(--color-text-light);
    margin: 0 auto 24px;
    max-width: 600px;
}

.error-help p {
    color: var(--color-text-light);
    font-size: 15px;
}

/* Legal Pages - 法律页面 */
.legal-page {
    padding: 64px 0;
}

.legal-card {
    max-width: 800px;
    margin: 0 auto;
    padding: 48px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
}

@media (max-width: 768px) {
    .legal-card {
        padding: 32px 24px;
    }
}

.legal-content h2 {
    font-size: 1.5rem;
    margin-top: 48px;
    margin-bottom: 16px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border-light);
}

.legal-content h2:first-of-type {
    margin-top: 32px;
    border-top: none;
    padding-top: 0;
}

.legal-content p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--color-text);
    margin-bottom: 16px;
}

.legal-content ul {
    padding-left: 24px;
    margin-bottom: 20px;
}

.legal-content li {
    margin-bottom: 8px;
    line-height: 1.7;
}

/* Page Detail - 页面详情 */
.page-detail {
    padding: 48px 0;
}

/* Article List - 文章列表 */
.article-list-card {
    border: 1px solid var(--color-border);
    border-radius: 0;
    padding: 32px;
    margin-bottom: 24px;
    background: var(--color-bg);
    transition: border-color 0.2s ease;
}

.article-list-card:hover {
    border-color: var(--color-primary);
}

.article-list-card h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.4;
}

.article-list-card h2 a {
    color: var(--color-primary);
}

.article-list-card p {
    color: var(--color-text-light);
    line-height: 1.7;
}

/* Comments - 评论 */
.c-main {
    padding: 20px;
    background: var(--color-bg-subtle);
    border: 1px solid var(--color-border);
    border-radius: 0;
    font-size: 15px;
    line-height: 1.7;
}

.c-meta {
    color: var(--color-text-light);
    font-size: 13px;
    margin-top: 8px;
}

.comment-reply-link {
    color: var(--color-text-light);
    font-size: 13px;
}

.comment-reply-link:hover {
    color: var(--color-primary);
}

/* Sidebar - 侧边栏优化 */
.sidebar {
    padding-left: 32px;
}

@media (max-width: 991px) {
    .sidebar {
        padding-left: 0;
        margin-top: 48px;
    }
}

/* Roll to top - 回到顶部 */
.rollto .btn {
    border-radius: 0;
    background: var(--color-primary);
    border: none;
    width: 48px;
    height: 48px;
    opacity: 0.9;
}

.rollto .btn:hover {
    opacity: 1;
}

/* Feature Calendar - 特色日历 */
.feature-calendar {
    padding: 80px 0 64px;
    background: var(--color-bg);
    border-bottom: none;
}

.feature-calendar__header {
    text-align: center;
    margin-bottom: 48px;
}

.feature-calendar__header h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    margin: 16px 0 12px;
    font-weight: 700;
}

.feature-calendar__header p {
    font-size: 17px;
    color: var(--color-text-light);
}

.feature-calendar__badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 0;
    background: var(--color-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.feature-calendar__panel {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
    padding: 32px;
}

.feature-calendar__panel--highlight {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.feature-calendar__panel--highlight h3 {
    color: #fff;
}

.feature-calendar__panel--highlight .feature-calendar__list {
    color: rgba(255, 255, 255, 0.85);
}

.feature-calendar__chips span {
    padding: 6px 12px;
    border-radius: 0;
    background: var(--color-bg-subtle);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.feature-calendar__card {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 18px;
}

.feature-calendar__cta {
    margin-top: 20px;
    background: #fff;
    color: var(--color-primary);
    font-weight: 600;
    text-align: center;
    padding: 12px 20px;
    border-radius: 0;
    font-size: 15px;
    border: none;
}

.feature-calendar__table {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0;
    padding: 24px;
}

/* Spacing & Layout Utilities - 间距工具 */
.mh-400 {
    max-height: 400px;
}

.site-main {
    padding-bottom: 48px;
}

/* Action Like Button - 点赞按钮 */
.action-like {
    color: #000;
    font-size: 16px;
    padding: 12px 28px;
    border: 1px solid var(--color-primary);
    background: transparent;
    transition: all 0.2s ease;
}

.action-like:hover {
    background: var(--color-primary);
    color: #fff;
}

/* Mobile Optimization - 移动端优化 */
@media (max-width: 768px) {
    .promo-banner__card {
        padding: 40px 32px 64px;
    }
    
    .promo-banner__card h2 {
        font-size: 32px;
    }
    
    .promo-banner__card p {
        font-size: 16px;
    }
    
    .promo-banner__card ul {
        font-size: 15px;
    }
    
    .promo-banner__cta {
        position: static;
        margin-top: 24px;
        display: inline-block;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .promo-banner__card {
        padding: 28px 24px 56px;
    }
    .promo-banner__card h2 {
        font-size: 34px;
    }
    .promo-banner__card p {
        font-size: 16px;
    }
    .promo-banner__card ul {
        font-size: 14px;
    }
    .promo-banner__cta {
        position: static;
        margin-top: 16px;
        display: inline-block;
    }
}

/* =========================================================
   Design System OVERRIDES (强制覆盖旧主题，扁平高级感)
   ========================================================= */
:root {
    --ds-bg: #ffffff;
    --ds-bg-soft: #f8fafc;
    --ds-text: #111827;
    --ds-text-2: #374151;
    --ds-muted: #6b7280;
    --ds-muted-2: #9ca3af;
    --ds-border: #e5e7eb;
    --ds-border-2: #f1f5f9;
    --ds-accent: #111827;
    --ds-control-h: 44px;
}

html, body {
    background: var(--ds-bg-soft) !important;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: var(--ds-text) !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.011em;
}

/* Kill legacy gradients & shadows globally */
*, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* note: keep backdrop-filter used in header */
.promo-banner__card,
.feature-calendar,
.feature-calendar__panel--highlight {
    background-image: none !important;
}

.container {
    max-width: 1280px !important;
    margin-bottom: 0 !important;
}

a {
    color: inherit !important;
}

a:hover {
    color: var(--ds-text) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ds-text) !important;
    font-weight: 650 !important;
    letter-spacing: -0.03em;
}

/* Flatten Bootstrap rounding */
.rounded,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.rounded-circle,
.rounded-pill {
    border-radius: 0 !important;
}

.border {
    border-color: var(--ds-border) !important;
}

.bg-white {
    background: var(--ds-bg) !important;
}

.text-muted,
.text-secondary {
    color: var(--ds-muted) !important;
}

/* Navbar: remove legacy .navbar styles */
.navbar {
    height: auto !important;
    opacity: 1 !important;
    background-color: transparent !important;
}

.navbar.site_header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid var(--ds-border) !important;
    padding: 22px 0 !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.header_height {
    height: 82px !important;
}

.site_header .navbar-brand {
    margin-right: 0 !important;
}

.site_header .navbar-nav .nav-link {
    font-size: 14px !important;
    font-weight: 520 !important;
    color: var(--ds-text-2) !important;
    padding: 10px 14px !important;
    letter-spacing: -0.01em;
}

.site_header .navbar-nav .nav-link:hover,
.site_header .navbar-nav .current-menu-item {
    color: var(--ds-text) !important;
    font-weight: 650 !important;
}

.site_header .dropdown-menu {
    border: 1px solid var(--ds-border) !important;
    background: #fff !important;
    padding: 8px 0 !important;
}

.site_header .dropdown-item {
    font-size: 14px !important;
    color: var(--ds-text-2) !important;
}

.site_header .dropdown-item:hover {
    background: var(--ds-bg-soft) !important;
    color: var(--ds-text) !important;
}

/* Buttons: minimal premium (no radius, no shadows) */
.btn {
    border-radius: 0 !important;
    font-weight: 520 !important;
    letter-spacing: -0.01em;
    min-height: var(--ds-control-h);
    padding: 10px 16px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    background-image: none !important;
    filter: none !important;
}

.btn-dark {
    background: var(--ds-accent) !important;
    border-color: var(--ds-accent) !important;
    background-image: none !important;
}

.btn-outline-dark,
.btn-outline-secondary {
    border-color: var(--ds-border) !important;
    color: var(--ds-text) !important;
}

.btn-outline-dark:hover,
.btn-outline-secondary:hover {
    background: var(--ds-accent) !important;
    border-color: var(--ds-accent) !important;
    color: #fff !important;
    background-image: none !important;
}

/* Inputs */
.form-control,
.form-select {
    border-radius: 0 !important;
    border-color: var(--ds-border) !important;
    box-shadow: none !important;
    background: #fff !important;
    color: var(--ds-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    min-height: var(--ds-control-h);
    padding: 10px 12px !important;
    line-height: 1.2 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--ds-text) !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-select {
    /* 预留右侧下拉箭头空间（避免文字挤压/遮挡） */
    padding-right: 40px !important;
    background-color: #fff !important;
}

/* 解决 Windows/浏览器下 select 文字“黑块”(图标字体继承) */
select,
select option,
input,
textarea,
button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif !important;
}

.form-control::placeholder {
    color: var(--ds-muted-2) !important;
    opacity: 1;
}

.form-label.small {
    font-size: 12px !important;
    font-weight: 650 !important;
    color: var(--ds-muted-2) !important;
    text-transform: uppercase;
    letter-spacing: 0.10em;
}

/* Content typography: remove old indent & decorations */
.article-content {
    text-indent: 0 !important;
}

.article-content li:before {
    content: none !important;
}

.article-content h2 {
    background: transparent !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Sidebar widgets: flat and airy */
.widget {
    background: #fff !important;
    border: 1px solid var(--ds-border) !important;
    padding: 22px !important;
}

.widget .title {
    background: transparent !important;
    border-bottom: 1px solid var(--ds-border-2) !important;
}

.widget .title_span {
    color: var(--ds-muted) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
}

/* Article cards */
.article-list-card {
    background: #fff !important;
    border: 1px solid var(--ds-border) !important;
    padding: 28px !important;
}

@media (max-width: 768px) {
    .article-list-card {
        padding: 20px !important;
    }
}

/* Cloud Tags - 重新设计（宽度/hover，扁平高级感） */
.d_tags {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

.d_tags a {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    flex: 0 0 calc(25% - 10px);
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px !important;
    background: #fff !important;
    border: 1px solid var(--ds-border) !important;
    color: var(--ds-text-2) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.d_tags a:hover,
.d_tags a:focus {
    background: var(--ds-accent) !important;
    border-color: var(--ds-accent) !important;
    color: #fff !important;
}

.d_tags a:focus-visible {
    outline: 2px solid var(--ds-text);
    outline-offset: 2px;
}

@media (max-width: 992px) {
    .d_tags a {
        flex-basis: calc(33.333% - 10px);
    }
}

@media (max-width: 768px) {
    .d_tags {
        gap: 8px;
    }
    .d_tags a {
        flex-basis: calc(50% - 8px);
        min-height: 36px;
    }
}

@media (max-width: 420px) {
    .d_tags a {
        flex-basis: 100%;
    }
}


.d_tags ul {padding-top:18px; display: flex;flex-wrap: wrap;}

/* =========================
   Segmented buttons (btn-group)
   - 优化 btn-dark / btn-outline-dark 在组内的观感
   ========================= */
.btn-group {
    border: 1px solid var(--ds-border) !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.btn-group > .btn {
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.btn-group > .btn:not(:first-child) {
    border-left: 1px solid var(--ds-border) !important;
}

/* 组内 outline：hover 不要“全黑”，保持克制 */
.btn-group > .btn.btn-outline-dark {
    background: #fff !important;
    color: var(--ds-text) !important;
}

.btn-group > .btn.btn-outline-dark:hover,
.btn-group > .btn.btn-outline-dark:focus {
    background: var(--ds-bg-soft) !important;
    color: var(--ds-text) !important;
}

/* 组内 active/dark：更像分段选中态 */
.btn-group > .btn.btn-dark {
    background: var(--ds-accent) !important;
    color: #fff !important;
}

.btn-group > .btn.btn-dark:hover,
.btn-group > .btn.btn-dark:focus {
    background: var(--ds-accent-hover) !important;
    color: #fff !important;
}

/* dark 与相邻按钮的分割线用深色，边界更干净 */
.btn-group > .btn.btn-dark:not(:first-child) {
    border-left-color: var(--ds-accent) !important;
}

.btn-group > .btn.btn-dark + .btn {
    border-left-color: var(--ds-accent) !important;
}

/* 焦点可见性：不“冒出”组外 */
.btn-group > .btn:focus-visible {
    outline: 2px solid var(--ds-text) !important;
    outline-offset: -2px !important;
}

/* =========================
   Fix: <a class="btn ..."> 文本水平居中
   ========================= */
a.btn,
button.btn,
input.btn,
.btn {
    text-align: center !important;
}

/* 让带图标的 <a.btn> 也稳定居中 */
a.btn,
button.btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* =========================
   Promo Banner (premium redesign)
   - 只改弹层：更高级、更有设计感
   ========================= */
#promo-banner.promo-banner {
    /* 用透明/可见性控制，便于动效（覆盖旧的 display:none 实现） */
    display: flex !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 220ms ease, visibility 0s linear 220ms;
}

#promo-banner.promo-banner.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 220ms ease;
}

#promo-banner .promo-banner__backdrop {
    background: rgba(17, 24, 39, 0.62) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: opacity 220ms ease;
}

#promo-banner .promo-banner__content {
    /* 科技蓝背景：渐变 + 玻璃拟态 */
    background:
        radial-gradient(1200px 600px at 20% -15%, rgba(59,130,246,0.45), rgba(59,130,246,0) 60%),
        radial-gradient(1000px 500px at 85% 20%, rgba(96,165,250,0.35), rgba(96,165,250,0) 65%),
        linear-gradient(135deg, #1e3a8a 0%, #1e40af 30%, #2563eb 60%, #3b82f6 100%) !important;
    border: 1px solid rgba(147, 197, 253, 0.30) !important;
    box-shadow: 0 32px 96px rgba(37, 99, 235, 0.35), 0 0 0 1px rgba(59, 130, 246, 0.15) inset;
    width: min(92vw, 900px) !important;
    max-width: 900px !important;
    max-height: min(88vh, 760px);
    overflow: hidden;
    position: relative;
    transform: translateY(10px) scale(0.985);
    transition: transform 240ms cubic-bezier(.2, .8, .2, 1);
}

#promo-banner.is-visible .promo-banner__content {
    transform: translateY(0) scale(1);
}

/* 顶部细线：科技蓝高光 */
#promo-banner .promo-banner__content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(59,130,246,0),
        rgba(147,197,253,0.60),
        rgba(59,130,246,0)
    );
    pointer-events: none;
    z-index: 1;
}

#promo-banner .promo-banner__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

#promo-banner .promo-banner__card {
    /* 透明背景（因为 content 已有科技蓝背景） */
    background: transparent;
    color: #fff;
    padding: 64px 64px 80px;
    border: none;
    position: relative;
    min-height: 480px;
}

/* 微弱网格纹理 */
#promo-banner .promo-banner__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.10;
    pointer-events: none;
}

#promo-banner .promo-banner__badge {
    /* 海报价格徽标：参考图片样式 - 纯白背景、深色文字、圆角胶囊 */
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 2;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 22px;
    min-width: 130px;
    background: #ffffff; /* 纯白色背景 */
    border: none; /* 无边框 */
    border-radius: 50px; /* 非常圆润的胶囊状 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 微妙阴影，浮动感 */
    color: #111827; /* 深灰色文字 */
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
    transform: none; /* 无旋转 */
    transition: transform 200ms ease, box-shadow 200ms ease;
    overflow: hidden;
    font-size: 0; /* 隐藏原文本，用伪元素显示 */
}

/* 价格数字：超大号（从文本中提取 "$1.9"） */
#promo-banner .promo-banner__badge::before {
    content: "$1.9";
    display: block;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #111827; /* 深灰色 */
    margin-bottom: 4px;
}

#promo-banner .promo-banner__badge::after {
    content: "Starting at";
    display: block;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #374151; /* 稍浅的深灰色 */
    font-weight: 600;
    margin-top: 2px;
}

/* 徽标 hover：轻微上浮 + 阴影增强 */
#promo-banner .promo-banner__badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20);
}

#promo-banner .promo-banner__card h2 {
    margin: 0 0 20px;
    font-size: clamp(32px, 4.5vw, 52px);
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: #ffffff !important;
    font-weight: 700;
}

#promo-banner .promo-banner__card p {
    margin: 0 0 28px;
    font-size: 28px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.88);
    max-width: 580px;
}

#promo-banner .promo-banner__card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0;
    display: grid;
    gap: 14px;
    max-width: 580px;
}

#promo-banner .promo-banner__card li {
    position: relative;
    padding-left: 28px;
    color: rgba(255, 255, 255, 0.90);
    font-size: 20px;
    line-height: 1.6;
}

#promo-banner .promo-banner__card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(255, 255, 255, 0.60);
    border-bottom: 2px solid rgba(255, 255, 255, 0.60);
    transform: translateY(-50%) rotate(45deg);
}

/* 按钮：绝对定位到右下角 */
#promo-banner .promo-banner__cta {
    position: absolute;
    right: 32px;
    bottom: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 28px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #1e40af;
    font-weight: 650;
    font-size: 15px;
    letter-spacing: -0.01em;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    white-space: nowrap;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

#promo-banner .promo-banner__cta:hover {
    background: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
}

/* 整卡 hover：按钮更突出 */
#promo-banner .promo-banner__link:hover .promo-banner__cta {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
}

#promo-banner .promo-banner__close {
    width: 42px;
    height: 42px;
    top: 14px;
    right: 14px;
    z-index: 10; /* 确保在徽标之上 */
    border: 1px solid rgba(17, 24, 39, 0.14);
    background: rgba(255, 255, 255, 0.72);
    color: rgba(17, 24, 39, 0.9);
    font-size: 22px;
    line-height: 40px;
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

#promo-banner .promo-banner__close:hover {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(17, 24, 39, 0.22);
    transform: translateY(-1px);
}

#promo-banner .promo-banner__close:focus-visible {
    outline: 2px solid var(--ds-text);
    outline-offset: -2px;
}

@media (max-width: 768px) {
    #promo-banner .promo-banner__content {
        width: min(94vw, 560px) !important;
        max-height: 88vh;
    }
    #promo-banner .promo-banner__card {
        padding: 40px 28px 100px;
        min-height: auto;
    }
    /* 移动端：徽标缩小，位置调整（避免遮挡关闭按钮） */
    #promo-banner .promo-banner__badge {
        top: 20px;
        right: 20px;
        padding: 12px 16px;
        min-width: 100px;
        transform: none; /* 无旋转 */
    }
    #promo-banner .promo-banner__badge::before {
        font-size: 36px;
        margin-bottom: 4px;
    }
    #promo-banner .promo-banner__badge::after {
        font-size: 10px;
    }
    #promo-banner .promo-banner__card h2 {
        margin-bottom: 16px;
        font-size: clamp(28px, 5vw, 40px);
        padding-right: 100px; /* 为右上角徽标留空间 */
    }
    #promo-banner .promo-banner__card p {
        font-size: 17px;
        margin-bottom: 24px;
    }
    #promo-banner .promo-banner__card ul {
        gap: 12px;
        margin-bottom: 0;
    }
    #promo-banner .promo-banner__card li {
        font-size: 15px;
    }
    #promo-banner .promo-banner__cta {
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: 20px;
        width: auto;
        padding: 14px 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #promo-banner.promo-banner,
    #promo-banner .promo-banner__content,
    #promo-banner .promo-banner__cta,
    #promo-banner .promo-banner__close {
        transition: none !important;
    }
}