/* roulang page: index */
:root {
    --qy-pine: #0B3B2E;
    --qy-leaf: #1F6B4D;
    --qy-glint: #DDF25A;
    --qy-sand: #F7F4EA;
    --qy-fog: #EAF0EA;
    --qy-paper: #FFFFFF;
    --qy-orange: #E85D36;
    --qy-ink: #182A23;
    --qy-mute: #6A786F;
    --qy-line: rgba(11,59,46,0.12);
    --qy-radius: 14px;
    --qy-radius-sm: 10px;
    --qy-shadow: 0 8px 24px rgba(0,0,0,0.06);
    --qy-shadow-lg: 0 16px 32px rgba(11,59,46,0.10);
    --qy-font: "Inter","PingFang SC","HarmonicOS Sans SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:var(--qy-font);
    font-size:16px;
    line-height:1.8;
    color:var(--qy-ink);
    background:var(--qy-sand);
    -webkit-font-smoothing:antialiased;
}
a{color:var(--qy-leaf);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--qy-orange);}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;padding-left:0;margin:0;}
h1,h2,h3,h4,p{margin:0;}
.container{max-width:1200px;}
.btn{font-family:inherit;}

.qy-header .qy-navbar{
    min-height:72px;
    background-color:var(--qy-pine);
    position:sticky;
    top:0;
    z-index:1030;
    padding:0;
    box-shadow:0 6px 20px rgba(4,20,14,.12);
}
.qy-header .container{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
}
.qy-brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
    color:#fff;
    font-weight:800;
    letter-spacing:.02em;
    padding:0;
}
.qy-brand:hover{color:#fff;}
.qy-brand em{
    font-style:normal;
    background:var(--qy-glint);
    color:var(--qy-pine);
    padding:0 7px;
    border-radius:6px;
    margin-left:2px;
    font-size:16px;
    line-height:28px;
}
.qy-nav-collapse{
    align-items:center;
    justify-content:flex-end;
    gap:24px;
}
.qy-nav{
    gap:4px;
    align-items:center;
}
.qy-nav .qy-nav-link{
    display:inline-flex;
    align-items:center;
    padding:.5rem .82rem;
    color:rgba(255,255,255,.76);
    font-size:16px;
    font-weight:500;
    position:relative;
    border-radius:8px;
    background:transparent;
}
.qy-nav .qy-nav-link:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
}
.qy-nav .qy-nav-link.active{
    color:#fff;
    font-weight:700;
}
.qy-nav .qy-nav-link.active::after{
    content:"";
    position:absolute;
    left:.7rem;
    right:.7rem;
    bottom:.2rem;
    height:2px;
    border-radius:2px;
    background:var(--qy-glint);
}
.qy-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:46px;
    padding:0 24px;
    background:var(--qy-glint);
    color:var(--qy-pine);
    border:0;
    border-radius:var(--qy-radius-sm);
    font-size:16px;
    font-weight:700;
    transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
    white-space:nowrap;
}
.qy-btn-primary:hover{
    background:#cfe33c;
    color:var(--qy-pine);
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(221,242,90,.18);
}
.qy-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:46px;
    padding:0 24px;
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.9);
    border-radius:var(--qy-radius-sm);
    font-size:16px;
    font-weight:600;
    transition:all .18s ease;
}
.qy-btn-outline:hover{
    background:rgba(255,255,255,.12);
    border-color:#DDF25A;
    color:#fff;
    transform:translateY(-2px);
}
.qy-btn-outline-dark{
    color:var(--qy-pine);
    border-color:var(--qy-leaf);
}
.qy-btn-outline-dark:hover{
    background:var(--qy-fog);
    border-color:var(--qy-leaf);
    color:var(--qy-pine);
}
.qy-toggler{
    width:46px;
    height:46px;
    border:0;
    background:transparent;
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    padding:0;
    border-radius:10px;
}
.qy-toggler:hover{background:rgba(255,255,255,.08);}
.qy-toggler span{
    width:22px;
    height:2px;
    background:var(--qy-glint);
    border-radius:2px;
    display:block;
    transition:all .2s ease;
}
.qy-navbar .qy-btn-primary{
    height:38px;
    padding:0 18px;
    font-size:14px;
    margin-left:8px;
}

.qy-hero{
    position:relative;
    padding:106px 0 88px;
    background:var(--qy-sand);
    overflow:hidden;
}
.qy-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 22% 28%,rgba(221,242,90,.24),transparent 38%),
        radial-gradient(circle at 76% 10%,rgba(31,107,77,.30),transparent 34%),
        linear-gradient(180deg,rgba(247,244,234,.92),rgba(247,244,234,.78)),
        url('/assets/images/backpic/back-1.png') center/cover;
    z-index:0;
}
.qy-hero-main{position:relative;z-index:2;}
.qy-hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--qy-leaf);
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    margin-bottom:16px;
    text-transform:uppercase;
}
.qy-hero-kicker::before{
    content:"";
    width:18px;
    height:2px;
    background:var(--qy-glint);
    border-radius:3px;
}
.qy-hero h1{
    font-size:44px;
    line-height:1.18;
    font-weight:800;
    color:var(--qy-ink);
    letter-spacing:-.01em;
    margin-bottom:20px;
}
.qy-hero-lead{
    font-size:18px;
    color:var(--qy-mute);
    line-height:1.8;
    max-width:460px;
    margin-bottom:32px;
}
.qy-hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:30px;
}
.qy-hero-trust{
    display:flex;
    flex-wrap:wrap;
    gap:18px 26px;
    padding-top:22px;
    border-top:1px solid rgba(11,59,46,.12);
    max-width:460px;
}
.qy-hero-trust li{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:14px;
    color:var(--qy-mute);
}
.qy-hero-trust li::before{
    content:"";
    width:8px;
    height:8px;
    background:var(--qy-leaf);
    border-radius:3px;
    opacity:.8;
}
.qy-login-card{
    background:var(--qy-paper);
    border:1px solid rgba(11,59,46,.14);
    border-radius:10px;
    box-shadow:0 18px 44px rgba(11,59,46,.12);
    overflow:hidden;
    position:relative;
    z-index:3;
}
.qy-login-card-top{
    background:var(--qy-pine);
    padding:15px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:rgba(255,255,255,.82);
    font-size:13px;
    letter-spacing:.04em;
}
.qy-login-official{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:700;
    color:#fff;
}
.qy-login-official::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--qy-glint);
    box-shadow:0 0 0 4px rgba(221,242,90,.22);
}
.qy-login-secure{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:12px;
    opacity:.85;
}
.qy-login-card-body{padding:24px 26px 26px;}
.qy-login-card-body .form-label{
    font-size:14px;
    font-weight:600;
    color:var(--qy-ink);
    margin-bottom:6px;
}
.qy-form-control{
    height:48px;
    width:100%;
    border-radius:8px;
    padding:10px 14px;
    background:var(--qy-sand);
    border:1px solid transparent;
    font-size:15px;
    color:var(--qy-ink);
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
textarea.qy-form-control{height:auto;min-height:100px;}
select.qy-form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--qy-leaf) 50%),linear-gradient(135deg,var(--qy-leaf) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat;}
.qy-form-control:focus{
    outline:none;
    background:var(--qy-paper);
    border-color:var(--qy-leaf);
    box-shadow:0 0 0 4px rgba(94,195,139,.15);
}
.qy-login-card-body .qy-btn-primary{width:100%;height:48px;font-size:16px;margin-top:6px;}
.qy-login-divider{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--qy-mute);
    font-size:13px;
    margin:18px 0 8px;
}
.qy-login-divider::before,.qy-login-divider::after{content:"";flex:1;height:1px;background:var(--qy-line);}
.qy-login-help{
    display:flex;
    justify-content:center;
    font-size:13px;
    color:var(--qy-mute);
}
.qy-login-help a{color:var(--qy-leaf);font-weight:600;}
.qy-login-tip{
    margin-top:12px;
    font-size:12px;
    color:var(--qy-mute);
    text-align:center;
    background:var(--qy-fog);
    border-radius:6px;
    padding:10px;
    display:none;
}

.qy-section{
    padding:102px 0;
    background:var(--qy-sand);
}
.qy-section-soft{background:var(--qy-fog);}
.qy-eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    color:var(--qy-orange);
    text-transform:uppercase;
    margin-bottom:18px;
}
.qy-eyebrow::before{
    content:"";
    width:18px;
    height:2px;
    background:var(--qy-glint);
    border-radius:2px;
}
.qy-section-title{
    font-size:32px;
    font-weight:800;
    color:var(--qy-ink);
    line-height:1.3;
    margin-bottom:14px;
    letter-spacing:-.01em;
}
.qy-section-desc{
    font-size:16px;
    color:var(--qy-mute);
    max-width:640px;
    line-height:1.8;
    margin-bottom:48px;
}
.qy-section-desc-narrow{max-width:560px;}

