/* 顶部关于类页面专用头部，全新布局 */
.about-header{
    width:100%;
    background:radial-gradient(1200px 600px at 10% 10%,rgba(37,99,235,.16),transparent 55%),
               radial-gradient(900px 520px at 85% 0,rgba(14,165,233,.18),transparent 55%),
               linear-gradient(135deg,#0f172a,#020617);
    color:#e5e7eb;
    padding:26px 0 20px;
    box-shadow:0 14px 40px rgba(15,23,42,0.6);
}

.about-header-inner{
    width:1200px;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.about-header-left{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}

.about-logo img{
    max-height:52px;
    width:auto;
    display:block;
}

.about-header-text h1{
    margin:0 0 4px;
    font-size:22px;
    font-weight:700;
}

.about-header-text p{
    margin:0;
    font-size:13px;
    color:rgba(209,213,219,0.85);
}

.about-header-nav{
    display:flex;
    align-items:center;
    gap:10px;
}

.about-nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,0.5);
    background:rgba(15,23,42,0.6);
    color:#e5e7eb;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:all 0.25s ease;
    white-space:nowrap;
}

.about-nav-link:hover{
    border-color:#38bdf8;
    color:#fff;
    background:rgba(15,23,42,0.9);
    transform:translateY(-1px);
    box-shadow:0 10px 25px rgba(56,189,248,0.35);
}

