@charset "utf-8";:root{--main-blue:#2563eb;--accent-blue:#3b82f6;--light-bg:#F8F9FA;--border-gray:#ECF0F1;--hover-blue:#2980B9}body{font:14px/1.6 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;background:var(--light-bg);position:static!important;overflow-anchor:none!important;padding-top:80px}body,html{overflow-x:hidden;max-width:100vw}html{scroll-behavior:auto!important}#_53dk_center__53dk__centerBox{transform:none!important;will-change:unset!important}footer a{color:#fff;text-decoration-line:none}.service-card{background:#fff;border:1px solid var(--border-gray);border-radius:8px;padding:2rem;margin-bottom:1.5rem;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-card img{width:200px;margin-bottom:10px;border-radius:15px}#icon_menu_module{background:var(--accent-blue)!important;border-radius:8px}.service-card .pr-color{font-size:18px;font-weight:550;color:#f60}.service-card h3,.service-card h4{font-size:1.125rem!important}.service-card p{font-size:.875rem}.service-card i{margin:0 auto}.price-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1.5rem;position:sticky;top:20px}.btn-link{display:inline-block;padding:12px 30px;border-radius:6px;text-decoration:none!important;transition:.3s;background:var(--accent-blue);color:#fff!important;border:2px solid var(--accent-blue)}.btn-link:hover{background:var(--hover-blue);border-color:var(--hover-blue);transform:translateY(-2px)}.bg-light{background:var(--light-bg)!important}.rounded{border-radius:8px}.amos-show-m{display:none}.faq-question,.service-icon{display:flex;align-items:center}@media (max-width:992px){body{padding-top:70px;background:#fff}}/*@media (max-width:767.98px){.payment-card[ng-if="pw.payType =='wx'"]{display:none!important}}*/.app-footer{width:100%;padding:10px;color:#e33f29;background:linear-gradient(#ffeded,#ffeded);text-align:center}.btn:focus,.form-control:focus{border-color:var(--accent-blue)!important;box-shadow:0 0 0 3px rgba(25,135,255,.15)!important;transition:.2s ease-in-out}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(25,135,255,.25)}@media (max-width:576px){.btn:focus,.form-control:focus{box-shadow:0 0 0 2px rgba(25,135,255,.1)!important}}input::placeholder,select::placeholder,textarea::placeholder{font-size:.875em;color:#999!important;letter-spacing:.5px;opacity:1!important}input::-webkit-input-placeholder{color:#999!important}input::-moz-placeholder{color:#999!important}input:-ms-input-placeholder{color:#999!important}input:-moz-placeholder{color:#999!important}input:focus::placeholder{color:#ccc!important}select:invalid{color:#999}select option:disabled{color:#999}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:.6s}.animate-on-scroll.active{opacity:1;transform:translateY(0)}.hover-shadow{transition:transform .3s,box-shadow .3s}.hover-shadow:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.12)!important}.text-warning{color:#ffc107}.news-timeline{position:relative;padding-left:30px;border-left:3px solid var(--accent-blue)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-badge{position:absolute;left:-36px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--accent-blue);border:3px solid #fff;box-shadow:0 0 0 3px var(--accent-blue)}.floating-service{background:#fff;padding:2rem;border-radius:1rem;position:relative;animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-icon{width:80px;height:80px;background:var(--accent-blue);border-radius:50%;justify-content:center;color:#fff;margin:-50px auto 1rem}.stat-number{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem;opacity:.8}.faq-v2{background:linear-gradient(to bottom,#fff 0,#f9fbfd 100%)}.badge-link{display:inline-block;padding:.6rem 1.5rem;border-radius:25px;background:rgba(44,62,80,.1);color:var(--main-blue);text-decoration:none;transition:.3s;border:1px solid transparent}.badge-link.active,.badge-link:hover{background:var(--accent-blue);color:#fff!important;border-color:var(--accent-blue)}.faq-item{background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.06);margin-bottom:1rem;border:1px solid #e9ecef;overflow:hidden}.faq-question{padding:1.25rem;cursor:pointer;gap:1.5rem;background:linear-gradient(to right,#f8f9fa,#fff)}.format-list li,.step-marker{align-items:center;display:flex}.step-marker{width:40px;height:40px;border-radius:10px;background:var(--accent-blue);color:#fff;justify-content:center;font-weight:700;flex-shrink:0}.faq-question h5{margin:0;flex-grow:1;color:var(--main-blue);font-size:1.05rem}.faq-question i{font-size:1.2rem;color:#adb5bd;transition:transform .3s}.faq-question.active i{transform:rotate(180deg);color:var(--accent-blue)}.faq-answer{display:none;padding:1.25rem;border-top:1px solid #f1f3f5;background:#fcfdff}.format-list li{padding:.5rem 0;gap:.75rem}.format-list i{width:24px;text-align:center;color:var(--accent-blue)}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.report-content .content-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #eee}.report-content i{font-size:1.5rem;width:40px;text-align:center}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.payment-methods .method{border:1px solid #dee2e6;border-radius:8px;padding:1rem;text-align:center}.payment-methods img{height:30px;margin-bottom:.5rem}.security-features .feature{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem}.security-features i{font-size:1.5rem;color:var(--accent-blue)}.article-container{max-width:1000px;margin:2rem auto;padding:0 1rem}.article-header{border-bottom:2px solid var(--bs-gray-dark);padding-bottom:1.5rem;margin-bottom:2rem}.article-title{font-size:2rem;color:var(--bs-gray-dark);margin-bottom:1rem}.article-content{line-height:1.8;color:var(--text-gray)}.article-content h3{color:var(--bs-gray-dark);margin:2rem 0 1rem;font-size:1.25rem}.article-tip{background:#f8f9fa;border-left:4px solid var(--accent-blue);padding:1.5rem;margin:1rem 0;border-radius:4px}.cta-section{max-width:800px;margin:4rem auto 2rem;padding:0 1rem}.bg-accent-gradient{background:linear-gradient(135deg,var(--accent-blue) 0,#1a73e8 100%)}.cta-btn{font-size:1.25rem;font-weight:600;transition:.3s;border:2px solid rgba(255,255,255,.3)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);background:rgba(255,255,255,.95)}.article-container img{max-width:800px;height:auto;display:block;margin:1rem auto}@media (max-width:768px){.btn-link{padding:10px 20px;font-size:.9em}.amos-show-p{display:none}.amos-show-m{display:block}input::placeholder{font-size:.8125em}.order-md-1{order:2}.order-md-2{order:1}.faq-question{padding:1rem;gap:1rem}.step-marker{width:35px;height:35px;font-size:.9rem}.badge-link{padding:.5rem 1.2rem;font-size:.9rem}.article-title{font-size:1.5rem}.article-content h3,.cta-btn{font-size:1.1rem}.cta-btn{padding:1rem 2rem!important}.cta-container{padding:1.5rem!important}.article-container{padding:0 .5rem}.article-container img{max-width:100%;margin:.8rem 0}.verification-img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}}@media (max-width:480px){.article-container img{width:95%;margin:.5rem auto}} /*banner*/ .btn-primary,.btn-primary:hover{transform:translateY(0)!important}.re-banner{width:100%;background-color:#fff}@media (min-width:993px){.re-banner{margin-top:-10px}}.re-banner-content{display:flex;justify-content:space-between;align-items:center;height:400px;width:1200px;margin:auto}.re-banner img{max-height:100%;object-fit:cover}.re-banner-buttons button{margin-right:10px;font-size:1rem;padding:.75rem 1.5rem;border-radius:8px}.re-banner-buttons button:hover{opacity:.8}.re-banner-left{position:relative;width:58%;padding-left:50px}.re-banner-right{width:38%;padding-right:50px}.re-banner-left img,.re-banner-right img{max-width:100%}@media (max-width:1200px){.re-banner-content{width:100%;padding:0 20px}}@media (max-width:992px){.re-banner-content{height:auto;flex-direction:column;padding:30px 15px}.re-banner-left,.re-banner-right{width:100%!important;padding:0!important}.re-banner-left img{width:100%;height:auto;max-width:600px;margin:0 auto;display:block}.re-banner-buttons{margin:30px 0 20px;display:flex;flex-direction:column;gap:15px}.re-banner-buttons button{margin-right:0;width:100%;padding:12px 20px!important}.re-banner-right img{max-width:400px;margin:30px auto 0;display:block}.re-banner-buttons a.btn{padding:12px 20px!important;font-size:1rem!important}}@media (max-width:576px){.re-banner-left img,.re-banner-right img{max-width:100%}}.btn-primary{transition:.3s!important}.btn-primary:hover{background-color:#0069d9!important;box-shadow:0 4px 12px rgba(0,105,217,.25)!important}.re-banner-buttons .btn{display:inline-block;text-decoration:none!important;cursor:pointer;transition:.3s;padding:.75rem 1.5rem!important;font-size:1rem!important;line-height:1.5;vertical-align:middle}.re-banner-buttons .btn-primary{background-color:#007bff;border:1px solid #007bff;color:#fff!important}.re-banner-buttons .btn-secondary{background-color:#6c757d;border:1px solid #6c757d;color:#fff!important}.re-banner-buttons .btn-primary:hover{background-color:#0069d9!important;border-color:#0069d9;box-shadow:0 4px 12px rgba(0,105,217,.25)}.re-banner-buttons .btn-secondary:hover{background-color:#5a6268!important;border-color:#545b62;box-shadow:0 4px 12px rgba(108,117,125,.25)}.re-banner-buttons{display:flex;/*justify-content:center;*/align-items:center;gap:25px;margin-top:35px;text-align:unset}@media (max-width:992px){.re-banner-buttons{flex-direction:column;gap:20px;flex-direction:row!important;gap:15px!important;flex-wrap:wrap;/*justify-content:center*/}.re-banner-buttons a.btn{width:auto!important;padding:12px 20px!important;flex:1;min-width:140px;text-align:center}}@media (max-width:480px){.re-banner-buttons{gap:10px!important}.re-banner-buttons a.btn{padding:10px 15px!important;font-size:.9rem!important}} /* ========================================================================== 导航栏（与检测页统一） ========================================================================== */ .navbar{box-shadow:0 2px 10px rgba(0,0,0,.1);padding:5px 0!important;background:#fff!important;align-items:center}.navbar .nav-link,.navbar .vp-nav-link{position:relative;transition:all .3s ease;font-size:16px;padding:.5rem 1rem!important;color:rgba(0,0,0,.55)!important;display:inline-block}.navbar .nav-link.active,.navbar .vp-nav-link.active,.navbar .nav-link:hover,.navbar .vp-nav-link:hover{color:var(--accent-blue)!important;background:transparent!important}.navbar .nav-link::after,.navbar .vp-nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s ease}.navbar .nav-link:hover::after,.navbar .vp-nav-link:hover::after{width:60%;left:20%}.navbar-brand img{height:50px;width:auto;display:block}.navbar-toggler{border-color:rgba(0,0,0,.08)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}@media (max-width:991.98px){.navbar-collapse{background:#fff;padding:.5rem 0 1rem;margin-top:0;border-top:1px solid rgba(0,0,0,.06);box-shadow:0 8px 16px rgba(0,0,0,.06)}.navbar-collapse .nav-item{border-bottom:1px solid rgba(0,0,0,.06);margin:0!important}.navbar-collapse .nav-item:last-child{border-bottom:none}.navbar-collapse .nav-link,.navbar-collapse .vp-nav-link{display:block;padding:.75rem 1rem!important;color:rgba(0,0,0,.75)!important;margin:0}.navbar-collapse .nav-link:hover,.navbar-collapse .vp-nav-link:hover{color:var(--accent-blue)!important;background:rgba(59,130,246,.04)!important}.navbar .nav-link::after,.navbar .vp-nav-link::after{display:none!important}.navbar-brand img{height:50px}.navbar-toggler{padding:.15rem;font-size:1.25rem}.navbar>.container{padding-left:12px;padding-right:12px}} /* ========================================================================== 常见问题解答（仅 CSS 优化） ========================================================================== */ .faq-v2{background:linear-gradient(180deg,#f0f4ff 0%,#fff 35%,#f8fafc 100%);position:relative;overflow:hidden} .faq-v2::before{content:'';position:absolute;top:-120px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none} .faq-v2::after{content:'';position:absolute;bottom:-100px;left:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none} .faq-v2>.container{position:relative;z-index:1;max-width:900px} .faq-v2 .text-center h2{font-weight:600;color:#1e293b;letter-spacing:.02em} .faq-v2 .text-center h2::after{content:'';display:block;width:48px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,var(--accent-blue),var(--main-blue));border-radius:2px} .faq-group{margin-bottom:.5rem} .faq-group+.faq-group{margin-top:1.75rem;padding-top:1.75rem;border-top:1px dashed rgba(148,163,184,.35)} .faq-item{background:#fff;border:1px solid #e8edf3;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s} .faq-item:hover{border-color:rgba(59,130,246,.28);box-shadow:0 4px 16px rgba(37,99,235,.06)} .faq-question{padding:1.1rem 1.25rem;cursor:pointer;gap:1rem;background:#fff;user-select:none;transition:background .25s} .faq-question:hover{background:linear-gradient(to right,rgba(59,130,246,.04),#fff)} .faq-question.active{background:linear-gradient(to right,rgba(59,130,246,.07),#fff);border-bottom:1px solid #eef2f7} .faq-question h5{margin:0;flex:1;color:#1e293b;font-size:1rem;font-weight:600;line-height:1.5} .faq-question.active h5{color:var(--main-blue)} .faq-question .bi-chevron-down{font-size:1rem;color:#94a3b8;flex-shrink:0;transition:transform .3s,color .3s} .faq-question.active .bi-chevron-down{transform:rotate(180deg);color:var(--accent-blue)} .step-marker{width:38px;height:38px;min-width:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent-blue),var(--main-blue));color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 4px 10px rgba(37,99,235,.22)} .faq-answer{padding:1.1rem 1.25rem 1.25rem 4.5rem;color:#475569;font-size:.9375rem;line-height:1.75;background:#fafbfd;border-top:1px solid transparent} .faq-question.active+.faq-answer{border-top-color:#eef2f7} .faq-answer p{margin-bottom:.75rem;color:#475569} .faq-answer ul{margin-bottom:.75rem;padding-left:1.1rem} .faq-answer ul li{margin-bottom:.35rem;color:#64748b} .faq-answer h6{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:.65rem} .faq-answer h6 i{color:var(--accent-blue);margin-right:.35rem} .faq-answer .alert-light{background:linear-gradient(135deg,#f0f7ff,#f8fafc);border:1px solid rgba(59,130,246,.15);border-left:3px solid var(--accent-blue);border-radius:10px;color:#475569;font-size:.875rem;padding:.85rem 1rem;margin-top:1rem;margin-bottom:0} .faq-answer .alert-light i{color:var(--accent-blue)} .format-list{list-style:none;padding:0;margin:0 0 .5rem} .format-list li{padding:.55rem 0;gap:.65rem;color:#64748b;border-bottom:1px dashed #eef2f7} .format-list li:last-child{border-bottom:none} .format-list i{width:22px;min-width:22px;text-align:center;color:var(--accent-blue);font-size:1rem} .report-content{border:1px solid #eef2f7;border-radius:12px;overflow:hidden;background:#fff} .report-content .content-item{align-items:flex-start;padding:1rem 1.1rem;border-bottom:1px solid #f1f5f9;transition:background .2s} .report-content .content-item:last-child{border-bottom:none} .report-content .content-item:hover{background:#f8fafc} .report-content .content-item i{font-size:1.35rem;width:36px;min-width:36px;height:36px;line-height:36px;text-align:center;color:var(--accent-blue);background:rgba(59,130,246,.08);border-radius:8px} .report-content .content-item h6{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:.35rem} .report-content .content-item p{font-size:.875rem;line-height:1.6;margin:0;color:#64748b!important} .payment-methods{gap:.75rem} .payment-methods .method{border:1px solid #e8edf3;border-radius:12px;padding:1.1rem .75rem;background:#fff;transition:border-color .25s,box-shadow .25s,transform .25s} .payment-methods .method:hover{border-color:rgba(59,130,246,.35);box-shadow:0 6px 16px rgba(37,99,235,.08);transform:translateY(-2px)} .payment-methods .method span{display:block;margin-top:.35rem;font-size:.875rem;font-weight:500;color:#475569} .payment-methods img{height:32px;margin-bottom:.25rem} .security-features{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem} .security-features .feature{align-items:flex-start;padding:1rem;background:#fff;border:1px solid #eef2f7;border-radius:12px;margin-bottom:0;transition:border-color .25s,box-shadow .25s} .security-features .feature:hover{border-color:rgba(59,130,246,.25);box-shadow:0 4px 14px rgba(37,99,235,.06)} .security-features .feature i{font-size:1.25rem;width:36px;min-width:36px;height:36px;line-height:36px;text-align:center;background:rgba(59,130,246,.08);border-radius:8px;color:var(--accent-blue)} .security-features .feature h6{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem} .security-features .feature p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.5} @keyframes slideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} .faq-answer[style*="block"]{animation:slideDown .3s ease-out} @media (max-width:768px){.faq-v2>.container{max-width:100%}.faq-question{padding:1rem;gap:.75rem}.faq-question h5{font-size:.9375rem}.step-marker{width:34px;height:34px;min-width:34px;font-size:.72rem}.faq-answer{padding:1rem 1rem 1rem 3.6rem;font-size:.875rem}.payment-methods{grid-template-columns:1fr!important}.security-features{grid-template-columns:1fr}.report-content .content-item{flex-direction:row;gap:.75rem}} .aigc-section-title{ text-align:center; margin-bottom:2rem; color:#222; font-weight:600; } .table-compare th, .table-compare td{ vertical-align:middle; font-size:0.95rem; } .btn-jump{ padding:6px 14px; border-radius:6px; text-decoration:none; } .principle-card{ padding:1.5rem; border:1px solid #eee; border-radius:12px; height:100%; transition:0.2s; } .principle-card:hover{ box-shadow:0 4px 12px rgba(0,0,0,0.08); } .scene-item{ padding:1rem; border-left:4px solid #0d6efd; background:#f8fafc; margin-bottom:12px; border-radius:0 8px 8px 0; } .step-item{ text-align:center; position:relative; } .step-item .step-num{ width:40px; height:40px; background:#0d6efd; color:#fff; border-radius:50%; line-height:40px; font-weight:bold; margin:0 auto 10px; } .step-line{ position:absolute; top:20px; left:50%; width:100%; height:2px; background:#dee2e6; z-index:-1; } .faq-two-col .faq-group{ margin-bottom:1rem; } /* 视觉统一所有板块标题字号，H1/H2视觉一样大，语义标签保留原样，不影响SEO */ #detect h1, .aigc-section-title, h2.mb-4, h2.text-center.mb-5 { font-size: 2.2rem; font-weight: 600; color: #1e293b; letter-spacing: .02em; } /* 加宽板块之间间距，仅section外部margin，板块内部留白完全不变 */ section.py-5 { margin-bottom: 2.6rem; } /* ✅ 全局网页背景 和FAQ板块完全一致渐变 */ :root { --bs-body-bg: transparent !important; } body { background: linear-gradient(180deg,#f8f9fa96 0%,#fff 35%,#f8fafc 100%) !important; background-attachment: fixed; } /* 内容主容器保持白底，盒子内部不变 */ main.container, #detect, .amos-show-p, .service-card, .principle-card, .scene-item, .card, .re-banner { background: #ffffff; } /* bg-light板块维持原有浅色，不冲突 */ .bg-light { background: #f8f9fa !important; } .icp-link:link, .icp-link:visited, .icp-link:active { color:#999 !important; background:transparent !important; text-decoration:none !important; outline:none !important; } .icp-link:hover { color:#777777 !important; }