.qy-card-feature{
    position:relative;
    border-radius:var(--qy-radius);
    overflow:hidden;
    background:var(--qy-paper);
    border:1px solid rgba(11,59,46,.10);
    box-shadow:var(--qy-shadow);
    transition:transform .2s ease,box-shadow .2s ease;
    height:100%;
}
.qy-card-feature:hover{
    transform:translateY(-5px);
    box-shadow:var(--qy-shadow-lg);
    border-color:rgba(221,242,90,.75);
}
.qy-feature-media{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.qy-card-feature-large{
    min-height:486px;
    display:flex;
    align-items:flex-end;
    position:relative;
    color:#fff;
}
.qy-feature-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(11,59,46,0.02),rgba(11,59,46,0.86) 100%);
}
.qy-card-feature-large .qy-card-feature-body{
    position:relative;
    z-index:2;
    padding:34px 34px 30px;
    color:#fff;
}
.qy-tag{
    display:inline-flex;
    align-items:center;
    padding:4px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    margin-bottom:14px;
}
.qy-tag-light{
    background:rgba(31,107,77,.09);
    border-color:rgba(31,107,77,.15);
    color:var(--qy-leaf);
}
.qy-card-feature-large h3{
    font-size:26px;
    font-weight:800;
    color:#fff;
    margin-bottom:8px;
}
.qy-card-feature-large .qy-feature-text{
    font-size:15px;
    color:rgba(255,255,255,.86);
    margin-bottom:18px;
    max-width:380px;
}
.qy-text-link-fire{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#DDF25A;
    font-weight:700;
    font-size:14px;
}
.qy-text-link-fire:hover{color:#fff;}
.qy-text-link-fire::after{content:"→";transition:transform .18s ease;}
.qy-text-link-fire:hover::after{transform:translateX(4px);}
.qy-text-link-dark{
    color:var(--qy-leaf);
    font-weight:700;
}
.qy-text-link-dark::after{content:"→";transition:transform .18s ease;}
.qy-text-link-dark:hover::after{transform:translateX(4px);}

.qy-card-feature-sm{
    min-height:229px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    position:relative;
    color:#fff;
    padding:0;
    margin-bottom:24px;
}
.qy-card-feature-sm:last-child{margin-bottom:0;}
.qy-card-feature-sm h3{
    position:relative;
    z-index:2;
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin-bottom:6px;
}
.qy-card-feature-sm p{
    position:relative;
    z-index:2;
    font-size:14px;
    color:rgba(255,255,255,.84);
    line-height:1.65;
    margin-bottom:8px;
}
.qy-card-feature-sm .qy-tag{margin-left:24px;margin-bottom:0;}
.qy-card-feature-sm .qy-card-feature-body{
    position:relative;
    z-index:2;
    padding:24px;
    margin-left:0;
}

.qy-data-band{
    background:linear-gradient(135deg,var(--qy-pine) 0%,#0E4A3A 100%);
    padding:76px 0;
    color:#fff;
}
.qy-data-band .qy-eyebrow::before{background:var(--qy-glint);}
.qy-data-band .qy-eyebrow{color:var(--qy-glint);}
.qy-data-band h2{color:#fff;}
.qy-data-band .qy-section-desc{color:rgba(255,255,255,.74);}
.qy-data-col{
    padding:38px 24px;
    border-bottom:1px solid rgba(255,255,255,.22);
}
.qy-data-col+.qy-data-col{border-left:1px solid rgba(255,255,255,.18);}
.qy-data-number{
    font-size:50px;
    font-weight:800;
    color:var(--qy-glint);
    line-height:1.15;
    letter-spacing:-.02em;
    font-variant-numeric:lining-nums tabular-nums;
}
.qy-data-label{
    font-size:16px;
    font-weight:600;
    color:rgba(255,255,255,.82);
    margin-top:10px;
    line-height:1.5;
}
.qy-data-sub{font-size:13px;color:rgba(255,255,255,.62);margin-top:4px;}

.qy-steps-wrap{
    background:var(--qy-paper);
    border:1px solid rgba(11,59,46,.08);
    border-radius:16px;
    padding:28px 30px;
    box-shadow:var(--qy-shadow);
    height:100%;
}
.qy-step-item{
    display:flex;
    gap:18px;
    padding:22px 0;
    border-bottom:1px solid var(--qy-line);
}
.qy-step-item:first-child{padding-top:6px;}
.qy-step-item:last-child{border-bottom:0;padding-bottom:4px;}
.qy-step-num{
    flex-shrink:0;
    width:42px;
    height:42px;
    border-radius:12px;
    background:var(--qy-fog);
    color:var(--qy-leaf);
    font-size:16px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
}
.qy-step-body h3{font-size:17px;font-weight:800;margin-bottom:6px;color:var(--qy-ink);line-height:1.5;}
.qy-step-body p{font-size:14px;color:var(--qy-mute);line-height:1.7;}
.qy-check-list{
    display:grid;
    gap:14px;
    margin:26px 0 30px;
}
.qy-check-list li{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding-left:0;
    font-size:16px;
    color:var(--qy-ink);
}
.qy-check-list li::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:3px;
    background:var(--qy-glint);
    margin-top:12px;
    flex-shrink:0;
}

.qy-scene-item{
    display:flex;
    align-items:center;
    margin-bottom:52px;
    gap:0;
}
.qy-scene-media{
    border-radius:14px;
    overflow:hidden;
    box-shadow:var(--qy-shadow);
    position:relative;
    aspect-ratio:4/3;
    background:var(--qy-fog);
}
.qy-scene-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}
.qy-scene-media:hover img{transform:scale(1.03);}
.qy-scene-tag{
    font-size:14px;
    font-weight:700;
    color:var(--qy-leaf);
    margin-bottom:10px;
    display:inline-block;
}
.qy-scene h3{
    font-size:22px;
    font-weight:800;
    line-height:1.4;
    color:var(--qy-ink);
    margin-bottom:10px;
}
.qy-scene p{
    color:var(--qy-mute);
    margin-bottom:12px;
    max-width:405px;
}

.qy-section-news{
    background:var(--qy-sand);
}
.qy-news-panel{
    background:var(--qy-paper);
    border-radius:16px;
    border:1px solid rgba(11,59,46,.08);
    box-shadow:var(--qy-shadow);
    height:100%;
    position:relative;
    overflow:hidden;
}
.qy-news-feature-main{
    padding:30px 32px;
    display:block;
    height:100%;
    background:linear-gradient(165deg,rgba(234,240,234,.7),rgba(255,255,255,.96) 58%);
}
.qy-news-main-title{
    font-size:22px;
    font-weight:800;
    line-height:1.55;
    color:var(--qy-ink);
    margin-bottom:6px;
    transition:color .18s ease;
}
.qy-news-main-title:hover{color:var(--qy-leaf);}
.qy-news-meta{
    font-size:12px;
    color:var(--qy-mute);
    margin-top:14px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.qy-news-meta-badge{
    display:inline-flex;
    align-items:center;
    background:rgba(221,242,90,.45);
    color:var(--qy-pine);
    font-weight:700;
    padding:3px 10px;
    border-radius:999px;
    font-size:12px;
}
.qy-news-list-wrap{padding:26px 18px 10px;}
.qy-news-list-item{
    margin-bottom:0;
    border-bottom:1px solid var(--qy-line);
    padding:14px 8px 18px;
    display:flex;
    gap:14px;
    transition:background .15s ease;
    border-radius:10px;
}
.qy-news-list-item:first-child{padding-top:8px;}
.qy-news-list-item:last-child{border-bottom:0;}
.qy-news-list-item:hover{background:var(--qy-fog);}
.qy-news-item-date{
    flex-shrink:0;
    width:56px;
    text-align:center;
    padding-top:4px;
}
.qy-news-item-date b{
    font-size:18px;
    color:var(--qy-leaf);
    font-weight:800;
    display:block;
    line-height:1.2;
}
.qy-news-item-date span{
    font-size:10px;
    color:var(--qy-mute);
    letter-spacing:.1em;
}
.qy-news-item-body h3{
    font-size:16px;
    font-weight:700;
    line-height:1.55;
    margin-bottom:6px;
}
.qy-news-item-body h3 a{color:var(--qy-ink);}
.qy-news-item-body h3 a:hover{color:var(--qy-leaf);}
.qy-news-item-excerpt{
    font-size:13px;
    color:var(--qy-mute);
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:8px;
}
.qy-news-item-foot{
    font-size:12px;
    color:var(--qy-mute);
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}
.qy-news-item-foot a{color:var(--qy-leaf);font-weight:700;display:inline-flex;align-items:center;gap:2px;}
.qy-news-item-foot a::after{content:"→";transition:transform .18s ease;}
.qy-news-item-foot a:hover::after{transform:translateX(4px);}
.qy-news-empty{
    background:var(--qy-paper);
    border:1px dashed var(--qy-line);
    border-radius:16px;
    padding:50px 30px;
    text-align:center;
    color:var(--qy-mute);
    font-size:16px;
}
.qy-news-empty::before{
    content:"";
    display:block;
    width:46px;
    height:46px;
    margin:0 auto 20px;
    border-radius:50%;
    border:2px dashed rgba(31,107,77,.45);
    position:relative;
    background:radial-gradient(circle,rgba(31,107,77,.35) 0 5px,transparent 6px);
}

.qy-faq-row{
    background:var(--qy-fog);
    padding:102px 0;
}
.qy-faq-panel{
    background:var(--qy-paper);
    border:1px solid rgba(11,59,46,.08);
    border-radius:16px;
    padding:26px 28px;
}
.qy-faq-item{
    background:var(--qy-paper);
    border:1px solid rgba(11,59,46,.10);
    border-radius:12px;
    margin-bottom:14px;
    overflow:hidden;
    transition:background .18s ease,border .18s ease;
}
.qy-faq-item[open]{background:var(--qy-fog);border-color:rgba(31,107,77,.35);}
.qy-faq-item:last-child{margin-bottom:0;}
.qy-faq-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:19px 22px;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    color:var(--qy-ink);
    line-height:1.5;
    list-style:none;
}
.qy-faq-summary::-webkit-details-marker{display:none;}
.qy-faq-summary:hover{color:var(--qy-leaf);}
.qy-faq-icon{
    flex-shrink:0;
    width:22px;
    height:22px;
    position:relative;
    border-radius:6px;
    background:var(--qy-leaf);
}
.qy-faq-icon::before,.qy-faq-icon::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:10px;
    height:2px;
    background:#fff;
    border-radius:2px;
    transform:translate(-50%,-50%);
    transition:transform .2s ease,opacity .2s ease;
}
.qy-faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.qy-faq-item[open] .qy-faq-icon::after{opacity:0;}
.qy-faq-answer{
    margin:0;
    padding:0 22px 22px;
    font-size:14px;
    line-height:1.85;
    color:var(--qy-mute);
    max-width:100%;
}

.qy-contact-section{
    padding:102px 0;
    background:linear-gradient(180deg,var(--qy-sand),var(--qy-fog));
}
.qy-contact-panel{
    background:var(--qy-paper);
    border-radius:18px;
    border:1px solid rgba(11,59,46,.09);
    box-shadow:0 20px 50px rgba(11,59,46,.08);
    padding:30px 32px;
}
.qy-form-help{
    font-size:12px;
    color:var(--qy-mute);
    margin-top:4px;
}

.qy-footer{
    background:var(--qy-pine);
    color:rgba(255,255,255,.7);
}
.qy-footer-topline{
    height:3px;
    background:var(--qy-glint);
}
.qy-footer-main{
    padding:70px 0 32px;
}
.qy-footer h4{
    color:#fff;
    font-size:16px;
    font-weight:800;
    margin-bottom:18px;
}
.qy-footer-brand{
    font-size:22px;
    color:#fff;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
}
.qy-footer-desc{
    font-size:14px;
    line-height:1.9;
    color:rgba(255,255,255,.58);
    max-width:300px;
}
.qy-footer-links li{margin-bottom:8px;}
.qy-footer-links a{
    color:rgba(255,255,255,.66);
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    line-height:1.8;
}
.qy-footer-links a:hover{color:var(--qy-glint);}
.qy-footer-links a::before{
    content:"";
    width:5px;
    height:5px;
    border-radius:1px;
    background:rgba(221,242,90,.55);
    transform:rotate(45deg);
}
.qy-footer-bottom{
    border-top:1px solid rgba(255,255,255,.13);
    padding:20px 0;
    font-size:13px;
    color:rgba(255,255,255,.45);
}
.qy-footer-bottom a{color:rgba(255,255,255,.55);}
.qy-footer-bottom a:hover{color:var(--qy-glint);}

@media (max-width: 1199px){
    .qy-card-feature-large{min-height:430px;}
    .qy-card-feature-sm{min-height:203px;}
}
@media (max-width: 991px){
    .qy-section,.qy-faq-row,.qy-contact-section{padding:64px 0;}
    .qy-hero{padding:64px 0 64px;}
    .qy-hero h1{font-size:36px;}
    .qy-toggler{display:inline-flex;}
    .qy-nav-collapse{
        background:var(--qy-pine);
        margin-top:0;
        padding:14px 10px 24px;
        border-radius:0 0 14px 14px;
        box-shadow:0 20px 30px rgba(0,0,0,.16);
    }
    .qy-nav{
        align-items:flex-start;
        padding-left:0;
        margin-bottom:12px;
    }
    .qy-nav .qy-nav-link{
        padding:.85rem .8rem;
        width:100%;
        font-size:17px;
    }
    .qy-nav .qy-nav-link.active::after{background:var(--qy-glint);left:4px;right:auto;width:20px;bottom:.6rem;}
    .qy-navbar .qy-btn-primary{
        width:100%;
        height:44px;
        margin-left:0;
    }
    .qy-data-col+.qy-data-col{border-left:0;}
    .qy-data-col{
        border-bottom:1px solid rgba(255,255,255,.18);
        padding:30px 14px 26px;
    }
    .qy-card-feature-large{min-height:420px;}
    .qy-card-feature-sm{margin-bottom:24px;}
    .qy-login-card{margin-top:34px;}
    .qy-scene-item{margin-bottom:44px;}
}
@media (max-width: 767px){
    .qy-hero h1{font-size:30px;}
    .qy-section-title{font-size:25px;}
    .qy-card-feature-large{min-height:390px;}
    .qy-card-feature-large .qy-card-feature-body{padding:24px 22px 22px;}
    .qy-card-feature-large h3{font-size:22px;}
    .qy-card-feature-sm{min-height:220px;}
    .qy-card-feature-sm p{line-height:1.6;}
    .qy-data-number{font-size:46px;}
    .qy-scene-media{aspect-ratio:16/10;}
    .qy-steps-wrap{padding:22px 18px;}
    .qy-login-card-body{padding:22px 18px;}
    .qy-contact-panel{padding:22px 18px;}
    .qy-footer-main{padding:48px 0 20px;}
}
@media (prefers-reduced-motion: reduce){
    *{animation:none!important;transition:none!important;}
}
a:focus-visible,button:focus-visible,.qy-form-control:focus-visible,.qy-toggler:focus-visible{
    outline:2px solid var(--qy-leaf);
    outline-offset:2px;
}

