/* 新闻与采购留言：延续主站酒红色、宋体标题、细线和白色留白。 */
.mobile-menu-toggle { display: none; }
.news-heading { padding: 84px 0 76px; background: linear-gradient(115deg,#f7f3f3,#f3f5f6); border-bottom: 1px solid #e4e5e6; }
.news-eyebrow { display: block; color: #a50034; font-size: 12px; font-weight: 600; letter-spacing: .12em; margin-bottom: 18px; }
.news-heading h1 { font-family: "Songti SC","Noto Serif SC",SimSun,serif; font-size: clamp(36px,4vw,56px); font-weight: 600; line-height: 1.3; margin: 0 0 24px; }
.news-heading h1 em { color: #a50034; font-style: normal; }
.news-heading p { color: #666d73; line-height: 1.8; }
.news-list-section { padding: 72px 0 88px; }
.news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.news-card { border: 1px solid #e4e5e6; background: #fff; transition: transform .2s,border-color .2s; }
.news-card:hover { transform: translateY(-4px); border-color: #a50034; }
.news-cover { display: block; aspect-ratio: 16/10; overflow: hidden; background: #f3f5f6; }
.news-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.news-card:hover img { transform: scale(1.035); }
.news-card-copy { padding: 26px; }
.news-date { color: #92989d; font-size: 13px; }
.news-card h2 { font-size: 20px; line-height: 1.6; font-weight: 600; margin: 12px 0; }
.news-card-copy>p { font-size: 14px; line-height: 1.9; color: #666d73; margin-bottom: 24px; }
.news-read,.news-back { color: #a50034 !important; font-size: 14px; }
.news-read span { display: inline-block; margin-left: 12px; }
.news-pagination { display: flex; justify-content: center; gap: 12px; margin-top: 42px; }
.news-pagination a { border: 1px solid #e4e5e6; padding: 8px 14px; }
.news-pagination .page-num-current { background: #a50034; color: white; }
.news-pagination { flex-wrap: wrap; align-items: center; }
.news-pagination .is-disabled { padding: 8px 14px; border: 1px solid #e4e5e6; color: #a2a7ab; }
.news-article-neighbors { display: grid; gap: 16px; border-top: 1px solid #e4e5e6; padding-top: 28px; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.news-article-neighbors span { color: #666d73; }
.news-article-neighbors a:hover { color: #a50034; }
.news-empty { text-align: center; color: #666d73; padding: 60px; }
.news-article { max-width: 920px; padding-top: 56px; padding-bottom: 80px; }
.news-article-heading { padding: 40px 0 32px; border-bottom: 1px solid #e4e5e6; }
.news-article-heading h1 { font-family: "Songti SC","Noto Serif SC",SimSun,serif; font-size: clamp(28px,3.3vw,44px); line-height: 1.5; margin: 0 0 22px; }
.news-body { padding: 34px 0; color: #4d5256; line-height: 2; overflow-wrap: anywhere; }
.news-body p { margin: 0 0 24px; }
.news-body h2 { font-size: 23px; color: #202326; margin: 30px 0 14px; font-weight: 600; }
.news-body img { max-width: 100%; height: auto; margin: 24px 0; }
.news-body .sample-note { background: #f7e9ed; border-left: 3px solid #a50034; padding: 16px 20px; font-size: 14px; }
.news-article-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 28px; border-top: 1px solid #e4e5e6; color: #a50034; }
.news-article-bottom button { background: transparent; color: inherit; }
.procurement-message { width: min(600px,100%); max-height: calc(100dvh - 48px); overflow-y: auto; font-family: "PingFang SC","Microsoft YaHei",sans-serif; }
.procurement-message .news-eyebrow { margin-bottom: 10px; }
.procurement-message h2 { font-family: "Songti SC","Noto Serif SC",SimSun,serif; font-size: 30px; }
.procurement-message .procurement-intro { margin: 16px 0 24px; line-height: 1.8; }
.procurement-form { display: grid; gap: 16px; }
.procurement-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.procurement-form label { display: grid; gap: 8px; color: #4d5256; font-size: 14px; }
.procurement-form input,.procurement-form textarea { width: 100%; background: #fff; border: 1px solid #dce0e2; border-radius: 0; font: inherit; padding: 11px 12px; }
.procurement-form input:focus,.procurement-form textarea:focus { outline: 1px solid #a50034; border-color: #a50034; }
.procurement-submit { background: #a50034; color: #fff; padding: 13px 20px; font: inherit; text-align: left; }
.procurement-submit span { float: right; }
.procurement-submit:disabled { opacity: .65; }
.procurement-privacy { font-size: 12px; color: #92989d; margin: 0; }
.procurement-form [data-form-status] { font-size: 14px; color: #a50034; line-height: 1.7; }
/* 六项导航保持一行；窄屏沿用主站可滚动导航。 */
@media(min-width:901px) { .digital-marketing-page .primary-nav,.capabilities-page .cap-primary-nav { gap: 24px; } }
@media(max-width:900px) { .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
    .news-heading { padding: 52px 0; }
    .news-list-section { padding: 40px 0 56px; }
    .news-grid { grid-template-columns: 1fr; gap: 24px; }
    .news-article { padding-top: 30px; padding-bottom: 48px; }
    .news-article-heading { padding-top: 28px; }
    .procurement-overlay { padding: 16px; }
    .procurement-message { max-height: calc(100dvh - 32px); padding: 32px 22px; }
    .procurement-message h2 { font-size: 26px; }
    .procurement-fields { grid-template-columns: 1fr; gap: 16px; }
}

/* 移动页头：Logo 左对齐，菜单按钮右对齐；展开后导航与采购按钮独占行。 */
@media(max-width:980px) {
    .digital-marketing-page .site-header,.capabilities-page .cap-page-header { height: auto; }
    .digital-marketing-page .header-inner,.capabilities-page .cap-header-inner {
        display: grid; grid-template-columns: minmax(0,1fr) 44px;
        min-height: 68px; height: auto; align-items: center; gap: 0 12px;
    }
    .digital-marketing-page .header-inner>.brand,.capabilities-page .cap-header-inner>.cap-brand { grid-column: 1; grid-row: 1; }
    .digital-marketing-page .mobile-menu-toggle,.capabilities-page .mobile-menu-toggle {
        display: flex; grid-column: 2; grid-row: 1; width: 44px; height: 44px;
        flex-direction: column; align-items: center; justify-content: center; gap: 5px;
        background: transparent; border: 1px solid #e4e5e6; cursor: pointer;
    }
    .mobile-menu-toggle span { width: 20px; height: 2px; background: #a50034; transition: transform .18s,opacity .18s; }
    .is-menu-open .mobile-menu-toggle span:first-child { transform: translateY(7px) rotate(45deg); }
    .is-menu-open .mobile-menu-toggle span:nth-child(2) { opacity: 0; }
    .is-menu-open .mobile-menu-toggle span:last-child { transform: translateY(-7px) rotate(-45deg); }
    .digital-marketing-page .primary-nav,.capabilities-page .cap-primary-nav,
    .digital-marketing-page .header-cta,.capabilities-page .cap-header-cta { display: none; }
    .digital-marketing-page .is-menu-open .primary-nav,.capabilities-page .is-menu-open .cap-primary-nav {
        display: flex; grid-column: 1/-1; grid-row: 2; flex-direction: column; align-items: stretch;
        gap: 0; width: 100%; padding: 8px 0; top: 0; border-top: 1px solid #e4e5e6; font-size: 15px;
    }
    .digital-marketing-page .is-menu-open .primary-nav a,.capabilities-page .is-menu-open .cap-primary-nav a { padding: 12px 0; }
    .digital-marketing-page .is-menu-open .primary-nav a:after,.capabilities-page .is-menu-open .cap-primary-nav a:after { display: none; }
    .digital-marketing-page .is-menu-open .header-cta,.capabilities-page .is-menu-open .cap-header-cta {
        display: block; grid-column: 1/-1; grid-row: 3; justify-self: stretch; margin: 0 0 18px;
        height: 44px; background: #a50034; color: white;
    }
}