:root{
--bg:#0a0612;
--panel:#140d1f;
--accent:#9b4dca;
--accent-light:#c77dff;
--text:#f0e6ff;
--muted:#a89bc2;
--border:rgba(155,77,202,0.15);
--danger:#d63384;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:"Noto Sans SC",PingFang SC,Helvetica,Arial,sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.75;
min-height:100vh;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{border:none;background:none;font:inherit;color:inherit;cursor:pointer}
.nav_w8k2{
position:sticky;top:0;z-index:100;
background:rgba(10,6,18,0.95);
backdrop-filter:blur(12px);
border-bottom:1px solid var(--border);
}
.nav_inner_p3m7{
max-width:1200px;
margin:0 auto;
padding:0.9rem 1.5rem;
display:flex;
align-items:center;
justify-content:space-between;
}
.logo_x9f4{
display:flex;
align-items:center;
gap:0.6rem;
font-weight:700;
font-size:1.15rem;
}
.logo_img_h2s6{
width:40px;
height:40px;
border-radius:10px;
object-fit:cover;
}
.menu_btn_q5n8{
display:none;
font-size:1.4rem;
color:var(--text);
}
.nav_list_r7j3{
display:flex;
list-style:none;
gap:0.3rem;
}
.nav_list_r7j3 li a{
padding:0.5rem 0.9rem;
border-radius:8px;
font-size:0.92rem;
color:var(--muted);
transition:all 0.25s;
}
.nav_list_r7j3 li a:hover{
color:var(--text);
background:rgba(155,77,202,0.15);
}
.hero_b4t9{
background:linear-gradient(135deg,#140d1f 0%,#1a0f2e 50%,#0a0612 100%);
padding:3rem 1.5rem 2.5rem;
}
.hero_content_m6w2{
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:2.5rem;
align-items:center;
}
.hero_info_k8p5{
display:flex;
flex-direction:column;
gap:1rem;
}
.hero_icon_v3n7{
width:72px;
height:72px;
border-radius:16px;
object-fit:cover;
box-shadow:0 8px 24px rgba(155,77,202,0.3);
}
.hero_info_k8p5 h1{
font-size:1.8rem;
font-weight:700;
display:flex;
align-items:center;
gap:0.6rem;
}
.hero_info_k8p5 h1 i{
color:var(--accent-light);
}
.tag_wrap_f2h9{
display:flex;
flex-wrap:wrap;
gap:0.5rem;
}
.tag_item_y4k6{
background:rgba(155,77,202,0.2);
border:1px solid var(--border);
padding:0.35rem 0.75rem;
border-radius:20px;
font-size:0.82rem;
display:flex;
align-items:center;
gap:0.35rem;
}
.tag_item_y4k6 i{
color:var(--accent-light);
font-size:0.75rem;
}
.hero_desc_s7m3{
color:var(--muted);
font-size:1rem;
line-height:1.8;
}
.dl_btn_c9x4{
background:linear-gradient(135deg,var(--accent),var(--danger));
padding:0.9rem 2rem;
border-radius:30px;
font-weight:600;
font-size:1rem;
display:inline-flex;
align-items:center;
gap:0.5rem;
width:fit-content;
transition:transform 0.3s,box-shadow 0.3s;
}
.dl_btn_c9x4:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(155,77,202,0.4);
}
.hero_img_z5b8 img{
border-radius:16px;
border:1px solid var(--border);
box-shadow:0 20px 50px rgba(0,0,0,0.4);
object-fit:cover;
width:100%;
max-height:380px;
}
.main_content_g3k7{
max-width:1200px;
margin:0 auto;
padding:2rem 1.5rem 3rem;
}
.section_d8p2{
margin-bottom:3rem;
}
.section_d8p2 h2{
font-size:1.5rem;
font-weight:700;
margin-bottom:1.2rem;
display:flex;
align-items:center;
gap:0.5rem;
padding-bottom:0.6rem;
border-bottom:2px solid var(--border);
}
.section_d8p2 h2 i{
color:var(--accent-light);
}
.section_alt_h7w4{
background:var(--panel);
padding:2rem;
border-radius:20px;
border:1px solid var(--border);
}
.article_wrap_n5s9{
display:flex;
flex-direction:column;
gap:1rem;
}
.article_wrap_n5s9 p{
color:var(--muted);
line-height:1.85;
}
.article_wrap_n5s9 h3{
font-size:1.15rem;
color:var(--text);
margin-top:0.5rem;
}
.article_img_t4r6{
border-radius:12px;
border:1px solid var(--border);
margin:0.8rem 0;
object-fit:cover;
width:100%;
max-height:400px;
}
.feature_grid_m2k8{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1.2rem;
}
.feature_card_p6n3{
background:rgba(155,77,202,0.08);
border:1px solid var(--border);
border-radius:14px;
padding:1.3rem;
display:flex;
flex-direction:column;
gap:0.6rem;
transition:transform 0.3s,border-color 0.3s;
}
.feature_card_p6n3:hover{
transform:translateY(-4px);
border-color:var(--accent);
}
.feature_card_p6n3 i{
font-size:1.8rem;
color:var(--accent-light);
}
.feature_card_p6n3 h3{
font-size:1.05rem;
}
.feature_card_p6n3 p{
color:var(--muted);
font-size:0.92rem;
}
.gallery_grid_v4f8{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1rem;
}
.gallery_item_w9k2{
border-radius:12px;
overflow:hidden;
border:1px solid var(--border);
transition:transform 0.3s;
}
.gallery_item_w9k2:hover{
transform:scale(1.02);
}
.gallery_item_w9k2 img{
width:100%;
height:200px;
object-fit:cover;
}
.guide_list_b3m6{
list-style:none;
display:flex;
flex-direction:column;
gap:0.6rem;
margin:0.5rem 0;
}
.guide_list_b3m6 li{
display:flex;
align-items:center;
gap:0.6rem;
color:var(--muted);
padding:0.6rem;
background:rgba(155,77,202,0.08);
border-radius:8px;
}
.guide_list_b3m6 li i{
color:var(--accent-light);
}
.guide_link_wrap_x5t7{
margin-top:1rem;
}
.guide_link_btn_k8p2{
display:inline-flex;
align-items:center;
gap:0.5rem;
padding:0.75rem 1.5rem;
background:var(--accent);
border-radius:25px;
font-weight:600;
transition:background 0.3s;
}
.guide_link_btn_k8p2:hover{
background:var(--accent-light);
}
.review_summary_q7m3{
display:flex;
gap:2rem;
margin-bottom:2rem;
flex-wrap:wrap;
}
.review_score_k4n8{
background:var(--panel);
border:1px solid var(--border);
border-radius:16px;
padding:1.5rem 2rem;
text-align:center;
display:flex;
flex-direction:column;
gap:0.3rem;
min-width:140px;
}
.score_num_p2w6{
font-size:3rem;
font-weight:700;
color:var(--accent-light);
}
.score_stars_h5t9{
color:#ffc107;
font-size:1.1rem;
}
.score_count_m8k3{
color:var(--muted);
font-size:0.85rem;
}
.review_bars_v3f7{
flex:1;
display:flex;
flex-direction:column;
gap:0.8rem;
min-width:250px;
}
.bar_item_s6p2{
display:flex;
align-items:center;
gap:0.8rem;
}
.bar_item_s6p2 span:first-child{
width:80px;
color:var(--muted);
font-size:0.9rem;
}
.bar_bg_n4w8{
flex:1;
height:10px;
background:rgba(155,77,202,0.15);
border-radius:5px;
overflow:hidden;
}
.bar_fill_t7m2{
height:100%;
background:linear-gradient(90deg,var(--accent),var(--accent-light));
border-radius:5px;
}
.bar_item_s6p2 span:last-child{
width:30px;
text-align:right;
font-weight:600;
color:var(--accent-light);
}
.review_list_g9k4{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:1.2rem;
}
.review_card_h2m7{
background:var(--panel);
border:1px solid var(--border);
border-radius:14px;
padding:1.2rem;
display:flex;
flex-direction:column;
gap:0.6rem;
}
.review_header_p5n3{
display:flex;
justify-content:space-between;
align-items:center;
}
.review_user_w8k6{
display:flex;
align-items:center;
gap:0.4rem;
font-weight:600;
}
.review_user_w8k6 i{
color:var(--accent-light);
}
.review_date_t4s9{
color:var(--muted);
font-size:0.85rem;
}
.review_stars_m3k8{
color:#ffc107;
font-size:0.9rem;
}
.review_card_h2m7 p{
color:var(--muted);
font-size:0.92rem;
line-height:1.7;
}
.download_wrap_k7m4{
display:flex;
flex-direction:column;
gap:1.5rem;
align-items:center;
text-align:center;
}
.download_info_p3s8{
display:flex;
align-items:center;
gap:1.5rem;
flex-wrap:wrap;
justify-content:center;
}
.dl_icon_v5n2{
width:80px;
height:80px;
border-radius:18px;
object-fit:cover;
box-shadow:0 8px 24px rgba(155,77,202,0.3);
}
.dl_details_h8k4{
text-align:left;
}
.dl_details_h8k4 h3{
font-size:1.2rem;
margin-bottom:0.5rem;
}
.dl_details_h8k4 p{
color:var(--muted);
font-size:0.9rem;
display:flex;
align-items:center;
gap:0.4rem;
}
.dl_details_h8k4 p i{
color:var(--accent-light);
}
.dl_btn_main_w9k5{
background:linear-gradient(135deg,var(--accent),var(--danger));
padding:1rem 3rem;
border-radius:30px;
font-weight:700;
font-size:1.1rem;
display:inline-flex;
align-items:center;
gap:0.6rem;
transition:transform 0.3s,box-shadow 0.3s;
}
.dl_btn_main_w9k5:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(155,77,202,0.5);
}
.footer_m5k9{
background:var(--panel);
border-top:1px solid var(--border);
padding:2rem 1.5rem;
}
.footer_inner_p8w3{
max-width:1200px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:1.2rem;
text-align:center;
}
.footer_links_h4n7 h4{
font-size:0.95rem;
margin-bottom:0.6rem;
color:var(--text);
}
.friend_links_v2m6{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:0.8rem;
}
.friend_links_v2m6 a{
color:var(--muted);
font-size:0.9rem;
padding:0.4rem 0.8rem;
background:rgba(155,77,202,0.1);
border-radius:20px;
transition:all 0.25s;
}
.friend_links_v2m6 a:hover{
color:var(--text);
background:var(--accent);
}
.footer_info_k3s6 p{
color:var(--muted);
font-size:0.85rem;
}
.footer_copy_m7w2{
color:var(--muted);
font-size:0.85rem;
padding-top:0.8rem;
border-top:1px solid var(--border);
}
.sub_page_hero_k4m7{
background:var(--panel);
padding:1.5rem;
border-radius:16px;
border:1px solid var(--border);
margin-bottom:2rem;
}
.article_list_n8w3{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:1.2rem;
}
.article_card_p5s2{
background:var(--panel);
border:1px solid var(--border);
border-radius:14px;
padding:1.2rem;
display:flex;
flex-direction:column;
gap:0.5rem;
transition:transform 0.3s,border-color 0.3s;
}
.article_card_p5s2:hover{
transform:translateY(-3px);
border-color:var(--accent);
}
.article_card_p5s2 h3{
font-size:1.05rem;
}
.article_card_p5s2 h3 a{
transition:color 0.25s;
}
.article_card_p5s2 h3 a:hover{
color:var(--accent-light);
}
.article_card_p5s2 p{
color:var(--muted);
font-size:0.9rem;
line-height:1.7;
}
.article_meta_h7k4{
display:flex;
gap:1rem;
color:var(--muted);
font-size:0.82rem;
}
.detail_content_w9m4{
background:var(--panel);
padding:2rem;
border-radius:16px;
border:1px solid var(--border);
}
.detail_content_w9m4 h2{
font-size:1.3rem;
margin:1.5rem 0 0.8rem;
color:var(--text);
}
.detail_content_w9m4 p{
color:var(--muted);
margin-bottom:1rem;
}
.detail_content_w9m4 ul{
list-style:disc inside;
color:var(--muted);
margin:0.5rem 0 1rem;
}
.detail_content_w9m4 ul li{
margin-bottom:0.4rem;
}
.back_link_k3s6{
display:inline-flex;
align-items:center;
gap:0.4rem;
color:var(--accent-light);
margin-bottom:1rem;
font-size:0.95rem;
}
.back_link_k3s6:hover{
text-decoration:underline;
}
/* 轮播广告样式 */
.hero_carousel_x7k9{
position:relative;
width:100%;
height:85vh;
min-height:500px;
max-height:800px;
overflow:hidden;
}
.carousel_container_m4w2{
position:relative;
width:100%;
height:100%;
}
.carousel_slide_p8n3{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity 0.8s ease-in-out;
z-index:1;
}
.carousel_slide_p8n3.active{
opacity:1;
z-index:2;
}
.slide_overlay_k5t7{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,rgba(10,6,18,0.85) 0%,rgba(26,15,46,0.7) 50%,rgba(10,6,18,0.85) 100%);
}
.slide_content_v2m8{
position:relative;
z-index:3;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:2rem;
max-width:900px;
margin:0 auto;
}
.slide_content_v2m8 h1,
.slide_content_v2m8 h2{
font-size:2.8rem;
font-weight:700;
margin-bottom:1.5rem;
text-shadow:0 4px 20px rgba(0,0,0,0.5);
display:flex;
align-items:center;
gap:0.8rem;
}
.slide_content_v2m8 h1 i,
.slide_content_v2m8 h2 i{
color:var(--accent-light);
}
.slide_desc_h4s6{
font-size:1.25rem;
color:var(--muted);
line-height:1.9;
margin-bottom:2rem;
max-width:700px;
text-shadow:0 2px 10px rgba(0,0,0,0.5);
}
.slide_btn_w9k4{
background:linear-gradient(135deg,var(--accent),var(--danger));
padding:1rem 2.5rem;
border-radius:30px;
font-weight:600;
font-size:1.1rem;
display:inline-flex;
align-items:center;
gap:0.6rem;
transition:transform 0.3s,box-shadow 0.3s;
box-shadow:0 8px 25px rgba(155,77,202,0.4);
}
.slide_btn_w9k4:hover{
transform:translateY(-3px) scale(1.02);
box-shadow:0 12px 35px rgba(155,77,202,0.6);
}
.carousel_prev_b3m6,
.carousel_next_h7k2{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:10;
width:50px;
height:50px;
border-radius:50%;
background:rgba(155,77,202,0.3);
border:1px solid rgba(155,77,202,0.5);
color:var(--text);
font-size:1.2rem;
display:flex;
align-items:center;
justify-content:center;
transition:all 0.3s;
backdrop-filter:blur(5px);
}
.carousel_prev_b3m6{
left:1.5rem;
}
.carousel_next_h7k2{
right:1.5rem;
}
.carousel_prev_b3m6:hover,
.carousel_next_h7k2:hover{
background:var(--accent);
border-color:var(--accent);
transform:translateY(-50%) scale(1.1);
}
.carousel_dots_s5n9{
position:absolute;
bottom:2rem;
left:50%;
transform:translateX(-50%);
z-index:10;
display:flex;
gap:0.8rem;
}
.dot_item_w2k8{
width:12px;
height:12px;
border-radius:50%;
background:rgba(255,255,255,0.3);
border:2px solid rgba(155,77,202,0.5);
cursor:pointer;
transition:all 0.3s;
}
.dot_item_w2k8:hover{
background:rgba(155,77,202,0.5);
}
.dot_item_w2k8.active{
background:var(--accent-light);
border-color:var(--accent-light);
transform:scale(1.2);
}
@media (max-width:900px){
.hero_carousel_x7k9{
height:70vh;
min-height:450px;
}
.slide_content_v2m8 h1,
.slide_content_v2m8 h2{
font-size:2rem;
flex-wrap:wrap;
justify-content:center;
}
.slide_desc_h4s6{
font-size:1.1rem;
}
.carousel_prev_b3m6,
.carousel_next_h7k2{
width:40px;
height:40px;
font-size:1rem;
}
.carousel_prev_b3m6{
left:0.8rem;
}
.carousel_next_h7k2{
right:0.8rem;
}
.menu_btn_q5n8{
display:block;
}
.nav_list_r7j3{
position:fixed;
top:60px;
left:0;
right:0;
background:rgba(10,6,18,0.98);
flex-direction:column;
padding:1rem 1.5rem;
border-bottom:1px solid var(--border);
transform:translateY(-100%);
opacity:0;
transition:all 0.3s;
pointer-events:none;
}
.nav_list_r7j3.active_m3k8{
transform:translateY(0);
opacity:1;
pointer-events:auto;
}
.nav_list_r7j3 li a{
display:block;
padding:0.8rem 0;
}
.hero_content_m6w2{
grid-template-columns:1fr;
text-align:center;
}
.hero_info_k8p5{
align-items:center;
}
.tag_wrap_f2h9{
justify-content:center;
}
.hero_img_z5b8{
order:-1;
}
.gallery_grid_v4f8{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:640px){
.hero_carousel_x7k9{
height:60vh;
min-height:400px;
}
.slide_content_v2m8 h1,
.slide_content_v2m8 h2{
font-size:1.5rem;
}
.slide_desc_h4s6{
font-size:1rem;
margin-bottom:1.5rem;
}
.slide_btn_w9k4{
padding:0.8rem 1.8rem;
font-size:1rem;
}
.carousel_dots_s5n9{
bottom:1.2rem;
gap:0.5rem;
}
.dot_item_w2k8{
width:10px;
height:10px;
}
.hero_info_k8p5 h1{
font-size:1.4rem;
flex-wrap:wrap;
justify-content:center;
}
.feature_grid_m2k8,
.gallery_grid_v4f8,
.review_list_g9k4,
.article_list_n8w3{
grid-template-columns:1fr;
}
.review_summary_q7m3{
flex-direction:column;
}
.download_info_p3s8{
flex-direction:column;
}
.dl_details_h8k4{
text-align:center;
}
}
.protocol-news-section{box-sizing:border-box;width:100%;max-width:1180px;margin:42px auto;padding:0 22px}.protocol-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.protocol-news-card{padding:22px;border-radius:14px;background:rgba(255,255,255,.94);color:#263443;box-shadow:0 8px 24px rgba(0,0,0,.12)}.protocol-news-card a,.protocol-news-more{color:#2563a8}.protocol-news-card time{display:block;opacity:.7;margin:10px 0}.protocol-news-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:110px 22px 60px}.protocol-news-page h1{text-align:center;margin:0 0 32px}.protocol-detail{box-sizing:border-box;max-width:900px;margin:0 auto;padding:30px;border-radius:14px;background:rgba(255,255,255,.96);color:#263443}.protocol-detail time{display:block;opacity:.72;margin:12px 0 22px}.protocol-detail-content{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.protocol-back{display:inline-block;margin-top:24px}.Agent17-topHead-77d60f{width:100%}.protocol-news-shell{width:100%!important}.managed-download-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:20px}.managed-download-dialog{width:min(100%,500px);padding:28px;border-radius:14px;background:#171b28;color:#fff;box-sizing:border-box}.managed-download-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.managed-download-dialog button{padding:10px 18px;cursor:pointer}@media(max-width:700px){.protocol-news-page{padding:90px 14px 40px}.protocol-detail{padding:20px}.protocol-news-grid{grid-template-columns:1fr}.managed-download-dialog{padding:22px}}

.protocol-news-section{box-sizing:border-box;width:100%;max-width:1180px;margin:42px auto;padding:0 22px}
.protocol-news-heading{margin:0 0 22px}
.protocol-news-grid{box-sizing:border-box;width:100%}
.protocol-news-card{min-width:0;overflow-wrap:anywhere}
.protocol-news-card h2,.protocol-news-card h3{overflow-wrap:anywhere}