/* Theme Name: Yiwaiwai Ask Landing Theme URI: https://eyyweb.com.cn/ Author: Local Build Author URI: https://eyyweb.com.cn/ Description: 复刻 askgeeves.com 的易歪歪客服聊天助手官网单页。依赖 Bootstrap 4，全部图片素材已本地化并做伪原创处理（WebP），图标字体与 SVG 符号完全本地加载。 Version: 1.0.0 Requires at least: 6.0 Tested up to: 7.1 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: yiyaiwai-ask */  /* ===== 通用基础 ===== */ html {     scroll-behavior: smooth; }  img {     max-width: 100%;     height: auto; }  .screen-reader-text {     border: 0;     clip: rect(1px, 1px, 1px, 1px);     clip-path: inset(50%);     height: 1px;     margin: -1px;     overflow: hidden;     padding: 0;     position: absolute !important;     width: 1px;     word-wrap: normal !important; }  .skip-link:focus {     background: #eee;     clip: auto !important;     clip-path: none;     color: #444;     display: block;     font-size: 1em;     height: auto;     left: 5px;     line-height: normal;     padding: 15px 23px 14px;     text-decoration: none;     top: 5px;     width: auto;     z-index: 100000; }  /* ===== 锚点定位 ===== */ #tutorial-section, #changelog-section, #pricing-section, #faq-section {     scroll-margin-top: 80px; }  .icon {     width: 5em;     height: 5em;     vertical-align: -0.15em;     fill: currentColor;     overflow: hidden; }  .button-download {     width: 150px;     height: 50px;     background: #366bb3;     border-radius: 5px;     border: 1px solid #3f60a1;     cursor: pointer;     margin: 8px; }  .button-download:hover {     background: #0047a6; }  .button-download-icon {     width: 50px;     height: 100%;     color: white;     font-size: 25px; }  .button-download-value {     font-weight: bold;     font-size: 18px;     color: white; }  .text-shadow {     text-shadow: #000 2px 0 0, #000 0 2px 0, #000 -2px 0 0, #000 0 -2px 0; }  .g-card {     min-width: 150px;     height: 150px;     margin: 5px;     border-radius: 15px;     border: 1px solid #dae2ec;     background: #fff;     transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;     padding: 10px;     text-align: center;     font-weight: 500;     color: #2b333a; }  .g-card:hover {     border-color: #366bb3;     transform: translateY(-4px);     box-shadow: 0 8px 25px rgba(54, 107, 179, 0.10); }  .blog-card {     transition: transform 0.25s, box-shadow 0.25s;     border-radius: 16px;     overflow: hidden; }  .blog-card:hover {     transform: translateY(-4px);     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07); }  .spacer {     height: 20px; }  /* ===== 通用板块样式 ===== */ .section-block {     background: #ffffff;     border-radius: 20px;     padding: 40px 30px;     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);     border: 1px solid #eef3f8;     margin-bottom: 40px; }  .section-block .section-title {     font-size: 28px;     font-weight: 700;     color: #1f2a36;     letter-spacing: -0.3px; }  .section-block .section-sub {     color: #6b7a8a;     font-size: 16px; }  /* ===== FAQ 样式 ===== */ .faq-section .card {     border: none;     border-bottom: 1px solid #e9edf2;     border-radius: 0;     background: transparent; }  .faq-section .card:last-child {     border-bottom: none; }  .faq-section .card-header {     background: transparent;     padding: 18px 0;     border: none;     cursor: pointer;     display: flex;     align-items: center;     justify-content: space-between;     font-weight: 600;     font-size: 17px;     color: #1f2a36;     transition: color 0.2s; }  .faq-section .card-header:hover {     color: #366bb3; }  .faq-section .card-header .faq-arrow {     font-size: 14px;     color: #8c9aa8;     transition: transform 0.25s;     margin-left: 12px;     flex-shrink: 0; }  .faq-section .card-header[aria-expanded="true"] .faq-arrow {     transform: rotate(180deg);     color: #366bb3; }  .faq-section .card-body {     padding: 0 0 20px 0;     font-size: 15px;     line-height: 1.7;     color: #3d4a5a; }  .faq-badge {     background: #eef4fb;     color: #366bb3;     font-size: 13px;     font-weight: 600;     padding: 4px 12px;     border-radius: 30px;     margin-right: 12px;     white-space: nowrap; }  /* ===== 价钱卡片 ===== */ .pricing-card {     border-radius: 16px;     padding: 30px 20px;     background: #f9fbfd;     border: 1px solid #e6edf4;     transition: transform 0.2s, box-shadow 0.2s;     height: 100%; }  .pricing-card:hover {     transform: translateY(-5px);     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); }  .pricing-card .price {     font-size: 36px;     font-weight: 700;     color: #1f2a36; }  .pricing-card .price small {     font-size: 16px;     font-weight: 400;     color: #6b7a8a; }  .pricing-card .feature-list {     list-style: none;     padding: 0;     margin: 20px 0; }  .pricing-card .feature-list li {     padding: 6px 0;     border-bottom: 1px solid #eef3f8;     font-size: 14px; }  .pricing-card .feature-list li:last-child {     border-bottom: none; }  .pricing-card .btn-outline-primary {     border-color: #366bb3;     color: #366bb3; }  .pricing-card .btn-outline-primary:hover {     background: #366bb3;     color: #fff; }  .pricing-card.popular {     border-color: #366bb3;     background: #ffffff;     box-shadow: 0 8px 25px rgba(54, 107, 179, 0.08); }  .pricing-card.popular .badge-popular {     background: #366bb3;     color: #fff;     font-size: 12px;     padding: 4px 12px;     border-radius: 30px;     display: inline-block;     margin-bottom: 10px; }  /* ===== 更新日志时间线 ===== */ .changelog-item {     border-left: 3px solid #366bb3;     padding-left: 20px;     margin-bottom: 24px; }  .changelog-item .version {     font-weight: 700;     font-size: 18px;     color: #1f2a36; }  .changelog-item .date {     font-size: 14px;     color: #8c9aa8; }  .changelog-item ul {     padding-left: 20px;     margin-top: 6px; }  .changelog-item ul li {     font-size: 14px;     line-height: 1.6;     color: #3d4a5a; }  .footer-link {     color: #6b7a8a;     transition: color 0.2s; }  .footer-link:hover {     color: #366bb3;     text-decoration: none; }  /* 底部友链样式 */ .friend-link-bar {     border-top: 1px solid #e9edf2;     padding: 14px 0 10px 0;     margin-top: 8px;     text-align: center;     font-size: 14px;     color: #6b7a8a; }  .friend-link-bar a {     color: #366bb3;     text-decoration: none;     margin: 0 6px;     transition: color 0.2s; }  .friend-link-bar a:hover {     color: #1f4a7a;     text-decoration: underline; }  .friend-link-bar .link-label {     font-weight: 500;     margin-right: 6px; }  /* ===== 通用页面（非首页） ===== */ .site-main {     min-height: 60vh; }  @media (max-width: 576px) {     .section-block {         padding: 24px 16px;     }     .section-block .section-title {         font-size: 22px;     }     .pricing-card .price {         font-size: 28px;     }     .friend-link-bar {         font-size: 13px;         padding: 12px 0 8px 0;     } }  /* ===== 新闻中心栏目 ===== */ .site-main.news-page-main {     max-width: none;     margin: 0;     padding: 0;     min-height: 62vh; }  .article-section {     padding: 70px 0; }  .news-center-page {     background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%); }  .page-head {     text-align: center;     margin-bottom: 44px; }  .page-title {     font-size: 38px;     font-weight: 800;     line-height: 1.2;     color: #1f2a36;     margin: 0 0 14px; }  .page-subtitle {     color: #6b7a8a;     font-size: 16px;     margin: 0; }  .news-center-layout {     display: grid;     grid-template-columns: minmax(0, 1fr) 320px;     gap: 32px;     align-items: start; }  .news-center-main {     min-width: 0; }  .news-list {     display: flex;     flex-direction: column;     gap: 14px; }  .news-row {     display: flex;     align-items: center;     gap: 20px;     background: #ffffff;     border: 1px solid rgba(0, 0, 0, 0.06);     border-radius: 16px;     padding: 16px 20px;     transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }  .news-row:hover {     transform: translateY(-2px);     box-shadow: 0 20px 40px -20px rgba(54, 107, 179, 0.28);     border-color: #366bb3; }  .news-row__thumb {     flex: 0 0 140px;     width: 140px;     height: 84px;     border-radius: 10px;     overflow: hidden; }  .news-row__thumb img {     width: 100%;     height: 100%;     object-fit: cover;     display: block;     transition: transform 0.4s; }  .news-row:hover .news-row__thumb img {     transform: scale(1.06); }  .news-row__body {     flex: 1 1 auto;     min-width: 0; }  .news-row__title {     font-size: 20px;     font-weight: 700;     line-height: 1.5;     color: #1f2a36;     margin: 0 0 8px; }  .news-row__title a {     color: #1f2a36;     text-decoration: none;     transition: color 0.25s; }  .news-row__title a:hover {     color: #366bb3; }  .news-row__time {     font-size: 13px;     color: #6b7a8a; }  .news-row__arrow {     flex: 0 0 40px;     width: 40px;     height: 40px;     display: flex;     align-items: center;     justify-content: center;     border-radius: 50%;     background: #eaf3ff;     color: #366bb3;     font-size: 18px;     font-weight: 700;     text-decoration: none;     transition: background 0.25s, color 0.25s; }  .news-row:hover .news-row__arrow {     background: #366bb3;     color: #ffffff; }  .news-pager {     display: flex;     justify-content: center;     gap: 12px;     flex-wrap: wrap;     margin-top: 36px; }  .news-pager__btn {     display: inline-flex;     align-items: center;     justify-content: center;     min-height: 42px;     padding: 0 22px;     border-radius: 24px;     border: 1px solid rgba(0, 0, 0, 0.08);     background: #ffffff;     color: #1f2a36;     font-size: 14px;     font-weight: 600;     text-decoration: none;     transition: border-color 0.25s, color 0.25s, background 0.25s; }  .news-pager__btn:hover {     border-color: #366bb3;     color: #366bb3;     text-decoration: none; }  .news-pager__center {     background: #366bb3;     border-color: #366bb3;     color: #ffffff; }  .news-pager__center:hover {     background: #0047a6;     border-color: #0047a6;     color: #ffffff; }  .news-pager__btn.is-empty {     opacity: 0.45;     pointer-events: none;     cursor: default; }  .news-sidebar {     position: sticky;     top: 96px;     background: #ffffff;     border: 1px solid rgba(0, 0, 0, 0.06);     border-radius: 16px;     padding: 24px; }  .news-sidebar__heading {     font-size: 18px;     font-weight: 800;     color: #1f2a36;     margin: 0 0 14px;     padding-bottom: 14px;     border-bottom: 2px solid #366bb3; }  .news-sidebar__list {     list-style: none;     margin: 0;     padding: 0; }  .news-sidebar__item {     display: flex;     gap: 10px;     padding: 12px 0;     border-bottom: 1px dashed rgba(0, 0, 0, 0.08); }  .news-sidebar__item:last-child {     border-bottom: 0;     padding-bottom: 0; }  .news-sidebar__icon {     flex: 0 0 8px;     width: 8px;     height: 8px;     margin-top: 8px;     border-radius: 50%;     background: #366bb3; }  .news-sidebar__link {     flex: 1 1 auto;     color: #333333;     font-size: 14px;     line-height: 1.6;     text-decoration: none;     transition: color 0.25s; }  .news-sidebar__link:hover {     color: #366bb3; }  .news-empty {     padding: 80px 0;     text-align: center;     color: #6b7a8a; }  /* ===== 新闻详情页 ===== */ .news-article-page {     background: #f6f9fc; }  .article-content {     max-width: 920px;     margin: 0 auto;     background: #ffffff;     border: 1px solid rgba(0, 0, 0, 0.05);     border-radius: 20px;     padding: 48px;     box-shadow: 0 10px 40px -24px rgba(0, 0, 0, 0.18); }  .article-meta {     display: flex;     align-items: center;     gap: 14px;     flex-wrap: wrap;     color: #6b7a8a;     font-size: 13px;     margin-bottom: 14px; }  .article-meta a {     display: inline-flex;     align-items: center;     padding: 3px 12px;     border-radius: 6px;     background: #eaf3ff;     color: #366bb3;     font-weight: 600;     text-decoration: none;     transition: background 0.25s, color 0.25s; }  .article-meta a:hover {     background: #366bb3;     color: #ffffff; }  .article-title {     font-size: 34px;     font-weight: 800;     line-height: 1.25;     color: #1f2a36;     margin: 0 0 26px; }  .article-media {     margin: 0 0 28px;     border-radius: 14px;     overflow: hidden; }  .article-media img {     width: 100%;     display: block;     object-fit: cover; }  .article-entry {     color: #333333;     font-size: 17px;     line-height: 2; }  .article-entry p {     margin: 0 0 18px; }  .article-entry h2 {     font-size: 25px;     font-weight: 700;     color: #1f2a36;     margin: 36px 0 16px; }  .article-entry h3 {     font-size: 20px;     font-weight: 700;     color: #1f2a36;     margin: 28px 0 12px; }  .article-entry ul, .article-entry ol {     margin: 0 0 18px;     padding-left: 24px; }  .article-entry li {     margin-bottom: 8px; }  .article-entry blockquote {     margin: 24px 0;     padding: 16px 22px;     border-left: 4px solid #366bb3;     background: #f5f8ff;     color: #555555; }  .article-entry img {     border-radius: 12px; }  .article-entry a {     color: #366bb3; }  .article-nav {     display: flex;     align-items: center;     justify-content: space-between;     gap: 14px;     margin-top: 42px;     padding-top: 26px;     border-top: 1px solid rgba(0, 0, 0, 0.08); }  .article-nav__btn {     display: inline-flex;     align-items: center;     max-width: 320px;     padding: 11px 18px;     border: 1px solid rgba(0, 0, 0, 0.08);     border-radius: 10px;     background: #ffffff;     color: #1f2a36;     font-size: 14px;     font-weight: 600;     line-height: 1.4;     text-decoration: none;     transition: border-color 0.25s, color 0.25s; }  .article-nav__btn:hover {     border-color: #366bb3;     color: #366bb3;     text-decoration: none; }  .article-nav__prev {     margin-right: auto;     text-align: left; }  .article-nav__center {     background: #366bb3;     border-color: #366bb3;     color: #ffffff;     white-space: nowrap; }  .article-nav__center:hover {     background: #0047a6;     border-color: #0047a6;     color: #ffffff; }  .article-nav__next {     margin-left: auto;     text-align: right; }  .article-nav__btn.is-empty {     opacity: 0.45;     pointer-events: none;     cursor: default; }  @media (max-width: 1024px) {     .news-center-layout {         grid-template-columns: 1fr;     }      .news-sidebar {         position: static;     } }  @media (max-width: 768px) {     .article-section {         padding: 50px 0;     }      .page-title {         font-size: 30px;     }      .news-row__thumb {         flex-basis: 108px;         width: 108px;         height: 72px;     }      .news-row__title {         font-size: 18px;     }      .article-content {         padding: 30px 22px;     }      .article-title {         font-size: 27px;     }      .article-nav {         flex-direction: column;         align-items: stretch;     }      .article-nav__prev,     .article-nav__next {         margin-right: 0;         margin-left: 0;     }      .article-nav__center {         align-self: center;     } }  @media (max-width: 480px) {     .news-row {         gap: 14px;         padding: 14px 16px;     }      .news-row__thumb {         display: none;     }      .news-row__arrow {         flex-basis: 34px;         width: 34px;         height: 34px;     } }