/* roulang page: article */
:root{
  --qy-pine:#0B3B2E;
  --qy-leaf:#1F6B4D;
  --qy-glint:#DDF25A;
  --qy-sand:#F7F4EA;
  --qy-fog:#EAF0EA;
  --qy-paper:#FFFFFF;
  --qy-orange:#E85D36;
  --qy-ink:#182A23;
  --qy-mute:#6A786F;
  --qy-line:rgba(11,59,46,.12);
  --qy-radius:14px;
  --qy-radius-sm:10px;
  --qy-shadow-sm:0 8px 24px rgba(0,0,0,.06);
  --qy-shadow-hover:0 16px 32px rgba(11,59,46,.10);
  --qy-transition:all .2s ease;
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter","PingFang SC","HarmonicOS Sans SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:16px;
  line-height:1.8;
  color:var(--qy-ink);
  background:var(--qy-sand);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .18s ease}
a:hover{color:inherit}
p{margin:0 0 1rem}
button,input,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{margin:0 0 .75rem;line-height:1.3;font-weight:800;color:var(--qy-ink)}
.container{max-width:1200px}
::selection{background:var(--qy-glint);color:var(--qy-pine)}
:focus-visible{outline:3px solid var(--qy-glint);outline-offset:2px;border-radius:4px}

/* 通用按钮 */
.qy-btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:10px 22px;
  font-size:16px;font-weight:600;line-height:1.2;
  color:var(--qy-pine);background:var(--qy-glint);
  border:0;border-radius:var(--qy-radius-sm);
  cursor:pointer;text-align:center;
  transition:var(--qy-transition);
}
.qy-btn-primary:hover{background:#cfe33c;color:var(--qy-pine);transform:translateY(-2px);box-shadow:0 8px 22px rgba(221,242,90,.35)}
.qy-btn-outline{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:9px 20px;
  font-size:15px;font-weight:600;
  color:var(--qy-leaf);background:transparent;
  border:1px solid var(--qy-leaf);border-radius:var(--qy-radius-sm);
  transition:var(--qy-transition);
}
.qy-btn-outline:hover{background:rgba(31,107,77,.08);color:var(--qy-leaf);transform:translateY(-2px)}
.qy-btn-nav{min-height:42px;padding:8px 20px}
.qy-btn-xl{min-height:52px;padding:13px 30px;font-size:17px}

/* 顶部导航 */
body{padding-top:72px}
.qy-header{
  position:fixed;top:0;left:0;right:0;z-index:1040;
  background:var(--qy-pine);
  box-shadow:0 1px 0 rgba(255,255,255,.06);
  transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
}
.qy-header.scrolled{
  background:rgba(11,59,46,.92);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(11,59,46,.18);
}
.qy-navbar{
  min-height:72px;
  padding:12px 0;
}
.qy-brand{
  color:#fff;font-size:1.42rem;font-weight:800;line-height:1.2;letter-spacing:.02em;
}
.qy-brand:hover{color:#fff}
.qy-brand em{font-style:normal;color:var(--qy-glint);display:inline-block}
.qy-toggler{
  width:48px;height:44px;padding:12px 10px;
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  background:transparent;border:1px solid rgba(255,255,255,.24);border-radius:10px;
}
.qy-toggler span{display:block;width:100%;height:2px;background:#fff;border-radius:2px}
.qy-toggler:hover,.qy-toggler[aria-expanded="true"]{border-color:var(--qy-glint)}
.qy-toggler:hover span{background:var(--qy-glint)}
.qy-nav{
  gap:6px;
  align-items:center;
}
.qy-nav .qy-nav-link{
  position:relative;
  padding:9px 18px;
  font-size:15.5px;font-weight:600;
  color:rgba(255,255,255,.78);
  border-radius:8px;
  transition:var(--qy-transition);
}
.qy-nav .qy-nav-link:hover{color:#fff;background:rgba(221,242,90,.08)}
.qy-nav .qy-nav-link.active{color:var(--qy-glint)}
.qy-nav .qy-nav-link.active::after{
  content:"";position:absolute;left:18px;right:18px;bottom:3px;height:2px;
  background:var(--qy-glint);border-radius:2px;
}
.navbar-nav .dropdown-toggle::after{display:none}
.navbar-collapse{justify-content:flex-end}
.navbar-collapse .qy-btn-nav{margin-left:20px}
@media (max-width:991.98px){
  body{padding-top:66px}
  .qy-navbar{min-height:66px;padding:10px 0}
  .qy-nav-collapse{
    margin-top:12px;padding:18px 6px 24px;
    background:var(--qy-pine);border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
  }
  .qy-nav{width:100%;align-items:stretch}
  .navbar-nav .qy-nav-link{padding:12px 16px;border-radius:10px}
  .navbar-nav .qy-nav-link.active{background:rgba(221,242,90,.08)}
  .navbar-nav .qy-nav-link.active::after{display:none}
  .navbar-collapse .qy-btn-nav{margin:18px 0 0;width:auto;align-self:flex-start}
}

/* 文章页横幅 */
.qy-article-banner{
  position:relative;
  background:var(--qy-sand);
  border-bottom:1px solid var(--qy-line);
  overflow:hidden;
}
.qy-article-banner::before{
  content:"";
  position:absolute;top:-220px;right:-170px;width:520px;height:520px;
  background:radial-gradient(circle at center,rgba(221,242,90,.28),transparent 63%);
  border-radius:50%;
  pointer-events:none;
}
.qy-article-banner::after{
  content:"";
  position:absolute;left:-120px;bottom:-220px;width:420px;height:420px;
  background:radial-gradient(circle at center,rgba(31,107,77,.12),transparent 60%);
  border-radius:50%;
  pointer-events:none;
}
.qy-article-banner-inner{position:relative;z-index:1;padding:54px 0 46px}
.qy-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-bottom:24px;font-size:14px;color:var(--qy-mute);
}
.qy-crumb a{color:var(--qy-leaf);font-weight:600}
.qy-crumb a:hover{color:var(--qy-pine)}
.qy-crumb i{width:3px;height:3px;border-radius:50%;background:var(--qy-mute)}
.qy-banner-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 12px;
  font-size:13px;font-weight:600;
  color:var(--qy-leaf);background:var(--qy-paper);
  border:1px solid rgba(31,107,77,.24);border-radius:30px;
  margin-bottom:16px;
}
.qy-article-banner h1{
  max-width:840px;
  font-size:42px;line-height:1.2;margin-bottom:18px;
  color:var(--qy-pine);
}
.qy-banner-lead{
  max-width:680px;font-size:16.5px;line-height:1.8;
  color:var(--qy-mute);margin-bottom:18px;
}
.qy-banner-meta{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  color:var(--qy-mute);font-size:14px;
}
.qy-banner-meta .qy-meta-item{
  display:inline-flex;align-items:center;gap:7px;
  padding:4px 10px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(11,59,46,.08);
  border-radius:30px;
  color:var(--qy-ink);
}
.qy-banner-meta .qy-meta-item strong{color:var(--qy-pine);font-weight:700}
.qy-meta-dot{width:4px;height:4px;border-radius:50%;background:rgba(11,59,46,.3)}

/* 文章正文 */
.qy-article-main{
  padding:52px 0 20px;
  background:var(--qy-paper);
}
.qy-article-shell .qy-article-content{
  width:100%;
}
.qy-cms-content{
  font-size:16.5px;line-height:1.95;color:#24332c;
}
.qy-cms-content p{margin-bottom:28px}
.qy-cms-content strong{color:var(--qy-pine);font-weight:700}
.qy-cms-content a{
  color:var(--qy-leaf);font-weight:600;
  text-decoration:none;
  border-bottom:1px solid rgba(31,107,77,.3);
  transition:var(--qy-transition);
}
.qy-cms-content a:hover{color:var(--qy-orange);border-color:rgba(232,93,54,.4)}
.qy-cms-content h2{
  font-size:28px;line-height:1.35;color:var(--qy-pine);
  padding-top:12px;margin:42px 0 18px;
}
.qy-cms-content h3{
  font-size:21px;line-height:1.45;color:var(--qy-leaf);
  margin:34px 0 14px;
}
.qy-cms-content ul,.qy-cms-content ol{padding-left:22px;margin:0 0 28px}
.qy-cms-content li{margin-bottom:10px}
.qy-cms-content blockquote{
  margin:32px 0;padding:20px 26px;
  background:var(--qy-sand);
  border-left:4px solid var(--qy-pine);
  border-radius:0 12px 12px 0;
  color:#34483e;font-size:16.5px;
}
.qy-cms-content blockquote p{margin-bottom:8px}
.qy-cms-content blockquote p:last-child{margin-bottom:0}
.qy-cms-content img{
  border-radius:10px;margin:32px auto;
  box-shadow:0 12px 28px rgba(11,59,46,.12);
}
.qy-cms-content hr{
  margin:38px 0;border:0;height:1px;background:var(--qy-line);
}
.qy-cms-content table{
  width:100%;margin-bottom:30px;
  border-collapse:collapse;background:var(--qy-paper);
}
.qy-cms-content th,.qy-cms-content td{
  padding:12px 16px;border:1px solid rgba(11,59,46,.12);
  font-size:15px;text-align:left;
}
.qy-cms-content th{background:var(--qy-fog);color:var(--qy-pine);font-weight:700}
.qy-cms-content code{
  display:inline-block;padding:2px 8px;
  background:var(--qy-fog);border-radius:6px;
  font-size:14px;color:var(--qy-pine);
  word-break:break-all;
}

/* 空内容 */
.qy-empty-state{
  padding:72px 28px;
  background:var(--qy-sand);
  border:1px dashed rgba(11,59,46,.16);
  border-radius:18px;
  text-align:center;
}
.qy-empty-icon{
  width:64px;height:64px;margin:0 auto 18px;
  border-radius:50%;border:2px dashed rgba(11,59,46,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--qy-mute);font-size:26px;line-height:1;
}
.qy-empty-state h2{font-size:22px;color:var(--qy-pine);margin-bottom:8px}
.qy-empty-state p{color:var(--qy-mute);margin-bottom:22px}

/* 底部提示与上一篇 */
.qy-inline-tip{
  display:flex;gap:16px;align-items:flex-start;
  padding:20px 22px;margin-top:44px;
  background:var(--qy-fog);
  border-radius:14px;border:1px solid rgba(31,107,77,.12);
}
.qy-inline-tip-ico{
  flex:0 0 auto;
  width:34px;height:34px;border-radius:10px;
  background:var(--qy-glint);color:var(--qy-pine);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
}
.qy-inline-tip p{flex:1;margin:0;font-size:15px;line-height:1.8;color:#33493e}
.qy-inline-tip a{color:var(--qy-leaf);font-weight:700;white-space:nowrap}
.qy-article-pager{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
  margin:44px 0 0;
}
.qy-pager-card{
  display:flex;flex-direction:column;
  padding:22px 24px;min-height:120px;
  border:1px solid rgba(11,59,46,.10);border-radius:14px;
  background:var(--qy-sand);
  transition:var(--qy-transition);
}
.qy-pager-card:hover{border-color:rgba(31,107,77,.35);background:#f2efe4;transform:translateY(-2px)}
.qy-pager-label{font-size:13px;color:var(--qy-mute);margin-bottom:10px;letter-spacing:.04em}
.qy-pager-card h3{margin:0 0 4px;font-size:18px}
.qy-pager-card p{margin:auto 0 0;font-size:14px;color:var(--qy-mute)}
.qy-pager-more{margin-top:8px;color:var(--qy-leaf);font-weight:700;font-size:15px}
.qy-pager-more span{display:inline-block;transition:transform .2s ease}
.qy-pager-card:hover .qy-pager-more span{transform:translateX(4px)}

/* 延伸栏目 */
.qy-related-band{
  padding:70px 0;
  background:var(--qy-sand);
  border-top:1px solid var(--qy-line);
}
.qy-section-kicker{
  display:flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;color:var(--qy-orange);
  margin-bottom:14px;
}
.qy-section-kicker::before{
  content:"";width:18px;height:2px;background:var(--qy-glint);
  border-radius:2px;box-shadow:0 0 0 0 rgba(221,242,90,.2);
}
.qy-related-band h2{font-size:30px;color:var(--qy-pine);margin-bottom:36px}
.qy-related-card{
  height:100%;
  background:var(--qy-paper);
  border:1px solid var(--qy-line);
  border-radius:var(--qy-radius);
  overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:var(--qy-shadow-sm);
  transition:var(--qy-transition);
}
.qy-related-card:hover{transform:translateY(-4px);box-shadow:var(--qy-shadow-hover);border-color:rgba(221,242,90,.5)}
.qy-related-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--qy-fog)}
.qy-related-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.qy-related-card:hover .qy-related-media img{transform:scale(1.05)}
.qy-related-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(11,59,46,.28))}
.qy-related-media span{
  position:absolute;top:14px;left:14px;z-index:2;
  padding:4px 12px;font-size:12.5px;font-weight:600;color:#fff;
  background:rgba(11,59,46,.72);border:1px solid rgba(255,255,255,.2);
  border-radius:30px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.qy-related-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.qy-related-body h3{font-size:19px;margin-bottom:8px}
.qy-related-body p{flex:1;font-size:14.5px;line-height:1.75;color:var(--qy-mute);margin-bottom:16px}
.qy-related-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--qy-leaf);font-weight:700;font-size:15px;
}
.qy-related-link span{transition:transform .2s ease}
.qy-related-card:hover .qy-related-link span{transform:translateX(4px)}

