/* ==========================================================
   铭赞网络 · 知乎机构号运营 营销网站 - 主样式
   风格:Editorial Premium · 简约大气
   ========================================================== */

/* ========== 基础排版 ========== */
h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:-0.01em;line-height:1.25;color:var(--c-ink)}
h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:700;line-height:1.15}
h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.2}
h3{font-size:1.2rem;font-weight:600}
p{color:var(--c-ink-2)}

em{font-style:normal;font-family:var(--font-serif);color:var(--c-primary);font-weight:500}

.eyebrow{
    display:inline-block;
    font-size:0.78rem;
    font-weight:500;
    letter-spacing:0.18em;
    color:var(--c-primary);
    padding:6px 14px;
    background:rgba(5,101,232,0.07);
    border-radius:100px;
    margin-bottom:20px;
    text-transform:uppercase;
    font-family:var(--font-display);
}

.muted{color:var(--c-ink-3);font-size:0.9rem}

/* ========== 通用按钮 ========== */
.btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 26px;
    font-size:0.95rem;
    font-weight:500;
    border-radius:8px;
    border:1.5px solid transparent;
    cursor:pointer;
    transition:all .25s cubic-bezier(.2,.7,.3,1);
    text-decoration:none;
    font-family:inherit;
    line-height:1;
    white-space:nowrap;
}
.btn svg{transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}

.btn-primary{
    background:var(--c-primary);
    color:#fff;
    box-shadow:0 4px 14px -4px rgba(5,101,232,0.4);
}
.btn-primary:hover{
    background:var(--c-primary-dark);
    transform:translateY(-2px);
    box-shadow:0 10px 24px -6px rgba(5,101,232,0.5);
}

.btn-ghost{
    background:transparent;
    color:var(--c-ink);
    border-color:var(--c-line);
}
.btn-ghost:hover{
    border-color:var(--c-ink);
    background:rgba(15,23,42,0.04);
}

.btn-block{width:100%;justify-content:center;padding:16px 24px}

/* ========== Section 通用 ========== */
.section{
    padding:120px 0;
    position:relative;
}
.section-head{margin-bottom:64px;max-width:780px}
.section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;max-width:none;flex-wrap:wrap}
.section-head .section-lead{
    max-width:520px;
    color:var(--c-ink-3);
    font-size:1.05rem;
    line-height:1.8;
}
.section-head .section-lead.dark{color:var(--c-ink-2)}
.section-title{margin-bottom:16px}
.section-title em{font-size:0.95em}

/* ========== Hero + 导航 ========== */
.hero{
    position:relative;
    min-height:100vh;
    padding:0;
    background:#0B1220;
    color:#fff;
    overflow:hidden;
    isolation:isolate;
}

/* 动态背景 */
.hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
}
.bg-grid{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(to right,rgba(255,255,255,0.04) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(255,255,255,0.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);
}
.bg-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
    opacity:0.5;
    animation:float 14s ease-in-out infinite;
}
.bg-glow-1{
    width:600px;height:600px;
    background:radial-gradient(circle,#0565E8 0%,transparent 70%);
    top:-100px;left:20%;
}
.bg-glow-2{
    width:500px;height:500px;
    background:radial-gradient(circle,#C9A45E 0%,transparent 70%);
    bottom:-100px;right:10%;
    animation-delay:3s;
}
.bg-noise{
    position:absolute;
    inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
    opacity:0.04;
    mix-blend-mode:overlay;
}
@keyframes float{
    0%,100%{transform:translate(0,0) scale(1)}
    50%{transform:translate(40px,-30px) scale(1.1)}
}

/* 导航条 */
.nav{
    position:relative;
    z-index:10;
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,0.06);
    backdrop-filter:blur(10px);
}
.nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}
.logo{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-family:var(--font-serif);
    font-size:1.25rem;
    font-weight:600;
    transition:opacity .2s;
}
.logo:hover{opacity:0.85}
.logo-mark{
    display:inline-flex;
    align-items:flex-start;
    position:relative;
}
.logo-text{line-height:1.1}
.logo-r{
    color:var(--c-gold);
    font-size:0.7em;
    margin-left:2px;
    margin-top:0.15em;
    font-weight:500;
}
.logo-divider{
    color:rgba(255,255,255,0.3);
    font-weight:300;
    font-size:1.1rem;
}
.logo-tagline{
    font-size:0.95rem;
    font-weight:400;
    color:rgba(255,255,255,0.7);
    letter-spacing:0.02em;
}
.nav-menu{
    display:flex;
    align-items:center;
    gap:36px;
    list-style:none;
}
.nav-menu a{
    color:rgba(255,255,255,0.7);
    font-size:0.92rem;
    font-weight:400;
    padding:8px 0;
    position:relative;
    transition:color .2s;
}
.nav-menu a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:1px;
    background:var(--c-gold);
    transition:all .25s;
    transform:translateX(-50%);
}
.nav-menu a:hover{color:#fff}
.nav-menu a:hover::after{width:100%}

.nav-cta{
    padding:10px 22px !important;
    background:var(--c-primary);
    color:#fff !important;
    border-radius:8px;
    font-weight:500;
}
.nav-cta::after{display:none !important}
.nav-cta:hover{
    background:var(--c-primary-dark) !important;
    color:#fff !important;
    transform:translateY(-1px);
}

/* 移动端菜单按钮 */
.nav-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    padding:8px;
    cursor:pointer;
}
.nav-toggle span{
    display:block;
    width:24px;
    height:1.5px;
    background:#fff;
    transition:all .25s;
}

