/* wp-newspaper theme customizer + custom CSS (extracted from live qishuyuan.com.cn) */ .detail-content h1{ font:500 32px/1em Poppins; }h1{ color:#333; }.detail-content h2{ font:400 28px/1em Mirza; }h2{ color:#333; }.detail-content h3{ font:300 24px/1em Monda; }h3{ color:#333; }.detail-content h4{ font:200 21px/1em Moul; }h4{ color:#333; }.detail-content h5{ font:150 15px/1em Ovo; }h5{ color:#333; }.detail-content h6{ font:100 12px/1em Oxygen; }h6{ color:#333; } body{ font: 400 16px/24px Quattrocento; color: #333; } body{ background-color: #fff; } article{ font: 400 18px/31px Playfair Display; color: #333; } div.container{ max-width: 1265px; } header .logo img{ height: 48px; } .site-title a{ font-size: 24px; font-family: Montserrat Alternates; color: #0c9499;} header .logo .site-description{color: #97a6b2;} section.top-bar{padding: 25px 0;} section.top-bar:before {background: #9b9b9b; opacity: 0.2;} .blog-news-title{ font-size: 22px; font-family: Montserrat; line-height: 30px; font-weight: 600;} .blog-news-title a{color: #0c9499;} // link color a{color:#ececec;} #primary-menu li a {color: #fff;} header .main-nav{background-color: #0c9499;} .main-navigation ul ul.sub-menu{background-color: #0c9499;} .main-navigation .nav-menu{background-color: #0c9499;} #primary-menu li a{ font-size: 16px; font-family: Poppins; font-weight: 500;} footer.main{background-color: #ececec;} header .top-info.pri-bg-color{background-color: #353844;} /*buttons*/ header .search-submit,.widget .profile-link, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,form#wte_enquiry_contact_form input#enquiry_submit_button,#blossomthemes-email-newsletter-626 input.subscribe-submit-626, .jetpack_subscription_widget,.widget_search .search-submit,.widget-instagram .owl-carousel .owl-nav .owl-prev, .widget-instagram .owl-carousel .owl-nav .owl-next,.widget_search input.search-submit {background-color: #20e3ea;} .home-pages{background-color:#dd3333;} /*# sourceURL=wp-newspaper-style-inline-css */ .post-content p { text-indent: 2em } hr{ border: none; height: 1px; background-color:red; } .post{ border-bottom: gainsboro 1px solid; /*分割线颜色，线为实线，粗细为 1px*/ padding-bottom: 10px; /*分割线距文章底部10px，否则会紧贴文章底部，不美观*/ } /* ================= 移动端排版修正（仅 <=767px 生效，桌面不变） ================= */ @media (max-width: 767px) { body { font-size: 15px; } /* 文章标题 */ .detail-content h1.page-title, h1.page-title { font-size: 22px !important; line-height: 1.35 !important; } /* 正文（源站 article 为 18px/31px，手机偏大） */ article, .post-content p { font-size: 16px !important; line-height: 1.85 !important; } /* 列表卡片标题 */ .blog-news-title { font-size: 19px !important; line-height: 1.4 !important; } /* 站名 / 描述 */ .site-title a { font-size: 20px !important; } .site-description { font-size: 13px; } /* 正文中的小标题层级 */ .detail-content h2 { font-size: 20px !important; } .detail-content h3 { font-size: 18px !important; } .detail-content h4 { font-size: 17px !important; } .detail-content h5 { font-size: 16px !important; } .detail-content h6 { font-size: 15px !important; } /* 正文图片不溢出 */ .single-post img, .post-content img { max-width: 100% !important; height: auto !important; } } @media (max-width: 480px) { .detail-content h1.page-title, h1.page-title { font-size: 20px !important; } article, .post-content p { font-size: 15.5px !important; line-height: 1.9 !important; } .blog-news-title { font-size: 18px !important; } } /* ===== 移动端 header 精简 + 标题再调小（覆盖上面同名规则） ===== */ @media (max-width: 767px) { /* 顶部站点区整体收紧 */ header .top-bar { padding: 12px 0 !important; } header .logo .site-title { line-height: 1.4 !important; } .site-title a { font-size: 17px !important; white-space: nowrap; } header .logo .site-description, .site-description { font-size: 12px !important; } /* 文章详情标题再调小 */ .detail-content h1.page-title, h1.page-title { font-size: 19px !important; line-height: 1.4 !important; } /* 手机导航“网站导航-->”不要贴底 */ header .main-nav.nav-two { padding-bottom: 10px !important; } .menu-toggle { padding-bottom: 10px !important; } .menu-toggle div[align="right"] { margin-bottom: 4px !important; line-height: 18px !important; } } @media (max-width: 480px) { .detail-content h1.page-title, h1.page-title { font-size: 18px !important; } .site-title a { font-size: 16px !important; } } /* ===== “置顶”红字（详情页标题） ===== */ .sticky-flag { color: #e60000 !important; font-weight: 600; } /* ===== 手机端：取消导航折叠 + 间距修正 ===== */ @media (max-width: 767px) { /* 1) 直接罗列所有栏目，去掉汉堡折叠 */ .menu-toggle { display: none !important; } header .main-nav { position: static !important; padding: 4px 0 !important; } header .sticky-header, header .sticky-header.fix-top { position: static !important; top: auto !important; } .main-navigation ul#primary-menu, .main-navigation ul.menu { display: flex !important; flex-wrap: wrap; justify-content: center; position: static !important; height: auto !important; overflow: visible !important; box-shadow: none !important; text-align: center; } .main-navigation li { display: inline-block !important; float: none !important; } #primary-menu li a { padding: 5px 7px !important; font-size: 13.5px !important; line-height: 1.6 !important; white-space: nowrap; } /* 2) 文章标题与 head 之间留白 */ #content { padding-top: 16px !important; } /* 3) 正文段落上下间距减半（原 p margin-bottom:1.5em） */ article p, .post-content p { margin-bottom: 0.75em !important; } } /* ===== 手机端第四轮：导航压成两行 + 标题贴近 head ===== */ @media (max-width: 767px) { /* 导航：缩小字号/内边距 + 收窄容器左右留白，两行内放下 */ header .main-nav { padding: 2px 0 !important; } .container { padding-left: 8px !important; padding-right: 8px !important; } .main-navigation ul#primary-menu, .main-navigation ul.menu { row-gap: 2px !important; } #primary-menu li a { padding: 3px 5px !important; font-size: 12px !important; line-height: 1.5 !important; } /* 标题贴近 head */ #content { padding-top: 0 !important; } .inside-page { padding-top: 10px !important; } } /* ===== 手机端第五轮：导航稳两行 + 标题贴紧 ===== */ @media (max-width: 767px) { #primary-menu li a { padding: 3px 4px !important; font-size: 11.5px !important; line-height: 1.5 !important; } .main-navigation ul#primary-menu, .main-navigation ul.menu { column-gap: 2px !important; row-gap: 2px !important; } header .main-nav.nav-two { padding: 2px 0 4px !important; } header { margin-bottom: 0 !important; } #content { margin-top: 0 !important; padding-top: 0 !important; } .inside-page { margin-top: 0 !important; padding-top: 6px !important; } } /* ===== 手机端第六轮：标题留一点白 + ≤360 再收窄以保两行 ===== */ @media (max-width: 767px) { #content { padding-top: 12px !important; } } @media (max-width: 360px) { #primary-menu li a { padding: 2px 3px !important; font-size: 11px !important; } .main-navigation ul#primary-menu, .main-navigation ul.menu { column-gap: 1px !important; } } /* ===== 手机端第七轮：字号分档（>360 用 12px，≤360 用 11px） ===== */ @media (max-width: 767px) { #primary-menu li a { font-size: 12px !important; padding: 3px 4px !important; } } @media (max-width: 360px) { #primary-menu li a { font-size: 11px !important; padding: 2px 3px !important; } } /* ===== 详情页标题颜色与首页列表标题一致（含“置顶”） ===== */ .detail-content h1.page-title, h1.page-title { color: #0c9499 !important; } .sticky-flag { color: #0c9499 !important; } /* ===== 首页文章列表：卡片上下留白对称（上框线到标题 = 内容到底部横线） ===== */ .list-view { grid-gap: 0 !important; } .post { padding-top: 15px !important; } .post .blog-news-title { margin-top: 0 !important; } /* ===== 首页列表卡片：题图与简述留白；“阅读全文”贴近正文 ===== */ .post .summary p { margin-bottom: 8px !important; } .post .summary p img { display: inline-block !important; vertical-align: top; margin: 0 0 8px !important; } .post .summary .readmore { margin-top: 0 !important; }