* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: system-ui, sans-serif;
    background: #f6f8fc;
}

/* ========== 顶部大图层（第一层视觉） ========== */
.top-banner {
    width: 100%;
    height: 55vh;
    position: relative;
    overflow:hidden;
}
.bg-video{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    top:0;
    left:0;
}
.banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.28);
    z-index:1;
}
/* 时间栏层级要高于视频 */
.world-time-bar{
    z-index:2;
}


/* 顶部时间栏 */
.world-time-bar {
    position: absolute;
    top:20px;
    left:50%;
    transform: translateX(-50%);
    z-index:2;
    display:flex;
    gap:26px;
    padding:10px 24px;
    border-radius:99px;
}
.time-item {
    text-align:center;
    color:#fff;
}
.city {
    font-size:12px;
    opacity:0.85;
}
.time-val {
    font-size:16px;
    font-weight:bold;
}

/* ========== 头像分割层（核心分界） ========== */
.avatar-divider {
    width:100%;
    text-align:center;
    margin-top:-70px;
    position:relative;
    z-index:3;
}
.avatar-wrap {
    width:130px;
    height:130px;
    border-radius:50%;
    margin:0 auto;
    padding:4px;
    box-shadow:0 8px 30px rgba(0,0,0,0.25);
}
.avatar-wrap img {
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}
.avatar-divider h1 {
    margin-top:12px;
    font-size:26px;
    color:#222;
}
.avatar-divider p {
    color:#666;
    font-size:14px;
    margin-top:4px;
}

/* ========== 下方主体内容层（第二层） ========== */
.main-content {
    width:100%;
    padding:40px 0;
}
.container {
    max-width:1100px;
    margin:0 auto;
    padding:0 20px;
}

/* 磨砂通用 */
.glass {
    backdrop-filter: blur(16px);
    background: rgba(255,255,255,0.22);
    border:1px solid rgba(255,255,255,0.35);
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}

/* 搜索框 */
.search-box {
    padding:18px 22px;
    border-radius:18px;
    margin-bottom:30px;
}
.search-box form {
    display:flex;
    gap:12px;
}
.search-box input {
    flex:1;
    padding:12px 16px;
    border-radius:12px;
    border:none;
    outline:none;
    background:rgba(255,255,255,0.6);
    font-size:15px;
}
.search-box button {
    padding:0 24px;
    border:none;
    border-radius:12px;
    background:#4096ff;
    color:#fff;
    cursor:pointer;
}

/* 模块布局 */
.modules-wrap {
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
    gap:22px;
}
.module-card {
    padding:24px;
    border-radius:20px;
}
.module-title {
    color:#222;
    margin-bottom:16px;
    font-size:17px;
    font-weight:600;
}
.module-links {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.link-btn {
    display:block;
    text-align:center;
    padding:12px;
    background:rgba(255,255,255,0.55);
    color:#222;
    text-decoration:none;
    border-radius:12px;
    transition:0.25s;
}
.link-btn:hover {
    background:#4096ff;
    color:#fff;
    transform:translateY(-3px);
}

/* 右下角个人介绍 */
.profile-card {
    position:fixed;
    right:20px;
    bottom:20px;
    width:270px;
    padding:18px;
    border-radius:18px;
    z-index:900;
}
.profile-card h4 {
    color:#222;
    margin-bottom:8px;
}
.profile-text {
    font-size:13px;
    color:#444;
    line-height:1.7;
}

/* 飘窗 */
.float-window {
    position:fixed;
    z-index:999;
    width:320px;
    animation:floatMove 14s ease-in-out infinite alternate;
}
.float-inner {position:relative;}
.float-close {
    position:absolute;
    right:-8px;top:-8px;
    width:28px;height:28px;
    background:#000;
    color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:28px;
    cursor:pointer;
}
.float-window img {
    width:100%;
    border-radius:14px;
    box-shadow:0 4px 20px #00000022;
}
@keyframes floatMove {
    0% { left:1%; top:10%; }
    50% { left:8%; top:35%; }
    100% { left:2%; top:55%; }
}

/* 适配手机 */
@media(max-width:720px){
    .top-banner{height:40vh;}
    .modules-wrap{grid-template-columns:1fr;}
    .profile-card{width:90%;right:5%;}
    .float-window{width:220px;}
}
/* =========访客统计模块========= */

.visitor-box{

    margin-bottom:26px;

    border-radius:18px;

    padding:18px;

}

.visitor-header{

    display:flex;

    justify-content:space‑between;

    align-items:center;

    margin-bottom:12px;

    flex-wrap:wrap;

    gap:8px;

}

.visitor-stat{

    display:flex;

    gap:16px;

    font-size:14px;

}

.visitor-table-wrap{

    max-height:180px;

    overflow‑y:auto; /*表格单独垂直滚动*/

    border-radius:12px;

}

.visitor-table{

    width:100%;

    border‑collapse:collapse;

    font‑size:13px;

}

.visitor-table th,

.visitor-table td{

    padding:9px 12px;

    text‑align:left;

    border‑bottom:1px solid rgba(255,255,255,0.15);

}

.visitor-table th{

    position:sticky;

    top:0;

    background:rgba(0,0,0,0.08);

}