/* 登录入口 CTA */
.qy-entry-panel{
  padding:70px 0;
  background:var(--qy-pine);
  color:#fff;
  position:relative;overflow:hidden;
}
.qy-entry-panel::before{
  content:"";position:absolute;top:-30%;right:-10%;width:440px;height:440px;
  background:radial-gradient(circle,rgba(221,242,90,.2),transparent 58%);
  pointer-events:none;
}
.qy-entry-panel::after{
  content:"";position:absolute;bottom:-50%;left:-5%;width:340px;height:340px;
  background:radial-gradient(circle,rgba(31,107,77,.55),transparent 58%);
  pointer-events:none;
}
.qy-entry-box{position:relative;z-index:2}
.qy-entry-kicker{color:var(--qy-glint);font-weight:600;letter-spacing:.05em}
.qy-entry-box h2{color:#fff;font-size:28px;margin-bottom:10px;line-height:1.4}
.qy-entry-box p{color:rgba(255,255,255,.75);font-size:16px;max-width:600px}
.qy-entry-actions{display:flex;gap:14px;flex-wrap:wrap}
.qy-entry-panel .qy-btn-primary{background:var(--qy-glint);color:var(--qy-pine)}
.qy-entry-panel .qy-btn-primary:hover{background:#fff;transform:translateY(-2px)}
.qy-entry-link{
  display:inline-flex;align-items:center;gap:8px;
  color:rgba(255,255,255,.85);font-weight:600;font-size:15px;
  border-bottom:1px solid rgba(255,255,255,.3);
  transition:var(--qy-transition);
}
.qy-entry-link:hover{color:var(--qy-glint);border-color:var(--qy-glint)}

/* 页脚 */
.qy-footer{background:var(--qy-pine);color:#fff}
.qy-footer-topline{height:3px;background:var(--qy-glint)}
.qy-footer-main{padding:62px 0 34px}
.qy-footer-brand{font-size:1.4rem;font-weight:800;margin-bottom:12px}
.qy-footer-desc{color:rgba(255,255,255,.6);font-size:14px;line-height:1.9;margin-bottom:0;max-width:360px}
.qy-footer h4{color:#fff;font-size:17px;margin-bottom:16px;font-weight:700}
.qy-footer-links{list-style:none;padding:0;margin:0}
.qy-footer-links li{margin-bottom:10px}
.qy-footer-links a{color:rgba(255,255,255,.62);font-size:14.5px;line-height:22px;transition:var(--qy-transition)}
.qy-footer-links a:hover{color:var(--qy-glint);padding-left:3px}
.qy-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0}
.qy-footer-bottom span{font-size:13px;color:rgba(255,255,255,.5)}

@media (max-width:991.98px){
  .qy-article-banner-inner{padding:44px 0 38px}
  .qy-article-banner h1{font-size:34px}
  .qy-cms-content{font-size:16px}
  .qy-related-band h2{font-size:26px}
}
@media (max-width:767.98px){
  body{padding-top:64px}
  .qy-article-banner-inner{padding:36px 0 32px}
  .qy-article-banner h1{font-size:29px;line-height:1.28}
  .qy-banner-lead{font-size:15px}
  .qy-banner-meta{row-gap:8px}
  .qy-article-main{padding:42px 0 16px}
  .qy-cms-content{font-size:15.5px;line-height:1.9}
  .qy-cms-content h2{font-size:24px}
  .qy-cms-content blockquote{padding:16px 18px}
  .qy-article-pager{grid-template-columns:1fr}
  .qy-pager-card{min-height:auto}
  .qy-related-band{padding:56px 0}
  .qy-related-band h2{font-size:24px}
  .qy-entry-panel{padding:56px 0}
  .qy-entry-box h2{font-size:24px}
  .qy-entry-actions{width:100%}
  .qy-entry-actions .qy-btn-primary,.qy-entry-actions .qy-entry-link{flex:1}
  .qy-entry-box h2 br{display:none}
}
@media (max-width:575.98px){
  .qy-brand{font-size:1.2rem}
  .qy-article-banner h1{font-size:26px}
  .qy-cms-content{font-size:15px}
  .qy-cms-content p{margin-bottom:22px}
  .qy-cms-content table{font-size:13.5px;display:block;overflow-x:auto;white-space:nowrap}
  .qy-inline-tip{flex-direction:column}
  .qy-inline-tip .qy-tip-cta{padding-left:50px}
  .qy-footer-main{padding:48px 0 26px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* roulang page: category1 */
:root {
  --qy-pine: #0B3B2E;
  --qy-leaf: #1F6B4D;
  --qy-glint: #DDF25A;
  --qy-glint-dark: #C9E33E;
  --qy-sand: #F7F4EA;
  --qy-fog: #EAF0EA;
  --qy-paper: #FFFFFF;
  --qy-orange: #E85D36;
  --qy-ink: #182A23;
  --qy-mute: #6A786F;
  --qy-line: rgba(11, 59, 46, 0.12);
  --qy-radius: 14px;
  --qy-radius-sm: 10px;
  --qy-shadow: 0 8px 24px rgba(11, 59, 46, 0.06);
  --qy-shadow-hover: 0 16px 32px rgba(11, 59, 46, 0.10);
  --qy-font: "Inter", "PingFang SC", "HarmonicOS Sans SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}
body {
  margin: 0;
  font-family: var(--qy-font);
  font-size: 16px;
  line-height: 1.8;
  color: var(--qy-ink);
  background: var(--qy-sand);
  -webkit-font-smoothing: antialiased;
}
img,
svg {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol {
  margin-top: 0;
}
ul,
ol {
  padding-left: 0;
}
p {
  margin-bottom: 1.2rem;
}
.container {
  max-width: 1200px;
}
:focus-visible {
  outline: 3px solid rgba(221, 242, 90, 0.7);
  outline-offset: 3px;
}

/* ===== 导航 ===== */
.qy-header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1040;
  background: rgba(11, 59, 46, 0.96);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.qy-header.qy-scrolled {
  background: rgba(11, 59, 46, 0.9);
  box-shadow: 0 10px 30px rgba(2, 18, 12, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.qy-navbar {
  min-height: 72px;
  padding: 0;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.qy-brand {
  display: inline-flex;
  align-items: baseline;
  font-size: 21px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.02em;
  padding: 10px 0;
  line-height: 1.2;
}
.qy-brand:hover {
  color: #ffffff;
}
.qy-brand em {
  font-style: normal;
  color: var(--qy-glint);
  margin-left: 3px;
}
.qy-nav-collapse {
  align-items: center;
  justify-content: flex-end;
}
.qy-nav {
  gap: 6px;
  margin-right: 10px;
}
.qy-nav .qy-nav-link {
  position: relative;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 600;
  font-size: 16px;
  padding: 10px 8px;
  border-radius: 4px;
  transition: color 0.2s ease;
}
.qy-nav .qy-nav-link::after {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: var(--qy-glint);
  transition: width 0.2s ease;
}
.qy-nav .qy-nav-link:hover,
.qy-nav .qy-nav-link.active {
  color: #ffffff;
}
.qy-nav .qy-nav-link:hover::after,
.qy-nav .qy-nav-link.active::after {
  width: 80%;
}
.qy-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 26px;
  border: 1px solid transparent;
  border-radius: var(--qy-radius-sm);
  background: var(--qy-glint);
  color: var(--qy-pine);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.qy-btn-primary:hover,
.qy-btn-primary:focus {
  background: var(--qy-glint-dark);
  color: var(--qy-pine);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(12, 30, 20, 0.22);
}
.qy-btn-nav {
  min-height: 42px;
  padding: 0 22px;
  font-size: 15px;
}
.qy-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 26px;
  border: 1px solid var(--qy-leaf);
  border-radius: var(--qy-radius-sm);
  background: transparent;
  color: var(--qy-pine);
  font-weight: 600;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.18s ease;
}
.qy-btn-outline:hover {
  background: rgba(31, 107, 77, 0.08);
  color: var(--qy-pine);
  transform: translateY(-2px);
}
.qy-toggler {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--qy-radius-sm);
}
.qy-toggler span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: var(--qy-glint);
  transition: transform 0.22s ease, opacity 0.22s ease;
}
.qy-toggler[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(0) rotate(45deg);
}
.qy-toggler[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}
.qy-toggler[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(0) rotate(-45deg);
}
.qy-toggler[aria-expanded="true"] {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* ===== 分类页顶部横幅 ===== */
.qy-sub-hero {
  position: relative;
  color: #ffffff;
  background-color: var(--qy-pine);
  background: radial-gradient(circle at 84% 22%, rgba(221, 242, 90, 0.17), transparent 32%),
    linear-gradient(106deg, rgba(7, 44, 32, 0.96) 0%, rgba(11, 59, 46, 0.92) 68%, rgba(31, 107, 77, 0.86) 100%);
  border-bottom: 3px solid var(--qy-glint);
}
.qy-sub-hero-inner {
  padding: 60px 0 72px;
}
.qy-breadcrumb {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 28px;
  padding: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
.qy-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.qy-breadcrumb li + li::before {
  content: "·";
  color: var(--qy-glint);
}
.qy-breadcrumb a {
  color: rgba(255, 255, 255, 0.9);
}
.qy-breadcrumb a:hover {
  color: var(--qy-glint);
}
.qy-sub-hero h1 {
  margin: 4px 0 24px;
  font-size: 46px;
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.qy-sub-hero h1 span {
  display: block;
}
.qy-sub-lead {
  max-width: 620px;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.78);
}
.qy-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 32px;
}
.qy-sub-hero .qy-btn-outline {
  color: #ffffff;
  border-color: rgba(221, 242, 90, 0.5);
  background: transparent;
}
.qy-sub-hero .qy-btn-outline:hover {
  color: #ffffff;
  background: rgba(221, 242, 90, 0.16);
}
.qy-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  list-style: none;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.62);
}
.qy-hero-tags li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.qy-hero-tags li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--qy-glint);
}
.qy-hero-figure {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 26px 60px rgba(3, 26, 17, 0.35);
}
.qy-hero-figure img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.qy-hero-figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(11, 59, 46, 0.84) 100%);
}
.qy-hero-figure-caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 2;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.03em;
}

/* ===== 分类页主体 ===== */
.qy-cat-main {
  padding: 74px 0 12px;
}
.qy-cat-wrap {
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.qy-cat-side {
  position: sticky;
  top: 104px;
}
.qy-cat-side-panel {
  background: var(--qy-paper);
  border: 1px solid var(--qy-line);
  border-radius: var(--qy-radius);
  padding: 24px 22px;
  box-shadow: var(--qy-shadow);
}
.qy-side-label {
  display: block;
  font-size: 13px;
  color: var(--qy-orange);
  font-weight: 700;
  margin-bottom: 8px;
}
.qy-side-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--qy-pine);
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-dir-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.qy-dir-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--qy-ink);
  transition: background 0.18s ease, color 0.18s ease;
}
.qy-dir-nav a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: var(--qy-leaf);
}
.qy-dir-nav a:hover {
  background: var(--qy-fog);
  color: var(--qy-leaf);
}
.qy-side-note {
  margin-top: 24px;
  border-top: 1px dashed var(--qy-line);
  padding-top: 20px;
}
.qy-side-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--qy-mute);
}
.qy-cat-content {
  min-width: 0;
}
.qy-cat-sec {
  padding-bottom: 54px;
  margin-bottom: 54px;
  border-bottom: 1px solid var(--qy-line);
}
.qy-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--qy-orange);
}
.qy-kicker::before {
  content: "";
  width: 18px;
  height: 3px;
  border-radius: 3px;
  background: var(--qy-glint);
}
.qy-cat-sec h2 {
  font-size: 32px;
  line-height: 1.3;
  color: var(--qy-pine);
  font-weight: 800;
  margin-bottom: 20px;
}
.qy-soft-card {
  background: var(--qy-paper);
  border: 1px solid var(--qy-line);
  border-radius: var(--qy-radius);
  padding: 28px;
  height: 100%;
  box-shadow: 0 4px 16px rgba(11, 59, 46, 0.03);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.qy-soft-card:hover {
  transform: translateY(-4px);
  border-color: rgba(221, 242, 90, 0.7);
  box-shadow: var(--qy-shadow-hover);
}
.qy-card-ico {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 10px;
  background: var(--qy-fog);
  color: var(--qy-leaf);
}
.qy-soft-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--qy-pine);
  margin-bottom: 12px;
}
.qy-soft-card p {
  margin-bottom: 16px;
  color: var(--qy-ink);
}
.qy-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.qy-card-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  color: var(--qy-mute);
  font-size: 15px;
}
.qy-card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--qy-glint);
}
.qy-image-block {
  overflow: hidden;
  border-radius: var(--qy-radius);
  height: 100%;
  border: 1px solid var(--qy-line);
  background: var(--qy-paper);
}
.qy-image-block img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
}
.qy-text-side {
  padding-left: 8px;
}
.qy-text-side p {
  line-height: 1.9;
  color: var(--qy-ink);
}
.qy-point-list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.qy-point-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--qy-line);
  font-size: 15px;
  color: var(--qy-ink);
}
.qy-point-list li:last-child {
  border-bottom: 0;
}
.qy-point-list li svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  color: var(--qy-leaf);
}
.qy-dynamic-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qy-dynamic-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--qy-paper);
  border: 1px solid var(--qy-line);
  border-left: 4px solid var(--qy-leaf);
  border-radius: 8px;
  padding: 18px 22px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.qy-dynamic-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--qy-shadow);
}
.qy-dyn-tag {
  align-self: flex-start;
  display: inline-flex;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--qy-pine);
  background: var(--qy-fog);
}
.qy-dynamic-item strong {
  font-size: 16px;
  color: var(--qy-pine);
}
.qy-dynamic-item span {
  font-size: 14px;
  color: var(--qy-mute);
}
.qy-flow-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.qy-flow-list li {
  position: relative;
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 18px;
  padding: 0 0 30px;
}
.qy-flow-list li:last-child {
  padding-bottom: 0;
}
.qy-flow-list li::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 54px;
  bottom: -2px;
  width: 1px;
  background: var(--qy-line);
}
.qy-flow-list li:last-child::after {
  display: none;
}
.qy-step-num {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--qy-pine);
  color: var(--qy-glint);
  font-weight: 800;
  font-size: 18px;
}
.qy-flow-content {
  padding-top: 2px;
}
.qy-flow-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--qy-pine);
  margin-bottom: 8px;
}
.qy-flow-content p {
  color: var(--qy-mute);
  margin-bottom: 0;
}
.qy-alert-box {
  background: var(--qy-paper);
  border: 1px solid rgba(221, 242, 90, 0.7);
  border-left: 4px solid var(--qy-leaf);
  padding: 20px 24px;
  border-radius: 10px;
  color: var(--qy-mute);
  font-size: 14px;
  line-height: 1.9;
  margin-top: 32px;
}

