.blue .inner .nav a.current{background-color:#3592e2}.green .inner .nav a.current{background-color:#42b712}.orange .inner .nav a.current{background-color:#f78015}.red .inner .nav a.current{background-color:#C40000}.header{width:100%;height:90px}.inner{width:1000px;overflow:auto;margin-left:auto;margin-right:auto;border-bottom:1px #d6d6d6 solid}.cinner{width:1000px;overflow:auto;margin-left:auto;margin-right:auto}.inner .logo{float:left;width:320px;text-align:left;overflow:hidden}.inner .logo img{margin-top:15px}.inner .nav{float:right}.inner .nav a{display:block;padding:0 10px;margin-left:10px;height:90px;line-height:90px;float:left;color:#333;font-size:16px;font-family:microsoft yahei}.inner .nav a.current{text-decoration:none;color:#fff}.location{text-align:left;width:1000px;margin-left:auto;margin-right:auto;color:#585858;margin-bottom:5px}.location a{color:#585858}.cinner{padding:0 0 30px 0;height:auto;overflow:auto}.cinner .leftnav{width:100%;text-align:left;height:auto;margin-top:10px;margin-bottom:10px}.cinner .leftnav a{border-radius:13px;padding:0 10px;display:block;height:26px;line-height:26px;color:#333;text-decoration:none;font-size:12px;font-family:microsoft yahei;overflow:hidden;float:right;margin-right:5px;margin-left:5px}.cinner .leftnav a.current,.cinner .leftnav a:hover{color:#fff;background-color:#999}.cinner .rightcontent{display:block;width:100%;height:auto;text-align:left;font-size:14px;line-height:24px}.cinner .rightcontent{padding:0 0 10px 0;line-height:2;word-wrap:break-word;word-break:break-all;overflow:hidden}.cinner .rightcontent p{padding:0;margin-bottom:15px}.footer{margin-left:auto;margin-right:auto;border-top:1px #ccc solid;height:50px;line-height:24px;width:1000px;padding-top:20px;color:#585858}.footer a{color:#585858;margin-left:5px}.authcode{cursor:pointer;width:195px;height:52px;border:1px #ddd solid}.sitemap{padding: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}.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}

/* ========== 关于我们及子页面 · 全新统一布局 ========== */
.about-page {
    background: linear-gradient(180deg, #f0f4f8 0%, #e2e8f0 50%, #f1f5f9 100%);
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

.about-page-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 48px;
    box-sizing: border-box;
}

/* 顶部横幅 */
.about-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    color: #fff;
    padding: 56px 24px 48px;
    margin: 0 -20px 32px;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
    position: relative;
    overflow: hidden;
}

.about-hero::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(255, 107, 53, 0.2) 0%, transparent 70%);
    border-radius: 50%;
}

.about-hero-short {
    padding: 36px 24px 32px;
}

.about-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.about-hero-title {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 10px 0;
    letter-spacing: -0.02em;
}

.about-hero-desc {
    font-size: 15px;
    opacity: 0.88;
    margin: 0;
    font-weight: 500;
}

/* 主体区域 */
.about-body {
    width: 100%;
}

.about-inner {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 28px;
    align-items: start;
}

.about-inner-single {
    grid-template-columns: 1fr;
}

/* 左侧导航（关于我们） */
.about-nav-wrap {
    position: sticky;
    top: 24px;
}

.about-nav-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.about-nav-card::before {
    content: '';
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f7931e);
}

.about-nav-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    padding: 0 20px 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.about-nav-list {
    list-style: none;
    margin: 0;
    padding: 0 12px;
}

.about-nav-list li {
    margin: 0;
}

.about-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #475569;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    transition: background 0.2s, color 0.2s;
}

.about-nav-link:hover {
    background: rgba(255, 107, 53, 0.08);
    color: #ea580c;
}

.about-nav-link.is-current {
    background: rgba(255, 107, 53, 0.12);
    color: #c2410c;
    font-weight: 600;
}

.about-nav-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.about-nav-icon svg {
    opacity: 0.9;
}

.about-nav-divider {
    height: 1px;
    background: #e2e8f0;
    margin: 10px 14px;
    list-style: none;
}

