/*@@OPT|block1|blk1|806B@@*/
body>div[id*="shangqiao"],body>div[class*="shangqiao"],
body>div[id*="hm_t"],body>div[id*="tj_push"],
body>div[class*="ebridge"],body>div[id*="BDBridge"],body>div[class*="BDBridge"],
body>div[class*="webim"],body>div[class*="online-service"],
body>div[class*="cp-float"],body>div[class*="float-bar"],
body>div[id*="lxb"],body>div[class*="lxb"],
body>div:has(>iframe[src*="baidu"]),
iframe[src*="shangqiao"],iframe[src*="ebridge"],iframe[src*="easemob"],iframe[src*="bcbos.baidu"],
.bdbridge-iframe,.shangqiao-widget,.online-consult{
  display:none!important;width:0!important;height:0!important;overflow:hidden!important;
  visibility:hidden!important;pointer-events:none!important;opacity:0!important;
  z-index:-9999!important;position:absolute!important;left:-9999px!important;top:-9999px!important;
}

/*@@OPT|block2|blk2|9045B@@*/
/* ===== Reset & Base ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:#f5f7fa;color:#333;line-height:1.6;padding-top:60px}
a{color:inherit;text-decoration:none}
.nav-right{display:flex;gap:12px;align-items:center}
.nav-right a{color:#4a5b70;font-size:14px;padding:8px 16px;border-radius:6px;transition:.2s}
.nav-right a:hover{background:#f0f7ff;color:#1a73e8}

/* Mobile nav toggle */
.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mobile-nav-toggle span{display:block;width:22px;height:2px;background:#333;margin:5px 0;transition:.3s}

@media(max-width:768px){
  .nav-right{display:none}
  .mobile-nav-toggle{display:block}
}

/* ===== Breadcrumb ===== */
.breadcrumb{padding:12px 40px;font-size:13px;color:#888;max-width:900px;margin:0 auto}
.breadcrumb a{color:#1a73e8;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
@media(max-width:768px){.breadcrumb{padding:12px 16px}}

/* ===== Tool Container ===== */
.tool-container{max-width:760px;margin:0 auto;padding:20px 40px 60px}
@media(max-width:768px){.tool-container{padding:16px 16px 40px}}

/* ===== Landing Section ===== */
.landing{text-align:center;padding:40px 0 20px}
.landing-icon{font-size:56px;margin-bottom:16px}
.landing h1{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:12px;line-height:1.3}
.landing .subtitle{font-size:16px;color:#666;margin-bottom:24px;line-height:1.8}
.landing .features{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.landing .feature-tag{background:#f0f7ff;color:#1a73e8;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500}
.btn-start{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;border:none;padding:14px 48px;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(26,115,232,0.3)}
.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(26,115,232,0.4)}
.btn-start:active{transform:translateY(0)}

/* ===== Progress Bar ===== */
.progress-wrap{margin-bottom:24px}
.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#666}
.progress-info .step-label{font-weight:600;color:#1a73e8}
.progress-bar{height:8px;background:#e8ecf1;border-radius:4px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,#1a73e8,#34a853);border-radius:4px;transition:width .5s ease}

/* ===== Question Card ===== */
.question-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 16px rgba(0,0,0,0.06);margin-bottom:20px;transition:all .4s ease;opacity:1;transform:translateY(0)}
.question-card.entering{opacity:0;transform:translateY(20px)}
.question-card .dimension-badge{display:inline-block;background:#f0f7ff;color:#1a73e8;padding:4px 14px;border-radius:16px;font-size:12px;font-weight:600;margin-bottom:16px}
.question-card h2{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px;line-height:1.5}
.question-card .q-number{color:#1a73e8;margin-right:6px}

/* Option Buttons */
.options{display:flex;flex-direction:column;gap:10px}
.option-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border:2px solid #e8ecf1;border-radius:12px;background:#fafbfc;cursor:pointer;transition:all .2s;font-size:15px;text-align:left;color:#333}
.option-btn:hover{border-color:#1a73e8;background:#f0f7ff}
.option-btn.selected-full{border-color:#34a853;background:#e6f4ea;color:#1e7e34}
.option-btn.selected-half{border-color:#fbbc04;background:#fff8e1;color:#b8860b}
.option-btn.selected-none{border-color:#ea4335;background:#fde7e7;color:#c62828}
.option-icon{font-size:20px;flex-shrink:0}
.option-text{flex:1;font-weight:500}

/* Navigation */
.q-nav{display:flex;justify-content:space-between;margin-top:20px;gap:12px}
.btn-nav{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}
.btn-prev{background:#f0f0f0;color:#555}
.btn-prev:hover{background:#e0e0e0}
.btn-next{background:#1a73e8;color:#fff}
.btn-next:hover{background:#1557b0}
.btn-next:disabled{background:#ccc;cursor:not-allowed}

/* ===== Result Section ===== */
.result-section{animation:fadeInUp .6s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.score-hero{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;padding:40px 24px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}
.score-hero::before{content:'';position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(26,115,232,0.15),transparent 70%);border-radius:50%}
.score-label{font-size:14px;color:rgba(255,255,255,0.7);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}
.score-number{font-size:72px;font-weight:800;line-height:1;margin-bottom:8px}
.score-grade{font-size:20px;font-weight:600;margin-bottom:4px}
.score-desc{font-size:14px;color:rgba(255,255,255,0.7);margin-top:8px}

/* Radar Chart */
.radar-wrap{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 16px rgba(0,0,0,0.06);margin-bottom:24px;text-align:center}
.radar-wrap h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:16px}
.radar-svg{max-width:380px;margin:0 auto}

/* Dimension Detail */
.dimension-results{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.dim-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.05);transition:transform .2s}
.dim-card:hover{transform:translateY(-2px)}
.dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dim-title{font-size:16px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}
.dim-score{font-size:14px;font-weight:700;padding:4px 12px;border-radius:12px}
.dim-score.high{background:#e6f4ea;color:#1e7e34}
.dim-score.mid{background:#fff8e1;color:#b8860b}
.dim-score.low{background:#fde7e7;color:#c62828}
.dim-bar{height:6px;background:#e8ecf1;border-radius:3px;margin-bottom:12px;overflow:hidden}
.dim-bar-fill{height:100%;border-radius:3px;transition:width .8s ease}
.dim-suggestions{font-size:14px;color:#555;line-height:1.7}
.dim-suggestions li{margin-bottom:6px;padding-left:4px}

/* Product Recommendations */
.recommend-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 16px rgba(0,0,0,0.06);margin-bottom:24px}
.recommend-section h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:6px}
.recommend-section .rec-note{font-size:12px;color:#999;margin-bottom:16px}
.rec-list{display:flex;flex-direction:column;gap:12px}
.rec-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e8ecf1;border-radius:12px;transition:all .2s;text-decoration:none;color:#333}
.rec-item:hover{border-color:#1a73e8;background:#f0f7ff;transform:translateX(4px)}
.rec-icon{font-size:24px;flex-shrink:0}
.rec-info{flex:1}
.rec-title{font-size:15px;font-weight:600;color:#1a73e8;margin-bottom:2px}
.rec-desc{font-size:13px;color:#888}
.rec-arrow{color:#ccc;font-size:18px}

/* Share & Actions */
.action-bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.btn-action{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid #e8ecf1;background:#fff;color:#333}
.btn-action:hover{border-color:#1a73e8;color:#1a73e8}
.btn-action.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}
.btn-action.primary:hover{background:#1557b0}

/* ===== FAQ Section ===== */
.faq-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 16px rgba(0,0,0,0.06);margin-bottom:40px}
.faq-section h3{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px;text-align:center}
.faq-item{border-bottom:1px solid #f0f0f0;padding:16px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:15px;font-weight:600;color:#1a1a2e;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-q:hover{color:#1a73e8}
.faq-a{font-size:14px;color:#555;line-height:1.8;margin-top:12px;display:none}
.faq-item.open .faq-a{display:block}
.faq-toggle{font-size:18px;color:#ccc;transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-toggle{transform:rotate(180deg)}
.brand-desc{font-size:13px;line-height:1.8;color:#718096}
.contact-info p{margin-bottom:6px;font-size:13px}

@media(max-width:768px){
  .score-number{font-size:56px}
  .question-card{padding:20px}
  .landing h1{font-size:22px}
  .landing .subtitle{font-size:14px}
}

/* ===== Utilities ===== */
.hidden{display:none!important}
.share-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}
.share-toast.show{opacity:1}

/*@@OPT|block3|blk3|363B@@*/
ins#aff-im-root,ins[id*="aff-im"],[id*="aff-im-root"],.embed-hot-issue,.embed-icon[data-v-06873b41]{display:none!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;z-index:-9999!important}

/*@@OPT|block4|blk4|29B@@*/
/* 移动端下拉菜单适配 - 手风琴折叠模式 */

/*@@OPT|block5|blk5|640B@@*/
.auth-btn{padding:7px 18px;border-radius:6px;font-size:13px;cursor:pointer;transition:.2s;border:none}
.auth-btn-login{background:transparent;color:#c0c6d4;border:1px solid #4a5568}
.auth-btn-login:hover{color:#1677ff;border-color:#1B6CF5}
.auth-btn-register{background:#1B6CF5;color:#fff}
.auth-btn-register:hover{background:#1558D6}
.main-content{max-width:1300px!important;margin:0 auto!important;padding:80px 40px 30px!important}
/* 移动端 */
@media(max-width:768px){
  .main-content{padding:70px 12px 80px!important}
}
/* === END NAV_SYNC_V5 === */

/* === PC-FIX 20261026b: 资讯卡片改 flex 布局，彻底消除行高错位（仅 PC） === */

/* === END PC-FIX === */

/*@@OPT|mobile-info-menu-fix-css|blk6|535B@@*/
#mobile-info-menu.mobile-more-menu{position:fixed!important;bottom:56px!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 16px rgba(0,0,0,.1)!important;z-index:10000!important;padding:8px 0!important;display:none!important;max-height:60vh!important;overflow-y:auto!important;margin:0!important}
#mobile-info-menu.mobile-more-menu.visible{display:block!important}
@media(max-width:768px){#mobile-info-menu.mobile-more-menu.visible{display:block!important}}