/* ===== 常见问题 ===== */
.qy-faq-section {
  background: var(--qy-fog);
  padding: 88px 0;
}
.qy-faq-intro {
  max-width: 360px;
}
.qy-faq-intro .qy-kicker {
  color: var(--qy-orange);
}
.qy-faq-intro h2 {
  font-size: 32px;
  font-weight: 800;
  color: var(--qy-pine);
  line-height: 1.35;
  margin: 8px 0 20px;
}
.qy-faq-intro p {
  color: var(--qy-mute);
  margin-bottom: 26px;
}
.qy-faq-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.qy-faq-item {
  background: var(--qy-paper);
  border: 1px solid var(--qy-line);
  border-radius: 10px;
  padding: 0 24px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.qy-faq-item[open] {
  border-color: var(--qy-leaf);
  box-shadow: var(--qy-shadow);
}
.qy-faq-item summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 0;
  font-weight: 700;
  font-size: 16px;
  color: var(--qy-pine);
}
.qy-faq-item summary::-webkit-details-marker {
  display: none;
}
.qy-faq-item summary::after {
  content: "";
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  background:
    linear-gradient(var(--qy-leaf), var(--qy-leaf)) center / 13px 2px no-repeat,
    linear-gradient(var(--qy-leaf), var(--qy-leaf)) center / 2px 13px no-repeat;
  transition: transform 0.2s ease;
}
.qy-faq-item[open] summary::after {
  transform: rotate(45deg);
}
.qy-faq-item p {
  margin: 0;
  padding: 0 0 22px;
  color: var(--qy-mute);
  font-size: 15px;
  line-height: 1.8;
}

/* ===== 登录入口 CTA ===== */
.qy-entry-cta {
  background: var(--qy-pine);
  padding: 0;
  scroll-margin-top: 80px;
}
.qy-entry-box {
  background: radial-gradient(circle at 80% 20%, rgba(221, 242, 90, 0.16), transparent 32%), var(--qy-pine);
  border-bottom: 3px solid var(--qy-glint);
  padding: 84px 0;
}
.qy-entry-box .qy-kicker {
  color: var(--qy-glint);
}
.qy-entry-box h2 {
  font-size: 34px;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.3;
  max-width: 660px;
  margin: 10px 0 18px;
}
.qy-entry-box p {
  color: rgba(255, 255, 255, 0.7);
  max-width: 640px;
  margin-bottom: 28px;
}
.qy-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.qy-btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 26px;
  border-radius: var(--qy-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.36);
  color: #ffffff;
  font-weight: 600;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.qy-btn-light:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}

/* ===== 页脚 ===== */
.qy-footer {
  background: var(--qy-pine);
  color: rgba(255, 255, 255, 0.72);
}
.qy-footer-topline {
  height: 3px;
  background: var(--qy-glint);
}
.qy-footer-main {
  padding: 66px 0 40px;
}
.qy-footer-brand {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
.qy-footer-desc {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.56);
}
.qy-footer h4 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}
.qy-footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.qy-footer-links li {
  margin-bottom: 8px;
}
.qy-footer-links a {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.18s ease;
}
.qy-footer-links a:hover {
  color: var(--qy-glint);
}
.qy-footer .footer-note {
  font-size: 14px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.52);
}
.qy-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 20px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.48);
}

/* ===== 响应式 ===== */
@media (max-width: 991.98px) {
  .qy-toggler {
    display: flex;
  }
  .qy-nav-collapse {
    background: rgba(11, 59, 46, 0.98);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px 0;
  }
  .qy-nav {
    flex-direction: column;
    gap: 2px;
    margin: 0 0 16px;
  }
  .qy-nav .qy-nav-link {
    display: block;
    padding: 13px 8px;
    border-radius: 8px;
  }
  .qy-nav .qy-nav-link::after {
    display: none;
  }
  .qy-nav .qy-nav-link:hover,
  .qy-nav .qy-nav-link.active {
    background: rgba(221, 242, 90, 0.1);
  }
  .qy-nav-collapse .qy-btn-primary {
    width: 100%;
  }
  .qy-sub-hero-inner {
    padding: 44px 0 56px;
  }
  .qy-hero-figure {
    margin-top: 24px;
  }
  .qy-hero-figure img {
    height: 230px;
  }
  .qy-cat-main {
    padding-top: 56px;
  }
  .qy-cat-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .qy-cat-side {
    position: static;
  }
  .qy-dir-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .qy-dir-nav a {
    padding: 8px 12px;
  }
  .qy-text-side {
    padding-left: 0;
    padding-top: 18px;
  }
  .qy-faq-intro {
    max-width: none;
  }
}
@media (max-width: 767.98px) {
  .qy-sub-hero h1 {
    font-size: 34px;
  }
  .qy-cat-sec h2,
  .qy-faq-intro h2,
  .qy-entry-box h2 {
    font-size: 25px;
  }
  .qy-sub-lead {
    font-size: 16px;
  }
  .qy-hero-tags {
    gap: 12px 18px;
  }
  .qy-soft-card {
    padding: 22px;
  }
  .qy-flow-list li {
    grid-template-columns: 44px 1fr;
    gap: 14px;
  }
  .qy-step-num {
    width: 44px;
    height: 44px;
    font-size: 16px;
    border-radius: 10px;
  }
  .qy-flow-list li::after {
    left: 21px;
  }
  .qy-footer-main {
    padding-top: 48px;
  }
}
@media (max-width: 575.98px) {
  .qy-brand {
    font-size: 19px;
  }
  .qy-navbar {
    min-height: 66px;
  }
  .qy-sub-hero h1 {
    font-size: 28px;
  }
  .qy-sub-hero-inner {
    padding: 34px 0 40px;
  }
  .qy-hero-actions .qy-btn-primary,
  .qy-hero-actions .qy-btn-outline {
    width: 100%;
  }
  .qy-hero-figure img {
    height: 190px;
  }
  .qy-cat-main {
    padding-top: 44px;
  }
  .qy-cat-sec {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .qy-soft-card {
    padding: 20px;
  }
  .qy-cat-sec h2,
  .qy-faq-intro h2,
  .qy-entry-box h2 {
    font-size: 23px;
    line-height: 1.4;
  }
  .qy-faq-item {
    padding: 0 18px;
  }
  .qy-entry-actions {
    flex-direction: column;
  }
  .qy-entry-actions .qy-btn-primary,
  .qy-entry-actions .qy-btn-light {
    width: 100%;
  }
  .qy-hero-figure-caption {
    font-size: 13px;
  }
}

/* roulang page: category2 */
:root{
  --qy-pine:#0B3B2E;
  --qy-leaf:#1F6B4D;
  --qy-glint:#DDF25A;
  --qy-sand:#F7F4EA;
  --qy-fog:#EAF0EA;
  --qy-paper:#FFFFFF;
  --qy-orange:#E85D36;
  --qy-ink:#182A23;
  --qy-mute:#6A786F;
  --qy-line:rgba(11,59,46,.12);
  --qy-radius:14px;
  --qy-shadow:0 8px 24px rgba(0,0,0,.06);
  --qy-shadow-hover:0 16px 32px rgba(11,59,46,.12);
  --qy-transition:.18s ease;
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--qy-sand);
  color:var(--qy-ink);
  font-family:"Inter","PingFang SC","HarmonicOS Sans SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:16px;
  line-height:1.75;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--qy-leaf);text-decoration:none;transition:color var(--qy-transition),border-color var(--qy-transition),background var(--qy-transition)}
a:hover{color:var(--qy-pine)}
button,input,select,textarea{font-family:inherit;font-size:100%}
:focus-visible{outline:3px solid rgba(221,242,90,.75);outline-offset:2px;border-radius:4px}
.container{max-width:1200px}
::selection{background:rgba(221,242,90,.5);color:var(--qy-pine)}

