/*! 由 ./zh/download/flag/download-notice.html 内联 <style> 原样提取，勿手改（保持视觉一致） */

            * { margin: 0; padding: 0; box-sizing: border-box; }
            :root {
                --primary: #87CEEB;
                --primary-dark: #4682B4;
                --bg: #E6F7FF;
                --card: #FFFFFF;
                --text: #333;
                --gray: #666;
                --alert-bg: #003366;
                --table-blue: #E6F7FF;
                --table-text: #2C78B0;
                --gap-sm: 8px;
                --gap-md: 16px;
                --gap-lg: 24px;
                --padding-sm: 12px;
                --padding-md: 20px;
                --padding-lg: 30px;
                --device-shadow: 0 0 20px rgba(0,0,0,0.15);
                --elastic-out: cubic-bezier(0.34, 1.56, 0.64, 1);
                --elastic-soft: cubic-bezier(0.22, 1, 0.36, 1);
                --smooth: cubic-bezier(0.65, 0, 0.35, 1);
            }
            body::before {
                content: '';
                position: fixed; top: 0; left: 0;
                width: 100%; height: 100%;
                background: radial-gradient(ellipse at 20% 50%, rgba(135,206,235,0.10), transparent 60%),
                            radial-gradient(ellipse at 80% 20%, rgba(70,130,180,0.06), transparent 50%);
                z-index: 0;
                animation: bgDrift 14s ease-in-out infinite alternate;
                pointer-events: none;
            }
            @keyframes bgDrift { 0%{transform:scale(1);opacity:0.7} 100%{transform:scale(1.04);opacity:1} }
            body {
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
                background: #f0f4f8;
                color: var(--text);
                min-height: 100vh;
                display: flex;
                flex-direction: column;
                position: relative;
                font-size: 16px;
            }
            .device-switch-container {
                position: fixed; top: 80px; right: 20px; z-index: 99;
                display: flex; flex-direction: column; gap: 10px;
            }
            .switch-toggle-btn {
                width: 50px; height: 50px; border-radius: 50%;
                background: var(--primary); color: var(--primary-dark);
                border: none; font-size: 18px; cursor: pointer;
                box-shadow: var(--device-shadow);
                display: flex; align-items: center; justify-content: center;
                transition: all 0.3s var(--elastic-out);
            }
            .switch-toggle-btn:hover{transform:scale(1.08);box-shadow:0 0 25px rgba(135,206,235,0.5);}
            .switch-toggle-btn:active{transform:scale(0.93);transition-duration:0.1s;}
            .device-options { display: none; flex-direction: column; gap: 8px; background: white; padding: 10px; border-radius: 10px; box-shadow: var(--device-shadow); }
            .device-options.show { display: flex; }
            .device-btn {
                padding: 8px 12px; border: 1px solid var(--primary); border-radius: 6px;
                background: white; color: var(--primary-dark); cursor: pointer; font-size: 14px;
                transition: all 0.25s var(--elastic-soft);
            }
            .device-btn.active, .device-btn:hover { background: var(--primary); color: white; transform: translateX(-3px); }

            /* ===== 导航栏 ===== */
            .navbar {
                background: var(--primary); padding: 12px 0;
                box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                position: sticky; top: 0; z-index: 100; width: 100%;
                opacity: 0; transform: translateY(-100%);
                animation: navSlideIn 0.7s var(--elastic-soft) 0.1s forwards;
            }
            @keyframes navSlideIn{to{opacity:1;transform:translateY(0);}}
            .nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 var(--padding-sm); }
            .logo {
                font-size: clamp(1.1rem, 1.5vw, 1.3rem); font-weight: bold;
                color: var(--primary-dark); text-decoration: none;
                transition: transform 0.35s var(--elastic-out);
            }
            .logo:hover{transform:scale(1.06);}
            .nav-links { display: flex; gap: clamp(12px, 3vw, 20px); }
            .nav-links a {
                color: var(--primary-dark); font-weight: 500; text-decoration: none;
                font-size: clamp(0.85rem, 1.2vw, 0.95rem);
                position: relative; padding-bottom: 4px; transition: color 0.3s ease;
                opacity: 0; transform: translateY(-6px);
                animation: fadeSlideUp 0.45s var(--elastic-soft) forwards;
            }
            .nav-links a:nth-child(1){animation-delay:0.2s;}
            .nav-links a:nth-child(2){animation-delay:0.3s;}
            .nav-links a:nth-child(3){animation-delay:0.4s;}
            .nav-links a::after {
                content: ''; position: absolute; bottom: 0; left: 0;
                width: 0; height: 2px; background: var(--primary-dark); border-radius: 1px;
                transition: width 0.35s var(--elastic-out);
            }
            .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
            .nav-links a:hover, .nav-links a.active { font-weight: 600; }

            .page-wrapper {
                flex: 1; display: flex; flex-direction: column;
                align-items: center; justify-content: center;
                padding: 0 var(--padding-sm); transition: all 0.3s ease;
                position: relative; z-index: 1;
            }
            .container {
                flex: 1; max-width: 1200px; width: 100%; margin: 0 auto;
                padding: clamp(var(--padding-md), 5vw, var(--padding-lg)) var(--padding-sm);
                display: flex; flex-direction: column; align-items: center;
                justify-content: center; gap: var(--gap-sm);
            }
            .device-pc { max-width: 1000px; width: 100%; aspect-ratio: 16/9; overflow-y: auto; border-radius: 12px; box-shadow: var(--device-shadow); background: var(--bg); }
            .device-tablet { max-width: 768px; width: 100%; aspect-ratio: 4/3; overflow-y: auto; border-radius: 12px; box-shadow: var(--device-shadow); background: var(--bg); }
            .device-mobile { max-width: 420px; width: 100%; aspect-ratio: 9/16; overflow-y: auto; border-radius: 20px; box-shadow: var(--device-shadow); background: var(--bg); }

            .back-btn {
                color: var(--primary-dark); text-decoration: none; font-weight: 500; font-size: 0.85rem;
                padding: 4px 14px; border: 1px solid var(--primary-dark); border-radius: 5px;
                transition: all 0.35s var(--elastic-out);
                align-self: flex-start; margin-bottom: 4px;
                opacity: 0; transform: translateX(-20px);
                animation: fadeSlideIn 0.6s var(--elastic-soft) 0.2s forwards;
                display:inline-block; line-height:1.4;
            }
            .back-btn:hover { background: var(--primary-dark); color: white; transform: translateX(3px); }
            @keyframes fadeSlideIn{to{opacity:1;transform:translateX(0);}}
            @keyframes fadeSlideUp{to{opacity:1;transform:translateY(0);}}

            .card {
                background: var(--card); width: 100%; max-width: 800px; border-radius: 16px;
                box-shadow: 0 8px 24px rgba(135, 206, 235, 0.4);
                padding: clamp(var(--padding-md), 5vw, var(--padding-lg));
                transition: box-shadow 0.4s ease, transform 0.4s ease;
                margin-top: var(--gap-sm);
                opacity: 0; transform: translateY(24px) scale(0.98);
                animation: cardIn 0.8s var(--elastic-out) 0.3s forwards;
            }
            @keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1);}}
            .card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(135, 206, 235, 0.5); }
            .card h1 {
                color: var(--primary-dark); text-align: center; margin-bottom: var(--gap-lg);
                font-size: clamp(1.4rem, 2.2vw, 1.8rem);
                opacity: 0; transform: translateY(16px);
                animation: fadeSlideUp 0.65s var(--elastic-soft) 0.35s forwards;
            }

            .download-table {
                width: 100%;
                background: var(--table-blue);
                border-radius: 12px;
                padding: var(--padding-lg);
                margin: var(--gap-md) 0;
                color: var(--table-text);
                line-height: 1.9;
                border: 1px solid var(--primary);
                opacity: 0; transform: translateY(12px);
                animation: fadeSlideUp 0.5s var(--elastic-soft) 0.45s forwards;
            }
            .download-table h3 {
                margin-bottom: var(--gap-sm);
                font-size: clamp(1rem, 1.5vw, 1.15rem);
                border-bottom: 2px solid var(--primary);
                padding-bottom: 8px;
                opacity: 0; transform: translateY(8px);
                animation: fadeSlideUp 0.4s var(--elastic-soft) forwards;
            }
            .download-table h3:nth-of-type(1){animation-delay:0.5s;}
            .download-table h3:nth-of-type(2){animation-delay:0.7s;}
            .download-table h3:nth-of-type(3){animation-delay:0.9s;}
            .download-table p {
                margin: 8px 0;
                font-size: clamp(0.85rem, 1vw, 0.95rem);
                opacity: 0; transform: translateY(6px);
                animation: fadeSlideUp 0.35s var(--elastic-soft) forwards;
            }
            .download-table p:nth-of-type(1){animation-delay:0.55s;}
            .download-table p:nth-of-type(2){animation-delay:0.6s;}
            .download-table p:nth-of-type(3){animation-delay:0.65s;}
            .download-table p:nth-of-type(4){animation-delay:0.7s;}
            .download-table p:nth-of-type(5){animation-delay:0.75s;}
            .download-table p:nth-of-type(6){animation-delay:0.8s;}
            .download-table p:nth-of-type(7){animation-delay:0.85s;}
            .download-table p:nth-of-type(8){animation-delay:0.9s;}
            .download-table .notice-item {
                margin-left: 16px;
                padding-left: 4px;
                border-left: 2px solid rgba(70,130,180,0.2);
            }

            .anti-scam-bar {
                background-color: var(--alert-bg); color: #FFFFFF; text-align: center;
                padding: clamp(12px, 3vw, 15px) var(--padding-sm);
                font-weight: bold; font-size: clamp(0.8rem, 0.6vw, 0.85rem);
                border-top: 3px solid var(--primary); line-height: 1.6; width: 100%;
                opacity: 0; transform: translateY(100%);
                animation: barSlideUp 0.7s var(--elastic-soft) 0.5s forwards;
            }
            @keyframes barSlideUp{to{opacity:1;transform:translateY(0);}}

            footer {
                text-align: center; padding: var(--padding-md);
                background-color: var(--primary); color: var(--primary-dark);
                font-size: clamp(0.75rem, 0.6vw, 0.8rem); line-height: 1.5; width: 100%;
                opacity: 0; animation: footerIn 0.8s ease 0.6s forwards;
            }
            @keyframes footerIn{to{opacity:1;}}

            @media (max-width: 768px) {
                .device-switch-container { top: 70px; right: 10px; }
                .switch-toggle-btn { width: 40px; height: 40px; font-size: 16px; }
                .container { gap: var(--gap-sm); align-items: flex-start; }
                .card { max-width: 100%; }
                .download-table { padding: var(--padding-md); }
            }
            @media (max-width: 480px) {
                .nav-container { flex-wrap: wrap; justify-content: center; gap: var(--gap-sm); }
                .nav-links { margin-top: 8px; justify-content: center; }
                .device-options { right: 50px; }
                .container { align-items: flex-start; }
                .download-table { padding: var(--padding-sm); }
            }
      
/* 内联 style="" 提取（保持原有高优先级） */
[data-css="sc1"]{color:var(--primary-dark) !important}