/*! 由 ./zh/about/flag/aboutserver.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);
            }
            /* 系统字体自适应 */
            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;
                transition: all 0.3s ease;
            }
            /* 设备比例切换容器 */
            .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;
            }
            .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.2s;
            }
            .device-btn.active, .device-btn:hover {
                background: var(--primary);
                color: white;
            }
            /* 页面主体容器（用于比例切换） */
            .page-wrapper {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0 var(--padding-sm);
                transition: all 0.3s ease;
                background: var(--bg);
            }
            .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;
                gap: var(--gap-sm);
                transition: all 0.3s ease;
            }
            /* 设备比例样式（移除 aspect-ratio 防止内容溢出，改用 min-height） */
            .device-pc {
                max-width: 1000px;
                width: 100%;
                min-height: 60vh;
                overflow-y: auto;
                border-radius: 12px;
                box-shadow: var(--device-shadow);
            }
            .device-tablet {
                max-width: 768px;
                width: 100%;
                min-height: 60vh;
                overflow-y: auto;
                border-radius: 12px;
                box-shadow: var(--device-shadow);
            }
            .device-mobile {
                max-width: 420px;
                width: 100%;
                min-height: 80vh;
                overflow-y: auto;
                border-radius: 20px;
                box-shadow: var(--device-shadow);
            }
            /* === 导航栏样式 === */
            .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.6s cubic-bezier(0.22,1,0.36,1) 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.2rem, 4vw, 1.5rem);
                font-weight: bold;
                color: var(--primary-dark);
                text-decoration: none;
            }
            .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.9rem, 3vw, 1rem);
            }
            .nav-links a:hover, .nav-links a.active {
                text-decoration: underline;
                font-weight: 600;
            }
            /* === 卡片通用样式 === */
            .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: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
                            box-shadow 0.35s ease;
                margin-top: var(--gap-sm);
                opacity: 0;
                animation: fadeInUp 0.7s cubic-bezier(0.25,0.46,0.45,0.94) 0.25s forwards;
            }
            .card:hover {
                transform: translateY(-3px);
                box-shadow: 0 16px 40px rgba(135,206,235,0.5);
            }
            .card h1 {
                color: var(--primary-dark);
                text-align: center;
                margin-bottom: var(--gap-lg);
                font-size: clamp(1.8rem, 6vw, 2.5rem);
            }
            /* 小巧返回按钮样式 */
            .back-btn {
                color: var(--primary-dark);
                text-decoration: none;
                font-weight: 500;
                font-size: 0.9rem;
                padding: 6px 20px;
                border: 1px solid var(--primary-dark);
                border-radius: 6px;
                transition: all 0.2s;
                align-self: flex-start;
                margin-bottom: 0;
            }
            .back-btn:hover {
                background: var(--primary-dark);
                color: white;
            }
            /* 淡蓝色文字表区样式 */
            .download-table {
                width: 100%;
                background: var(--table-blue);
                border-radius: 12px;
                padding: var(--padding-md);
                margin: var(--gap-md) 0;
                color: var(--table-text);
                line-height: 1.8;
                border: 1px solid var(--primary);
            }
            .download-table h3 {
                margin-bottom: var(--gap-sm);
                font-size: 1.2rem;
                border-bottom: 2px solid var(--primary);
                padding-bottom: 8px;
            }
            .download-table p {
                margin: 6px 0;
                font-size: 1rem;
            }
            .download-table .notice-item {
                margin-left: 16px;
                list-style: disc;
            }
            /* 问答样式 */
            .qa-item {
                margin: 12px 0;
                padding-left: 10px;
                border-left: 2px solid var(--primary-dark);
            }
            .qa-question {
                font-weight: bold;
                color: var(--primary-dark);
                margin-bottom: 4px;
            }
            .qa-answer {
                color: var(--table-text);
            }
            /* === 底部样式 === */
            footer {
                text-align: center;
                padding: var(--padding-md);
                background-color: var(--primary);
                color: var(--primary-dark);
                font-size: clamp(0.8rem, 2.5vw, 0.85rem);
                line-height: 1.5;
                width: 100%;
                opacity: 0;
                animation: fadeIn 0.8s ease 0.5s forwards;
            }
            /* ===== 动画关键帧 ===== */
            @keyframes fadeInUp {
                0% { opacity: 0; transform: translateY(24px); }
                100% { opacity: 1; transform: translateY(0); }
            }
            @keyframes fadeIn {
                0% { opacity: 0; }
                100% { 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;
                    padding-left: var(--padding-md);
                    padding-right: var(--padding-md);
                }
                .card {
                    max-width: 100%;
                }
                .download-table {
                    padding: var(--padding-sm);
                }
            }
            @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;
                }
            }
            .gold-text {
              color: #ffd700;
              text-shadow: 0 0 2px #ffaa00;
            }
            a.gold-link {
              color: #ffd700;
              text-decoration: none;
            }
            a.gold-link:hover {
              color: #fff176;
              text-decoration: underline;
            }
            
            a.green-link {
              color: #32c832;
              text-decoration: none;
            }
            a.green-link:hover {
              color: #48e048;
              text-decoration: underline;
            }
            
            a.gradient-text {
              background: linear-gradient(90deg, #ff0000, #ff9900, #ffff00, #33ff00, #00ff99, #0099ff, #6600ff);
              background-size: 600% 600%;
              color: transparent;
              background-clip: text;
              -webkit-background-clip: text;
              text-decoration: none;
              animation: gradientMove 8s linear infinite;
            }
            
            /* 鼠标悬浮稍微亮一点 */
            a.gradient-text:hover {
              opacity: 0.85;
            }
            
            /* 渐变动画 */
            @keyframes gradientMove {
              0% { background-position: 0% 50%; }
              50% { background-position: 100% 50%; }
              100% { background-position: 0% 50%; }
            }
                       .text-red {
              color: #ff0000;
              text-decoration: none;
            }
            
      
/* 内联 style="" 提取（保持原有高优先级） */
[data-css="sc1"]{font-weight:bold !important}
[data-css="sc2"]{font-weight:bold !important}
[data-css="sc3"]{font-weight:bold !important}
[data-css="sc4"]{font-weight:bold !important}
[data-css="sc5"]{font-weight:bold !important}
[data-css="sc6"]{font-weight:bold !important}
[data-css="sc7"]{font-weight:bold !important}
[data-css="sc8"]{font-weight:bold !important}
[data-css="sc9"]{font-weight:bold !important}
[data-css="sc10"]{font-weight:bold !important}
[data-css="sc11"]{font-weight:bold !important}
[data-css="sc12"]{font-weight:bold !important}
[data-css="sc13"]{font-weight:bold !important}
[data-css="sc14"]{font-weight:bold !important}
[data-css="sc15"]{font-weight:bold !important}
[data-css="sc16"]{font-weight:bold !important}
[data-css="sc17"]{font-weight:bold !important}
[data-css="sc18"]{font-weight:bold !important}
[data-css="sc19"]{font-weight:bold !important}
[data-css="sc20"]{font-weight:bold !important}
[data-css="sc21"]{font-weight:bold !important}
[data-css="sc22"]{font-weight:bold !important}
[data-css="sc23"]{font-weight:bold !important}
[data-css="sc24"]{font-weight:bold !important}
[data-css="sc25"]{font-weight:bold !important}
[data-css="sc26"]{font-weight:bold !important}
[data-css="sc27"]{font-weight:bold !important}
[data-css="sc28"]{font-weight:bold !important}
[data-css="sc29"]{font-weight:bold !important}
[data-css="sc30"]{font-weight:bold !important}
[data-css="sc31"]{font-weight:bold !important}
[data-css="sc32"]{font-weight:bold !important}
[data-css="sc33"]{font-weight:bold !important}
[data-css="sc34"]{font-weight:bold !important}
[data-css="sc35"]{font-weight:bold !important}
[data-css="sc36"]{font-weight:bold !important}
[data-css="sc37"]{font-weight:bold !important}
[data-css="sc38"]{font-weight:bold !important}
[data-css="sc39"]{font-weight:bold !important}
[data-css="sc40"]{font-weight:bold !important}
[data-css="sc41"]{font-weight:bold !important}
[data-css="sc42"]{font-weight:bold !important}
[data-css="sc43"]{font-weight:bold !important}
[data-css="sc44"]{font-weight:bold !important}
[data-css="sc45"]{font-weight:bold !important}