.qy-header{position:sticky;top:0;z-index:1040;background:var(--qy-pine);transition:background .3s ease,box-shadow .3s ease}
.qy-header.is-scrolled{background:rgba(11,59,46,.92);box-shadow:0 12px 28px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qy-navbar{min-height:72px;padding:12px 0;color:#fff}
.qy-brand{display:inline-flex;align-items:baseline;gap:2px;color:#fff;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:.5px;margin-right:auto}
.qy-brand em{font-style:normal;color:var(--qy-glint)}
.qy-brand:hover{color:var(--qy-glint)}
.qy-toggler{width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0}
.qy-toggler span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .18s ease}
.qy-toggler:hover{border-color:var(--qy-glint)}
.qy-toggler[aria-expanded="true"] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.qy-toggler[aria-expanded="true"] span:nth-child(2){opacity:0}
.qy-toggler[aria-expanded="true"] span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}
.qy-nav-collapse{flex:1 1 auto}
.qy-nav{display:flex;align-items:center;gap:6px;margin:0 16px;margin-right:2px;justify-content:center}
.qy-nav-link{position:relative;display:inline-flex;align-items:center;padding:10px 14px;color:rgba(255,255,255,.86);font-weight:500;border-radius:8px;transition:color .18s ease,background .18s ease}
.qy-nav-link::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:transparent;transition:background .18s ease}
.qy-nav-link:hover,.qy-nav-link.active{color:#fff;background:rgba(255,255,255,.08)}
.qy-nav-link:hover::after,.qy-nav-link.active::after{background:var(--qy-glint)}
.qy-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 24px;border:1px solid transparent;border-radius:10px;background:var(--qy-glint);color:var(--qy-pine);font-weight:600;line-height:1;white-space:nowrap;box-shadow:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}
.qy-btn-primary:hover{background:#cfe33c;color:var(--qy-pine);transform:translateY(-2px);box-shadow:0 8px 20px rgba(221,242,90,.25)}
.qy-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 24px;border:1px solid var(--qy-leaf);border-radius:10px;background:transparent;color:var(--qy-pine);font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.qy-btn-outline:hover{background:rgba(31,107,77,.12);color:var(--qy-pine);transform:translateY(-2px)}
.qy-btn-nav{flex:0 0 auto;height:42px;padding:0 18px;margin-left:12px}
@media (max-width:991.98px){
  .qy-navbar{min-height:66px}
  .qy-nav-collapse{background:var(--qy-pine);margin:14px 0 8px;border-radius:16px;padding:16px}
  .qy-nav{flex-direction:column;align-items:stretch;margin:0 0 14px}
  .qy-nav-link{padding:14px 12px;border-radius:10px}
  .qy-nav-link::after{display:none}
  .qy-nav-link.active,.qy-nav-link:hover{background:rgba(221,242,90,.14)}
  .qy-btn-nav{width:100%;height:48px;margin-left:0}
}

.qy-cat-stage{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(11,59,46,.97),rgba(11,59,46,.82)),url("/assets/images/backpic/back-1.png") center 20% / cover no-repeat;color:#fff;padding:92px 0 84px}
.qy-cat-stage::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-140px;top:-120px;background:radial-gradient(circle,rgba(221,242,90,.22),transparent 66%);pointer-events:none}
.qy-cat-stage::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:-130px;bottom:-150px;background:radial-gradient(circle,rgba(94,195,139,.18),transparent 70%);pointer-events:none}
.qy-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72);margin-bottom:28px}
.qy-breadcrumb a{color:rgba(255,255,255,.82);transition:color .18s ease}
.qy-breadcrumb a:hover{color:var(--qy-glint)}
.qy-breadcrumb .divider{opacity:.45;display:inline-block}
.qy-cat-title-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(221,242,90,.16);border:1px solid rgba(221,242,90,.42);color:var(--qy-glint);font-size:13px;font-weight:600;border-radius:999px;padding:6px 14px;margin-bottom:20px}
.qy-cat-title-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--qy-glint);box-shadow:0 0 0 4px rgba(221,242,90,.22)}
.qy-cat-stage h1{font-size:44px;font-weight:800;line-height:1.18;letter-spacing:.5px;margin:0 0 18px;position:relative;z-index:1}
.qy-cat-stage .qy-lead{max-width:640px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.85;margin:0 0 32px;position:relative;z-index:1}
.qy-cat-danger-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:rgba(255,255,255,.66);font-size:14px;line-height:1.7}
.qy-cat-danger-note span{width:7px;height:7px;border-radius:50%;background:var(--qy-orange);flex:0 0 auto}
.qy-stage-note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.qy-stage-note h2{color:#fff;font-size:18px;font-weight:700;margin:0 0 18px}
.qy-stage-note ul{list-style:none;margin:0;padding:0}
.qy-stage-note li{position:relative;display:flex;gap:10px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7;padding:8px 0}
.qy-stage-note li::before{content:"·";color:var(--qy-glint);font-weight:800;position:relative;top:-1px}
@media (max-width:991.98px){
  .qy-cat-stage{padding:72px 0 48px}
  .qy-cat-stage h1{font-size:30px}
  .qy-cat-stage .qy-lead{font-size:16px}
  .qy-stage-note{margin-top:30px}
}

.qy-cat-split{background:var(--qy-sand);padding:92px 0 88px}
.qy-sidebox{position:sticky;top:104px;background:#fff;border:1px solid var(--qy-line);border-radius:16px;padding:26px 22px;box-shadow:var(--qy-shadow)}
.qy-sidebox .qy-side-title{display:flex;align-items:baseline;gap:8px;color:var(--qy-pine);font-size:15px;font-weight:800;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--qy-line)}
.qy-side-title span{font-size:13px;color:var(--qy-orange);font-weight:700}
.qy-side-anchor{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qy-side-anchor li a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--qy-mute);font-size:14px;line-height:1.6;background:var(--qy-sand);border:1px solid transparent;border-radius:10px;padding:10px 12px;transition:border-color .18s ease,background .18s ease,color .18s ease}
.qy-side-anchor li a::after{content:"→";font-size:15px;opacity:.52;transition:transform .18s ease,opacity .18s ease;flex:0 0 auto}
.qy-side-anchor li a:hover,.qy-side-anchor li a.active{background:var(--qy-fog);border-color:rgba(31,107,77,.2);color:var(--qy-pine)}
.qy-side-anchor li a:hover::after{transform:translateX(4px);opacity:1}
.qy-side-meta{margin-top:24px;padding-top:20px;border-top:1px solid var(--qy-line);color:var(--qy-mute);font-size:13px;line-height:1.85}
.qy-layout-panel .qy-intro-card{margin-bottom:44px;padding-bottom:44px;border-bottom:1px solid var(--qy-line)}
.qy-layout-panel .qy-kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--qy-mute);line-height:1.2;margin-bottom:16px}
.qy-layout-panel .qy-kicker::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--qy-glint)}
.qy-layout-panel .qy-kicker strong{color:var(--qy-orange);font-weight:800}
.article-section{scroll-margin-top:96px;margin-bottom:60px}
.article-section h2{color:var(--qy-pine);font-size:28px;line-height:1.3;font-weight:800;margin:18px 0 0}
.article-section .article-sub{font-size:15px;color:var(--qy-mute);max-width:680px;margin:10px 0 24px}
.article-section p{color:#27372f;font-size:16px;line-height:1.9;margin:0 0 22px;max-width:740px}
.article-section p + p{margin-top:-8px}
.content-image{border-radius:14px;box-shadow:var(--qy-shadow);margin:24px 0 28px;width:100%;object-fit:cover}
.qy-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 8px}
.qy-point-item{display:flex;gap:12px;background:#fff;border:1px solid var(--qy-line);border-radius:12px;padding:16px 16px}
.qy-point-item::before{content:"";flex:0 0 28px;height:28px;border-radius:50%;background:rgba(31,107,77,.12);position:relative;margin-top:3px}
.qy-point-item::after{content:"✓";position:absolute;display:grid;place-items:center;color:var(--qy-leaf)}
.qy-point-item div{display:grid;gap:4px}
.qy-point-item strong{font-size:16px;font-weight:700;color:#20372d}
.qy-point-item p{font-size:14px;line-height:1.7;color:var(--qy-mute);margin:0}
.qy-step-list{list-style:none;margin:30px 0 10px;padding:0;display:grid;gap:14px;counter-reset:qy-step}
.qy-step-list li{display:grid;grid-template-columns:54px 1fr;gap:18px;background:#fff;border:1px solid var(--qy-line);border-radius:14px;padding:18px 20px;align-items:start}
.qy-step-list .step-num{counter-increment:qy-step;width:46px;height:46px;background:var(--qy-pine);color:var(--qy-glint);font-size:18px;font-weight:800;line-height:1;display:grid;place-items:center;border-radius:12px}
.qy-step-list .step-num::before{content:counter(qy-step,decimal-leading-zero)}
.qy-step-list h3{font-size:17px;line-height:1.4;font-weight:700;color:#20372d;margin:0 0 8px}
.qy-step-list p{font-size:15px;line-height:1.78;color:var(--qy-mute);margin:0}
.qy-tip-panel{display:flex;gap:14px;background:var(--qy-fog);border-left:4px solid var(--qy-leaf);border-radius:0 12px 12px 0;padding:16px 20px;margin:26px 0 6px}
.qy-tip-panel span{flex:0 0 auto;color:var(--qy-leaf);font-weight:800;font-size:20px;line-height:1}
.qy-tip-panel p{font-size:15px;line-height:1.8;color:#314137;margin:0}
@media (max-width:991.98px){
  .qy-cat-split{padding:56px 0}
  .qy-sidebox{position:static;margin-bottom:32px}
  .article-section h2{font-size:24px}
  .qy-point-grid{grid-template-columns:1fr}
  .qy-step-list li{grid-template-columns:44px 1fr;gap:14px;padding:16px}
}

.qy-channel-band{background:var(--qy-pine);color:#fff;border-top:3px solid var(--qy-glint);padding:72px 0}
.qy-channel-band .band-head{display:grid;grid-template-columns:1fr auto;gap:24px;margin-bottom:40px}
.qy-channel-band h2{margin:0;font-size:28px;line-height:1.3;font-weight:800;color:#fff}
.qy-channel-band h2 .mini{display:block;font-size:14px;font-weight:600;color:var(--qy-glint);margin-bottom:10px}
.qy-channel-band .band-lead{color:rgba(255,255,255,.72);max-width:640px;font-size:15px;line-height:1.8;margin:0}
.qy-channel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden}
.qy-channel-item{position:relative;padding:30px 26px;border-right:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);transition:background .18s ease}
.qy-channel-item:last-child{border-right:0}
.qy-channel-item:hover{background:rgba(255,255,255,.08)}
.qy-channel-item .channel-no{color:var(--qy-glint);font-size:13px;font-weight:800;letter-spacing:1px;display:block;margin-bottom:14px}
.qy-channel-item .channel-name{font-size:19px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:10px}
.qy-channel-item p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.66);margin:0 0 16px}
.qy-channel-item a{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:600;color:var(--qy-glint)}
.qy-channel-item a::after{content:"→";transition:transform .18s ease}
.qy-channel-item a:hover::after{transform:translateX(4px)}
@media (max-width:991.98px){
  .qy-channel-row{grid-template-columns:1fr 1fr}
  .qy-channel-item:nth-child(2){border-right:0}
  .qy-channel-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16)}
  .qy-channel-item:nth-child(4){border-right:0}
}
@media (max-width:575.98px){
  .qy-channel-row{grid-template-columns:1fr}
  .qy-channel-item,.qy-channel-item:nth-child(2),.qy-channel-item:nth-child(3),.qy-channel-item:nth-child(4){border-right:0;border-top:1px solid rgba(255,255,255,.16)}
  .qy-channel-item:first-child{border-top:0}
}

.qy-faq{background:var(--qy-fog);padding:92px 0}
.faq-head h2{font-size:30px;line-height:1.25;font-weight:800;color:var(--qy-pine);margin:0 0 18px}
.faq-head p{color:var(--qy-mute);font-size:16px;line-height:1.8;margin:0 0 18px;max-width:460px}
.qy-faq-helper{background:#fff;border-radius:14px;padding:22px;display:flex;gap:12px;border:1px solid var(--qy-line);max-width:440px}
.qy-faq-helper span{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--qy-pine);color:var(--qy-glint);display:grid;place-items:center;font-size:20px}
.qy-faq-helper p{margin:0;color:var(--qy-mute);font-size:14px;line-height:1.75}
.qy-faq-helper strong{display:block;color:var(--qy-pine);font-size:15px;font-weight:700;margin-bottom:4px}
.qy-faq-list .qy-faq-item{background:#fff;border:1px solid var(--qy-line);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.qy-faq-item[open]{border-color:rgba(31,107,77,.3);box-shadow:0 8px 18px rgba(0,0,0,.05)}
.qy-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:20px 22px;font-size:16px;font-weight:700;color:var(--qy-pine);line-height:1.5;transition:background .18s ease}
.qy-faq-item summary::-webkit-details-marker{display:none}
.qy-faq-item summary:hover{background:var(--qy-sand)}
.qy-faq-item .faq-icon{position:relative;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--qy-sand);border:1px solid rgba(31,107,77,.2)}
.qy-faq-item .faq-icon::before{content:"";position:absolute;top:11px;left:7px;width:12px;height:2px;border-radius:2px;background:var(--qy-leaf)}
.qy-faq-item .faq-icon::after{content:"";position:absolute;top:7px;left:11px;width:2px;height:12px;border-radius:2px;background:var(--qy-leaf);transition:opacity .18s ease,transform .18s ease}
.qy-faq-item[open] .faq-icon::after{opacity:0;transform:rotate(45deg)}
.qy-faq-item p{padding:0 22px 20px;font-size:15px;line-height:1.8;color:var(--qy-mute);margin:-4px 0 0;max-width:680px}
@media (max-width:991.98px){
  .qy-faq{padding:56px 0}
  .faq-head{margin-bottom:32px}
}