.about-nav-home:hover {
    background: rgba(255, 107, 53, 0.1);
}

/* 主内容区 */
.about-main {
    min-width: 0;
}

.about-main-full {
    max-width: 100%;
}

.about-article-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px 44px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
    text-align: left;
}

.about-article-body {
    width: 100%;
}

/* 正文排版 .content-prose */
.content-prose {
    font-size: 15px;
    line-height: 1.85;
    color: #334155;
    word-wrap: break-word;
    word-break: break-word;
}

.content-prose p {
    margin: 0 0 18px 0;
}

.content-prose h1, .content-prose h2, .content-prose h3 {
    color: #0f172a;
    font-weight: 700;
    margin-top: 28px;
    margin-bottom: 12px;
}

.content-prose h1 { font-size: 26px; border-bottom: 3px solid #ff6b35; padding-bottom: 10px; }
.content-prose h2 { font-size: 22px; color: #ea580c; }
.content-prose h3 { font-size: 18px; }

.content-prose ul, .content-prose ol {
    margin: 14px 0;
    padding-left: 28px;
}

.content-prose li { margin-bottom: 8px; }

.content-prose a {
    color: #ea580c;
    text-decoration: none;
}

.content-prose a:hover { text-decoration: underline; }

.content-prose strong { color: #0f172a; font-weight: 600; }

.content-prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

.content-prose table th,
.content-prose table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.content-prose table th {
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: #fff;
    font-weight: 600;
}

.content-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 14px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.content-prose blockquote {
    border-left: 4px solid #ff6b35;
    margin: 20px 0;
    padding: 14px 20px;
    background: rgba(255, 107, 53, 0.06);
    border-radius: 0 10px 10px 0;
    color: #475569;
}

/* ========== 公告页 ========== */
.announce-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.announce-item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.announce-item-head {
    padding: 20px 24px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.announce-item-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 10px 0;
}

.announce-item-meta {
    font-size: 13px;
    color: #64748b;
}

.announce-item-meta span + span {
    margin-left: 16px;
}

.announce-item-content {
    padding: 24px;
}

/* ========== 帮助中心 FAQ ========== */
.about-faq-sidebar {
    position: sticky;
    top: 24px;
}

.faq-cat-list {
    list-style: none;
    margin: 0;
    padding: 12px 16px 20px;
}

.faq-cat-list li {
    margin-bottom: 18px;
}

.faq-cat-name {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 10px;
    padding-left: 12px;
    border-left: 4px solid #ff6b35;
}

.faq-cat-name.faq-cat-2 { border-left-color: #22c55e; }
.faq-cat-name.faq-cat-3 { border-left-color: #3b82f6; }
.faq-cat-name.faq-cat-4 { border-left-color: #eab308; }
.faq-cat-name.faq-cat-5 { border-left-color: #06b6d4; }
.faq-cat-name.faq-cat-6 { border-left-color: #ec4899; }
.faq-cat-name.faq-cat-7 { border-left-color: #8b5cf6; }
.faq-cat-name.faq-cat-8 { border-left-color: #14b8a6; }
.faq-cat-name.faq-cat-9 { border-left-color: #84cc16; }

.faq-cat-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.faq-cat-links a {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    color: #475569;
    text-decoration: none;
    background: #f1f5f9;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.faq-cat-links a:hover,
.faq-cat-links a.is-current {
    background: rgba(255, 107, 53, 0.1);
    color: #ea580c;
    border-color: rgba(255, 107, 53, 0.3);
    font-weight: 500;
}

.faq-detail .faq-detail-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 20px 0;
    padding-bottom: 14px;
    border-bottom: 2px solid #e2e8f0;
}

/* ========== 友情链接 ========== */
.friendlink-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 32px;
}

.friendlink-section {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.friendlink-section-title {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 18px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.friendlink-img-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
}

.friendlink-img-item {
    display: inline-block;
}

.friendlink-img-item img {
    display: block;
    max-width: 88px;
    max-height: 31px;
    object-fit: contain;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 4px;
}

.friendlink-txt-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.friendlink-txt-item {
    font-size: 14px;
    color: #475569;
    text-decoration: none;
}

.friendlink-txt-item:hover {
    color: #ea580c;
}

.friendlink-apply-card,
.friendlink-form-card {
    background: #fff;
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.friendlink-apply-title,
.friendlink-form-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.friendlink-apply-desc {
    margin: 0;
}

.friendlink-form .friendlink-form-row {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
}

.friendlink-form-label {
    font-size: 14px;
    color: #475569;
    font-weight: 500;
}

.friendlink-form-field select,
.friendlink-form-field input[type="text"],
.friendlink-form-field input[type="email"],
.friendlink-form-field textarea {
    width: 100%;
    max-width: 400px;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}

.friendlink-form-field textarea {
    min-height: 100px;
    resize: vertical;
}

.friendlink-form-captcha {
    display: flex;
    align-items: center;
    gap: 12px;
}

.friendlink-input-code {
    width: 120px !important;
    max-width: none !important;
}

.friendlink-captcha-img {
    cursor: pointer;
    height: 40px;
    width: auto;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.friendlink-form-submit .friendlink-form-field {
    grid-column: 2;
}

.friendlink-submit-btn {
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
}

.friendlink-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* ========== 网站地图 ========== */
.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.sitemap-block {
    background: #fff;
    border-radius: 16px;
    padding: 22px 24px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.sitemap-block-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f5f9;
}

.sitemap-block-title a {
    color: #1e293b;
    text-decoration: none;
}

.sitemap-block-title a:hover {
    color: #ea580c;
}

.sitemap-block-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap-block-list li {
    margin: 0 0 8px 0;
}

.sitemap-block-list a {
    font-size: 14px;
    color: #475569;
    text-decoration: none;
}

.sitemap-block-list a:hover {
    color: #ea580c;
}

/* 响应式 */
@media (max-width: 900px) {
    .about-inner {
        grid-template-columns: 1fr;
    }
    .about-nav-wrap,
    .about-faq-sidebar {
        position: static;
    }
    .about-faq-sidebar .about-nav-card {
        margin-bottom: 24px;
    }
}

@media (max-width: 768px) {
    .about-page-wrap {
        padding: 0 16px 32px;
    }
    .about-hero {
        margin: 0 -16px 24px;
        padding: 40px 20px 32px;
    }
    .about-hero-title {
        font-size: 26px;
    }
    .about-article-card {
        padding: 28px 24px;
    }
    .friendlink-form .friendlink-form-row {
        grid-template-columns: 1fr;
    }
    .friendlink-form-submit .friendlink-form-field {
        grid-column: 1;
    }
}

/* ========== 头部导航（inc_head_about）现代化样式 ========== */
body.full .header{
    width:100%;
    height:auto;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid rgba(0,0,0,.06);
    position:sticky;
    top:0;
    z-index:999;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.full .header .inner{
    width:auto !important;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    border-bottom:none;
    overflow:visible;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px 20px;
}

body.full .header .inner .logo{
    float:none;
    width:auto;
    overflow:visible;
}

body.full .header .inner .logo img{
    margin-top:0;
    height:44px;
    width:auto;
    display:block;
}

body.full .header .inner .nav{
    float:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

body.full .header .inner .nav a{
    float:none;
    height:auto;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 16px;
    margin-left:0;
    border-radius:14px;
    color:#333;
    font-size:14px;
    font-weight:600;
    background:#f8f9fa;
    border:1px solid #e8e8e8;
    transition:all .25s ease;
}

body.full .header .inner .nav a:hover{
    color:#ff6b35;
    background:rgba(255,107,53,.08);
    border-color:rgba(255,107,53,.25);
    transform:translateY(-1px);
}

body.full .header .inner .nav a.current{
    color:#fff;
    background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);
    border-color:transparent;
    box-shadow:0 6px 18px rgba(255,107,53,.25);
}

@media (max-width: 768px){
    body.full .header .inner{
        padding:12px 15px;
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }
    body.full .header .inner .nav{
        width:100%;
    }
    body.full .header .inner .nav a{
        flex:1;
        padding:11px 12px;
        border-radius:12px;
        min-width:110px;
    }
}