/* =============================================
   17c一起草 - 主样式文件
   品牌：17c一起草 | 域名：nj607478.cn
   原创设计，禁止抄袭
   ============================================= */

/* ---- CSS变量 ---- */
:root {
    --primary: #6c3bff;
    --primary-dark: #5228e8;
    --secondary: #ff4d8d;
    --accent: #00d4ff;
    --bg-main: #0d0d1a;
    --bg-section: #111127;
    --bg-card: #16162a;
    --bg-card-hover: #1e1e38;
    --text-primary: #f0f0ff;
    --text-secondary: #b0b0cc;
    --text-muted: #7070a0;
    --border: rgba(108,59,255,0.18);
    --border-light: rgba(255,255,255,0.07);
    --shadow: 0 8px 32px rgba(108,59,255,0.18);
    --shadow-card: 0 4px 24px rgba(0,0,0,0.35);
    --radius: 14px;
    --radius-sm: 8px;
    --radius-lg: 20px;
    --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
    --font: 'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;
    --header-h: 64px;
}

/* ---- 基础重置 ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{
    font-family:var(--font);
    background:var(--bg-main);
    color:var(--text-primary);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
a{color:var(--primary);text-decoration:none;transition:color var(--transition);}
a:hover{color:var(--secondary);}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);}
ul{list-style:none;}
button,input,textarea,select{font-family:var(--font);}

/* ---- 容器 ---- */
.container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

/* ---- 通知条 ---- */
.5cbyxl3h{
    background:linear-gradient(90deg,#6c3bff,#ff4d8d,#6c3bff);
    background-size:200% 100%;
    animation:noticeSlide 4s linear infinite;
    color:#fff;
    font-size:0.82rem;
    padding:7px 0;
    text-align:center;
    position:relative;
    z-index:100;
}
.5cbyxl3h a{color:#fff;text-decoration:underline;font-weight:600;}
@keyframes noticeSlide{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* ---- 头部 ---- */
#site-header{
    background:rgba(13,13,26,0.95);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
    position:sticky;
    top:0;
    z-index:999;
    height:var(--header-h);
}
.lubqk{
    display:flex;
    align-items:center;
    gap:24px;
    height:var(--header-h);
}
.9y53tikt{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
    color:var(--text-primary);
    font-weight:800;
    font-size:1.25rem;
}
.9y53tikt img{border-radius:8px;width:36px;height:36px;object-fit:contain;}
.qm1vtx{
    background:linear-gradient(135deg,#6c3bff,#ff4d8d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    font-size:1.3rem;
}
.main-nav{
    display:flex;
    gap:4px;
    align-items:center;
    flex:1;
}
.main-nav a{
    color:var(--text-secondary);
    font-size:0.9rem;
    padding:6px 14px;
    border-radius:50px;
    transition:all var(--transition);
    white-space:nowrap;
}
.main-nav a:hover,.main-nav a.active{
    color:#fff;
    background:rgba(108,59,255,0.18);
}
.main-nav a.active{
    background:linear-gradient(135deg,rgba(108,59,255,0.3),rgba(255,77,141,0.2));
    color:#fff;
}
.5ywh5b38{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
}
.lzkud05{
    position:relative;
    display:flex;
    align-items:center;
}
.lzkud05 input{
    background:rgba(255,255,255,0.06);
    border:1px solid var(--border);
    border-radius:50px;
    padding:7px 36px 7px 14px;
    color:var(--text-primary);
    font-size:0.85rem;
    width:180px;
    transition:all var(--transition);
    outline:none;
}
.lzkud05 input:focus{
    border-color:var(--primary);
    background:rgba(108,59,255,0.1);
    width:220px;
}
.lzkud05 input::placeholder{color:var(--text-muted);}
.h48x3o{
    position:absolute;
    right:8px;
    background:none;
    border:none;
    color:var(--text-muted);
    cursor:pointer;
    font-size:1rem;
    padding:2px;
    transition:color var(--transition);
}
.h48x3o:hover{color:var(--primary);}
.dsgxilq1{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-sm);
    padding:10px 14px;
    font-size:0.82rem;
    color:var(--text-muted);
    white-space:nowrap;
    z-index:10;
}
.menu-toggle{
    display:none;
    background:none;
    border:1px solid var(--border);
    border-radius:var(--radius-sm);
    color:var(--text-primary);
    cursor:pointer;
    padding:6px 10px;
    font-size:1.1rem;
}

/* ---- 搜索栏 ---- */
.i2qck20{
    background:var(--bg-section);
    border-bottom:1px solid var(--border);
    padding:10px 0;
}
.776qy{
    display:flex;
    gap:8px;
    margin-bottom:8px;
}
.776qy input{
    flex:1;
    background:rgba(255,255,255,0.06);
    border:1px solid var(--border);
    border-radius:50px;
    padding:9px 18px;
    color:var(--text-primary);
    font-size:0.9rem;
    outline:none;
    transition:border-color var(--transition);
}
.776qy input:focus{border-color:var(--primary);}
.776qy input::placeholder{color:var(--text-muted);}
.776qy button{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    border:none;
    border-radius:50px;
    padding:9px 24px;
    color:#fff;
    font-size:0.9rem;
    cursor:pointer;
    font-weight:600;
    transition:opacity var(--transition);
    white-space:nowrap;
}
.776qy button:hover{opacity:0.85;}
.amjh31{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    font-size:0.82rem;
}
.amjh31 span{color:var(--text-muted);}
.amjh31 a{
    color:var(--text-secondary);
    background:rgba(255,255,255,0.05);
    border:1px solid var(--border-light);
    border-radius:50px;
    padding:3px 10px;
    font-size:0.8rem;
    transition:all var(--transition);
}
.amjh31 a:hover{
    color:#fff;
    background:rgba(108,59,255,0.2);
    border-color:var(--primary);
}

/* ---- 按钮 ---- */
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:50px;
    padding:11px 26px;
    font-size:0.92rem;
    font-weight:600;
    cursor:pointer;
    transition:all var(--transition);
    border:none;
    white-space:nowrap;
    text-decoration:none;
}
.tpg964b{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    color:#fff;
    box-shadow:0 4px 16px rgba(108,59,255,0.35);
}
.tpg964b:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(108,59,255,0.5);
    color:#fff;
}
.rtp8d{
    background:transparent;
    border:1.5px solid var(--primary);
    color:var(--primary);
}
.rtp8d:hover{
    background:rgba(108,59,255,0.12);
    transform:translateY(-2px);
    color:var(--primary);
}
.2g853jud{padding:7px 16px;font-size:0.82rem;}

