.content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .text-shadow-lg {
                text-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
            }
            .bg-gradient-primary {
                background: linear-gradient(to right, #A50000, #7A0000); /* 水平渐变更兼容 */
            }
            .glass-effect {
                background: rgba(255, 255, 255, 0.85);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
            }
            .ai-grid {
                background-image: 
                    radial-gradient(rgba(165, 0, 0, 0.1) 1px, transparent 1px),
                    radial-gradient(rgba(165, 0, 0, 0.1) 1px, transparent 1px);
                background-size: 40px 40px;
                background-position: 0 0, 20px 20px;
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-5px);
            }
            .score-circle {
                transform: rotate(-90deg);
            }
    
		.gearDate{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;background-color:rgba(0,0,0,0.2);display:block;position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2018917;overflow:hidden;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform:translateZ(0)}
.date_ctrl{vertical-align:middle;background-color:#F0F0F0;border:1px solid #a5a5a5;border-radius:5px;color:#363837;margin:0;height:auto;width:90%;max-width:600px;position:absolute;left:0;right:0;top:12%;z-index:9902;overflow:hidden;margin:0 auto;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0)}
.date_roll{position:relative;width:100%;height:auto;overflow:hidden;font-weight:bold;background-color:transparent;-webkit-mask:-webkit-gradient(linear,0% 50%,0% 100%,from(#debb47),to(rgba(36,142,36,0)));-webkit-mask:-webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0))}
.date_roll>div{font-size:2em;height:6em;float:left;background-color:transparent;position:relative;overflow:hidden;width:33.33%}
.date_roll_more>div{width:25%}
.date_roll_minut>div{width:20%}
.date_roll_mask{padding:0 1em;-webkit-mask:-webkit-gradient(linear,0% 40%,0% 0%,from(#debb47),to(rgba(36,142,36,0)));-webkit-mask:-webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0))}
.date_grid{position:relative;top:2em;width:100%;height:2em;margin:0;box-sizing:border-box;z-index:0;background-color:#E8E8E8;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4}
.date_grid>div{color:#000;position:absolute;right:0;top:0;font-size:.8em;line-height:2.5em}
.date_info_box{color:#363837;font-size:1.8em;text-align:center;padding:.6em 0;text-align:center;border-bottom:1px solid #d4d4d4;font-weight:700}
.date_class_box{text-align:center;padding:1em 2em}
.date_class{display:inline-block;font-size:1.4em;width:40%;padding:.4em 0;text-align:center;color:#c91723;border:1px solid #c91723;cursor:pointer}
.date_class_box .date_class:first-child{border-top-left-radius:.2em;border-bottom-left-radius:.2em}
.date_class_box .date_class:last-child{border-top-right-radius:.2em;border-bottom-right-radius:.2em}
.date_class_box .active{background-color:#c91723;color:#fff}
.date_btn_box{overflow:hidden;position:relative;border-top:1px solid #d4d4d4;margin-top:1em}
.date_btn{color:#000;font-size:1.6em;line-height:1em;text-align:center;padding:.8em 1em;cursor:pointer;float:left;width:49.9%;box-sizing:border-box}
.lcalendar_cancel{float:left !important}
.lcalendar_finish{float:right !important}
.date_btn.lcalendar_cancel{border-right:1px solid #d4d4d4}
.gear{float:left;position:absolute;z-index:9902;width:5.5em;margin-top:-6em;cursor:pointer;padding:2em 0}
.date_roll>div .gear{width:100%;color:#000}
.tooth{height:2em;line-height:2em;text-align:center;overflow:hidden}
._citys{background-color:#F0F0F0;border:1px solid #a5a5a5;border-radius:5px;display:inline-block;border:2px solid #eee;padding:5px;position:relative}
._citys span{color:#56b4f8;height:15px;width:15px;line-height:15px;text-align:center;border-radius:3px;position:absolute;right:10px;top:10px;border:1px solid #56b4f8;cursor:pointer}
._citys0{width:100%;height:34px;display:inline-block;border-bottom:2px solid #56b4f8;padding:0;margin:0}
._citys0 li{display:inline-block;line-height:34px;font-size:15px;color:#888;width:80px;text-align:center;cursor:pointer;*float:left}
.citySel{background-color:#56b4f8;color:#fff !important}
._citys1{width:100%;display:inline-block;padding:10px 0}
._citys1 a{width:83px;height:35px;display:inline-block;background-color:#f5f5f5;color:#666;margin-left:6px;margin-top:3px;line-height:35px;text-align:center;cursor:pointer;font-size:13px;overflow:hidden}
._citys1 a:hover{color:#fff;background-color:#56b4f8}
#PoPy{position:fixed !important;top:0 !important;left:0 !important;right:0;bottom:0;width:auto !important;background:rgba(0,0,0,.5) !important}
#PoPy ._citys{position:absolute;left:0;right:0;width:auto;border:0;padding:0;max-width:360px;margin-left:auto;margin-right:auto;-webkit-overflow-scrolling:touch;top:10px}
#PoPy ._citys span{font-family:'宋体';height:30px;width:30px;line-height:30px;color:#5c5c5c !important;border:0;position:absolute;z-index:1}
#PoPy ._citys1{padding:0;height:326px;padding-bottom:4%;overflow-y:auto;-webkit-display:flex;-moz-display:flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-moz-align-content:flex-start;align-content:flex-start}
#PoPy ._citys1 a{border:1px solid #98989f;border-radius:4px;background:#fff;color:#222;font-size:14px;height:30px;overflow:hidden;line-height:30px;margin:4% 0 0 4%;width:28%;box-sizing:border-box}
#PoPy .AreaS{border-color:#f00!important;color:#f00!important;background:none!important;position:relative}
#PoPy .AreaS::after,#PoPy .AreaS::before{content:'';position:absolute}
#PoPy .AreaS::before{width:0;height:0;right:-.1rem;bottom:-.1rem;border:.1rem solid transparent;border-left-color:#f00;transform:rotate(45deg)}
#PoPy .AreaS::after{right:2px;bottom:2px;width:2px;height:6px;border:1px solid transparent;border-right-color:#fff;border-bottom-color:#fff;transform:rotate(45deg)}
#PoPy ._citys0{border-bottom:0 !important;vertical-align:top;font-size:0;height:auto;padding-top:40px}
#PoPy ._citys0::after{content:'选择出生地点';position:absolute;top:4px;left:0;right:0;line-height:40px;text-align:center;font-size:16px;color:#000}
#PoPy ._citys0 li{width:33.333333%;border-bottom:1px solid #f8f8f8;padding:1px 0;color:#585c64;font-size:14px;line-height:36px}
#PoPy ._citys0 .citySel{border-bottom:2px solid #f00 !important;color:#f00 !important;background:none !important;padding-bottom:0 !important}
.citySel,.AreaS,._citys1 a:hover{background:none!important}