/* Banner */
.banner{
    position:relative;
    z-index:5;
    padding:100px 0 80px;
    text-align:center;
}
.banner-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 16px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:100px;
    font-size:0.82rem;
    color:rgba(255,255,255,0.85);
    margin-bottom:32px;
    backdrop-filter:blur(8px);
}
.banner-tag .dot{
    width:6px;height:6px;
    background:var(--c-gold);
    border-radius:50%;
    box-shadow:0 0 8px var(--c-gold);
    animation:pulse 2s infinite;
}
@keyframes pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:0.6;transform:scale(1.3)}
}

.banner-title{
    color:#fff;
    margin-bottom:32px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.banner-title .line-1{
    font-size:clamp(1.5rem,2.5vw,2rem);
    font-weight:400;
    color:rgba(255,255,255,0.6);
    letter-spacing:0.1em;
    font-family:var(--font-display);
}
.banner-title .line-2{
    font-size:clamp(2.6rem,6vw,4.8rem);
    font-weight:700;
    color:#fff;
    letter-spacing:0.04em;
}
.banner-title .line-3{
    font-size:clamp(2.6rem,6vw,4.8rem);
    font-weight:700;
    font-family:var(--font-serif);
    background:linear-gradient(120deg,#C9A45E 0%,#E8D3A3 50%,#C9A45E 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    background-size:200% 100%;
    animation:shimmer 6s linear infinite;
}
@keyframes shimmer{
    0%{background-position:0% 50%}
    100%{background-position:200% 50%}
}
.banner-sub{
    max-width:780px;
    margin:0 auto 48px;
    color:rgba(255,255,255,0.65);
    font-size:1.05rem;
    line-height:1.9;
}
.banner-cta{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:96px;
}
.banner-cta .btn-ghost{
    color:#fff;
    border-color:rgba(255,255,255,0.2);
}
.banner-cta .btn-ghost:hover{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.4);
}

/* 数据条 */
.banner-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:980px;
    margin:0 auto;
    padding:32px 0;
    border-top:1px solid rgba(255,255,255,0.08);
    border-bottom:1px solid rgba(255,255,255,0.08);
    gap:24px;
}
.stat{
    text-align:center;
    position:relative;
}
.stat:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-12px;
    top:20%;
    height:60%;
    width:1px;
    background:rgba(255,255,255,0.1);
}
.stat-num{
    font-family:var(--font-display);
    font-size:clamp(1.8rem,3vw,2.4rem);
    font-weight:700;
    color:#fff;
    line-height:1;
    margin-bottom:6px;
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:2px;
}
.stat-num sup{
    font-size:0.5em;
    color:var(--c-gold);
    font-weight:500;
}
.stat-label{
    font-size:0.85rem;
    color:rgba(255,255,255,0.5);
    letter-spacing:0.05em;
}