/* ---- 标签 ---- */
.tsy8gbj{
    display:inline-block;
    background:rgba(108,59,255,0.12);
    border:1px solid rgba(108,59,255,0.25);
    color:var(--primary);
    border-radius:50px;
    padding:3px 10px;
    font-size:0.78rem;
    transition:all var(--transition);
    cursor:pointer;
    text-decoration:none;
}
.tsy8gbj:hover{background:rgba(108,59,255,0.25);color:#fff;}
.cqndpv{
    background:rgba(255,77,141,0.12);
    border-color:rgba(255,77,141,0.3);
    color:var(--secondary);
}
.cqndpv:hover{background:rgba(255,77,141,0.25);color:#fff;}
.a4dqbsma{
    background:rgba(0,212,255,0.1);
    border-color:rgba(0,212,255,0.3);
    color:var(--accent);
}
.a4dqbsma:hover{background:rgba(0,212,255,0.2);color:#fff;}

/* ---- Hero区 ---- */
.7yv6j44{
    position:relative;
    min-height:88vh;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.v2uvh{
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse 80% 60% at 60% 40%,rgba(108,59,255,0.25) 0%,transparent 70%),
        radial-gradient(ellipse 50% 40% at 20% 80%,rgba(255,77,141,0.18) 0%,transparent 60%),
        radial-gradient(ellipse 40% 30% at 80% 20%,rgba(0,212,255,0.12) 0%,transparent 60%),
        linear-gradient(135deg,#0d0d1a 0%,#16162a 50%,#0d0d1a 100%);
}
.v2uvh::after{
    content:'';
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle 1px at 20% 30%,rgba(108,59,255,0.5) 0%,transparent 100%),
        radial-gradient(circle 1px at 70% 60%,rgba(255,77,141,0.4) 0%,transparent 100%),
        radial-gradient(circle 1px at 50% 80%,rgba(0,212,255,0.3) 0%,transparent 100%);
    background-size:200px 200px,300px 300px,250px 250px;
    animation:starTwinkle 6s ease-in-out infinite alternate;
}
@keyframes starTwinkle{0%{opacity:0.4}100%{opacity:1}}
.3m4purm7{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 60%,var(--bg-main) 100%);
}
.z77ia{
    position:relative;
    z-index:2;
    max-width:700px;
    padding:60px 0;
}
.6udb3yw{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:rgba(108,59,255,0.15);
    border:1px solid rgba(108,59,255,0.35);
    border-radius:50px;
    padding:6px 16px;
    font-size:0.82rem;
    color:var(--accent);
    margin-bottom:20px;
    animation:fadeInDown 0.8s ease;
}
.0jeb1ux{
    font-size:clamp(2.2rem,5vw,3.8rem);
    font-weight:900;
    line-height:1.15;
    margin-bottom:20px;
    animation:fadeInUp 0.8s ease 0.1s both;
}
.0jeb1ux .8njr9m02{
    background:linear-gradient(135deg,#6c3bff,#ff4d8d,#00d4ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    background-size:200% 200%;
    animation:gradientShift 4s ease infinite;
}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.dro0p79{
    font-size:1.05rem;
    color:var(--text-secondary);
    line-height:1.8;
    margin-bottom:28px;
    animation:fadeInUp 0.8s ease 0.2s both;
}
.vjpxo3jt{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:40px;
    animation:fadeInUp 0.8s ease 0.3s both;
}
.ggf0ww{
    display:flex;
    gap:32px;
    flex-wrap:wrap;
    animation:fadeInUp 0.8s ease 0.4s both;
}
.pepfanve .fgdhjc{
    font-size:1.8rem;
    font-weight:800;
    background:linear-gradient(135deg,#6c3bff,#ff4d8d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    line-height:1.2;
}
.pepfanve .oo5nkl{
    font-size:0.78rem;
    color:var(--text-muted);
    margin-top:2px;
}

/* ---- 内页Hero ---- */
.fule4g{
    background:linear-gradient(135deg,#0d0d1a 0%,#1a0533 50%,#0d1b4b 100%);
    padding:48px 0 36px;
    border-bottom:1px solid var(--border);
    text-align:center;
}
.fule4g h1{
    font-size:clamp(1.6rem,4vw,2.4rem);
    font-weight:800;
    background:linear-gradient(135deg,#6c3bff,#ff4d8d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    margin-bottom:12px;
}
.fule4g p{
    color:var(--text-secondary);
    font-size:1rem;
    max-width:600px;
    margin:0 auto;
}

/* ---- 面包屑 ---- */
.sg22hvw{
    display:flex;
    align-items:center;
    gap:6px;
    padding:12px 0;
    font-size:0.82rem;
    color:var(--text-muted);
    border-bottom:1px solid var(--border-light);
    margin-bottom:0;
}
.sg22hvw a{color:var(--text-muted);}
.sg22hvw a:hover{color:var(--primary);}
.sg22hvw .sep{color:var(--border);}
.sg22hvw .current{color:var(--text-secondary);}

/* ---- 区块通用 ---- */
.nhh5th{padding:64px 0;}
.hl26bcy{background:var(--bg-section);}
.k9pany{
    font-size:clamp(1.4rem,3vw,2rem);
    font-weight:800;
    text-align:center;
    margin-bottom:12px;
    position:relative;
}
.k9pany::after{
    content:'';
    display:block;
    width:48px;
    height:3px;
    background:linear-gradient(90deg,var(--primary),var(--secondary));
    border-radius:2px;
    margin:10px auto 0;
}
.89qxs3p{
    text-align:center;
    color:var(--text-secondary);
    font-size:0.95rem;
    margin-bottom:36px;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}

/* ---- 视频卡片网格 ---- */
.fy576{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:20px;
}
.video-card{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    overflow:hidden;
    cursor:pointer;
    transition:all var(--transition);
}
.video-card:hover{
    transform:translateY(-6px);
    border-color:var(--primary);
    box-shadow:var(--shadow);
}
.video-thumb{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:var(--bg-section);
}
.video-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s ease;
}
.video-card:hover .video-thumb img{transform:scale(1.06);}
.ma2ph{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,0);
    transition:background var(--transition);
}
.video-card:hover .ma2ph{background:rgba(0,0,0,0.45);}
.mwzeczh{
    width:52px;
    height:52px;
    background:rgba(108,59,255,0.9);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:scale(0.7);
    transition:all var(--transition);
}
.mwzeczh::after{
    content:'';
    border-style:solid;
    border-width:10px 0 10px 18px;
    border-color:transparent transparent transparent #fff;
    margin-left:4px;
}
.video-card:hover .mwzeczh{opacity:1;transform:scale(1);}
.ui55wfq{
    position:absolute;
    bottom:8px;
    right:8px;
    background:rgba(0,0,0,0.75);
    color:#fff;
    font-size:0.75rem;
    padding:2px 7px;
    border-radius:4px;
}
.7w81yt{
    position:absolute;
    top:8px;
    left:8px;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    color:#fff;
    font-size:0.72rem;
    padding:2px 8px;
    border-radius:4px;
    font-weight:600;
}
.xd6o303{padding:14px;}
.video-title{
    font-size:0.9rem;
    font-weight:600;
    line-height:1.5;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:var(--text-primary);
}
.gey06e1{
    display:flex;
    gap:12px;
    font-size:0.78rem;
    color:var(--text-muted);
    margin-bottom:8px;
}
.sh5lj{display:flex;gap:6px;flex-wrap:wrap;}

/* ---- 功能卡片 ---- */
.7p1r8kcz{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:20px;
}
.71scub{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:28px 24px;
    transition:all var(--transition);
}
.71scub:hover{
    border-color:var(--primary);
    transform:translateY(-4px);
    box-shadow:var(--shadow);
}
.kr2xx{font-size:2.2rem;margin-bottom:14px;}
.n7t4pny5{font-size:1.05rem;font-weight:700;margin-bottom:10px;}
.0plztad{font-size:0.88rem;color:var(--text-secondary);line-height:1.7;}

/* ---- 社区卡片 ---- */
.gxlzk90{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:18px;
}
.rqb2a2{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:24px 20px;
    text-align:center;
    transition:all var(--transition);
}
.rqb2a2:hover{
    border-color:var(--secondary);
    transform:translateY(-4px);
    box-shadow:0 8px 32px rgba(255,77,141,0.18);
}
.2j1rku{font-size:2rem;margin-bottom:12px;}
.h6sfai{font-size:1rem;font-weight:700;margin-bottom:8px;}
.zttipet{font-size:0.85rem;color:var(--text-secondary);line-height:1.7;}

/* ---- 专家卡片 ---- */
.gj19pbs{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:20px;
}
.mz4kd2{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:24px 20px;
    text-align:center;
    transition:all var(--transition);
}
.mz4kd2:hover{
    border-color:var(--accent);
    transform:translateY(-4px);
    box-shadow:0 8px 32px rgba(0,212,255,0.15);
}
.wv2kh{
    width:80px;
    height:80px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 14px;
    border:3px solid var(--border);
    transition:border-color var(--transition);
}
.mz4kd2:hover .wv2kh{border-color:var(--accent);}
.hkdar1{font-size:1.1rem;font-weight:700;margin-bottom:4px;}
.wmyrwc{font-size:0.82rem;color:var(--primary);margin-bottom:10px;}
.btnjq{font-size:0.83rem;color:var(--text-secondary);line-height:1.7;margin-bottom:12px;}
.dwl9z{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:14px;}
.yzl2l{display:flex;gap:8px;justify-content:center;}

/* ---- 合作伙伴 ---- */
.w9oifr{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:16px;
}
.cpudmt{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius-sm);
    padding:20px 16px;
    text-align:center;
    font-size:0.88rem;
    font-weight:600;
    color:var(--text-secondary);
    transition:all var(--transition);
    cursor:default;
}
.cpudmt:hover{
    border-color:var(--primary);
    color:var(--text-primary);
    transform:translateY(-2px);
}

/* ---- 步骤 ---- */
.zr71s0{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:20px;
    counter-reset:step;
}
.nlpno{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:24px 20px;
    position:relative;
    counter-increment:step;
    transition:all var(--transition);
}
.nlpno:hover{border-color:var(--primary);transform:translateY(-3px);}
.nlpno::before{
    content:counter(step);
    position:absolute;
    top:-14px;
    left:20px;
    width:28px;
    height:28px;
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.8rem;
    font-weight:700;
    color:#fff;
    line-height:28px;
    text-align:center;
}
.frnxno{font-size:0.95rem;font-weight:700;margin-bottom:8px;margin-top:4px;}
.g8tmt{font-size:0.85rem;color:var(--text-secondary);line-height:1.7;}

/* ---- 用户评价 ---- */
.ge7k8xd{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:18px;
}
.7nckf0{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:22px 20px;
    transition:all var(--transition);
}
.7nckf0:hover{border-color:var(--primary);transform:translateY(-3px);}
.yeobi13{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.q1pofi2{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.85rem;
    font-weight:700;
    color:#fff;
    flex-shrink:0;
}
.izo5y9 .e0hguj2{font-size:0.9rem;font-weight:600;}
.izo5y9 .jjr4v{font-size:0.75rem;color:var(--text-muted);}
.9rm3i{color:#ffd700;font-size:0.9rem;margin-bottom:8px;}
.vjkly66{font-size:0.85rem;color:var(--text-secondary);line-height:1.7;}

/* ---- FAQ ---- */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.faq-item{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius-sm);
    overflow:hidden;
    transition:border-color var(--transition);
}
.faq-item.open,.faq-item:hover{border-color:var(--primary);}
.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    cursor:pointer;
    font-size:0.92rem;
    font-weight:600;
    gap:12px;
    user-select:none;
}
.faq-icon{
    font-size:1.2rem;
    color:var(--primary);
    flex-shrink:0;
    transition:transform var(--transition);
    font-weight:400;
}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease,padding 0.3s ease;
    font-size:0.88rem;
    color:var(--text-secondary);
    line-height:1.8;
    padding:0 20px;
}
.faq-item.open .faq-answer{max-height:300px;padding:0 20px 16px;}

/* ---- 联系我们 ---- */
.4lqe6ws1{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:20px;
}
.6kedmvhf{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius);
    padding:28px 24px;
    transition:all var(--transition);
}
.6kedmvhf:hover{border-color:var(--primary);transform:translateY(-3px);}
.dc9ht0{font-size:2rem;margin-bottom:14px;}
.fe7n03ii{font-size:1rem;font-weight:700;margin-bottom:12px;}
.wy0i2 p{font-size:0.85rem;color:var(--text-secondary);line-height:2;}
.tqth4r{width:100px;height:100px;border-radius:8px;margin-top:14px;border:1px solid var(--border);}

/* ---- 分页 ---- */
.pagination{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:36px;
    flex-wrap:wrap;
}
.pagination a,.pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:var(--radius-sm);
    background:var(--bg-card);
    border:1px solid var(--border-light);
    color:var(--text-secondary);
    font-size:0.88rem;
    transition:all var(--transition);
    text-decoration:none;
}
.pagination a:hover,.pagination span.active{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

/* ---- 底部 ---- */
#5qlup89{
    background:var(--bg-section);
    border-top:1px solid var(--border);
    padding:48px 0 0;
}
.7iuu1{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:32px;
    padding-bottom:36px;
    border-bottom:1px solid var(--border-light);
}
.bkxuqc .07ragt29{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}
.bkxuqc .07ragt29 img{width:36px;height:36px;border-radius:8px;object-fit:contain;}
.bkxuqc .gc9fz{
    font-size:1.2rem;
    font-weight:800;
    background:linear-gradient(135deg,#6c3bff,#ff4d8d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.bkxuqc p{font-size:0.82rem;color:var(--text-muted);line-height:1.8;margin-bottom:8px;}
.5yk6b7a{display:flex;gap:16px;margin-top:16px;}
.fjf944k img{width:80px;height:80px;border-radius:8px;border:1px solid var(--border);}
.fjf944k p{font-size:0.72rem;color:var(--text-muted);text-align:center;margin-top:4px;}
.qivo6 h4{font-size:0.9rem;font-weight:700;margin-bottom:14px;color:var(--text-primary);}
.qivo6 ul li{margin-bottom:8px;}
.qivo6 ul li a{font-size:0.82rem;color:var(--text-muted);transition:color var(--transition);}
.qivo6 ul li a:hover{color:var(--primary);}
.totco5vo{
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px 0;
    border-bottom:1px solid var(--border-light);
    flex-wrap:wrap;
}
.share-btn{
    display:inline-flex;
    align-items:center;
    gap:5px;
    background:rgba(255,255,255,0.05);
    border:1px solid var(--border-light);
    border-radius:50px;
    padding:5px 14px;
    font-size:0.8rem;
    color:var(--text-secondary);
    transition:all var(--transition);
    cursor:pointer;
}
.share-btn:hover{background:rgba(108,59,255,0.15);border-color:var(--primary);color:#fff;}
.sdtipe{
    padding:16px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
}
.sdtipe p{font-size:0.78rem;color:var(--text-muted);}
.sdtipe a{color:var(--text-muted);}
.sdtipe a:hover{color:var(--primary);}
.tqt1p{display:flex;gap:16px;flex-wrap:wrap;}
.tqt1p a{font-size:0.78rem;color:var(--text-muted);}
.tqt1p a:hover{color:var(--primary);}

/* ---- 动画 ---- */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}

/* ---- 响应式 ---- */
@media(max-width:1024px){
    .7iuu1{grid-template-columns:1fr 1fr;}
    .bkxuqc{grid-column:1/-1;}
}
@media(max-width:768px){
    :root{--header-h:56px;}
    .main-nav{
        display:none;
        position:fixed;
        top:var(--header-h);
        left:0;
        right:0;
        background:rgba(13,13,26,0.98);
        backdrop-filter:blur(16px);
        flex-direction:column;
        padding:16px;
        border-bottom:1px solid var(--border);
        gap:4px;
        z-index:998;
    }
    .main-nav.open{display:flex;}
    .main-nav a{padding:10px 16px;border-radius:var(--radius-sm);}
    .menu-toggle{display:block;}
    .lzkud05 input{width:140px;}
    .lzkud05 input:focus{width:160px;}
    .7yv6j44{min-height:70vh;}
    .ggf0ww{gap:20px;}
    .pepfanve .fgdhjc{font-size:1.4rem;}
    .nhh5th{padding:40px 0;}
    .fy576{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
    .7iuu1{grid-template-columns:1fr;}
    .bkxuqc{grid-column:auto;}
    .sdtipe{flex-direction:column;align-items:flex-start;}
    .tqt1p{gap:10px;}
    div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
}
@media(max-width:480px){
    .container{padding:0 14px;}
    .0jeb1ux{font-size:1.8rem;}
    .vjpxo3jt{flex-direction:column;}
    .vjpxo3jt .btn{width:100%;justify-content:center;}
    .fy576{grid-template-columns:1fr;}
    .7p1r8kcz{grid-template-columns:1fr;}
    .gxlzk90{grid-template-columns:1fr 1fr;}
    .gj19pbs{grid-template-columns:1fr 1fr;}
    .ge7k8xd{grid-template-columns:1fr;}
    .zr71s0{grid-template-columns:1fr;}
    .4lqe6ws1{grid-template-columns:1fr;}
    .w9oifr{grid-template-columns:repeat(2,1fr);}
    .i2qck20{display:none;}
}

/* ---- Footer信任标识 ---- */
.ibwilu{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:12px 0;
}
.ivjtf{
    display:inline-flex;
    align-items:center;
    gap:4px;
    background:rgba(255,255,255,0.04);
    border:1px solid var(--border-light);
    border-radius:4px;
    padding:3px 8px;
    font-size:0.75rem;
    color:var(--text-muted);
}

/* ---- 滚动条 ---- */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--bg-main);}
::-webkit-scrollbar-thumb{background:rgba(108,59,255,0.4);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--primary);}

/* ---- 选中文字 ---- */
::selection{background:rgba(108,59,255,0.35);color:#fff;}