/* ============================================================
   tool.css - 在线工具箱 全站样式（基于 Bootstrap 3）
   ============================================================ */

/* ---------- 基础 ---------- */
body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    color: #333;
    background: #f5f6f7;
    padding-top: 51px; /* 固定导航高度 */
    word-wrap: break-word;
}

a { color: #1a7dc4; }
a:hover, a:focus { color: #125a94; text-decoration: none; }

pre {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    white-space: pre-wrap;
    word-break: break-all;
    margin-bottom: 10px;
}

textarea.form-control { resize: vertical; }

/* ---------- 顶部导航 ---------- */
.navbar-default {
    background: #fff;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}
.navbar-default .navbar-brand {
    color: #1a7dc4;
    font-weight: bold;
    font-size: 20px;
}
.navbar-default .navbar-brand:hover { color: #125a94; }
.navbar-default .navbar-nav > li > a { color: #444; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: #f2f2f2;
    color: #1a7dc4;
}
.logo_ico { color: #1a7dc4; margin-right: 2px; }

/* ---------- 主内容区 ---------- */
.col10main {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}

.hbflag {
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}
.hbflag > li > a {
    color: #666;
    border: none;
    padding: 8px 12px;
    white-space: nowrap;
}
.hbflag > li > a:hover { background: #f5f5f5; border: none; border-radius: 3px; }
.hbflag > li.active > a {
    color: #fff;
    background: #1a7dc4;
    border: none;
    border-radius: 3px;
}

.accordion-group { border: none; margin-bottom: 10px; }

.panel { border-radius: 3px; }
.panel-success { border-color: #d6e9c6; }

.form-group .btn { margin: 2px 4px 2px 0; }

.alert-success {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-left: 4px solid #66be8c;
    color: #555;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}
.alert-success h4 { margin-top: 5px; color: #333; }

/* ---------- 首页分类导航 ---------- */
.footer-nav {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}
.footer-nav h3 {
    margin-top: 0;
    font-size: 18px;
    border-bottom: 1px dashed #e3e3e3;
    padding-bottom: 8px;
}
.list-inline-bg { padding-left: 0; }
.list-inline-bg > li {
    display: inline-block;
    margin: 0 18px 10px 0;
}
.list-inline-bg > li > a { color: #555; }
.list-inline-bg > li > a:hover { color: #1a7dc4; }

/* ---------- 下拉多列菜单 ---------- */
.ul-list {
    min-width: 420px !important;
    padding: 8px !important;
}
.ul-list > li { display: inline-block; width: 50%; }
.ul-list > li > a { padding: 6px 12px; border-radius: 3px; }
.ul-list > li > a:hover { background: #f2f8fd; }
.ul-list .divider { width: 100%; margin: 6px 0; }

/* 大屏下悬停展开下拉菜单 */
@media (min-width: 768px) {
    .navbar .nav > li:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* ---------- 页脚 ---------- */
.copyright {
    background: #fff;
    border-top: 1px solid #e7e7e7;
    padding: 18px 0;
    margin-top: 10px;
    color: #999;
    text-align: center;
    font-size: 13px;
}
.copyright a { color: #999; }
.copyright a:hover { color: #1a7dc4; }

/* ---------- 返回顶部 ---------- */
.gotop {
    position: fixed;
    right: 20px;
    bottom: 60px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    z-index: 999;
    text-align: center;
}
.gotop .arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    transform: rotate(45deg);
    margin-top: 14px;
}
.gotop .arrow.lit { margin-top: -4px; }
.gotop:hover { background: #1a7dc4; border-color: #1a7dc4; }
.gotop:hover .arrow { border-color: #fff; }

/* ---------- AdSense 广告位 ---------- */
.ad-box {
    text-align: center;
    margin: 12px auto;
    min-height: 0;
    overflow: hidden;
}
.ad-box ins.adsbygoogle { display: block; }

/* ---------- 复制按钮反馈 ---------- */
.btn-copy-ok, span[data-clipboard-target].copy-ok { color: #5cb85c !important; }

/* ---------- 其他小工具页面 ---------- */
.textdiff del { background: #fdd; text-decoration: none; }
.textdiff ins { background: #dfd; text-decoration: none; }

.CodeMirror {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    height: 320px;
}

@media (max-width: 767px) {
    .ul-list { min-width: 280px !important; }
    .ul-list > li { width: 100%; }
    .col10main { padding: 10px; }
}