/* ============================================================
   Home — 首页专用
   ============================================================ */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-bottom:20px;
}
.stat-card{
    background:var(--card-bg);
    backdrop-filter:var(--glass-blur);
    -webkit-backdrop-filter:var(--glass-blur);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:22px 20px;
    text-align:center;
    box-shadow:var(--shadow-sm);
    transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.stat-card:hover{
    border-color:var(--border-strong);
    box-shadow:var(--shadow);
    transform:translateY(-1px);
}
.stat-num{
    font-size:26px;font-weight:600;color:var(--text);
    line-height:1.15;letter-spacing:-0.02em;
    font-variant-numeric:tabular-nums;
}
.stat-label{color:var(--text-light);font-size:12.5px;margin-top:6px}

.check-card{border:1px solid var(--border)}
.check-form{display:flex;gap:8px;margin-bottom:14px}
.check-form input{flex:1}
.check-form button{
    padding:9px 22px;
    border:1px solid var(--primary);
    border-radius:var(--radius-sm);
    background:var(--primary);
    color:var(--primary-fg);
    font-size:13.5px;font-weight:500;
    cursor:pointer;font-family:inherit;
    transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform 0.08s var(--ease);
    white-space:nowrap;
}
.check-form button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.check-form button:active{transform:scale(0.98)}
.check-form button:disabled{opacity:0.45;cursor:not-allowed;transform:none}

/* ---------- 可用性查询结果 ---------- */
.check-result{margin-top:8px}

/* 显示约 5 行的高度，超出滚动查看 */
.check-list{
    list-style:none;
    border:1px solid var(--border);
    border-radius:var(--radius-sm);
    overflow-y:auto;
    overflow-x:hidden;
    background:var(--card-solid);
    margin-bottom:0;
    max-height:260px;
    scrollbar-width:thin;
}
.check-list::-webkit-scrollbar{width:6px}
.check-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}
.check-list::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}

.check-list li{
    display:flex;justify-content:space-between;align-items:center;
    padding:11px 16px;
    border-bottom:1px solid var(--border);
    font-size:13px;
    transition:background var(--dur) var(--ease);
}
.check-list li:hover{background:var(--accent-soft)}
.check-list li:last-child{border-bottom:none}
.check-list .domain{
    font-family:ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;
    color:var(--text);font-size:12.5px;
}
.check-list .taken{color:var(--danger);font-size:12.5px}
.check-list .free{color:var(--success);font-weight:500;font-size:12.5px}

.check-more-toggle{margin:10px 0}
.check-more-toggle .btn{width:100%}

/* ---------- 首页自定义内容 ---------- */
.home-content{line-height:1.75;color:var(--text)}
.home-content h1,.home-content h2,.home-content h3{
    font-weight:600;letter-spacing:-0.01em;margin-bottom:10px;color:var(--text);
}
.home-content h2{font-size:17px}
.home-content p{margin-bottom:10px;color:var(--text-light)}
.home-content ul,.home-content ol{margin-left:20px;margin-bottom:10px;color:var(--text-light)}
.home-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.home-content a:hover{color:var(--text)}

/* ---------- 响应式 ---------- */
@media (max-width:760px){
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .stat-card{padding:18px 14px}
    .stat-num{font-size:22px}
    .check-form{flex-direction:column}
    .check-form button{width:100%}
    .check-list{max-height:230px}
}