/* ---------------------------------------------------------------------------------------

* 2025-08-22 更多在线工具尽在 tuyuanma.com
* 
* 兔源码网站制作，Discuz导航模板
* 
* 站长交流群：493651246  作者QQ：3197813386

--------------------------------------------------------------------------------------- */

.qinqi{border:1px solid #006abe;border-radius:8px;padding:1em;margin:1rem auto;max-width:1200px;}
.qinqi .jisuanqi{background-color:#ffffff;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,.08);padding:1.2rem;overflow:hidden;}
.qinqi .jisuanqi h1{text-align:center;font-weight:600;line-height:1.5;font-size:1.8rem;color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding-bottom:1rem;}
.qinqi .jisuanqi .xuanxiang{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1em;}
.qinqi .jisuanqi .xuanxiang ul{display:flex;list-style:none;padding:0;border-bottom:1px solid #e5e5e5;min-width:100%;}
.qinqi .jisuanqi .xuanxiang ul li{margin-right:1.8rem;padding-bottom:.8rem;white-space:nowrap;position:relative;}
.qinqi .jisuanqi .xuanxiang ul li a{text-decoration:none;color:#666;font-size:1rem;font-weight:500;transition:color .3s;}
.qinqi .jisuanqi .xuanxiang ul li.active{margin-right:1.8rem;}
.qinqi .jisuanqi .xuanxiang ul li.active a{color:#3175bc;}
.qinqi .jisuanqi .xuanxiang ul li.active::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#3175bc;border-radius:2px;}

.qinqi .jisuanqi .mokuai{position:relative;}
.qinqi .jisuanqi .mokuai .fenkuai{display:none;flex-direction:column;animation:fadeIn .3s ease;}
.qinqi .jisuanqi .mokuai .fenkuai:first-child{display:flex;}
.qinqi .jisuanqi .mokuai .fenkuai .field{line-height:2.5;}
.qinqi .jisuanqi .mokuai .fenkuai .field me{font-size:1rem;;display:inline-block;font-weight:600;}
.qinqi .jisuanqi .mokuai .fenkuai .field label{cursor:pointer;font-size:.95rem;width:12%;display: inline-block;}
.qinqi .jisuanqi .mokuai .fenkuai .field input[type="radio"],.qinqi .jisuanqi .mokuai .fenkuai .field input[type="checkbox"]{vertical-align:text-top;}
.qinqi .jisuanqi .mokuai .fenkuai textarea,.qinqi .jisuanqi .mokuai .fenkuai .field .input-text{width:100%;padding:.9rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;resize:vertical;background-color:#fafafa;transition:all .3s;box-sizing:border-box;}
.qinqi .jisuanqi .mokuai .fenkuai textarea:focus,.qinqi .jisuanqi .mokuai .fenkuai .field .input-text:focus{outline:none;border-color:#3175bc;background-color:#fff;box-shadow:0 0 0 3px rgba(45,140,240,.1);}
.qinqi .jisuanqi .mokuai .fenkuai textarea[readonly]{background-color:#f5f5f5;cursor:not-allowed;height:165px;}
.qinqi .jisuanqi .mokuai .fenkuai span{display:inline-block;}
.qinqi .jisuanqi .mokuai .fenkuai span button{padding:.5rem 1rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;color:#555;transition:all .2s;margin-right:.5rem;}
.qinqi .jisuanqi .mokuai .fenkuai span button:hover:not(:disabled){background-color:#f0f0f0;border-color:#d0d0d0;}
.qinqi .jisuanqi .mokuai .fenkuai span button:disabled{opacity:.6;cursor:not-allowed;}
.qinqi .jisuanqi .mokuai .fenkuai .operation{margin:1rem 0 .5rem;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control{display:flex;gap:.8rem;align-items:center;width:100%;margin-top:1rem;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-orange,.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-red,.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-green{padding:.9rem 1.8rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-orange{background-color:#ff7d00;color:white;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-orange:hover{background-color:#e66e00;transform:translateY(-1px);box-shadow:0 4px 10px rgba(255,125,0,.2);}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-red{background-color:#f53f3f;color:white;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-red:hover{background-color:#e03232;transform:translateY(-1px);box-shadow:0 4px 10px rgba(245,63,63,.2);}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-green{background-color:#3175bc;color:white;}
.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-green:hover{background-color:#06c;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,180,42,.2);}

.qinqi .jisuanqi .biaoqian{display:flex;flex-wrap:wrap;gap:.8rem;padding:1rem 0;}
.qinqi .jisuanqi .biaoqian span{background-color:#f0f7ff;color:#3175bc;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;white-space:nowrap;transition:all .2s;}
.qinqi .jisuanqi .biaoqian span:hover{background-color:#e6f0ff;transform:translateY(-1px);}
.qinqi .jisuanqi .mokuai .fenkuai .intro{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #eee;}
.qinqi .jisuanqi .mokuai .fenkuai .intro h3{font-size:1rem;margin-bottom:1rem;}
.qinqi .jisuanqi .mokuai .fenkuai .q{color:#666;margin-bottom:.8rem;line-height:1.6;font-size:.95rem;padding-left:.5rem;position:relative;}
.qinqi .jisuanqi .mokuai .fenkuai .q::before{content:'•';position:absolute;left:0;color:#3175bc;}

.qinqi .jisuanqi .mokuai .items-container { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 5px; box-sizing: border-box; }
.qinqi .jisuanqi .mokuai .items-container .item { display: flex;flex-direction: column;flex: 1 0 calc(33.333% - 20px/3);  padding: 15px; margin: 0 0 10px;background: rgb(246, 248, 250); border-radius: 12px; font-size: 14px; box-sizing: border-box;min-width: 0;}
.qinqi .jisuanqi .mokuai .items-container .item .a { margin-bottom: 0.6rem; font-weight: bold; }
.qinqi .jisuanqi .mokuai .items-container .item .a strong {margin-right: 5px; font-size: 24px; font-weight: bold; font-family: fantasy; }
.qinqi .jisuanqi .mokuai .items-container .item .b { margin-bottom: 0.4rem; line-height: 1.5; }

.qinqi .jisuanqi .qinqi-mingan{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0;}
.qinqi .jisuanqi .qinqi-mingan p{color:#666;line-height:1.8;margin-bottom:1rem;font-size:.95rem;}
.qinqi .jisuanqi .qinqi-mingan h2{font-size:1rem;margin:1.5rem 0 1rem;position:relative;padding-left:.8rem;}
.qinqi .jisuanqi .qinqi-mingan h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1rem;background-color:#3175bc;border-radius:3px;}
.qinqi .jisuanqi .qinqi-mingan ul{padding-left:1.5rem;margin-bottom:1rem;}
.qinqi .jisuanqi .qinqi-mingan ul li{color:#666;line-height:1.8;margin-bottom:.8rem;font-size:.95rem;}
.qinqi .jisuanqi .qinqi-mingan strong{color:#333;}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

@media (max-width:768px){
  .qinqi{padding:.8rem;margin:.5rem;}
  .qinqi .jisuanqi{padding:1rem .8rem;border-radius:8px;}
  .qinqi .jisuanqi h1{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.8rem;}
  .qinqi .jisuanqi .xuanxiang ul li{margin-right:1rem;}
  .qinqi .jisuanqi .xuanxiang ul li a{font-size:.9rem;}
  .qinqi .jisuanqi .mokuai .fenkuai .field{line-height:2;}
  .qinqi .jisuanqi .mokuai .fenkuai .field me{font-size:.95rem;display:block;}
  .qinqi .jisuanqi .mokuai .fenkuai .field label{width: initial;}
  .qinqi .jisuanqi .mokuai .fenkuai textarea,.qinqi .jisuanqi .mokuai .fenkuai .field .input-text{padding:.8rem;font-size:.9rem;min-height:45px;}
  .qinqi .jisuanqi .mokuai .fenkuai span{margin-right:.8rem;margin-bottom:.6rem;}
  .qinqi .jisuanqi .mokuai .fenkuai span button{padding:.4rem .8rem;font-size:.85rem;margin-right:.4rem;}
  .qinqi .jisuanqi .mokuai .fenkuai .input-control{gap:.5rem;margin-top:.8rem;}
  .qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-orange,.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-red,.qinqi .jisuanqi .mokuai .fenkuai .input-control .btn-green{padding:.8rem 0;font-size:.9rem;}
  .qinqi .jisuanqi .biaoqian{gap:.6rem;padding:.8rem 0;}
  .qinqi .jisuanqi .biaoqian span{padding:.4rem .8rem;font-size:.85rem;}
  .qinqi .jisuanqi .mokuai .fenkuai .intro h3{margin-bottom:.8rem;}
  .qinqi .jisuanqi .mokuai .fenkuai .q{font-size:.9rem;margin-bottom:.6rem;}  
  .qinqi .jisuanqi .qinqi-mingan{margin-top:1.5rem;padding-top:1rem;}
  .qinqi .jisuanqi .qinqi-mingan h2{margin:1.2rem 0 .8rem;}
  .qinqi .jisuanqi .mokuai .items-container .item { flex: 0 0 calc(50% - 5px); }
}

@media (max-width: 480px) {
  .qinqi .jisuanqi .mokuai .items-container .item {flex: 0 0 100%;}
}