/*@@OPT|block1|blk1|1075B@@*/
/* Nuclear baidu popup CSS - must be in head to take effect before popup loads */
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;
}
.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}
}

/*@@OPT|block2|blk2|9519B@@*/
/* ===== 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}
.brand-desc{font-size:13px;color:#64748b;line-height:1.7;margin-top:8px}
.contact-info p{font-size:13px;margin-bottom:6px;color:#64748b}
.social-links a{color:#475569;text-decoration:none;font-size:13px;transition:color .2s}
.social-links a:hover{color:#1B6CF5}

/* ===== Main Content ===== */
.page-container{max-width:1200px;margin:0 auto;padding:30px 20px}
.page-title{text-align:center;margin-bottom:8px}
.page-title h1{font-size:28px;color:#1a2b4a;font-weight:700}
.page-subtitle{text-align:center;color:#666;font-size:15px;margin-bottom:30px}
.page-subtitle .badge{display:inline-block;background:#e8f4ff;color:#1B6CF5;padding:2px 10px;border-radius:12px;font-size:12px;margin-left:8px}

.calculator-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}

/* ===== Config Panel (Left) ===== */
.config-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.06);position:sticky;top:80px}
.config-section{margin-bottom:24px}
.config-section:last-child{margin-bottom:0}
.config-section-title{font-size:14px;font-weight:600;color:#1a2b4a;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.config-section-title svg{width:18px;height:18px;color:#1B6CF5}

/* Checkboxes */
.checkbox-group{display:flex;flex-direction:column;gap:8px}
.checkbox-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid #eef0f3}
.checkbox-item:hover{background:#f0f7ff;border-color:#b3d7ff}
.checkbox-item.checked{background:#e8f4ff;border-color:#1B6CF5}
.checkbox-item input[type="checkbox"]{display:none}
.checkbox-mark{width:18px;height:18px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.checkbox-item.checked .checkbox-mark{background:#1B6CF5;border-color:#1B6CF5}
.checkbox-item.checked .checkbox-mark::after{content:'✓';color:#fff;font-size:12px;font-weight:bold}
.checkbox-label{font-size:14px;color:#333;flex:1}
.checkbox-desc{font-size:11px;color:#999;margin-top:1px}

/* Radio buttons */
.radio-group{display:flex;flex-direction:column;gap:8px}
.radio-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid #eef0f3}
.radio-item:hover{background:#f0f7ff;border-color:#b3d7ff}
.radio-item.active{background:#e8f4ff;border-color:#1B6CF5}
.radio-item input[type="radio"]{display:none}
.radio-mark{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.radio-item.active .radio-mark{border-color:#1B6CF5}
.radio-item.active .radio-mark::after{content:'';width:10px;height:10px;background:#1B6CF5;border-radius:50%}
.radio-label{font-size:14px;color:#333}
.radio-desc{font-size:11px;color:#999}

/* ===== Results Panel (Right) ===== */
.results-panel{min-height:400px}
.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.results-title{font-size:18px;font-weight:600;color:#1a2b4a}
.results-summary{font-size:13px;color:#888}

.empty-state{text-align:center;padding:80px 20px;color:#999}
.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:0.5}
.empty-state p{font-size:15px}

/* Bar Chart */
.chart-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.06);margin-bottom:20px}
.chart-title{font-size:15px;font-weight:600;color:#1a2b4a;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.chart-title .ref-tag{font-size:11px;color:#999;font-weight:400;background:#f5f5f5;padding:2px 8px;border-radius:4px}
.bar-chart{display:flex;flex-direction:column;gap:14px}
.bar-row{display:flex;align-items:center;gap:12px}
.bar-vendor{width:64px;font-size:13px;color:#555;font-weight:500;text-align:right;flex-shrink:0}
.bar-track{flex:1;height:32px;background:#f5f7fa;border-radius:6px;position:relative;overflow:hidden}
.bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding:0 12px;transition:width 0.6s ease;min-width:fit-content}
.bar-fill span{font-size:12px;color:#fff;font-weight:600;white-space:nowrap}
.bar-fill.ali{background:linear-gradient(90deg,#ff6a00,#ff8c33)}
.bar-fill.tx{background:linear-gradient(90deg,#0052d9,#2d7fff)}
.bar-fill.hw{background:linear-gradient(90deg,#c7000b,#e63e3e)}
.bar-fill.jd{background:linear-gradient(90deg,#e2231a,#ff4d4d)}
.bar-fill.uc{background:linear-gradient(90deg,#0066cc,#3399ff)}
.bar-fill.king{background:linear-gradient(90deg,#2d8cf0,#57a8ff)}
.bar-amount{font-size:13px;color:#333;font-weight:600;width:140px;text-align:left;flex-shrink:0}

/* Vendor Cards */
.vendor-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.vendor-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .2s;border:1px solid #f0f0f0}
.vendor-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}
.vendor-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.vendor-card-name{font-size:16px;font-weight:600;color:#1a2b4a;display:flex;align-items:center;gap:8px}
.vendor-card-name .vendor-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.vendor-card-name .vendor-dot.ali{background:#ff6a00}
.vendor-card-name .vendor-dot.tx{background:#0052d9}
.vendor-card-name .vendor-dot.hw{background:#c7000b}
.vendor-card-name .vendor-dot.jd{background:#e2231a}
.vendor-card-name .vendor-dot.uc{background:#0066cc}
.vendor-card-name .vendor-dot.king{background:#2d8cf0}
.vendor-card-price{font-size:20px;font-weight:700;color:#1B6CF5}
.vendor-card-price small{font-size:12px;font-weight:400;color:#999}
.vendor-card-plan{font-size:13px;color:#666;margin-bottom:12px;padding:8px 10px;background:#f8f9fa;border-radius:6px}
.vendor-card-plan strong{color:#333}
.vendor-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.vendor-card-tags span{font-size:11px;padding:2px 8px;border-radius:10px;background:#f0f7ff;color:#1B6CF5}
.vendor-card-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#1B6CF5;cursor:pointer;transition:.15s;padding:6px 14px;border:1px solid #1B6CF5;border-radius:6px;background:transparent}
.vendor-card-btn:hover{background:#1B6CF5;color:#fff}

/* Compare link section */
.compare-section{margin-top:30px;text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.compare-section h3{font-size:16px;color:#1a2b4a;margin-bottom:8px}
.compare-section p{font-size:13px;color:#888;margin-bottom:16px}
.compare-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.compare-link{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;transition:all .2s}
.compare-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.compare-link.ali{background:#ff6a00}
.compare-link.tx{background:#0052d9}
.compare-link.hw{background:#c7000b}
.compare-link.jd{background:#e2231a}

/* Price notice */
.price-notice{text-align:center;margin-top:24px;padding:12px;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;font-size:12px;color:#8c6d1f}

/* FAQ Section */
.faq-section{margin-top:40px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.faq-section h2{font-size:20px;color:#1a2b4a;margin-bottom:20px;text-align:center}
.faq-item{padding:16px 0;border-bottom:1px solid #f0f0f0}
.faq-item:last-child{border-bottom:none}
.faq-item h3{font-size:15px;color:#1a2b4a;margin-bottom:8px;cursor:pointer;display:flex;align-items:flex-start;gap:8px}
.faq-item h3::before{content:'Q';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#e8f4ff;color:#1B6CF5;border-radius:4px;font-size:12px;font-weight:700;flex-shrink:0}
.faq-item p{font-size:14px;color:#666;line-height:1.8;padding-left:30px}

/* Mobile bottom nav */
.mobile-bottom-nav{display:none}

/* ===== Responsive ===== */
@media(max-width:768px){
  .calculator-layout{grid-template-columns:1fr}
  .config-panel{position:static}
  .page-title h1{font-size:22px}
  .vendor-results{grid-template-columns:1fr}
  .bar-amount{width:100px;font-size:12px}
  .bar-vendor{width:50px;font-size:12px}
  .compare-links{flex-direction:column;align-items:center}
  body{padding-bottom:56px}
  .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:56px;background:#fff;border-top:1px solid #eef0f3;z-index:9999;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,0.08)}
  .mobile-bottom-nav .nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:48px;padding:2px 0;gap:2px;font-size:10px;color:#8c8c8c;cursor:pointer;text-decoration:none}
  .mobile-bottom-nav .nav-tab.active{color:#1B6CF5}
  .mobile-bottom-nav .nav-tab svg{width:22px;height:22px}
  .mobile-bottom-nav .nav-tab span{font-size:10px;line-height:1.2}
}
@media(min-width:769px){
  .mobile-bottom-nav{display:none!important}
}

/*@@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|mobile-info-menu-fix-css|blk4|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}}