.qy-contact{background:var(--qy-sand);padding:92px 0}
.contact-intro h2{font-size:30px;line-height:1.3;font-weight:800;color:var(--qy-pine);margin:0 0 14px}
.contact-intro .sub{font-size:17px;line-height:1.8;color:var(--qy-mute);margin:0 0 28px;max-width:520px}
.contact-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.contact-points li{display:flex;align-items:flex-start;gap:12px;color:#314137;font-size:15px;line-height:1.7}
.contact-points li::before{content:"";flex:0 0 26px;height:26px;border-radius:50%;background:rgba(221,242,90,.8);margin-top:3px;position:relative}
.contact-points li::after{content:"✓";font-size:13px;color:var(--qy-pine);position:absolute}
.qy-contact-card{background:#fff;border:1px solid var(--qy-line);border-radius:16px;box-shadow:var(--qy-shadow);padding:34px;max-width:620px;margin-left:auto}
.qy-contact-card .card-title{font-size:20px;font-weight:800;color:var(--qy-pine);margin:0 0 24px;line-height:1.4}
.qy-form .form-label{font-size:14px;font-weight:600;color:var(--qy-ink);margin:0 0 8px}
.qy-form .form-control,.qy-form .form-select{background:var(--qy-sand);border:1px solid transparent;border-radius:8px;min-height:48px;font-size:15px;color:var(--qy-ink);padding:12px 14px;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.qy-form textarea.form-control{min-height:120px;resize:vertical}
.qy-form .form-control:focus,.qy-form .form-select:focus{background:var(--qy-sand);border-color:var(--qy-leaf);box-shadow:0 0 0 4px rgba(94,195,139,.15);color:var(--qy-ink)}
.qy-form .form-control::placeholder{color:#9aa69e}
.qy-form .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236A786F' d='M8 10.9 2.5 5.8l.9-.9L8 9.1l4.6-4.2.9.9z'/%3E%3C/svg%3E");background-size:16px 16px;background-position:right 16px center}
.qy-btn-submit{width:100%;background:var(--qy-pine);border:1px solid transparent;color:#fff;font-weight:600;height:50px;border-radius:10px;transition:background .18s ease,transform .18s ease}
.qy-btn-submit:hover{background:#0f4938;color:var(--qy-glint);transform:translateY(-2px)}
.submit-tip{display:none;background:rgba(221,242,90,.16);color:var(--qy-pine);border:1px solid rgba(221,242,90,.8);padding:12px 16px;border-radius:10px;font-size:14px;line-height:1.7;margin-top:14px;text-align:center}
.submit-tip.show{display:block}
@media (max-width:991.98px){
  .qy-contact{padding:56px 0}
  .qy-contact-card{margin-left:0;margin-top:34px}
}

.qy-footer{background:var(--qy-pine);color:#fff;position:relative}
.qy-footer-topline{height:3px;background:linear-gradient(90deg,var(--qy-glint),rgba(221,242,90,.05))}
.qy-footer-main{padding:60px 0 34px}
.qy-footer-brand{font-size:24px;font-weight:800;color:#fff;letter-spacing:.5px;line-height:1.3}
.qy-footer-desc{font-size:14px;line-height:1.8;color:rgba(255,255,255,.66);margin-top:16px;margin-bottom:0;max-width:330px}
.qy-footer h4{font-size:16px;font-weight:700;color:#fff;line-height:1.4;margin-bottom:20px}
.qy-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qy-footer-links a{font-size:14px;color:rgba(255,255,255,.64);line-height:1.6}
.qy-footer-links a:hover{color:var(--qy-glint)}
.qy-footer-bottom{padding:22px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:13px;line-height:1.8}
.qy-footer-bottom .container{justify-content:space-between}
@media (max-width:575.98px){
  .qy-footer-bottom .container{flex-direction:column;align-items:center;text-align:center}
}

/* roulang page: category3 */
:root{
  --qy-pine:#0B3B2E;
  --qy-leaf:#1F6B4D;
  --qy-glint:#DDF25A;
  --qy-sand:#F7F4EA;
  --qy-fog:#EAF0EA;
  --qy-paper:#FFFFFF;
  --qy-orange:#E85D36;
  --qy-ink:#182A23;
  --qy-mute:#6A786F;
  --qy-line:rgba(11,59,46,.12);
  --qy-shadow:0 8px 24px rgba(0,0,0,.06);
  --qy-shadow-hover:0 16px 32px rgba(11,59,46,.12);
  --qy-radius-sm:8px;
  --qy-radius-md:14px;
  --qy-radius-lg:20px;
  --qy-font:"Inter","PingFang SC","HarmonicOS Sans SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--qy-font);
  background:var(--qy-sand);
  color:var(--qy-ink);
  line-height:1.7;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
button,input,select,textarea{font-family:inherit}
.container{max-width:1200px}
h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--qy-ink)}
p{margin:0}
.section-pad{padding:88px 0}

/* 按钮系统 */
.qy-btn-primary,
.qy-btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:46px;
  padding:0 22px;
  border-radius:10px;
  font-size:16px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.qy-btn-primary{
  background:var(--qy-glint);
  color:var(--qy-pine);
  border:1px solid transparent;
}
.qy-btn-primary:hover{
  background:#cfe33c;
  color:var(--qy-pine);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(221,242,90,.18);
}
.qy-btn-outline{
  background:transparent;
  color:var(--qy-pine);
  border:1px solid var(--qy-leaf);
}
.qy-btn-outline:hover{
  background:var(--qy-fog);
  border-color:var(--qy-leaf);
  color:var(--qy-pine);
  transform:translateY(-2px);
}
.qy-link-arrow{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--qy-leaf);
  font-weight:700;
  transition:gap .18s ease;
}
.qy-link-arrow:hover{gap:10px;color:var(--qy-pine)}
.qy-btn-primary:focus-visible,
.qy-btn-outline:focus-visible,
.qy-nav-link:focus-visible,
.qy-toggler:focus-visible{
  outline:3px solid rgba(221,242,90,.45);
  outline-offset:3px;
}

/* 导航 */
.qy-header{
  position:sticky;
  top:0;
  z-index:1050;
  background:var(--qy-pine);
  box-shadow:0 10px 30px rgba(9,35,27,.18);
}
.qy-navbar{
  position:relative;
  min-height:72px;
  padding-top:0;
  padding-bottom:0;
  background:transparent;
}
.qy-brand{
  color:#fff;
  font-size:21px;
  font-weight:800;
  letter-spacing:.02em;
  display:inline-flex;
  align-items:center;
  gap:2px;
}
.qy-brand:hover{color:#fff}
.qy-brand em{
  color:var(--qy-glint);
  font-style:normal;
  font-weight:800;
}
.qy-toggler{
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--qy-radius-sm);
  background:rgba(255,255,255,.04);
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.qy-toggler span{
  width:20px;
  height:2px;
  border-radius:2px;
  background:#fff;
  transition:all .25s ease;
}
.qy-nav-collapse{
  align-items:center;
  justify-content:space-between;
}
.qy-nav{
  gap:2px;
  margin:0 auto;
  flex-direction:row;
}
.qy-nav-link{
  position:relative;
  display:inline-block;
  padding:.6rem .9rem;
  color:rgba(255,255,255,.82);
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  transition:color .2s ease;
}
.qy-nav-link::after{
  content:"";
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:var(--qy-glint);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .25s ease;
}
.qy-nav-link:hover{
  color:#fff;
}
.qy-nav-link:hover::after,.qy-nav-link.active::after{
  transform:scaleX(1);
}
.qy-nav-link.active{
  color:#fff;
}
.qy-btn-nav{
  height:42px;
  padding:0 20px;
  font-size:15px;
  border-radius:10px;
}
@media (max-width:991.98px){
  .qy-header{position:sticky}
  .qy-navbar{min-height:64px}
  .qy-nav-collapse{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:rgba(11,59,46,.98);
    backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.08);
    border-radius:0 0 18px 18px;
    padding:18px 20px 24px;
    box-shadow:0 18px 40px rgba(9,35,27,.18);
    z-index:1050;
  }
  .qy-nav{
    flex-direction:column;
    gap:2px;
    width:100%;
    margin-bottom:12px;
  }
  .qy-nav-link{
    padding:.95rem .3rem;
    font-size:16px;
    border-bottom:1px solid rgba(255,255,255,.08);
    width:100%;
  }
  .qy-nav-link::after{display:none}
  .qy-btn-nav{width:100%;margin-top:6px}
}

/* 分类页横幅 */
.qy-cat-hero{
  position:relative;
  color:#fff;
  background-color:var(--qy-pine);
  background-image:url("/assets/images/backpic/back-2.webp");
  background-size:cover;
  background-position:center;
  padding:64px 0 68px;
  border-bottom:3px solid var(--qy-glint);
}
.qy-cat-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(11,59,46,.96) 10%,rgba(11,59,46,.84) 55%,rgba(31,107,77,.55) 100%);
}
.qy-cat-hero .container{position:relative;z-index:2}
.qy-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:rgba(255,255,255,.72);
  margin-bottom:28px;
}
.qy-breadcrumb a{color:rgba(255,255,255,.86);transition:color .2s ease}
.qy-breadcrumb a:hover{color:var(--qy-glint)}
.qy-breadcrumb .sep{opacity:.45}
.qy-breadcrumb .current{color:var(--qy-glint)}
.qy-cat-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--qy-glint);
  font-size:14px;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:16px;
}
.qy-cat-kicker::before{
  content:"";
  width:20px;
  height:2px;
  background:var(--qy-glint);
}
.qy-cat-hero h1{
  color:#fff;
  font-size:clamp(32px,4vw,46px);
  line-height:1.2;
  margin-bottom:16px;
}
.qy-cat-summary{
  max-width:680px;
  font-size:17px;
  line-height:1.85;
  color:rgba(255,255,255,.82);
}
.qy-login-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:24px 22px;
  color:#fff;
  backdrop-filter:blur(6px);
}
.qy-login-tag{
  display:inline-block;
  background:var(--qy-glint);
  color:var(--qy-pine);
  font-size:13px;
  font-weight:800;
  line-height:1;
  padding:7px 12px;
  border-radius:30px;
  margin-bottom:14px;
}
.qy-login-card h2{
  color:#fff;
  font-size:20px;
  margin-bottom:10px;
}
.qy-login-card p{
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.74);
  margin-bottom:18px;
}
.qy-login-card .qy-btn-primary{
  width:100%;
}
@media (max-width:991.98px){
  .qy-cat-hero{padding:44px 0 48px}
  .qy-login-card{margin-top:26px}
}