.about-nav-link.current{
    border-color:#38bdf8;
    background:linear-gradient(135deg,#22c55e,#0ea5e9);
    color:#0b1120;
    font-weight:600;
}

/* 关于类页面统一内容外壳 */
.about-shell{
    background:#f3f5f9;
    padding:30px 0 50px;
}

.about-main{
    width:1200px;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    gap:26px;
}

.about-main.single-column{
    display:block;
    max-width:1200px;
}

/* 侧边导航（关于我们子栏目） */
.about-side{
    flex:0 0 220px;
    background:#ffffff;
    border-radius:18px;
    padding:22px 16px;
    box-shadow:0 18px 45px rgba(15,23,42,0.08);
    align-self:flex-start;
}

.about-side a{
    display:block;
    padding:10px 12px;
    margin-bottom:6px;
    border-radius:10px;
    font-size:14px;
    color:#4b5563;
    text-decoration:none;
    transition:all 0.2s ease;
}

.about-side a:hover{
    background:#eff6ff;
    color:#12438f;
    transform:translateX(3px);
}

.about-side a.current{
    background:linear-gradient(135deg,#12438f,#2563eb);
    color:#ffffff;
    font-weight:600;
}

/* 主内容卡片 */
.about-content{
    flex:1;
    text-align: left;
}

.about-content-inner{
    background:#ffffff;
    border-radius:20px;
    padding:28px 32px;
    box-shadow:0 22px 55px rgba(15,23,42,0.1);
    font-size:14px;
    line-height:1.8;
    color:#374151;
}

.about-content-inner h1,
.about-content-inner h2,
.about-content-inner h3{
    color:#111827;
}

/* 站点地图卡片化 */
.about-content-inner.sitemap .h3{
    font-size:16px;
    font-weight:600;
    margin-top:18px;
    margin-bottom:6px;
}

.about-content-inner.sitemap ul{
    display:flex;
    flex-wrap:wrap;
    gap:6px 16px;
    padding:6px 0 10px;
}

.about-content-inner.sitemap ul li{
    width:auto;
    margin:0;
    text-indent:0;
}

.about-content-inner.sitemap ul a{
    display:inline-block;
    padding:4px 10px;
    border-radius:999px;
    background:#f3f4f6;
    color:#374151;
    text-decoration:none;
    font-size:13px;
}

.about-content-inner.sitemap ul a:hover{
    background:#e5f0ff;
    color:#12438f;
}

/* 公告列表样式微调 */
.about-content-inner.announce .title{
    padding:10px 0 6px;
    border-bottom:1px solid #e5e7eb;
    margin-bottom:8px;
}

.about-content-inner.announce .title .l{
    font-size:16px;
}

.about-content-inner.announce .announcecontent{
    margin-bottom:16px;
    border-radius:12px;
    background:#f9fafb;
}

/* 帮助中心列表样式微调 */
.about-content-inner.faq dl.qlist{
    padding:10px 0 16px;
}

.about-content-inner.faq .faqcontent{
    border-radius:12px;
}

/* 友情链接页面统一到卡片布局内部 */
.about-content-inner.friendlink .links .tit{
    background:#f3f4f6;
    border-radius:10px;
    padding-left:12px;
}

.about-content-inner.friendlink .links .link{
    margin-top:10px;
}

.footer{margin-left:auto;margin-right:auto;height:50px;line-height:24px;width:1000px;padding-top:20px;color:#585858;font-size:16px;}.footer a{color:#585858;margin-left:5px;}.authcode{cursor:pointer;width:195px;height:52px;border:1px #ddd solid}.sitemap{margin:10px 0;height:auto;overflow:auto;margin-left:auto;margin-right:auto;width:1000px}.sitemap .ul{font-size:14px;margin:0;text-align:left}.sitemap .h3{font-size:16px;line-height:30px;background-color:#f9f9f9;font-family:"microsoft yahei";margin-bottom:10px;text-indent:10px;height:30px;margin-top:10px}.sitemap .h3 a{color:#333}.sitemap ul{width:100%;vertical-align:top;padding-bottom:10px;font-size:14px;margin-bottom:10px;height:auto;overflow:auto;padding-top:10px}.sitemap ul li{width:170px;margin-right:10px;float:left;line-height:26px;overflow:hidden;text-indent:20px}.friendlink{padding:0 0 10px 0;height:auto;overflow:auto;margin-left:auto;margin-right:auto;width:1000px}.friendlink .apply{font-size:12px;line-height:180%;margin:0 20px}.friendlink .applyform{border-top:1px #d4d4d4 solid;padding-top:15px;font-size:12px;line-height:180%}.friendlink .links{overflow:auto;padding:0;text-align:left}.friendlink .links .tit{font-size:16px;line-height:30px;background-color:#f9f9f9;text-indent:10px;height:30px;font-family:microsoft yahei;margin-top:10px}.friendlink .links .link{margin:0}.friendlink .links .link .cont{margin-top:10px}.friendlink .links .link .cont a{font-size:12px;display:block;float:left;width:125px;height:25px;line-height:180%;margin-left:10px;overflow:hidden}.friendlink .links .cont,.links .contt{font-size:12px;line-height:180%}.friendlink .links .contt{padding-left:10px}.friendlink .links .link .imgcont img{width:88px;height:31px}.friendlink .links .link .imgcont a{float:left;display:block;margin-left:10px;width:125px}.friendlink input{height:22px;line-height:22px}.submit{border:0;background:url(../images/global/commentsubmit.gif) no-repeat;height:31px!important;width:86px;color:#000;font-size:14px;font-weight:700;line-height:31px;text-align:center;cursor:pointer}.faq{padding:0 0 10px 0;height:auto;overflow:auto;margin-left:auto;margin-right:auto;width:1000px;text-align:left}dl.qlist{border-bottom:#f1f1f1 1px solid;padding:12px 10px 22px;line-height:2}dl.qlist.y{background-color:#fffdf9;border-top:#ffe4d5 1px solid;border-bottom:#ffe4d5 1px solid;margin-top:-1px}dl.qlist dt{float:left;position:relative;padding:0 0 0 17px;width:114px;font-weight:700;font-size:14px}dl.qlist dt i{position:absolute;left:0;top:7px;display:inline-block;width:8px;height:14px}dl.qlist dt i.b-1{background-color:#ff9d3d}dl.qlist dt i.b-2{background-color:#c3e617}dl.qlist dt i.b-3{background-color:#78bf13}dl.qlist dt i.b-4{background-color:#ffd919}dl.qlist dt i.b-5{background-color:#1ab2ff}dl.qlist dt i.b-6{background-color:#ff9ac5}dl.qlist dt i.b-7{background-color:#a1a0ff}dl.qlist dt i.b-8{background-color:#60e7ff}dl.qlist dt i.b-9{background-color:#ccff64}dl.qlist dd{float:right;font-size:14px;width:800px}dl.qlist dd a{float:left;display:block;width:198px}dl.qlist dd a.current,dl.qlist dd a:hover{color:#000;font-weight:700;text-decoration:none}.faqcontent h1{font-weight:700;margin-bottom:15px;border-bottom:1px #ddd solid;padding-bottom:10px}.faqcontent{background-color:#f9f9f9;line-height:24px;font-size:14px;padding:15px;height:auto;overflow:auto;border-radius:5px}.announce{padding:0 0 10px 0;height:auto;overflow:auto;margin-left:auto;margin-right:auto;width:1000px;text-align:left}.announce .title{line-height:30px;margin-bottom:15px;text-indent:10px;height:30px}.announce .title .l{float:left;width:600px;overflow:hidden;font-family:microsoft yahei;font-size:16px}.announce .title .r{float:right;font-size:12px!important;color:#999;font-weight:100;margin-right:10px}.announce .announcecontent{line-height:24px;background-color:#f7f7f7;padding:15px 10px;margin:0 0 10px 0;font-size:14px}.full .inner{width:1200px!important}.full .cinner{width:1200px!important;margin:0 auto}.full .location{width:1200px!important}.full .footer{width:1200px!important}.full .sitemap{width:1200px!important}.full .friendlink{width:1200px!important}.full .faq{width:1200px!important;}.full .announce{width:1200px!important}.none{display:none}.full .faq,.full .friendlink,.full .sitemap{    backgroundrgba(255, 255, 255, 0.95);backdrop-filter: blur(15px);border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.2);}
/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}