/* 滚动指示 */
.scroll-hint{
    position:absolute;
    bottom:32px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(255,255,255,0.4);
    font-size:0.75rem;
    letter-spacing:0.2em;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    z-index:5;
}
.scroll-hint .line{
    width:1px;
    height:40px;
    background:linear-gradient(to bottom,rgba(255,255,255,0.4),transparent);
    position:relative;
    overflow:hidden;
}
.scroll-hint .line::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50%;
    background:rgba(255,255,255,0.8);
    animation:scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine{
    0%{transform:translateY(-100%)}
    100%{transform:translateY(200%)}
}

/* ========== Section: 核心服务 ========== */
.section-service{
    background:var(--c-bg);
    position:relative;
}
.section-service::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:1px;
    background:linear-gradient(to right,transparent,var(--c-line),transparent);
}

.service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.service-card{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:16px;
    padding:40px 32px;
    position:relative;
    transition:all .35s cubic-bezier(.2,.7,.3,1);
    overflow:hidden;
}
.service-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(5,101,232,0.04) 0%,transparent 50%);
    opacity:0;
    transition:opacity .3s;
}
.service-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
    border-color:var(--c-primary);
}
.service-card:hover::before{opacity:1}
.service-card.featured{
    background:linear-gradient(135deg,#0B1220 0%,#0F172A 100%);
    color:#fff;
    border-color:transparent;
}
.service-card.featured::after{
    content:"";
    position:absolute;
    top:0;right:0;
    width:200px;height:200px;
    background:radial-gradient(circle,rgba(5,101,232,0.3) 0%,transparent 70%);
    filter:blur(40px);
    pointer-events:none;
}
.service-card.featured h3{color:#fff}
.service-card.featured p{color:rgba(255,255,255,0.7)}
.service-card.featured .service-list li{color:rgba(255,255,255,0.7)}
.service-card.featured .service-list li::before{background:var(--c-gold)}
.service-card.featured .service-num{color:rgba(255,255,255,0.2)}
.service-card.featured .service-icon{color:#fff;background:rgba(5,101,232,0.2)}

.service-badge{
    position:absolute;
    top:20px;
    right:20px;
    padding:4px 12px;
    background:var(--c-gold);
    color:#0B1220;
    font-size:0.7rem;
    font-weight:600;
    border-radius:100px;
    letter-spacing:0.05em;
    z-index:1;
}
.service-num{
    font-family:var(--font-display);
    font-size:0.85rem;
    font-weight:600;
    color:var(--c-line);
    margin-bottom:24px;
    letter-spacing:0.05em;
}
.service-icon{
    width:56px;height:56px;
    border-radius:12px;
    background:rgba(5,101,232,0.08);
    color:var(--c-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    transition:all .3s;
}
.service-icon svg{width:28px;height:28px}
.service-card:hover .service-icon{
    background:var(--c-primary);
    color:#fff;
    transform:rotate(-6deg) scale(1.05);
}
.service-card h3{
    margin-bottom:12px;
    font-size:1.3rem;
    position:relative;
    z-index:1;
}
.service-card p{
    margin-bottom:20px;
    line-height:1.7;
    font-size:0.95rem;
    position:relative;
    z-index:1;
}
.service-list{
    list-style:none;
    padding:0;
    position:relative;
    z-index:1;
}
.service-list li{
    padding-left:22px;
    position:relative;
    font-size:0.9rem;
    color:var(--c-ink-2);
    margin-bottom:8px;
}
.service-list li::before{
    content:"";
    position:absolute;
    left:0;top:9px;
    width:12px;height:1.5px;
    background:var(--c-primary);
}

/* ========== Section: 优势 ========== */
.section-advanced{
    background:var(--c-bg-alt);
    position:relative;
}

.advanced-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    border:1px solid var(--c-line);
    border-radius:20px;
    background:#fff;
    overflow:hidden;
    margin-bottom:80px;
}
.advanced-item{
    padding:48px 36px;
    border-right:1px solid var(--c-line);
    border-bottom:1px solid var(--c-line);
    transition:all .3s;
    position:relative;
}
.advanced-item:nth-child(3n){border-right:none}
.advanced-item:nth-last-child(-n+3){border-bottom:none}
.advanced-item:hover{background:var(--c-bg)}
.advanced-icon{
    width:48px;height:48px;
    border-radius:10px;
    background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    box-shadow:0 8px 20px -8px rgba(5,101,232,0.4);
}
.advanced-icon svg{width:24px;height:24px}
.advanced-item h3{
    margin-bottom:10px;
    font-size:1.1rem;
    font-weight:600;
}
.advanced-item p{
    color:var(--c-ink-3);
    font-size:0.92rem;
    line-height:1.7;
}

/* 荣誉条 */
.honor-row{
    display:flex;
    align-items:center;
    justify-content:space-around;
    background:#0B1220;
    border-radius:20px;
    padding:48px 32px;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.honor-row::before{
    content:"";
    position:absolute;
    top:-50%;right:-10%;
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(201,164,94,0.2) 0%,transparent 70%);
    filter:blur(60px);
}
.honor-item{
    text-align:center;
    position:relative;
    z-index:1;
}
.honor-num{
    font-family:var(--font-display);
    font-size:clamp(2.4rem,4vw,3.2rem);
    font-weight:700;
    color:#fff;
    line-height:1;
    margin-bottom:8px;
    background:linear-gradient(120deg,#C9A45E,#E8D3A3);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.honor-num sup{font-size:0.5em;color:var(--c-gold);-webkit-text-fill-color:var(--c-gold)}
.honor-label{
    font-size:0.9rem;
    color:rgba(255,255,255,0.65);
    letter-spacing:0.05em;
}
.honor-divider{
    width:1px;
    height:50px;
    background:rgba(255,255,255,0.1);
}

/* ========== Section: 流程 ========== */
.section-process{
    background:var(--c-bg);
    position:relative;
}
.process-track{
    list-style:none;
    padding:0;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:0;
    position:relative;
}
.process-track::before{
    content:"";
    position:absolute;
    top:32px;
    left:8%;
    right:8%;
    height:1px;
    background:repeating-linear-gradient(to right,var(--c-line) 0,var(--c-line) 6px,transparent 6px,transparent 12px);
    z-index:0;
}
.process-step{
    text-align:center;
    padding:0 16px;
    position:relative;
    z-index:1;
}
.step-num{
    width:64px;height:64px;
    border-radius:50%;
    background:#fff;
    border:2px solid var(--c-primary);
    color:var(--c-primary);
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 24px;
    position:relative;
    transition:all .3s;
}
.process-step:hover .step-num{
    background:var(--c-primary);
    color:#fff;
    transform:scale(1.08);
    box-shadow:0 10px 24px -8px rgba(5,101,232,0.4);
}
.process-step h3{
    margin-bottom:8px;
    font-size:1.1rem;
    font-weight:600;
}
.process-step p{
    color:var(--c-ink-3);
    font-size:0.88rem;
    line-height:1.6;
    margin-bottom:12px;
}
.step-time{
    display:inline-block;
    padding:3px 10px;
    background:rgba(5,101,232,0.08);
    color:var(--c-primary);
    font-size:0.75rem;
    border-radius:100px;
    font-weight:500;
}

/* ========== Section: 案例 ========== */
.section-cases{
    background:var(--c-bg-alt);
}

.cases-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.case-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    border:1px solid var(--c-line);
    transition:all .35s;
}
.case-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
}
.case-cover{
    height:200px;
    position:relative;
    background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);
    display:flex;
    align-items:flex-end;
    padding:20px;
    overflow:hidden;
}
.case-cover::before{
    content:attr(data-img);
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-display);
    font-size:6rem;
    font-weight:700;
    color:rgba(255,255,255,0.06);
}
.case-cover[data-img="1"]{background:linear-gradient(135deg,#0F172A 0%,#1E40AF 100%)}
.case-cover[data-img="2"]{background:linear-gradient(135deg,#7C2D12 0%,#C2410C 100%)}
.case-cover[data-img="3"]{background:linear-gradient(135deg,#064E3B 0%,#047857 100%)}
.case-cover[data-img="4"]{background:linear-gradient(135deg,#7F1D1D 0%,#DC2626 100%)}
.case-cover[data-img="5"]{background:linear-gradient(135deg,#581C87 0%,#9333EA 100%)}
.case-cover[data-img="6"]{background:linear-gradient(135deg,#1E3A8A 0%,#2563EB 100%)}
.case-tag{
    position:relative;
    z-index:1;
    padding:4px 12px;
    background:rgba(255,255,255,0.15);
    border:1px solid rgba(255,255,255,0.3);
    color:#fff;
    font-size:0.75rem;
    border-radius:100px;
    backdrop-filter:blur(8px);
    font-weight:500;
}
.case-body{padding:28px 28px 32px}
.case-body h3{
    margin-bottom:10px;
    font-size:1.2rem;
}
.case-body p{
    color:var(--c-ink-3);
    font-size:0.92rem;
    line-height:1.7;
    margin-bottom:16px;
}
.case-meta{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:0.8rem;
    color:var(--c-ink-3);
    padding-top:16px;
    border-top:1px solid var(--c-line);
}
.dot-sep{color:var(--c-gold);font-weight:700}

/* ========== Section: 百科 ========== */
.section-knowledge{
    background:var(--c-bg);
}
.knowledge-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
.knowledge-card{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    padding:32px 28px;
    transition:all .3s;
    display:block;
    position:relative;
    overflow:hidden;
}
.knowledge-card::before{
    content:"";
    position:absolute;
    top:0;left:0;
    width:0;
    height:3px;
    background:linear-gradient(90deg,var(--c-primary),var(--c-gold));
    transition:width .35s;
}
.knowledge-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-md);
    border-color:var(--c-primary);
}
.knowledge-card:hover::before{width:100%}
.k-tag{
    display:inline-block;
    padding:3px 10px;
    background:rgba(5,101,232,0.08);
    color:var(--c-primary);
    font-size:0.75rem;
    border-radius:100px;
    font-weight:500;
    margin-bottom:16px;
}
.knowledge-card h3{
    font-size:1.05rem;
    font-weight:600;
    margin-bottom:10px;
    line-height:1.5;
}
.knowledge-card p{
    color:var(--c-ink-3);
    font-size:0.88rem;
    line-height:1.6;
    margin-bottom:20px;
}
.k-more{
    color:var(--c-primary);
    font-size:0.9rem;
    font-weight:500;
    transition:transform .25s;
    display:inline-block;
}
.knowledge-card:hover .k-more{transform:translateX(6px)}

/* ========== Section: 关于 ========== */
.section-about{
    background:var(--c-bg-alt);
}
.about-inner{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:80px;
    align-items:center;
}
.about-visual{
    position:relative;
    aspect-ratio:1/1;
    max-width:480px;
}
.about-deco{
    position:relative;
    width:100%;
    height:100%;
    border-radius:24px;
    background:linear-gradient(135deg,#0B1220 0%,#1E293B 100%);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 40px 80px -20px rgba(15,23,42,0.3);
}
.deco-circle{
    position:absolute;
    width:80%;height:80%;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:50%;
    animation:rotate 30s linear infinite;
}
.deco-circle::before{
    content:"";
    position:absolute;
    top:0;left:50%;
    width:8px;height:8px;
    background:var(--c-gold);
    border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 16px var(--c-gold);
}
.deco-num{
    font-family:var(--font-serif);
    font-size:clamp(3rem,6vw,5rem);
    font-weight:700;
    color:#fff;
    line-height:0.95;
    text-align:center;
}
.deco-num span{
    display:block;
    font-size:0.16em;
    letter-spacing:0.4em;
    color:var(--c-gold);
    margin-top:8px;
    font-weight:400;
    font-family:var(--font-display);
}
@keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

.about-content p{
    margin-bottom:20px;
    line-height:1.9;
    color:var(--c-ink-2);
}
.about-content strong{color:var(--c-primary);font-weight:600}
.about-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin:32px 0;
    padding:24px 0;
    border-top:1px solid var(--c-line);
    border-bottom:1px solid var(--c-line);
}
.ap-item strong{
    display:block;
    font-family:var(--font-serif);
    font-size:1.3rem;
    color:var(--c-ink);
    font-weight:700;
    margin-bottom:4px;
}
.ap-item span{
    font-size:0.85rem;
    color:var(--c-ink-3);
}

/* ========== Section: FAQ ========== */
.section-faq{
    background:var(--c-bg);
    position:relative;
}
.faq-list{
    max-width:980px;
    margin:0 auto;
    display:grid;
    gap:12px;
}
.faq-item{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    padding:24px 28px;
    transition:all .3s;
    position:relative;
    overflow:hidden;
}
.faq-item:hover{
    border-color:var(--c-primary);
    box-shadow:var(--shadow-sm);
}
.faq-item.open{
    background:linear-gradient(135deg,rgba(5,101,232,0.02) 0%,rgba(201,164,94,0.02) 100%);
}
.faq-q{
    display:flex;
    align-items:flex-start;
    gap:16px;
    cursor:pointer;
    list-style:none;
    user-select:none;
}
.faq-q::-webkit-details-marker{display:none}
.faq-num{
    flex-shrink:0;
    width:36px;height:36px;
    border-radius:8px;
    background:rgba(5,101,232,0.08);
    color:var(--c-primary);
    font-family:var(--font-display);
    font-size:0.85rem;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}
.faq-item.open .faq-num{
    background:var(--c-primary);
    color:#fff;
}
.faq-q-text{
    flex:1;
    font-family:var(--font-serif);
    font-size:1.05rem;
    font-weight:600;
    color:var(--c-ink);
    line-height:1.5;
    padding-top:6px;
}
.faq-toggle{
    flex-shrink:0;
    width:28px;height:28px;
    border-radius:50%;
    border:1.5px solid var(--c-line);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--c-ink-3);
    transition:all .3s;
    margin-top:4px;
}
.faq-toggle svg{width:14px;height:14px;transition:transform .3s}
.faq-item.open .faq-toggle{
    border-color:var(--c-primary);
    color:var(--c-primary);
    transform:rotate(45deg);
}
.faq-a{
    margin-top:16px;
    padding-top:20px;
    padding-left:52px;
    border-top:1px dashed var(--c-line);
    color:var(--c-ink-2);
    line-height:1.85;
    font-size:0.95rem;
    display:none;
}
.faq-item.open .faq-a{
    display:block;
    animation:fadeIn .3s ease;
}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
}

/* ========== Section: 联系 ========== */
.section-contact{
    background:linear-gradient(180deg,var(--c-bg-alt) 0%,#EEF1F5 100%);
    position:relative;
}
.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1.1fr;
    gap:24px;
    align-items:stretch;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.info-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    padding:24px;
    transition:all .3s;
    cursor:pointer;
}
.info-card:hover{
    border-color:var(--c-primary);
    transform:translateX(4px);
    box-shadow:var(--shadow-sm);
}
.info-icon{
    flex-shrink:0;
    width:48px;height:48px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(5,101,232,0.08),rgba(5,101,232,0.04));
    color:var(--c-primary);
    display:flex;
    align-items:center;
    justify-content:center;
}
.info-icon svg{width:24px;height:24px}
.info-card h3{
    font-size:0.82rem;
    color:var(--c-ink-3);
    font-family:var(--font-display);
    font-weight:500;
    margin-bottom:6px;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.info-card p{font-size:1.02rem;color:var(--c-ink);font-weight:500;line-height:1.5}
.info-card p + p{margin-top:2px}

/* 二维码 */
.contact-qr{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.qr-card{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    padding:32px;
    text-align:center;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.qr-img{
    width:200px;height:200px;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:20px;
    border:1px solid var(--c-line);
    padding:8px;
}
.qr-img img{width:100%;height:100%;object-fit:contain}
.qr-title{
    font-family:var(--font-serif);
    font-size:1.15rem;
    font-weight:600;
    margin-bottom:4px;
}
.qr-sub{font-size:0.9rem;color:var(--c-ink-3)}
.qr-tip{
    background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);
    color:#fff;
    padding:16px 20px;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:0.88rem;
}
.qr-tip svg{width:20px;height:20px;flex-shrink:0}

/* 表单 */
.contact-form{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    padding:32px;
}
.form-title{
    font-family:var(--font-serif);
    font-size:1.4rem;
    margin-bottom:6px;
}
.form-sub{
    color:var(--c-ink-3);
    font-size:0.9rem;
    margin-bottom:24px;
}
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:12px;
}
.contact-form label{
    display:block;
    margin-bottom:12px;
}
.contact-form label.full{display:block;margin-bottom:16px}
.contact-form label span{
    display:block;
    font-size:0.85rem;
    color:var(--c-ink-2);
    margin-bottom:6px;
    font-weight:500;
}
.contact-form label span i{
    color:#DC2626;
    font-style:normal;
    margin-left:2px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    padding:12px 14px;
    border:1.5px solid var(--c-line);
    border-radius:8px;
    background:#fff;
    font-family:inherit;
    font-size:0.92rem;
    color:var(--c-ink);
    transition:all .2s;
    outline:none;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
    border-color:var(--c-primary);
    box-shadow:0 0 0 3px rgba(5,101,232,0.1);
}
.contact-form textarea{resize:vertical;font-family:inherit;line-height:1.6}
.contact-form .btn{margin-top:8px}
.form-tip{
    margin-top:14px;
    font-size:0.78rem;
    color:var(--c-ink-3);
    text-align:center;
    line-height:1.6;
}

/* ========== Section: 友情链接 ========== */
.section-friend{
    background:var(--c-bg);
    padding:80px 0 60px;
}
.friend-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:32px;
    justify-content:center;
}
.friend-tab{
    padding:8px 18px;
    background:transparent;
    border:1px solid var(--c-line);
    color:var(--c-ink-2);
    border-radius:100px;
    font-size:0.88rem;
    cursor:pointer;
    transition:all .25s;
    font-family:inherit;
}
.friend-tab:hover{
    border-color:var(--c-primary);
    color:var(--c-primary);
}
.friend-tab.active{
    background:var(--c-primary);
    border-color:var(--c-primary);
    color:#fff;
}
.friend-list{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:8px;
}
.friend-list a{
    display:block;
    padding:12px 16px;
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:8px;
    font-size:0.85rem;
    color:var(--c-ink-2);
    text-align:center;
    transition:all .25s;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.friend-list a:hover{
    border-color:var(--c-primary);
    color:var(--c-primary);
    background:rgba(5,101,232,0.04);
    transform:translateY(-2px);
}

/* ========== Footer ========== */
.footer{
    background:#0B1220;
    color:#fff;
    padding:80px 0 0;
}
.footer-inner{
    display:grid;
    grid-template-columns:1.5fr 2fr;
    gap:64px;
    padding-bottom:60px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.footer .logo{
    color:#fff;
    margin-bottom:20px;
}
.footer-desc{
    color:rgba(255,255,255,0.6);
    line-height:1.8;
    max-width:380px;
    font-size:0.92rem;
}
.footer-cols{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
.footer-col h4{
    font-family:var(--font-sans);
    color:#fff;
    font-size:0.9rem;
    font-weight:500;
    margin-bottom:20px;
    letter-spacing:0.05em;
}
.footer-col ul{list-style:none;padding:0}
.footer-col li{
    margin-bottom:10px;
    color:rgba(255,255,255,0.6);
    font-size:0.88rem;
    line-height:1.6;
}
.footer-col a{
    color:rgba(255,255,255,0.6);
    transition:color .2s;
}
.footer-col a:hover{color:var(--c-gold)}

.footer-bottom{
    padding:24px 0;
}
.footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    font-size:0.85rem;
    color:rgba(255,255,255,0.5);
}
.footer-bottom a{
    color:rgba(255,255,255,0.7);
    border-bottom:1px dotted rgba(255,255,255,0.3);
    transition:all .2s;
}
.footer-bottom a:hover{color:var(--c-gold);border-color:var(--c-gold)}

/* ========== 悬浮工具栏 ========== */
.floating{
    position:fixed;
    right:24px;
    bottom:24px;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:50;
}
.float-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    width:56px;height:56px;
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:14px;
    color:var(--c-ink-2);
    cursor:pointer;
    box-shadow:var(--shadow-md);
    transition:all .3s;
    text-decoration:none;
    font-size:0.7rem;
    font-weight:500;
    justify-content:center;
}
.float-btn:hover{
    color:#fff;
    background:var(--c-primary);
    border-color:var(--c-primary);
    transform:translateY(-3px);
    box-shadow:0 12px 24px -6px rgba(5,101,232,0.4);
}
.float-top{
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
}
.float-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* ========== 滚动渐入动画 ========== */
[data-anim]{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.3,1);
}
[data-anim].visible{
    opacity:1;
    transform:translateY(0);
}

/* 减少动画偏好 */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:0.01ms !important;
        transition-duration:0.01ms !important;
    }
    [data-anim]{opacity:1;transform:none}
}