/* 分类正文主体 */
.qy-cat-inner{
  padding:64px 0 32px;
}
.qy-cat-aside{
  position:sticky;
  top:96px;
}
.qy-aside-card{
  background:#fff;
  border:1px solid var(--qy-line);
  border-radius:18px;
  padding:22px;
  box-shadow:0 6px 18px rgba(0,0,0,.03);
}
.qy-aside-label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:var(--qy-orange);
  letter-spacing:.08em;
  margin-bottom:4px;
}
.qy-aside-title{
  font-size:17px;
  font-weight:800;
  color:var(--qy-pine);
  margin-bottom:18px;
}
.qy-aside-navg{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.qy-aside-navg a{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:9px;
  font-size:15px;
  font-weight:600;
  color:var(--qy-ink);
  transition:background .2s,color .2s;
}
.qy-aside-navg a span{
  color:var(--qy-orange);
  font-size:13px;
  font-weight:700;
  min-width:20px;
}
.qy-aside-navg a:hover{
  background:var(--qy-fog);
  color:var(--qy-pine);
}
@media (max-width:991.98px){
  .qy-cat-aside{position:static;margin-bottom:24px}
  .qy-aside-navg{
    flex-direction:row;
    flex-wrap:wrap;
    gap:8px;
  }
  .qy-aside-navg a{
    padding:9px 13px;
    border:1px solid var(--qy-line);
    font-size:14px;
  }
  .qy-aside-title{margin-bottom:12px}
}
.qy-doc-blocks{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.qy-doc-block{
  background:#fff;
  border:1px solid var(--qy-line);
  border-radius:var(--qy-radius-lg);
  padding:clamp(22px,3vw,40px);
  box-shadow:0 6px 20px rgba(0,0,0,.03);
  scroll-margin-top:96px;
}
.qy-block-head{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:24px;
}
.qy-block-num{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:40px;
  padding:0 10px;
  border-radius:10px;
  background:var(--qy-pine);
  color:var(--qy-glint);
  font-size:16px;
  font-weight:800;
  letter-spacing:.04em;
}
.qy-block-head h2{
  margin:0;
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.4;
}
.qy-block-sub{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--qy-mute);
  margin-top:4px;
}
.qy-doc-body p{
  font-size:16px;
  line-height:1.9;
  color:rgba(24,42,35,.94);
  margin-bottom:18px;
}
.qy-doc-body p:last-child{margin-bottom:0}
.qy-lead-note{
  display:flex;
  gap:14px;
  background:var(--qy-fog);
  border-left:3px solid var(--qy-leaf);
  border-radius:12px;
  padding:16px 18px;
  font-size:15px;
  line-height:1.85;
  color:var(--qy-pine);
  margin:22px 0 6px;
}
.qy-lead-note::before{
  content:"!";
  flex:0 0 24px;
  height:24px;
  border-radius:50%;
  background:var(--qy-pine);
  color:var(--qy-glint);
  font-size:15px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* 信息列表 */
.qy-index-list{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:8px;
}
@media (min-width:600px){
  .qy-index-list.two{
    grid-template-columns:1fr 1fr;
  }
}
.qy-index-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:var(--qy-sand);
  border:1px solid rgba(11,59,46,.07);
  border-radius:14px;
  padding:18px 16px;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
.qy-index-item:hover{
  border-color:rgba(31,107,77,.35);
  box-shadow:var(--qy-shadow);
  transform:translateY(-2px);
}
.qy-index-item i{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  border-radius:8px;
  background:var(--qy-pine);
  color:var(--qy-glint);
  font-size:13px;
  font-weight:800;
}
.qy-index-item h3{
  font-size:17px;
  font-weight:800;
  margin-bottom:6px;
}
.qy-index-item p{
  font-size:14px;
  line-height:1.8;
  color:var(--qy-mute);
  margin:0;
}
.qy-media-figure{
  margin:24px 0 4px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--qy-line);
  background:var(--qy-fog);
}
.qy-media-figure img{
  width:100%;
  object-fit:cover;
  aspect-ratio:16/8;
}
.qy-media-figure figcaption{
  padding:10px 16px 12px;
  background:var(--qy-fog);
  font-size:13px;
  color:var(--qy-mute);
  line-height:1.6;
}

/* 步骤 */
.qy-step-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:10px;
}
@media (min-width:576px){
  .qy-step-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:992px){
  .qy-step-grid{grid-template-columns:repeat(4,1fr)}
}
.qy-step-card{
  position:relative;
  background:var(--qy-sand);
  border:1px solid rgba(11,59,46,.07);
  border-radius:14px;
  padding:22px 16px 18px;
  min-height:150px;
  transition:transform .2s,box-shadow .2s;
}
.qy-step-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--qy-shadow);
}
.qy-step-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:26px;
  background:var(--qy-pine);
  color:var(--qy-glint);
  border-radius:30px;
  font-size:13px;
  font-weight:800;
  margin-bottom:18px;
}
.qy-step-card h3{
  font-size:16px;
  margin-bottom:8px;
}
.qy-step-card p{
  font-size:14px;
  line-height:1.8;
  color:var(--qy-mute);
  margin:0;
}

/* 安全清单 */
.qy-safe-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:6px;
}
@media (min-width:680px){
  .qy-safe-grid{grid-template-columns:1fr 1fr}
}
.qy-safe-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid var(--qy-line);
  border-radius:14px;
  padding:16px;
  background:var(--qy-paper);
}
.qy-safe-item svg{
  flex:0 0 22px;
  width:22px;
  height:22px;
  margin-top:2px;
  color:var(--qy-leaf);
}
.qy-safe-item p{
  font-size:14px;
  line-height:1.85;
  margin:0;
  color:var(--qy-ink);
}

/* FAQ */
.qy-faq-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:8px;
}
.qy-faq-item{
  background:#fff;
  border:1px solid var(--qy-line);
  border-radius:14px;
  overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
}
.qy-faq-item[open]{
  border-color:rgba(31,107,77,.45);
  box-shadow:0 8px 24px rgba(11,59,46,.06);
}
.qy-faq-item summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  list-style:none;
  cursor:pointer;
  padding:17px 20px;
  font-size:16px;
  font-weight:700;
  color:var(--qy-pine);
  transition:background .2s;
}
.qy-faq-item summary::-webkit-details-marker{display:none}
.qy-faq-item summary:hover{
  background:var(--qy-fog);
}
.qy-faq-item summary .qy-faq-txt{
  font-weight:700;
  color:var(--qy-pine);
}
.qy-faq-item summary .qy-icon{
  position:relative;
  flex:0 0 22px;
  width:22px;
  height:22px;
}
.qy-faq-item summary .qy-icon::before,
.qy-faq-item summary .qy-icon::after{
  content:"";
  position:absolute;
  background:var(--qy-leaf);
  transition:transform .25s ease;
}
.qy-faq-item summary .qy-icon::before{
  width:2px;
  height:14px;
  left:10px;
  top:4px;
}
.qy-faq-item summary .qy-icon::after{
  height:2px;
  width:14px;
  left:4px;
  top:10px;
}
.qy-faq-item[open] summary .qy-icon::before{
  transform:scaleY(0);
}
.qy-faq-body{
  padding:0 20px 18px;
  font-size:15px;
  line-height:1.85;
  color:var(--qy-mute);
}

/* 咨询与反馈 */
.qy-consult-section{
  background:var(--qy-pine);
  color:#fff;
  padding:84px 0;
  position:relative;
  overflow:hidden;
}
.qy-consult-section::before{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  right:-100px;
  top:-160px;
  background:radial-gradient(circle,rgba(221,242,90,.16) 0%,transparent 68%);
  border-radius:50%;
}
.qy-consult-title{
  font-size:clamp(26px,3vw,36px);
  line-height:1.3;
  color:#fff;
  margin-bottom:14px;
}
.qy-consult-desc{
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.9;
  margin-bottom:24px;
  max-width:460px;
}
.qy-consult-points{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:20px;
}
.qy-consult-points div{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.86);
  font-size:15px;
}
.qy-consult-points div::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--qy-glint);
  flex:0 0 9px;
}
.qy-form-card{
  background:var(--qy-sand);
  border-radius:20px;
  padding:28px 26px;
  color:var(--qy-ink);
  border:1px solid rgba(255,255,255,.14);
}
.qy-form-card h3{
  font-size:21px;
  font-weight:800;
  color:var(--qy-pine);
  margin-bottom:4px;
}
.qy-form-card .form-sub{
  font-size:14px;
  color:var(--qy-mute);
  margin-bottom:18px;
}
.qy-form .form-label{
  font-size:14px;
  font-weight:700;
  color:var(--qy-pine);
  margin-bottom:7px;
}
.qy-form .form-control,
.qy-form .form-select{
  height:48px;
  background:var(--qy-fog);
  border:1px solid rgba(11,59,46,.12);
  border-radius:var(--qy-radius-sm);
  color:var(--qy-ink);
  font-size:15px;
  padding-left:14px;
}
.qy-form .form-control:focus,
.qy-form .form-select:focus{
  background:#fff;
  border-color:var(--qy-leaf);
  box-shadow:0 0 0 4px rgba(94,195,139,.15);
}
.qy-form textarea.form-control{
  height:auto;
  min-height:96px;
  padding-top:12px;
}
.qy-form-submit{
  width:100%;
  background:var(--qy-pine);
  color:#fff;
  border:1px solid transparent;
}
.qy-form-submit:hover{
  background:var(--qy-leaf);
  color:#fff;
  transform:translateY(-2px);
}
.qy-form-tip{
  display:none;
  margin-top:12px;
  background:var(--qy-fog);
  color:var(--qy-pine);
  border-radius:10px;
  padding:10px 14px;
  font-size:14px;
  line-height:1.7;
}
@media (max-width:991.98px){
  .qy-consult-section{padding:56px 0}
  .qy-form-card{margin-top:28px}
}

/* 页脚 */
.qy-footer{
  background:var(--qy-pine);
  color:rgba(255,255,255,.72);
}
.qy-footer-topline{
  height:3px;
  background:var(--qy-glint);
}
.qy-footer-main{
  padding:58px 0 46px;
  background:
    radial-gradient(circle at 80% 10%,rgba(221,242,90,.08) 0%,transparent 32%),
    var(--qy-pine);
}
.qy-footer-brand{
  font-size:22px;
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
  letter-spacing:.02em;
}
.qy-footer-desc{
  max-width:300px;
  font-size:14px;
  line-height:1.9;
  color:rgba(255,255,255,.6);
  margin:0;
}
.qy-footer h4{
  color:#fff;
  font-size:16px;
  font-weight:800;
  margin-bottom:16px;
}
.qy-footer-links{
  list-style:none;
  margin:0;
  padding:0;
}
.qy-footer-links li{
  margin-bottom:7px;
}
.qy-footer-links a{
  color:rgba(255,255,255,.66);
  font-size:14px;
  line-height:1.9;
  transition:color .2s ease;
}
.qy-footer-links a:hover{
  color:var(--qy-glint);
}
.qy-footer-bottom{
  display:flex;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.08);
  padding:20px 0;
  font-size:13px;
  line-height:1.8;
  color:rgba(255,255,255,.48);
}
@media (max-width:767.98px){
  .section-pad{padding:56px 0}
  .qy-footer-bottom{
    flex-direction:column;
    text-align:center;
  }
}