:root {
    --bg: #eef8ff;
    --ink: #10233f;
    --muted: #57708c;
    --blue: #12aee8;
    --blue2: #1f66e5;
    --cyan: #7de4ff;
    --line: #bfeaff;
    --card: #ffffff;
    --soft: #e7f8ff;
    --shadow: 0 26px 70px rgba(18, 91, 147, .13);
    --shadow-strong: 0 34px 86px rgba(13, 90, 150, .22);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    color: var(--ink);
    background:
        linear-gradient(rgba(19, 103, 160, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(19, 103, 160, .025) 1px, transparent 1px),
        linear-gradient(180deg, #eef9ff 0%, #f9fdff 44%, #fff 100%);
    background-size: 34px 34px, 34px 34px, auto;
    line-height: 1.78;
}

a { text-decoration: none; color: inherit; }

.container { width: min(1180px, calc(100% - 36px)); margin: auto; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(236, 249, 255, .9);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(151, 220, 255, .72);
}

.header-inner { height: 82px; display: flex; align-items: center; gap: 32px; }

.brand { display: flex; align-items: center; gap: 12px; font-weight: 900; font-size: 24px; }

.brand span {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, var(--blue), var(--blue2));
    box-shadow: 0 15px 35px rgba(19, 126, 214, .28);
}

.nav { display: flex; gap: 24px; margin-left: auto; color: #31506f; font-weight: 800; }
.nav a:hover { color: var(--blue2); }

.header-action,
.btn,
.download-card a,
.more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 12px 24px;
    font-weight: 900;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.header-action,
.btn.primary,
.download-card.main a,
.more-link {
    background: linear-gradient(135deg, var(--blue), var(--blue2));
    color: white;
    box-shadow: 0 14px 34px rgba(20, 116, 210, .26);
}

.btn.ghost {
    border: 1px solid #7bd7ff;
    color: #096293;
    background: white;
}

.header-action:hover,
.btn:hover,
.download-card a:hover,
.more-link:hover { transform: translateY(-2px); box-shadow: var(--shadow-strong); }

.hero-section {
    position: relative;
    overflow: hidden;
    padding: 86px 0 82px;
    background:
        radial-gradient(circle at 82% 16%, #bdefff 0, transparent 34%),
        radial-gradient(circle at 12% 72%, rgba(31, 102, 229, .16) 0, transparent 28%),
        linear-gradient(135deg, #effbff 0, #dff5ff 100%);
}

.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255,255,255,.45), transparent 48%);
    pointer-events: none;
}

.hero-layout { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: center; }
.eyebrow { margin: 0 0 12px; color: #008ace; font-weight: 900; letter-spacing: .08em; }
.hero-content h1 { font-size: 64px; line-height: 1.04; margin: 0 0 24px; }
.hero-desc { font-size: 20px; color: #42617f; margin: 0 0 28px; }
.hero-buttons, .hero-tips { display: flex; gap: 16px; flex-wrap: wrap; }
.hero-tips { margin-top: 30px; }

.hero-tips span {
    background: rgba(255,255,255,.86);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px 20px;
    color: #31506f;
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(22, 113, 172, .08);
}

.hero-dashboard { position: relative; min-height: 560px; display: grid; place-items: center; }

.phone-preview {
    position: relative;
    width: min(360px, 80vw);
    height: 520px;
    border: 18px solid #14365d;
    border-radius: 46px;
    background: linear-gradient(180deg, #f8fdff, #cdefff);
    box-shadow: 0 30px 80px rgba(10,95,160,.24);
    padding: 48px 26px;
}

.phone-notch {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 112px;
    height: 26px;
    background: #14365d;
    border-radius: 0 0 18px 18px;
}

.dashboard-head { display: flex; justify-content: space-between; font-weight: 900; margin-bottom: 24px; }
.dashboard-list { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; }

.dashboard-list span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: white;
    color: var(--blue2);
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(31, 102, 229, .12);
}

.dashboard-list b {
    background: rgba(255,255,255,.76);
    padding: 10px 14px;
    border-radius: 14px;
}

.float-panel {
    position: absolute;
    right: 5%;
    bottom: 76px;
    background: rgba(8, 104, 153, .92);
    color: white;
    padding: 22px 28px;
    border-radius: 18px 18px 42px 18px;
    font-size: 22px;
    font-weight: 900;
    box-shadow: var(--shadow-strong);
}

.float-panel small { font-size: 15px; font-weight: 600; }

.section-title { text-align: center; margin-bottom: 40px; }
.section-title h2, .version-card h2, .security-content h2, .faq-title h2 { font-size: 42px; line-height: 1.15; margin: 0 0 12px; }
.section-title span, .version-card p, .security-content p, .faq-title span { color: var(--muted); font-size: 18px; }
.section-title span {
    display: block;
    max-width: 860px;
    margin: 14px auto 0;
    line-height: 1.9;
}

.download-section, .features-section, .install-section, .faq-section, .news-section { padding: 86px 0; }
.download-grid, .feature-grid, .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.download-card,
.feature-card,
.faq-item,
.news-card,
.version-card,
.risk-card,
.list-card,
.sidebar,
.article-detail {
    position: relative;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(180, 232, 255, .94);
    border-radius: 30px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.download-card::before,
.feature-card::before,
.faq-item::before,
.version-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 6%, rgba(125, 228, 255, .35), transparent 32%);
    pointer-events: none;
}

.download-card {
    min-height: 360px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.download-card:hover,
.feature-card:hover,
.faq-item:hover,
.news-card:hover,
.timeline-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-strong);
    border-color: #86ddff;
}

.download-card.main {
    color: white;
    background:
        radial-gradient(circle at 78% 8%, rgba(255,255,255,.24), transparent 33%),
        linear-gradient(145deg, #067fc3, #13b8ee);
    transform: translateY(-10px);
}

.download-card h3 { position: relative; font-size: 27px; line-height: 1.2; margin: 10px 0 2px; }
.download-card p, .feature-card p, .faq-item p, .news-card p { position: relative; color: var(--muted); margin: 0; }
.download-card.main p { color: #e9fbff; }

.download-icon {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #e5f8ff, #ffffff);
    color: #0078b9;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(157, 225, 255, .9), 0 16px 36px rgba(0, 118, 190, .12);
}

.download-card.main .download-icon {
    background: rgba(255,255,255,.18);
    color: white;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

.download-card a {
    position: relative;
    margin-top: auto;
    background: #eaf8ff;
    color: #006797;
}

.download-card.main a { background: white; color: #0872a6; box-shadow: none; }

.version-section, .security-section {
    padding: 86px 0;
    background:
        radial-gradient(circle at 86% 16%, rgba(125, 228, 255, .36), transparent 32%),
        linear-gradient(135deg, #e9f9ff, #d9f2ff);
}

.version-layout, .security-layout, .faq-layout, .article-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: start; }
.version-card { padding: 34px; }
.metrics-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

.metrics-grid div {
    background: rgba(255,255,255,.88);
    border: 1px solid var(--line);
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 18px 44px rgba(22, 113, 172, .08);
}

.metrics-grid b { font-size: 36px; color: var(--blue2); display: block; }

.feature-card {
    min-height: 214px;
    padding: 30px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.feature-card span {
    position: relative;
    display: block;
    width: 46px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--blue), var(--blue2));
    margin-bottom: 20px;
}

.feature-card h3, .faq-item h3 { position: relative; margin: 0 0 10px; font-size: 22px; }

.timeline { display: grid; gap: 22px; }

.timeline-item {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 22px;
    background: rgba(255,255,255,.9);
    border: 1px solid var(--line);
    border-radius: 30px;
    padding: 26px;
    box-shadow: var(--shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.timeline-item b {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, var(--blue), var(--blue2));
    color: white;
    font-size: 20px;
    box-shadow: 0 16px 34px rgba(20, 116, 210, .24);
}

.timeline-item h3 { margin: 0; font-size: 24px; }
.timeline-item p { grid-column: 2; color: var(--muted); margin: 0; font-size: 17px; }

.security-list { padding: 0; margin: 24px 0 0; list-style: none; }

.security-list li {
    background: rgba(255,255,255,.86);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 12px 16px;
    margin: 10px 0;
}

.security-visual { min-height: 360px; position: relative; display: grid; place-items: center; }

.shield {
    width: 230px;
    height: 230px;
    border-radius: 46px;
    background:
        linear-gradient(145deg, #0a2750, #11aee9);
    display: grid;
    place-items: center;
    box-shadow: var(--shadow-strong);
}

.shield span {
    width: 92px;
    height: 120px;
    background: white;
    clip-path: polygon(50% 0,95% 20%,82% 82%,50% 100%,18% 82%,5% 20%);
}

.pass-card {
    position: absolute;
    bottom: 18px;
    left: 20px;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 20px;
    box-shadow: var(--shadow);
}

.pass-progress { height: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--blue2)); margin-top: 12px; }
.faq-title { align-self: start; }
.faq-summary {
    margin-top: 26px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(224,247,255,.82));
    box-shadow: 0 18px 48px rgba(16, 92, 140, .09);
}
.faq-summary b { display: block; font-size: 22px; margin-bottom: 10px; color: var(--dark); }
.faq-summary p { margin: 0 0 16px; color: var(--muted); line-height: 1.9; }
.faq-summary a { color: var(--blue); font-weight: 900; }
.faq-list { display: grid; gap: 18px; }
.faq-item {
    min-height: 154px;
    padding: 28px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.faq-item h3 { margin-bottom: 12px; }
.faq-item p { line-height: 1.9; font-size: 16.5px; }
.news-card { padding: 0; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.news-card a { display: block; padding: 24px; }

.news-cover {
    height: 150px;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 78% 20%, rgba(255,255,255,.34), transparent 28%),
        linear-gradient(135deg, #dff7ff, #0ca9e8);
    color: white;
    font-size: 46px;
    font-weight: 900;
    margin-bottom: 18px;
}
.news-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }

.site-footer { background: linear-gradient(135deg, #08243f, #061d33); color: white; padding: 42px 0; }
.footer-inner { text-align: center; }
.footer-logo { font-size: 28px; font-weight: 900; }
.footer-links { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin: 18px 0; }
.footer-note {
    max-width: 980px;
    margin: 20px auto 0;
    color: rgba(255,255,255,.78);
    font-size: 15px;
    line-height: 1.9;
}
.back-top { position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--blue2); color: white; display: grid; place-items: center; box-shadow: var(--shadow); }

.page-main { padding-top: 20px; }
.article-hero { padding: 90px 0 54px; background: linear-gradient(135deg, #e8f9ff, #d9f2ff); }
.article-hero h1, .article-title h1 { font-size: 48px; line-height: 1.16; margin: 0 0 12px; }
.article-list-section { padding: 54px 0; }
.article-layout { display: block; }
.article-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.list-card { padding: 24px; margin-bottom: 0; }
.list-card-media { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 22px; align-items: center; }
.list-thumb {
    width: 180px;
    aspect-ratio: 16 / 10;
    border-radius: 22px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.36), transparent 26%),
        linear-gradient(135deg, #0b3157, #16afea 62%, #7be7ff);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}
.list-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.list-thumb span { color: white; font-size: 34px; font-weight: 900; letter-spacing: 0; }
.list-content { min-width: 0; }
.list-card h2 { margin: 0 0 10px; font-size: 24px; line-height: 1.32; }
.list-card p { color: var(--muted); line-height: 1.75; margin: 0 0 12px; }
.list-card .list-content > span { color: #7c92a8; font-size: 14px; }
.sidebar {
    margin-top: 30px;
    padding: 28px;
    position: static;
}
.sidebar h3 { margin: 0 0 16px; }
.sidebar a {
    display: inline-flex;
    margin: 0 10px 12px 0;
    padding: 10px 16px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(240, 250, 255, .86);
    color: #31506f;
}
.sidebar a:hover { border-color: #86ddff; color: var(--blue2); }
.article-detail { max-width: 960px; margin-top: 54px; padding: 42px; }
.article-body { font-size: 18px; color: #263f5a; }
.article-body img { max-width: 100%; height: auto; border-radius: 18px; }
.article-nav { display: grid; gap: 12px; margin-top: 36px; }
.article-nav a { background: #f0faff; border: 1px solid var(--line); border-radius: 14px; padding: 14px; }
.entry-section { margin-top: 24px; }
.entry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.entry-card {
    display: block;
    min-height: 118px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 82% 12%, rgba(125, 228, 255, .34), transparent 34%),
        rgba(255,255,255,.92);
    box-shadow: var(--shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.entry-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-strong); border-color: #86ddff; }
.entry-card b { display: block; font-size: 20px; margin-bottom: 8px; }
.entry-card span { color: var(--muted); font-size: 15px; }
.download-page-hero {
    padding: 78px 0;
    background:
        radial-gradient(circle at 74% 16%, rgba(125, 228, 255, .46), transparent 32%),
        linear-gradient(135deg, #eefaff, #d9f3ff);
}
.download-page-layout { display: grid; grid-template-columns: 1fr .82fr; gap: 46px; align-items: center; }
.download-page-copy h1 { font-size: 56px; line-height: 1.08; margin: 0 0 20px; }
.download-page-copy p { color: var(--muted); font-size: 19px; }
.download-art { min-height: 340px; display: grid; place-items: center; }
.download-orbit {
    position: relative;
    width: 260px;
    height: 260px;
    border-radius: 48px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(145deg, #0b2d5c, #14b4ea);
    box-shadow: var(--shadow-strong);
    overflow: hidden;
}
.download-orbit::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 50%;
}
.download-orbit span {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 22px rgba(255,255,255,.8);
}
.download-orbit span:nth-child(1) { top: 54px; right: 64px; }
.download-orbit span:nth-child(2) { bottom: 60px; left: 58px; }
.download-orbit span:nth-child(3) { bottom: 72px; right: 58px; background: var(--cyan); }
.download-orbit b { position: relative; font-size: 40px; letter-spacing: .08em; }
.download-option-section { padding: 78px 0; }
.download-option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.download-option-card {
    position: relative;
    min-height: 500px;
    padding: 38px;
    border: 1px solid var(--line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 86% 10%, rgba(125, 228, 255, .34), transparent 34%),
        rgba(255,255,255,.94);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.download-option-card.android-card {
    color: white;
    background:
        radial-gradient(circle at 86% 12%, rgba(255,255,255,.24), transparent 34%),
        linear-gradient(145deg, #087fc4, #13b8ee);
}
.download-option-card h2 { font-size: 38px; line-height: 1.15; margin: 14px 0; }
.download-option-card p { color: var(--muted); font-size: 18px; }
.download-option-card.android-card p,
.download-option-card.android-card li { color: #e8fbff; }
.download-option-card ul { margin: 24px 0 28px; padding: 0; list-style: none; }
.download-option-card li {
    margin: 12px 0;
    padding-left: 28px;
    color: #3e5d7b;
    position: relative;
}
.download-option-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--blue), var(--blue2));
}
.download-option-card.android-card li::before { background: white; }
.original-icon {
    width: 96px;
    height: 96px;
    border-radius: 30px;
    display: grid;
    place-items: center;
    position: relative;
    background: linear-gradient(145deg, #e7f9ff, #fff);
    box-shadow: inset 0 0 0 1px rgba(132, 219, 255, .9), 0 20px 42px rgba(22, 113, 172, .13);
}
.android-card .original-icon {
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.38);
}
.apple-icon::before {
    content: "";
    width: 36px;
    height: 46px;
    border-radius: 18px 18px 20px 20px;
    background: linear-gradient(145deg, #087fc4, #1f66e5);
}
.apple-icon::after {
    content: "";
    position: absolute;
    top: 24px;
    right: 31px;
    width: 15px;
    height: 15px;
    border-radius: 12px 12px 2px 12px;
    background: #20d292;
    transform: rotate(-28deg);
}
.android-icon::before {
    content: "";
    width: 44px;
    height: 34px;
    border-radius: 16px 16px 12px 12px;
    background: white;
}
.android-icon::after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border: 4px solid rgba(255,255,255,.82);
    border-radius: 50%;
}
.android-icon i {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #087fc4;
    box-shadow: 18px 0 0 #087fc4;
}
.pagination { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; }
.pagination a, .pagination span, .pagination strong { padding: 8px 14px; border-radius: 999px; background: white; border: 1px solid var(--line); }
.pagination strong { background: var(--blue2); color: white; }

.reveal { opacity: 0; transform: translateY(20px); transition: .6s ease; }
.reveal.visible { opacity: 1; transform: none; }

/* sao1 SEO content polish */
.section-title {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.section-title span {
    display: block;
    max-width: 940px;
    margin: 0 auto;
    line-height: 1.9;
}
.download-card,
.feature-card,
.faq-item,
.news-card,
.list-card {
    backdrop-filter: blur(14px);
}
.download-card p,
.feature-card p,
.faq-item p,
.news-card p,
.list-content p {
    line-height: 1.9;
}
.download-card:hover,
.feature-card:hover,
.faq-item:hover,
.news-card:hover,
.list-card:hover {
    border-color: rgba(24, 172, 236, .42);
}
.news-grid {
    align-items: stretch;
}
.news-card a {
    height: 100%;
}
.news-card h3 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.35;
}
.news-card p {
    font-size: 16px;
}
.news-cover {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 18px 44px rgba(13, 117, 190, .13);
}
.article-hero p {
    max-width: 960px;
    line-height: 1.9;
    color: var(--muted);
    font-size: 18px;
}
.article-layout {
    display: block;
}
.article-list {
    margin-bottom: 34px;
}
.list-card {
    min-height: 244px;
}
.list-content h2 {
    line-height: 1.28;
}
.list-content span {
    color: #7d95ad;
}
.pagination-wrap {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    margin-top: 14px;
}
.pagination-wrap nav,
.pagination-wrap > div,
.pagination-wrap .pagination {
    width: 100%;
}
.pagination-wrap nav > div:first-child,
.pagination-wrap nav > div:last-child > div:first-child,
.pagination-wrap p {
    display: none !important;
}
.pagination-wrap nav > div:last-child,
.pagination-wrap nav > div:last-child > div:last-child,
.pagination-wrap .pagination {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.pagination-wrap a,
.pagination-wrap span,
.pagination-wrap strong {
    box-sizing: border-box;
    min-width: 34px;
    height: 34px;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    border: 1px solid var(--line) !important;
    background: rgba(255,255,255,.92) !important;
    color: #31506f !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}
.pagination-wrap [aria-current="page"] span,
.pagination-wrap strong {
    background: linear-gradient(135deg, var(--blue), var(--blue2)) !important;
    border-color: transparent !important;
    color: #fff !important;
}
.pagination-wrap svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: block !important;
}
.pagination-wrap .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 900px) {
    .container { width: min(100% - 28px, 1180px); }
    .header-inner { height: auto; padding: 14px 0; align-items: flex-start; }
    .nav { display: none; }
    .hero-layout, .version-layout, .security-layout, .faq-layout { grid-template-columns: 1fr; }
    .hero-content h1 { font-size: 42px; }
    .download-grid, .feature-grid, .news-grid { grid-template-columns: 1fr; }
    .hero-dashboard { min-height: 420px; }
    .phone-preview { height: 410px; }
    .download-card.main { transform: none; }
    .section-title h2, .version-card h2, .security-content h2, .faq-title h2 { font-size: 32px; }
    .timeline-item { grid-template-columns: 64px 1fr; padding: 20px; }
    .timeline-item b { width: 52px; height: 52px; border-radius: 18px; }
    .timeline-item p { grid-column: 1 / -1; }
    .entry-grid { grid-template-columns: 1fr; }
    .download-page-layout, .download-option-grid { grid-template-columns: 1fr; }
    .download-page-copy h1 { font-size: 40px; }
    .download-option-card h2 { font-size: 30px; }
    .download-option-card { min-height: auto; }
    .article-detail { padding: 24px; }
    .article-hero h1, .article-title h1 { font-size: 34px; }
    .article-list { grid-template-columns: 1fr; }
    .list-card-media { grid-template-columns: 1fr; gap: 16px; }
    .list-thumb { width: 100%; border-radius: 20px; }
    .list-card h2 { font-size: 22px; }
    .faq-summary { margin-top: 18px; }
    .faq-item { min-height: auto; }
    .news-card h3 { font-size: 20px; }
    .article-hero p { font-size: 16px; }
}

/* v2.3 seo speed polish */
img{max-width:100%;height:auto}
.news-card,.article-card,.news-item,.feature-card,.download-card,.download-option-card,.side-card{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}