/*===== 区划代码查询 qh.cnguojiu.com.cn =====*/
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f0fdf4;color:#333;line-height:1.6}
a{text-decoration:none;color:#0d9488}
a:hover{color:#0f766e}

/* Header */
.qh-header{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;padding:0 20px}
.qh-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
.qh-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:1px}
.qh-nav a{color:rgba(255,255,255,.85);margin-left:24px;font-size:15px}
.qh-nav a:hover{color:#fff}

.qh-main{max-width:1100px;margin:0 auto;padding:20px}

/* Search */
.search-box{text-align:center;padding:40px 20px 30px}
.search-box h1,.search-box h2{font-size:26px;color:#0f766e;margin-bottom:8px}
.search-box .sub{color:#888;font-size:14px;margin-bottom:20px}
.search-box form{display:flex;max-width:520px;margin:0 auto;box-shadow:0 4px 20px rgba(13,148,136,.15);border-radius:30px;overflow:hidden}
.search-box input{flex:1;border:none;padding:14px 20px;font-size:16px;outline:none}
.search-box button{border:none;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;padding:14px 30px;font-size:16px;cursor:pointer;font-weight:600;letter-spacing:1px}
.search-box button:hover{background:linear-gradient(135deg,#0f766e,#0d9488)}

/* Stats */
.qh-stats{display:flex;justify-content:center;gap:30px;padding:20px;flex-wrap:wrap}
.stat-item{text-align:center;background:#fff;padding:16px 24px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:100px}
.stat-item .num{display:block;font-size:26px;font-weight:700;color:#0d9488;margin-bottom:4px}
.stat-item span{font-size:13px;color:#888}

/* Section */
.qh-section{padding:10px 0 20px}
.qh-section h2{font-size:20px;color:#0f766e;margin-bottom:16px;padding-left:4px}

/* Province Grid */
.province-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.province-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s;color:#333}
.province-item:hover{box-shadow:0 4px 12px rgba(13,148,136,.12);transform:translateY(-1px)}
.code-hint{font-size:11px;color:#0d9488;font-weight:500}

/* Card Grid (cities/others) */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.card{display:flex;flex-direction:column;padding:14px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s;color:#333}
.card:hover{box-shadow:0 4px 12px rgba(13,148,136,.12);transform:translateY(-1px)}
.card b{font-size:15px;color:#0f766e;margin-bottom:4px}
.card span{font-size:12px;color:#999}

/* Search Results */
.entry-list{padding:0}
.qh-entry{padding:0;border-bottom:1px solid #e5e7eb}
.qh-entry a{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#333;transition:background .15s}
.qh-entry a:hover{background:#f0fdf4}
.qh-entry .qh-code{font-size:15px;font-weight:700;color:#0d9488;min-width:80px;letter-spacing:1px}
.qh-entry .qh-loc{font-size:13px;color:#666;min-width:120px}
.qh-entry .qh-name{font-size:15px;flex:1;color:#333}
.qh-entry .qh-lvl{font-size:12px;color:#999;white-space:nowrap}

/* Detail Page */
.qh-detail{max-width:860px;margin:0 auto}
.breadcrumb{padding:12px 0;font-size:13px;color:#888}
.breadcrumb a{color:#0d9488}
.qh-info-card{background:#fff;border-radius:10px;padding:30px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.qh-info-card h1{font-size:22px;color:#0f766e;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0fdf4}
.qh-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.qh-info-item{display:flex;align-items:baseline;gap:10px}
.qh-info-label{font-size:13px;color:#999;white-space:nowrap;min-width:60px}
.qh-info-val{font-size:15px;color:#333}
.qh-code-val{font-size:22px;font-weight:700;color:#0d9488;letter-spacing:3px}

/* Children Grid */
.qh-children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.qh-child-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s;color:#333}
.qh-child-item:hover{box-shadow:0 4px 12px rgba(13,148,136,.12);transform:translateY(-1px)}
.qh-child-code{font-size:13px;font-weight:600;color:#0d9488;letter-spacing:1px}
.qh-child-name{font-size:14px}

/* Nearby (random) */
.nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.nearby-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s;color:#333}
.nearby-item:hover{box-shadow:0 4px 12px rgba(13,148,136,.12);transform:translateY(-1px)}
.nearby-name{font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nearby-code{font-size:13px;color:#0d9488;font-weight:600;margin-left:12px;white-space:nowrap}

/* Usage */
.usage-box{background:#fff;border-radius:8px;padding:20px 24px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.usage-box p{font-size:14px;color:#666;line-height:2}
.usage-box a{color:#0d9488;font-weight:500}

/* Pager */
.pager{display:flex;justify-content:center;align-items:center;gap:6px;padding:30px 0;flex-wrap:wrap}
.pager a,.pager .cur{display:inline-block;padding:8px 14px;border-radius:6px;font-size:14px;transition:all .2s}
.pager a{background:#fff;color:#0d9488;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.pager a:hover{background:#0d9488;color:#fff}
.pager .cur{background:#0d9488;color:#fff;font-weight:600}
.pager .btn-prev,.pager .btn-next{padding:8px 18px}

/* Empty */
.empty{padding:40px;text-align:center;color:#999;font-size:15px}

/* Footer */
.qh-footer{text-align:center;padding:30px 20px;color:#aaa;font-size:13px;border-top:1px solid #d1fae5;background:#fff;margin-top:20px}

/* Responsive */
@media (max-width:768px){
    .qh-stats{gap:12px}
    .stat-item{padding:12px 16px;min-width:80px}
    .stat-item .num{font-size:20px}
    .card-grid{grid-template-columns:repeat(3,1fr);gap:8px}
    .card{padding:10px}
    .card b{font-size:13px}
    .province-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .qh-entry .qh-loc{display:none}
    .qh-info-grid{grid-template-columns:1fr}
    .qh-info-card{padding:20px}
    .qh-info-card h1{font-size:18px}
    .qh-code-val{font-size:18px;letter-spacing:2px}
    .qh-children-grid{grid-template-columns:1fr}
    .nearby-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
    .card-grid{grid-template-columns:repeat(2,1fr)}
    .qh-entry .qh-code{min-width:60px;font-size:13px}
    .qh-entry .qh-name{font-size:14px}
    .sfz-table{font-size:12px}
    .sfz-table th,.sfz-table td{padding:6px 4px}
    .era-tabs{flex-wrap:wrap}
}

/*===== 身份证查询模块 =====*/
.breadcrumb{padding:10px 0;font-size:13px;color:#888}
.breadcrumb a{color:#0d9488}
.breadcrumb span{color:#555}

.sfz-rules{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);line-height:2}
.sfz-rules p{font-size:14px;color:#555}
.sfz-rules b{color:#0f766e}

.sfz-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.sfz-table th{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;padding:10px 12px;text-align:left;font-size:14px;font-weight:600}
.sfz-table td{padding:10px 12px;border-bottom:1px solid #f0fdf4;font-size:14px;color:#333}
.sfz-table tr:last-child td{border-bottom:none}
.sfz-table tr:hover{background:#f0fdf4}
.sfz-table a{color:#0d9488;font-weight:500}

.sfz-info-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.sfz-info-table th{background:#f0fdf4;color:#0f766e;padding:12px 16px;text-align:left;font-size:14px;font-weight:600;width:140px;border-bottom:1px solid #d1fae5}
.sfz-info-table td{padding:12px 16px;border-bottom:1px solid #f0fdf4;font-size:14px;color:#333}
.sfz-info-table tr:last-child th,.sfz-info-table tr:last-child td{border-bottom:none}

.era-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.era-tabs a{padding:8px 18px;background:#fff;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.04);font-size:14px;color:#555;transition:all .2s}
.era-tabs a:hover{box-shadow:0 2px 8px rgba(13,148,136,.15);color:#0d9488}
.era-tabs a.active{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;font-weight:600}

.btn{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:6px;font-size:14px;font-weight:500}
.btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff}

.empty{background:#fff;padding:40px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);text-align:center}
.empty h2{color:#0f766e;margin-bottom:10px}
.empty p{color:#888;font-size:14px}

/* 相关查询区块 */
.qh-related{margin:16px 0 24px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.qh-related-title{font-size:16px;font-weight:700;color:#0f766e;margin-bottom:14px;padding-left:10px;border-left:3px solid #0d9488}
.qh-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qh-related-item{display:flex;flex-direction:column;padding:14px 16px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s;color:#333}
.qh-related-item:hover{border-color:#0d9488;box-shadow:0 4px 12px rgba(13,148,136,.12);transform:translateY(-1px)}
.qh-related-item.sfz{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}
.qh-related-item.yzbm{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.qh-related-item.qhcx{background:linear-gradient(135deg,#fef3c7,#fde68a)}
.qh-related-label{font-size:12px;color:#888;margin-bottom:4px;font-weight:500}
.qh-related-text{font-size:14px;font-weight:600;color:#0f766e}
.qh-related-item:hover .qh-related-text{color:#0d9488}

@media (max-width:768px){
    .qh-related-grid{grid-template-columns:1fr}
    .qh-related-item{padding:12px}
}