/* WordPress integration and responsive corrections for the original visual system. */
html, body { overflow-x: clip; }
body { margin: 0; }
.container { width: min(1400px, calc(100% - 40px)); padding: 0; margin-inline: auto; box-sizing: border-box; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.yy-header { float: none; height: 0; position: relative; z-index: 100; }
.yy-header .head { transition: background-color .2s ease, box-shadow .2s ease; }
.yy-header .head .container { width: min(1400px, calc(100% - 40px)); }
.yy-header .head .nav ul { align-items: center; }
.yy-header .head .nav ul li a { display: block; }
.yy-header .getAppNav { display: none; border: 0; background: transparent; }
.yy-header .head .logo { width: 215px; }
.yy-header .head .logo a img { width: 205px; max-width: 100%; height: auto; max-height: 38px; object-fit: contain; }

.legacy-banner { position: relative; height: 530px; overflow: hidden; color: #fff; background: #f4f4f4 url('../legacy/images/01.png') no-repeat center top / cover; }
.legacy-banner-media { position: absolute; inset: 0; }
.legacy-banner-media img { width: 100%; height: 100%; object-fit: cover; }
.legacy-banner > .container { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; }
.legacy-banner .txt_c { width: 460px; }
.legacy-banner .hero-kicker { margin: 0 0 10px; font-size: 15px; opacity: .9; }
.legacy-banner h1 { margin: 0; font-size: 34px; line-height: 1.55; color: #fff; }
.legacy-banner .txt_c > p:not(.hero-kicker) { margin: 18px 0 25px; font-size: 18px; line-height: 1.8; }
.legacy-banner .txt_c > a { display: inline-block; width: 150px; height: 45px; line-height: 45px; border-radius: 45px; color: #eb7d35; background: #fff; text-align: center; font-size: 16px; font-weight: 700; }
.legacy-trust { position: relative; z-index: 3; margin-top: -50px; }
.legacy-trust ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.legacy-trust li { min-width: 0; padding: 20px; background: #fff; box-shadow: 0 2px 4px rgba(22,28,33,.08); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.legacy-trust li:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(22,28,33,.12); }
.legacy-trust .tit { display: flex; align-items: center; height: 42px; font-size: 18px; font-weight: 500; }
.legacy-trust .tit img { width: 26px; height: 26px; margin-right: 7px; object-fit: contain; }
.legacy-trust .con { height: 50px; padding: 5px; color: #737373; font-size: 14px; line-height: 25px; }
.legacy-home .mainer { padding-top: 0; }
.yy-overview .con { clear: both; }
.yy-overview .yy-product-slides { display: flex; width: 100%; transition: transform .45s ease; }
.yy-overview .yy-product-slides > li { flex: 0 0 100%; min-width: 0; }
.yy-overview .tab a { cursor: pointer; text-align: center; }
.yy-overview .desc2 .txt .c p { width: 100%; float: none; }
.yy-overview .desc2 .pic img { transition: transform .5s ease; }
.yy-overview .desc2 .pic:hover img { transform: scale(1.04); }
.yy-outline-btn { display: inline-block; min-width: 150px; padding: 0 22px; border: 2px solid #fd7821; border-radius: 40px; color: #fd7821; font-size: 16px; line-height: 40px; text-align: center; box-sizing: border-box; }
.yy-core-original { clear: both; }
.yy-core-original .item { position: relative; }
.yy-core-original .arrow { z-index: 2; margin-left: 0; transform: translateX(-50%); }
.yy-core-original .arrow-1 { left: 20%; }
.yy-core-original .arrow-2 { left: 40%; }
.yy-core-original .arrow-3 { left: 60%; }
.yy-core-original .arrow-4 { left: 80%; }
.yy-price-section { float: left; width: 100%; padding: 60px 0; background: #fff; }
.yy-section-title { text-align: center; }
.yy-section-title h2 { font-size: 30px; line-height: 50px; }
.yy-section-title p { font-size: 18px; line-height: 40px; }
.yy-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 40px; }
.yy-price-card { position: relative; min-width: 0; padding: 28px 24px; border: 1px solid #eee; border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.06); transition: transform .25s ease, box-shadow .25s ease; }
.yy-price-card:hover { transform: translateY(-7px); box-shadow: 0 16px 35px rgba(0,0,0,.11); }
.yy-price-card.featured { border-color: #fd7821; box-shadow: 0 8px 28px rgba(253,120,33,.16); }
.yy-price-card .badge { position: absolute; top: -13px; right: 18px; padding: 3px 12px; border-radius: 20px; color: #fff; background: #fd7821; font-size: 12px; }
.yy-price-card h3 { font-size: 21px; }
.yy-price-card .price { margin: 14px 0 5px; color: #fd7821; font-size: 27px; font-weight: 700; }
.yy-price-card > p { min-height: 44px; color: #777; font-size: 13px; }
.yy-price-card ul { margin: 18px 0 0; padding-top: 15px; border-top: 1px solid #eee; }
.yy-price-card li { margin: 8px 0; padding-left: 16px; color: #555; font-size: 13px; }
.yy-price-card li::before { content: '•'; margin-left: -14px; margin-right: 8px; color: #fd7821; }
.yy-center { margin-top: 32px; text-align: center; }
.indexbox3 .con ul { align-items: stretch; }
.indexbox3 .con ul li { min-height: 132px; padding-block: 25px; box-sizing: border-box; transition: transform .25s ease, box-shadow .25s ease; }
.indexbox3 .con ul li:hover { z-index: 1; transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,.09); }
.yy-cases .con { clear: both; }
.yy-cases .case ul { display: flex; width: 100%; min-height: 440px; transition: transform .5s ease; }
.yy-cases .yy-case-slide { display: flex; flex: 0 0 100%; min-width: 0; min-height: 440px; }
.yy-cases .yy-case-slide .pic { position: relative; overflow: hidden; }
.yy-cases .yy-case-slide .pic img { display: block; width: 100%; height: auto; aspect-ratio: 700 / 440; object-fit: cover; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease; }
.yy-cases .yy-case-slide .pic:hover img { transform: scale(1.065); filter: brightness(.9); }
.yy-cases .yy-case-slide .txt { display: block; padding-bottom: 72px; }
.yy-cases .yy-case-slide .txt .t1 a { color: inherit; }
.yy-cases .yy-case-slide .txt .t4 { display: block; height: auto; line-height: 2.2; }
.yy-cases .yy-case-slide .txt .t4 strong { color: #333; font-weight: 500; }
.yy-case-meta-line { display: block; width: 100%; }
.yy-cases .yy-case-slide .txt .yy-case-detail-list { display: grid; height: auto; margin-top: 14px; overflow: visible; align-items: start; gap: 8px; line-height: 1.7; }
.yy-cases .yy-case-detail-list > div { display: grid; min-width: 0; grid-template-columns: 78px minmax(0, 1fr); align-items: start; }
.yy-cases .yy-case-detail-list strong { white-space: nowrap; }
.yy-cases .yy-case-detail-list span { display: block; min-width: 0; margin: 0 !important; color: #666; overflow-wrap: anywhere; }
.yy-case-cover { display: flex; width: 100%; height: 100%; min-height: 440px; padding: 55px; box-sizing: border-box; flex-direction: column; align-items: flex-start; justify-content: center; color: #fff; background: linear-gradient(135deg, #ff963d 0%, #fb6d32 55%, #e44c28 100%); }
.yy-case-cover::before { content: ""; width: 58px; height: 5px; margin-bottom: 30px; border-radius: 3px; background: rgba(255,255,255,.86); }
.yy-case-cover span { margin-bottom: 16px; font-size: 14px; letter-spacing: .18em; }
.yy-case-cover strong { max-width: 520px; font-size: 32px; line-height: 1.45; }
.yy-case-cover small { margin-top: 18px; font-size: 15px; opacity: .85; }
.yy-case-more { display: inline-flex; align-items: center; margin-top: 18px; color: #fb6d32; font-size: 14px; }
.yy-case-more::after { content: "→"; margin-left: 7px; transition: transform .2s ease; }
.yy-case-more:hover::after { transform: translateX(4px); }
.yy-case-nav { display: block !important; margin: 0 !important; }
.yy-case-nav button { width: 34px; height: 6px; margin: 0 10px 0 0; padding: 0; border: 0; border-radius: 5px; background: #fecea2; cursor: pointer; }
.yy-case-nav button.active { background: #fb6d32; }
.legacy-home .indexbox4 { background: #f8f8f8; }
.indexbox6 .con { display: flex; align-items: flex-start; justify-content: space-between; }
.indexbox6 .con .news_left,
.indexbox6 .con .news_right { float: none; }
.indexbox6 .con .news_left .ttt,
.indexbox6 .con .news_right .ttt { height: 76px; align-items: flex-end; padding-bottom: 16px; box-sizing: border-box; }
.indexbox6 .con .news_left .ttt h3,
.indexbox6 .con .news_right .ttt h3 { height: auto; margin: 0; padding: 0 0 12px; line-height: 24px; }
.indexbox6 .con .news_left .ttt h3::after,
.indexbox6 .con .news_right .ttt h3::after { bottom: 0; }
.indexbox6 .con .news_left .ttt .tab,
.indexbox6 .con .news_right .ttt .tab { align-items: flex-end; }
.indexbox6 .con .news_left .ttt .tab a,
.indexbox6 .con .news_right .ttt .tab a { height: auto; margin-bottom: 0; padding-bottom: 12px; line-height: 24px; }
.indexbox6 .con .news_left .ttt .tab a.active,
.indexbox6 .con .news_right .ttt .tab a.active { height: auto; }
.indexbox6 .con .news_left .ttt .tab a.active::after,
.indexbox6 .con .news_right .ttt .tab a.active::after { bottom: 0; }
.indexbox6 .con .news_left .ccc ul li .pic { flex: 0 0 160px; width: 160px; }
.indexbox6 .con .news_left .ccc ul li { padding: 12px 0; }
.indexbox6 .con .news_left .ccc ul li .pic img { display: block; width: 100%; height: 82px; object-fit: cover; }
.indexbox6 .con .news_left .ccc ul li .dat { margin-left: 24px; margin-right: 20px; }
.indexbox6 .con .news_left .ccc ul li .txt .c { height: 42px; margin-top: 6px; line-height: 21px; }
.indexbox6 .con .news_right { overflow: visible; }
.indexbox6 .con .news_right .ccc { overflow: visible; }
.indexbox6 .con .news_right .ccc ul li:not(:first-child) { margin-top: 18px; }
.indexbox6 .con .news_right .ccc ul li .t { padding-bottom: 5px; }
.indexbox6 .con .news_right .ccc ul li .d { height: 20px; padding-top: 4px; line-height: 20px; overflow: visible; background-position: left 6px; }
.indexbox6 .con .news_left .ccc .yy-news-empty { display: block; padding: 32px 0; color: #999; }
.indexbox6 .con .news_right .yy-home-tag-cloud { min-height: 250px; padding-top: 2px; }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list { display: flex; width: 100%; align-content: flex-start; flex-wrap: wrap; gap: 12px 10px; }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list.none { display: none; }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list li,
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list li:not(:first-child) { width: auto; height: auto; margin: 0; overflow: visible; }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list a { display: inline-flex; min-height: 28px; padding: 3px 13px; box-sizing: border-box; align-items: center; border-radius: 15px; color: #596273; background: #f5f6f8; font-size: 13px; line-height: 22px; transition: color .2s ease, background .2s ease, transform .2s ease; }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-list a:hover { color: #fff; background: #fd7e26; transform: translateY(-2px); }
.indexbox6 .con .news_right .yy-home-tag-cloud .yy-tag-empty { color: #999; font-size: 13px; }
.yy-reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }
.yy-reveal.yy-visible { opacity: 1; transform: none; }
@keyframes yy-fade-slide { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .yy-reveal { animation: none; opacity: 1; transform: none; transition: none; } }
.yy-empty { padding: 25px; color: #777; font-size: 14px; }
.yy-service-strip { clear: both; }
.footer .foot02 .con a { display: inline-block; margin-right: 25px; color: #fff; }
.footer .foot01 .about .yy-footer-logo { height: 72px; line-height: normal; }
.footer .foot01 .about .yy-footer-logo a { display: inline-flex; height: 72px; align-items: center; }
.footer .foot01 .about .yy-footer-logo img { display: block; width: 235px; max-width: 100%; height: auto; max-height: 48px; object-fit: contain; }
.footer .foot01 .about .con { max-width: 700px; }

/* Primary menu categories: mirror the original compact “行业动态” dropdown. */
.yy-header .head .nav .sub-menu { position: absolute; top: 66px; left: 50%; z-index: 120; display: none; width: 108px; margin: 0 0 0 -54px; padding: 0; border: 1px solid rgba(0,0,0,.05); background: #fff; box-shadow: 0 6px 8px rgba(0,0,0,.09); }
.yy-header .head .nav li:hover > .sub-menu,
.yy-header .head .nav li:focus-within > .sub-menu { display: block; }
.yy-header .head .nav .sub-menu li { display: block; width: 100%; margin: 0; border-bottom: 1px solid #f2f2f2; }
.yy-header .head .nav .sub-menu li:last-child { border-bottom: 0; }
.yy-header .head .nav .sub-menu li > a { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 10px; color: #333 !important; font-size: 14px; line-height: 40px; white-space: nowrap; box-sizing: border-box; }
.yy-header .head .nav .sub-menu li > a::before { content: ''; flex: 0 0 18px; width: 18px; height: 18px; margin-right: 6px; background: url('../legacy/picture/top8.png') no-repeat center / contain; }
.yy-header .head .nav .sub-menu li:nth-child(2) > a::before { background-image: url('../legacy/picture/top9.png'); }
.yy-header .head .nav .sub-menu li:nth-child(3) > a::before { background-image: url('../legacy/picture/top10.png'); }
.yy-header .head .nav .sub-menu li > a:hover { color: #fd7921 !important; background: #fafafa; }

/* Keep WordPress inner templates inside the original orange-and-white visual frame. */
.page-hero { min-height: 250px; padding: 120px 0 54px; color: #fff; background: linear-gradient(115deg, #f58b28, #f4a24d); box-sizing: border-box; }
.page-hero h1 { margin: 0 0 12px; color: #fff; font-size: 36px; }
.page-hero p { color: rgba(255,255,255,.9); }
.page-hero .breadcrumbs { color: rgba(255,255,255,.8); }
.page-hero .breadcrumbs a { color: #fff; }
.page-hero .container, .section .container { width: min(1200px, calc(100% - 40px)); }
.content-layout { width: 100%; }
.section { clear: both; }
.section-soft { background: #f8f8f8; }
.button-brand { color: #fff; background: #fd7821; }
.button-brand:hover { color: #fff; background: #eb6912; }
.card, .doc-card, .timeline-card, .post-card, .case-card { border-color: #eee; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
.card-icon { background: linear-gradient(135deg, #fd7821, #ffad58); }
.card-link, .entry-content a { color: #fd7821; }
.price-card.is-featured { border-color: #fd7821; box-shadow: 0 8px 28px rgba(253,120,33,.14); }
.price-card .price, .price { color: #fd7821; }
.price-badge { background: #fd7821; }
.price-features li::before, .check-list li::before { color: #fd7821; }
.timeline-dot { border-color: #ffe1c7; background: #fd7821; }
.pagination .current { border-color: #fd7821; background: #fd7821; }
.sidebar-box { border-color: #eee; }
.onlinebox { z-index: 90; }
.onlinebox .con .info a p.t { background-image: none; padding-left: 0; }
.onlinebox .back a { display: grid; place-items: center; background-image: none; color: #fd7821; font-size: 26px; }
.onlinebox .back a::before { content: '↑'; }

/* Task detail page: preserve the original task.html structure and motion. */
.yy-task-original { display: flow-root; width: 100%; }
.yy-task-original > .mainer { float: none; display: flow-root; }
.yy-task-original .indexbox1 .yy-product-slides { display: flex; width: 100%; transition: transform .45s ease; }
.yy-task-original .indexbox1 .yy-product-slides > li { flex: 0 0 100%; min-width: 0; }
.yy-task-original .productbox1 .yy-task-app-slides { display: flex; width: 100%; transition: transform .4s ease; }
.yy-task-original .productbox1 .yy-task-app-slides > li { flex: 0 0 100%; min-width: 0; }
.yy-task-original .productbox1 .ccc li .cc { transition: background-color .2s ease, transform .2s ease; }
.yy-task-original .productbox2 .con ul li a.card,
.yy-task-original .productbox2 .con ul li a.card:hover { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.yy-task-original .productbox2 .con ul li:not(.more) { position: relative; }
.yy-task-original .productbox2 .con ul li a.link { display: flex; width: 112px; margin-left: -56px; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
.yy-task-original .productbox2 .con ul li a.link::before { content: ""; width: 16px; height: 16px; background: url('../legacy/images/search.png') no-repeat center / contain; }
.yy-task-original .productbox3 .group_item { position: relative; }
.yy-task-original .productbox3 .group_item::after { content: ""; position: absolute; top: 10px; right: 10px; width: 23px; height: 23px; opacity: 0; transform: scale(.75); background: url('../legacy/images/search.png') no-repeat center / contain; transition: opacity .2s ease, transform .2s ease; }
.yy-task-original .productbox3 .group_item:hover::after,
.yy-task-original .productbox3 .group_item.active::after { opacity: 1; transform: scale(1); }
.yy-task-original .productbox3 .group_item:hover,
.yy-task-original .productbox3 .group_item.active { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,.3); }
.yy-task-original .productbox3 .group_item:hover .cc,
.yy-task-original .productbox3 .group_item.active .cc { border-bottom: 5px solid #fc7830; }
.yy-task-original .productbox6 .con .item .cc { min-height: 430px; }
.yy-task-original .productbox6 .yy-task-tag-list { display: flex; align-content: flex-start; flex-wrap: wrap; gap: 10px 8px; }
.yy-task-original .productbox6 .yy-task-tag-list li,
.yy-task-original .productbox6 .yy-task-tag-list li:not(:first-child) { width: auto; height: auto; margin: 0; line-height: normal; }
.yy-task-original .productbox6 .yy-task-tag-list li a { display: inline-flex; width: auto; height: 28px; margin: 0; padding: 3px 12px; align-items: center; border-radius: 14px; color: #596273; background: #f4f5f7; font-size: 13px; line-height: 22px; }
.yy-task-original .productbox6 .yy-task-tag-list li a:hover { color: #fff; background: #fd7e26; }
.yy-task-original .menubox a { cursor: pointer; }
.yy-task-original-banner .banneri { background-position: center center; }

/* Shared WeChat demo modal. */
body.yy-modal-open { overflow: hidden; }
.yy-qr-modal { position: fixed; inset: 0; z-index: 10000; display: flex; padding: 24px; box-sizing: border-box; align-items: center; justify-content: center; visibility: hidden; opacity: 0; background: rgba(10,18,31,.68); transition: opacity .22s ease, visibility .22s ease; }
.yy-qr-modal.is-open { visibility: visible; opacity: 1; }
.yy-qr-modal__dialog { position: relative; width: min(390px, 100%); padding: 34px 34px 30px; box-sizing: border-box; border-radius: 14px; text-align: center; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.28); transform: translateY(15px) scale(.97); transition: transform .22s ease; }
.yy-qr-modal.is-open .yy-qr-modal__dialog { transform: none; }
.yy-qr-modal__close { position: absolute; top: 9px; right: 12px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #6b7280; background: #f4f5f7; font-size: 25px; line-height: 32px; cursor: pointer; }
.yy-qr-modal__dialog h2 { margin: 0 0 10px; color: #172238; font-size: 24px; }
.yy-qr-modal__dialog p { margin: 0 0 18px; color: #707785; font-size: 14px; line-height: 1.7; }
.yy-qr-modal__dialog img { display: block; width: 230px; max-width: 80%; height: auto; margin: 0 auto 14px; }
.yy-qr-modal__dialog strong { color: #fd7821; font-size: 14px; font-weight: 500; }
.yy-product-button.js-yy-qr-modal { appearance: none; cursor: pointer; font-family: inherit; }

/* Original inner-page system: preserve the source proportions while using WP data. */
.yy-inner-banner, .yy-about-original-banner { display: flow-root; float: none; }
.yy-news-original, .yy-single-original, .yy-about-original, .yy-tags-original { display: flow-root; float: none; }
.yy-news-original .newsbox, .yy-single-original .newsbox { display: flow-root; }
.yy-news-original .newsbox .left .con > ul > li { border-bottom: 1px solid #efefef; }
.yy-news-original .newsbox .left .con > ul > li:last-child { border-bottom: 0; }
.yy-news-original .newsbox .left .con li .pic img,
.yy-single-original .newsbox .right .box5 .pic img { object-fit: cover; }
.yy-news-original .pagination { display: block; margin-top: 0; }
.yy-news-original .pagination .page-numbers { display: block; min-width: 30px; width: auto; height: 30px; padding: 0 9px; border: 0; border-radius: 8px; line-height: 30px; box-sizing: border-box; }
.yy-news-original .pagination .current { color: #fff; background: #00a98f; }
.yy-single-original .article .con img { max-width: 100%; height: auto; margin: 18px auto; }
.yy-single-original .article .con p { margin: 0 0 1.25em; }
.yy-single-original .article .con h2 { margin: 1.6em 0 .7em; font-size: 22px; line-height: 1.5; }
.yy-single-original .article .con h3 { margin: 1.4em 0 .6em; font-size: 19px; line-height: 1.5; }
.yy-single-original .article .con ul, .yy-single-original .article .con ol { margin: 1em 0; padding-left: 2em; }
.yy-single-original .article .con ul { list-style: disc; }
.yy-single-original .article .con ol { list-style: decimal; }
.yy-single-original .article .con a { color: #fc7830; text-decoration: underline; }
.yy-about-original .aboutbox1 .pic .swiper-wrapper { transition: transform .5s ease; }
.yy-about-original .aboutbox1 .pic .point { display: block; }
.yy-about-original .aboutbox1 .pic .point button { width: 12px; height: 12px; margin: 0 8px; padding: 0; border: 0; border-radius: 50%; background: #fff; cursor: pointer; }
.yy-about-original .aboutbox1 .pic .point button.active { background: #fb6d32; }
.yy-empty-inline { display: block; padding: 20px 0; color: #999; font-size: 14px; }

/* Public industry case archive and detail pages. */
.yy-case-hero { padding: 145px 0 72px; color: #fff; background: linear-gradient(120deg, #1c2638, #303f59); }
.yy-case-hero nav { margin-bottom: 32px; color: rgba(255,255,255,.68); font-size: 13px; }
.yy-case-hero nav a { color: rgba(255,255,255,.78); }
.yy-case-hero nav span { margin: 0 10px; }
.yy-case-hero > .container > p { color: #ff9b4a; font-size: 13px; letter-spacing: .14em; }
.yy-case-hero h1 { max-width: 900px; margin: 10px 0 18px; color: #fff; font-size: 38px; line-height: 1.4; }
.yy-case-summary { max-width: 850px; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.9; }
.yy-case-body { padding: 60px 0 80px; background: #f7f7f7; }
.yy-case-article { max-width: 960px; margin: auto; padding: 46px 58px; box-sizing: border-box; background: #fff; box-shadow: 0 8px 30px rgba(22,34,50,.06); }
.yy-case-facts { display: grid; margin-bottom: 30px; grid-template-columns: repeat(3, 1fr); border: 1px solid #eee; }
.yy-case-facts div { padding: 18px 20px; border-right: 1px solid #eee; }
.yy-case-facts div:last-child { border-right: 0; }
.yy-case-facts span, .yy-case-facts strong { display: block; }
.yy-case-facts span { margin-bottom: 7px; color: #999; font-size: 12px; }
.yy-case-facts strong { font-size: 14px; line-height: 1.6; }
.yy-case-disclaimer, .yy-case-notice { padding: 15px 18px; border-left: 4px solid #fb7b36; color: #75523f; background: #fff7ef; font-size: 14px; line-height: 1.8; }
.yy-case-article .entry-content { color: #444; font-size: 16px; line-height: 2; }
.yy-case-article .entry-content h2 { margin: 34px 0 12px; color: #172238; font-size: 23px; }
.yy-case-article .entry-content ol, .yy-case-article .entry-content ul { padding-left: 24px; }
.yy-case-source { margin-top: 32px; padding-top: 22px; border-top: 1px solid #eee; }
.yy-case-source a { color: #fb6d32; }
.yy-case-archive-grid { display: grid; margin-top: 34px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.yy-case-archive-grid article { overflow: hidden; background: #fff; box-shadow: 0 7px 24px rgba(25,37,54,.06); }
.yy-case-card-cover { display: flex; height: 220px; padding: 32px; box-sizing: border-box; flex-direction: column; justify-content: flex-end; color: #fff; background: linear-gradient(135deg, #ff983f, #ed5e30); }
.yy-case-card-cover img { width: 100%; height: 100%; object-fit: cover; }
.yy-case-card-cover span { margin-bottom: 10px; font-size: 12px; letter-spacing: .12em; }
.yy-case-card-cover strong { color: #fff; font-size: 24px; line-height: 1.45; }
.yy-case-card-copy { padding: 26px 28px 30px; }
.yy-case-card-copy > span { color: #fb6d32; font-size: 13px; }
.yy-case-card-copy h2 { margin: 10px 0; font-size: 20px; line-height: 1.55; }
.yy-case-card-copy h2 a { color: #172238; }
.yy-case-card-copy p { min-height: 54px; color: #666; font-size: 14px; line-height: 1.8; }
.yy-case-card-copy small { display: block; margin-top: 14px; color: #999; }

@media (max-width: 1400px) {
  .container, .yy-header .head .container { width: auto; padding: 0 20px; }
  .yy-header .head .nav ul li { margin-inline: 5px; }
  .yy-header .head .nav ul li > a { padding-inline: 10px; }
}
@media (max-width: 1180px) {
  .yy-header .head .logo { width: 175px; }
  .yy-header .head .nav ul li > a { padding-inline: 6px; font-size: 14px; }
  .yy-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .container, .yy-header .head .container { width: calc(100% - 24px); padding: 0; }
  .yy-header { height: 60px; }
  .yy-header .head { background: #fe982b; }
  .yy-header .head .nav.is-open { display: block; }
  .yy-header .head .nav .sub-menu { position: static; display: block; width: 100%; margin: 0; border: 0; border-top: 1px solid #eee; box-shadow: none; }
  .yy-header .head .nav .sub-menu li { width: 50%; float: left; }
  .yy-header .head .nav .sub-menu li > a { height: 40px; padding: 0 12px; line-height: 40px; }
  .yy-header .getAppNav { display: block; }
  .legacy-banner { height: 250px; margin-top: 0; background-position: center top; }
  .legacy-banner > .container { align-items: flex-start; padding-top: 35px; }
  .legacy-banner .txt_c { width: 62%; }
  .legacy-banner .hero-kicker { display: none; }
  .legacy-banner h1 { font-size: 22px; line-height: 32px; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
  .legacy-banner .txt_c > p:not(.hero-kicker) { margin: 8px 0 12px; font-size: 13px; line-height: 20px; }
  .legacy-banner .txt_c > a { width: 110px; height: 32px; line-height: 32px; font-size: 13px; }
  .legacy-trust { margin-top: 0; padding: 12px 0; }
  .legacy-trust ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .legacy-trust li { padding: 12px; border: 1px solid #f1f1f1; box-shadow: none; }
  .legacy-trust .tit { height: 28px; font-size: 14px; }
  .legacy-trust .tit img { width: 20px; height: 20px; }
  .legacy-trust .con { height: 40px; padding: 4px 0; font-size: 12px; line-height: 20px; }
  .yy-core-original { grid-template-columns: 1fr; }
  .yy-core-original { display: grid; gap: 1px; background: #ffe2c4; }
  .yy-core-original .item { float: none; width: auto; padding: 25px 18px; background: #fff; }
  .yy-core-original .item .c p { font-size: 13px; text-indent: 10px; }
  .yy-core-original .arrow { display: none; }
  .yy-price-grid { grid-template-columns: 1fr; }
  .yy-cases .yy-case-slide { display: block; }
  .yy-cases .yy-case-slide .pic { display: block; width: 100%; min-height: 0; aspect-ratio: 16 / 9; }
  .yy-cases .yy-case-slide .pic img { height: 100%; }
  .yy-cases .yy-case-slide .txt { width: 100%; padding: 28px 24px 58px; }
  .yy-case-cover { min-height: 0; height: 100%; padding: 32px 26px; }
  .yy-case-cover strong { font-size: 23px; }
  .yy-case-nav { bottom: 20px !important; }
  .yy-case-nav button { width: 30px; margin-right: 10px; }
  .indexbox6 .con .news_left .ccc ul li .pic { flex-basis: 110px; width: 110px; }
  .indexbox6 .con { display: block; }
  .indexbox6 .con .news_left .ccc ul li .pic img { height: 70px; }
  .indexbox6 .con .news_left .ccc ul li .dat { margin-left: 12px; margin-right: 12px; }
  .yy-section-title h2 { font-size: 20px; line-height: 32px; }
  .yy-section-title p { font-size: 13px; line-height: 22px; }
  .footer .foot01 .container { width: calc(100% - 24px); }
  .page-hero { min-height: 210px; padding: 92px 0 35px; }
  .page-hero h1 { font-size: 27px; }
  .page-hero .container, .section .container { width: calc(100% - 24px); }
  .onlinebox { display: none; }
  .yy-task-original .productbox1 .yy-task-app-slides > li { flex-basis: 100%; }
  .yy-news-original .newsbox .left, .yy-single-original .newsbox .article { margin-right: 0; }
  .yy-news-original .newsbox .right, .yy-single-original .newsbox .right { margin-left: 0; }
  .yy-news-original .newsbox .left .con ul li .txt .d span:nth-child(2),
  .yy-news-original .newsbox .left .con ul li .txt .d span:nth-child(3) { display: none; }
  .yy-news-original .newsbox .left .con ul li .txt .d span:last-child { float: none; margin-left: 14px; }
  .yy-about-original .aboutbox3 .con { overflow-x: auto; justify-content: flex-start; }
  .yy-about-original .aboutbox3 svg { min-width: 900px; }
  .yy-case-hero { padding: 95px 0 48px; }
  .yy-case-hero h1 { font-size: 27px; }
  .yy-case-body { padding: 30px 0 50px; }
  .yy-case-article { padding: 26px 20px; }
  .yy-case-facts, .yy-case-archive-grid { grid-template-columns: 1fr; }
  .yy-case-facts div { border-right: 0; border-bottom: 1px solid #eee; }
  .yy-case-facts div:last-child { border-bottom: 0; }
}
@media (max-width: 420px) {
  .legacy-banner { height: 220px; }
  .legacy-banner .txt_c { width: 68%; }
  .legacy-banner h1 { font-size: 19px; }
}