.ios-news-page .ios-main { padding-top: 18px; padding-bottom: 24px; }
.ios-news-page .ios-breadcrumb { margin-bottom: 12px; }
.ios-news-page .ios-page-title { margin: 0 0 18px; }
.ios-news-page .ios-page-title h1 { font-size: 28px; }
.ios-news-page .ios-page-title p { font-size: 14px; }

.ios-news-intro { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.ios-news-intro > span { padding-bottom: 4px; color: var(--ios-muted); font-size: 13px; }
.ios-news-filter { display: flex; align-items: center; gap: 8px; margin-bottom: 17px; padding: 10px; overflow-x: auto; border: 1px solid #e1e7f0; border-radius: 12px; background: #fff; box-shadow: var(--ios-shadow); }
.ios-news-filter a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 38px; padding: 7px 16px; border-radius: 8px; color: #40506b; font-size: 14px; font-weight: 650; white-space: nowrap; }
.ios-news-filter a.active { color: #fff; background: var(--ios-blue); }
.ios-news-filter a:not(.active):hover { color: var(--ios-blue); background: var(--ios-blue-soft); }
.ios-news-filter-summary { margin-left: auto; padding-right: 8px; color: var(--ios-muted); font-size: 13px; white-space: nowrap; }

.ios-news-layout, .ios-news-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 292px; align-items: start; gap: 16px; }
.ios-news-feed, .ios-news-article-main { min-width: 0; }
.ios-news-feed-head { display: flex; align-items: baseline; justify-content: space-between; margin: 2px 0 12px; }
.ios-news-feed-head h2 { margin: 0; font-size: 21px; line-height: 1.3; }
.ios-news-feed-head span { color: var(--ios-muted); font-size: 13px; }
.ios-news-list { display: grid; gap: 12px; }
.ios-news-list-card { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 18px; min-width: 0; padding: 12px; transition: transform .18s ease, box-shadow .18s ease; }
.ios-news-list-card:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(18,38,72,.1); }
.ios-news-list-card > a { min-width: 0; }
.ios-news-cover { position: relative; display: grid; place-items: center; height: 140px; min-width: 0; overflow: hidden; border-radius: 8px; color: #fff; background: linear-gradient(140deg,#07152f,#0a51b9); }
.ios-news-cover::before { content: ""; position: absolute; width: 165px; height: 165px; right: -55px; top: -74px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.025), 0 0 0 65px rgba(255,255,255,.025); }
.ios-news-cover::after { content: ""; position: absolute; width: 210px; height: 120px; left: -70px; bottom: -92px; border-radius: 50%; background: rgba(34,133,255,.32); }
.ios-news-cover img { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ios-news-cover-symbol { position: relative; z-index: 1; line-height: 1; }
.ios-news-cover-symbol .ios-icon { width: 64px; height: 64px; stroke-width: 1.25; filter: drop-shadow(0 5px 13px rgba(0,0,0,.18)); }
.ios-news-cover-tone-2, .ios-news-cover-tone-4, .ios-news-cover-tone-6 { color: var(--ios-blue); background: linear-gradient(135deg,#dfeeff,#9cc5ff); }
.ios-news-cover-tone-2::before, .ios-news-cover-tone-4::before, .ios-news-cover-tone-6::before { border-color: rgba(7,91,255,.16); }
.ios-news-cover-tone-2::after, .ios-news-cover-tone-4::after, .ios-news-cover-tone-6::after { background: rgba(255,255,255,.48); }
.ios-news-cover-tone-3 { background: linear-gradient(140deg,#0b2045,#1769e0); }
.ios-news-cover-tone-5 { background: linear-gradient(140deg,#173056,#376dae); }
.ios-news-list-copy { min-width: 0; display: flex; flex-direction: column; padding: 3px 5px 3px 0; }
.ios-news-kicker { display: flex; align-items: center; gap: 9px; color: var(--ios-muted); font-size: 12px; }
.ios-news-tag { display: inline-flex; align-items: center; min-height: 23px; padding: 2px 8px; border-radius: 5px; color: var(--ios-blue); background: var(--ios-blue-soft); font-size: 11px; font-weight: 700; }
.ios-news-list-copy h3 { margin: 7px 0 5px; font-size: 17px; line-height: 1.4; }
.ios-news-list-copy h3 a:hover { color: var(--ios-blue); }
.ios-news-list-copy p { max-width: 700px; margin: 0; color: #58677f; font-size: 13px; line-height: 1.6; }
.ios-news-card-bottom { display: flex; justify-content: flex-end; margin-top: auto; }
.ios-news-card-bottom a { color: var(--ios-blue); font-size: 13px; font-weight: 650; }
.ios-news-card-bottom a:hover { color: var(--ios-blue-dark); }
.ios-news-empty { padding: 44px 20px; color: var(--ios-muted); text-align: center; }
.ios-news-list-end { margin-top: 13px; color: #738098; font-size: 13px; text-align: center; }
.ios-news-pagination { margin-top: 17px; }
.ios-news-pagination .pagination { display: flex; justify-content: center; gap: 7px; margin: 0; padding: 0; list-style: none; }
.ios-news-pagination .page-link { display: grid; place-items: center; min-width: 34px; min-height: 34px; padding: 0 8px; border: 1px solid var(--ios-border); border-radius: 7px; color: #5f6d83; background: #fff; font-size: 13px; }
.ios-news-pagination .active .page-link { color: #fff; border-color: var(--ios-blue); background: var(--ios-blue); }
.ios-news-pagination .disabled .page-link { opacity: .55; }

.ios-news-side { display: grid; gap: 14px; }
.ios-news-side-card, .ios-news-help { padding: 17px; }
.ios-news-side-card h2 { margin: 0 0 13px; padding-bottom: 11px; border-bottom: 1px solid #edf0f4; font-size: 17px; }
.ios-news-shop-list { display: grid; }
.ios-news-shop-list a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 2px; }
.ios-news-shop-list a + a { border-top: 1px solid #edf0f4; }
.ios-news-shop-list a:hover { color: var(--ios-blue); }
.ios-news-shop-list strong, .ios-news-shop-list small { display: block; }
.ios-news-shop-list strong { font-size: 13px; }
.ios-news-shop-list small { margin-top: 2px; color: #8490a3; font-size: 11px; }
.ios-news-shop-list b { color: var(--ios-blue); font-size: 16px; font-weight: 500; }
.ios-news-help-title { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.ios-news-help-title > .ios-icon { color: var(--ios-blue); font-size: 20px; }
.ios-news-help h2 { margin: 0; font-size: 17px; }
.ios-news-help p { margin: 0 0 13px; color: #63718a; font-size: 12px; line-height: 1.6; }
.ios-news-help .ios-btn { min-height: 37px; font-size: 13px; }

.ios-news-article { padding: 24px 28px 26px; }
.ios-news-article > .ios-news-tag { margin-bottom: 10px; }
.ios-news-article h1 { margin: 0; font-size: 28px; line-height: 1.35; letter-spacing: -.02em; }
.ios-news-article-meta { margin: 9px 0 18px; padding-bottom: 16px; border-bottom: 1px solid #edf0f4; color: #778399; font-size: 12px; }
.ios-news-cover-hero { height: 202px; margin-bottom: 17px; border-radius: 9px; background: linear-gradient(125deg,#07152f,#0a51b9); }
.ios-news-cover-hero::before { width: 460px; height: 460px; right: -90px; top: -300px; }
.ios-news-cover-hero::after { width: 420px; height: 230px; left: -150px; bottom: -190px; }
.ios-news-id-card { position: relative; z-index: 1; width: 245px; height: 139px; padding: 23px; border: 1px solid rgba(255,255,255,.55); border-radius: 18px; background: linear-gradient(145deg,#197fff,#0e4fca); box-shadow: 0 20px 40px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.35); transform: rotate(-8deg); }
.ios-news-id-card i { display: block; width: 51px; height: 51px; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; }
.ios-news-id-card b { position: absolute; left: 101px; width: 108px; height: 8px; border-radius: 9px; background: rgba(255,255,255,.66); }
.ios-news-id-card b:nth-of-type(1) { top: 39px; }
.ios-news-id-card b:nth-of-type(2) { top: 62px; width: 80px; opacity: .65; }
.ios-news-id-card b:nth-of-type(3) { top: 86px; width: 101px; opacity: .4; }
.ios-news-prose { overflow-wrap: anywhere; color: #3d4c64; font-size: 14px; line-height: 1.85; }
.ios-news-prose p { margin: 14px 0; }
.ios-news-prose h2, .ios-news-prose h3 { scroll-margin-top: 24px; margin: 23px 0 8px; color: var(--ios-text); line-height: 1.4; }
.ios-news-prose h2 { font-size: 19px; }
.ios-news-prose h3 { font-size: 16px; }
.ios-news-prose ul, .ios-news-prose ol { margin: 8px 0 15px; padding-left: 22px; }
.ios-news-prose li { margin: 4px 0; }
.ios-news-prose img, .ios-news-prose video, .ios-news-prose iframe { max-width: 100%; height: auto; }
.ios-news-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.ios-news-prose th, .ios-news-prose td { padding: 8px 10px; border: 1px solid var(--ios-border); }
.ios-news-prose a { color: var(--ios-blue); text-decoration: underline; }
.ios-news-prose blockquote { margin: 20px 0; padding: 13px 16px; border-left: 4px solid var(--ios-blue); border-radius: 0 7px 7px 0; background: #f4f8ff; }
.ios-news-article-links { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 24px; padding-top: 17px; border-top: 1px solid #edf0f4; }
.ios-news-article-links a { display: flex; flex-direction: column; gap: 3px; font-size: 13px; font-weight: 650; }
.ios-news-article-links > div:last-child { text-align: right; }
.ios-news-article-links small { color: #8490a3; font-size: 11px; font-weight: 400; }
.ios-news-article-links a:hover { color: var(--ios-blue); }
.ios-news-toc { margin: 0; padding: 0; list-style: none; }
.ios-news-toc a { display: flex; align-items: center; gap: 10px; padding: 8px 2px; color: #4a5970; font-size: 13px; }
.ios-news-toc a:hover { color: var(--ios-blue); }
.ios-news-toc b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; color: var(--ios-blue); background: var(--ios-blue-soft); font-size: 11px; }
.ios-news-related { margin-top: 19px; }
.ios-news-related-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.ios-news-related-head h2 { margin: 0; font-size: 21px; }
.ios-news-related-head a { color: var(--ios-blue); font-size: 13px; }
.ios-news-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.ios-news-related-card { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 9px; }
.ios-news-related-card .ios-news-cover { flex: 0 0 75px; height: 68px; }
.ios-news-related-card .ios-news-cover-symbol .ios-icon { width: 36px; height: 36px; }
.ios-news-related-card strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.45; }
.ios-news-related-card small { display: block; margin-top: 4px; color: #8691a4; font-size: 11px; }

.ios-news-products { margin-top: 22px; padding: 21px; border: 1px solid #dfe8f7; border-radius: 12px; background: linear-gradient(135deg,#f6f9ff,#edf4ff); }
.ios-news-products-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.ios-news-products-head span { display: block; margin-bottom: 3px; color: var(--ios-blue); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.ios-news-products-head h2 { margin: 0; color: var(--ios-text); font-size: 22px; line-height: 1.3; }
.ios-news-products-head p { margin: 4px 0 0; color: #6b7890; font-size: 13px; }
.ios-news-products-head > a { flex: 0 0 auto; padding-bottom: 3px; color: var(--ios-blue); font-size: 13px; font-weight: 650; }
.ios-news-products-head > a:hover { color: var(--ios-blue-dark); }
.ios-news-products-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.ios-news-products-grid .ios-product-card { box-shadow: 0 8px 22px rgba(18,38,72,.055); }
.ios-news-products-grid .ios-product-name { display: -webkit-box; min-height: 2.8em; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }

.ios-buy-related-news summary span { color: var(--ios-blue); }
.ios-buy-related-news summary small { margin-left: auto; color: var(--ios-muted); font-size: 12px; font-weight: 400; }
.ios-buy-related-news > .ios-details-content { padding: 14px; }
.ios-buy-related-news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.ios-buy-related-news-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px; border: 1px solid var(--ios-border); border-radius: 8px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.ios-buy-related-news-card:hover, .ios-buy-related-news-card:focus-visible { border-color: #aac7ff; box-shadow: 0 8px 20px rgba(18,38,72,.08); }
.ios-buy-related-news-card .ios-news-cover { flex: 0 0 104px; height: 84px; }
.ios-buy-related-news-card .ios-news-cover-symbol .ios-icon { width: 38px; height: 38px; }
.ios-buy-related-news-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; align-self: stretch; }
.ios-buy-related-news-copy strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--ios-text); font-size: 13px; line-height: 1.4; }
.ios-buy-related-news-excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 4px; color: #65728a; font-size: 11px; line-height: 1.45; }
.ios-buy-related-news-meta { display: flex; justify-content: space-between; align-items: end; gap: 8px; margin-top: auto; padding-top: 7px; font-size: 11px; }
.ios-buy-related-news-meta time { color: #8792a5; white-space: nowrap; }
.ios-buy-related-news-meta > span { color: var(--ios-blue); white-space: nowrap; }
.ios-buy-related-news-empty { grid-column: 1 / -1; margin: 0; padding: 18px 4px; color: var(--ios-muted); font-size: 13px; text-align: center; }

@media (max-width: 900px) {
    .ios-news-layout, .ios-news-article-layout { grid-template-columns: minmax(0,1fr) 240px; }
    .ios-news-list-card { grid-template-columns: 160px minmax(0,1fr); }
    .ios-news-products-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .ios-news-page .ios-page-title h1 { font-size: 24px; }
    .ios-news-intro > span, .ios-news-filter-summary { display: none; }
    .ios-news-filter { gap: 3px; margin-bottom: 14px; padding: 6px; border-radius: 10px; scrollbar-width: none; }
    .ios-news-filter::-webkit-scrollbar { display: none; }
    .ios-news-filter a { min-height: 36px; padding: 7px 10px; font-size: 12px; }
    .ios-news-layout, .ios-news-article-layout { grid-template-columns: 1fr; gap: 14px; }
    .ios-news-side { display: none; }
    .ios-news-feed-head h2 { font-size: 18px; }
    .ios-news-list { gap: 9px; }
    .ios-news-list-card { grid-template-columns: 110px minmax(0,1fr); gap: 11px; padding: 9px; }
    .ios-news-list-card .ios-news-cover { height: 114px; border-radius: 7px; }
    .ios-news-cover-symbol .ios-icon { width: 45px; height: 45px; }
    .ios-news-list-copy { padding: 0; }
    .ios-news-kicker { font-size: 10px; }
    .ios-news-tag { min-height: 20px; font-size: 10px; }
    .ios-news-list-copy h3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 5px 0 4px; font-size: 14px; line-height: 1.35; }
    .ios-news-list-copy p { display: none; }
    .ios-news-card-bottom a { font-size: 11px; }
    .ios-news-article { padding: 17px 15px 20px; }
    .ios-news-article h1 { font-size: 23px; }
    .ios-news-article-meta { margin-bottom: 13px; }
    .ios-news-cover-hero { height: 160px; }
    .ios-news-id-card { transform: rotate(-8deg) scale(.75); }
    .ios-news-prose { font-size: 14px; line-height: 1.8; }
    .ios-news-prose h2 { font-size: 17px; }
    .ios-news-related-head h2 { font-size: 18px; }
    .ios-news-related-grid { grid-template-columns: 1fr; gap: 8px; }
    .ios-news-related-card .ios-news-cover { flex-basis: 66px; height: 58px; }
    .ios-news-related-card .ios-news-cover-symbol .ios-icon { width: 30px; height: 30px; }
    .ios-news-products { margin-top: 16px; padding: 14px 12px 10px; }
    .ios-news-products-head { align-items: start; margin-bottom: 12px; }
    .ios-news-products-head h2 { font-size: 19px; }
    .ios-news-products-head p { font-size: 11px; }
    .ios-news-products-head > a { padding-top: 4px; font-size: 11px; }
    .ios-news-products-grid { display: flex; gap: 9px; margin-right: -12px; padding-right: 12px; padding-bottom: 7px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .ios-news-products-grid::-webkit-scrollbar { display: none; }
    .ios-news-products-grid .ios-product-card { flex: 0 0 min(43vw,185px); scroll-snap-align: start; }
    .ios-buy-related-news-grid { grid-template-columns: 1fr; }
    .ios-buy-related-news > .ios-details-content { padding: 10px; }
    .ios-buy-related-news-card .ios-news-cover { flex-basis: 88px; height: 78px; }
}