*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{-webkit-text-size-adjust:100%;overflow-x: hidden;}/*font-size:5.2083333vw;*/

a{
	text-decoration: none;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select {background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;}
pre{white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;}
/*html5设置*/




        /* 全局重置 - 全设备通用*/
		/*html{ font-size:14px;}*/
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont,"Microsoft YaHei","SimSun", "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }	

        /* 基础布局 - 全设备通用 */
        body {
            background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
            min-height: 100vh;
            padding: 10px;
            touch-action: pan-y;			
        }
		
	.clear{ clear:both;}

        /* 内容容器 - 移动端/平板端直接显示 */
        .content-container {
            width: 100%;
            min-height: 100vh;
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }
		






/* 修复双页面同时显示问题 2026-4-7*/
.ipad-wrapper {
  display: block !important;
}
.content-container {
  display: none !important;
}
@media (max-width: 1130px) {
  .ipad-wrapper {
    display: none !important;
  }
  .content-container {
    display:block !important;
	border-radius: 16px;!important;
  }
}







		

        /* ==================== 电脑端iPad模拟样式 (仅桌面端显示) ==================== */
        @media (min-width: 1210px) {
            body {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 40px;
                overflow: hidden;
            }

            /* 隐藏基础内容容器，改用iPad模拟容器 */
            .content-container {
                display: none !important;
            }

            /* iPad主体容器 - 1:1还原iPad Pro */
            .ipad-wrapper {
                width: min(118vw, 830px);/*min(98vw, 830px)*/
                height: calc(min(118vw, 830px) * 0.625);/*calc(min(98vw, 830px) * 0.625);*/
                position: relative;
               /* transform: perspective(2000px) rotateX(5deg) rotateY(-1deg) scale(0.98);*/
                transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
                box-shadow: 
                    0 40px 80px rgba(0, 0, 0, 0.45),
                    0 15px 30px rgba(0, 0, 0, 0.25),
                    inset 0 0 0 1px rgba(255, 255, 255, 0.15);
                border-radius: 44px;
                background: #19191b;
                padding: 18px;
                touch-action: none;
                display: block;
            }

            .ipad-wrapper:hover {
               /* transform: perspective(2000px) rotateX(3deg) rotateY(-0.5deg) scale(1);*/
                box-shadow: 
                    0 45px 90px rgba(0, 0, 0, 0.5),
                    0 20px 40px rgba(0, 0, 0, 0.3),
                    inset 0 0 0 1px rgba(255, 255, 255, 0.2);
            }

            /* iPad金属中框 */
            .ipad-frame {
                width: 100%;
                height: 100%;
                border-radius: 36px;
                background: #212124;
                padding: 4px;
                position: relative;
                overflow: hidden;
                box-shadow: 
                    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
                    inset 0 0 12px rgba(0, 0, 0, 0.4);
            }

            /* 摄像头+听筒模组 */

            .ipad-camera-bar {
                position: absolute;
                top: 16px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 10;
                display: flex;
                align-items: center;
                gap: 12px;
            }

            .ipad-speaker {
                width: 80px;
                height: 4px;
                border-radius: 2px;
                background: #141416;
                box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9);
            }

            .ipad-camera {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background: #0c0c0d;
                box-shadow: 
                    inset 0 0 4px rgba(0, 0, 0, 0.9),
                    0 0 1px rgba(255, 255, 255, 0.18);
            }

            /* iPad屏幕区域 */
            .ipad-screen {
                width: 100%;
                height: 100%;
                border-radius: 32px;
                background: #ffffff;
                overflow: hidden;
                position: relative;
                box-shadow: 
                    inset 0 0 0 1px rgba(0, 0, 0, 0.07),
                    0 0 150px rgba(255, 255, 255, 0.05) inset;
            }

            /* 屏幕反光层 */
            .ipad-screen-glare {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                background: linear-gradient(115deg, 
                    rgba(255, 255, 255, 0.08) 0%, 
                    rgba(255, 255, 255, 0.03) 45%,
                    rgba(255, 255, 255, 0) 75%);
                border-radius: 32px;
                z-index: 5;
            }

            /* 电脑端内容容器 - 嵌入iPad屏幕 */
            .desktop-content {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
        }

        /* 隐藏iPad模拟容器 (移动端/平板端) */
        @media (max-width: 1024px) {
            .ipad-wrapper {
                display: none !important;
            }
        }

        /* ==================== 状态栏样式 (全设备通用) ==================== */
        .status-bar {
            height: 40px;
            width: 100%;
            background: #f9fafb;
            padding: 0 28px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            color: #111827;
            font-weight: 500;
            border-bottom: 1px solid #e5e7eb;
            flex-shrink: 0;
        }

        .status-left {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .status-date {
            font-size: 15px;
            color: #4b5563;
        }

        .status-time {
            font-weight: 600;
            letter-spacing: -0.3px;
			padding-top:3px;
			
        }

        .status-right {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .status-icon {
            font-size: 18px;
            -webkit-text-stroke: 0.5px transparent;
        }

        .battery-percent {
            font-size: 15px;
            margin-left: 0px;/*5px*/
            color: #374151;
        }

        /* 移动端状态栏适配 */
        @media (max-width: 768px) {
            .status-bar {
                padding: 0 20px;
                height: 36px;
                font-size: 14px;				
            }

            .status-icon {
                font-size: 16px;
            }

            .battery-percent {
                font-size: 13px;
            }
        }

        /* ==================== 核心内容区域 (全设备通用) ==================== */
        .content-wrapper {
            width: 100%;
            flex: 1;
            overflow-y: auto;
            padding: 24px 32px;
            background: #f9fafb;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            scrollbar-color: #d1d5db #f3f4f6;
        }

        .content-wrapper::-webkit-scrollbar {
            width: 8px;
        }

        .content-wrapper::-webkit-scrollbar-track {
            background: #f3f4f6;
            border-radius: 4px;
        }

        .content-wrapper::-webkit-scrollbar-thumb {
            background: #d1d5db;
            border-radius: 4px;
            transition: background 0.2s ease;
        }

        .content-wrapper::-webkit-scrollbar-thumb:hover {
            background: #9ca3af;
        }

        /* 移动端内容区适配 */
        @media (max-width: 768px) {
            .content-wrapper {padding: 20px 24px; /*自定byzn义：20px 18px;*/}			
        }

        /* ==================== 网站头部 (全设备通用) ==================== */
        .site-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 28px 0;
            border-bottom: 1px solid #e5e7eb;
            margin-bottom: 40px;
            flex-wrap: wrap;
            gap: 20px;
        }

        .site-logo {
            display: flex;
            align-items: center;
            gap: 5px;/*gap: 14px;*/
        }

        .logo-icon {
            width: 52px;
            height: 52px;
            border-radius: 12px;
           /* background: linear-gradient(135deg, #2563eb, #3b82f6);*/
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 22px;
        }

.logo-icon img { width:100%; height:auto}

        .logo-text {
            font-size: 28px;
            font-weight: 600;
            color: #444;
            letter-spacing: -0.8px;
        }
		


        .site-nav {
            display: flex;
            gap: 32px;
        }

        .site-nav a {
            text-decoration: none;
            color: #374151;
            font-size: 19px;
            font-weight: 500;
            transition: all 0.2s ease;
            position: relative;
            padding: 4px 0;
        }

        .site-nav a:after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 0;
            height: 2px;
            background: #00a452;
            transition: width 0.2s ease;
        }
		
      .site-nav a.hover:before {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #00a452;
            transition: width 0.2s ease;
        }
        .site-nav a:hover,
        .site-nav a:active {
            color: #00a452;
        }

        .site-nav a:hover:after,
        .site-nav a:active:after {
            width: 100%;
        }

        /* 移动端导航适配 */
        @media (max-width: 768px) {
            .site-nav {
                gap: 20px;
                width: 100%;
                justify-content: space-around;
            }

            .site-nav a {
                font-size: 17px;
            }

            .logo-text {
                font-size: 25px;
            }

            .site-header {
                margin-bottom: 24px;
                padding: 20px 0;
            }
			
.status-time {
padding-top: 2px;
}
			
        }

        




        /* ==================== 网站底部 (全设备通用) ==================== */
        .site-footer {
            text-align: center;
            padding: 30px 0;
            border-top: 1px solid #e5e7eb;
            color: #6b7280;
            font-size: 16px;
        }

        @media (max-width: 768px) {
            .site-footer {
                font-size: 14px;
                padding: 20px 0;
            }
        }

        /* 高性能优化 */
        .feature-card, .ipad-wrapper, .card-btn {
            will-change: transform, box-shadow;
        }





/*翻页开始*/
.p_d_30{ padding-bottom:20px;}
#pages {
line-height:20px;
color:#666666;
margin-top:0px;
display: block;
margin-right: auto;
margin-bottom: 0px;	
margin-left: auto;
padding-top:0px;
font-size:13px;

}
#pages a {
display:inline-block;
padding:7px 14px;	
background:#f9f9f9;
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
border: 1px solid #ddd;
font-size:13px;
margin:5px 0px 0 0;
color:#666666;
}
#pages a.a1 {padding:7px 14px; background-color:#FFFFFF;}
#pages a:hover { background:#00a452;color:#fff; }
#pages span { display:inline-block;padding:7px 14px; background:#00a452;color:#fff;
-moz-border-radius:4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */
}
.text-c{text-align: center}
@media all and (max-width:780px) {
#pages {
margin-top:0px;
}
#pages, #pages a {font-size:13px;}
#pages a, #pages a.a1, #pages span {padding:4px 12px; }
}


.gao10{ height:10px; width:100%;}