*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑",sans-serif;}
body{background:linear-gradient(135deg,#7b61ff,#20c997);padding:20px;color:#333;min-height:100vh;}

/* 顶部导航 */
.nav-box{text-align:center;margin-bottom:30px;}
.nav-box a{
    display:inline-block;
    background:#fff;
    text-decoration:none;
    color:#333;
    padding:10px 18px;
    border-radius:30px;
    margin:0 4px 8px;
    box-shadow:0 2px 8px #00000020;
    font-size:14px;
}
.nav-box a:hover{background:#7b61ff;color:#fff;}

/* 容器 */
.container{max-width:1200px;margin:0 auto;}

/* 妖盟卡片 */
.ym-card{
    background:#fff;
    border-radius:16px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 4px 20px #00000018;
}
.ym-card h3{font-size:20px;margin-bottom:10px;color:#7b61ff;}
.ym-card p{margin:6px 0;line-height:1.6;}

/* 两栏布局 */
.row{display:grid;grid-template-columns:2fr 1fr;gap:20px;}

/* 侧边栏卡片 */
.side-card{
    background:#fff;
    border-radius:16px;
    padding:20px;
    margin-bottom:20px;
}
.side-card h4{font-size:16px;margin-bottom:12px;border-left:4px solid #7b61ff;padding-left:10px;}

/* 表单 */
.form-box{max-width:600px;margin:0 auto;background:#fff;padding:25px;border-radius:16px;}
.form-box input,.form-box textarea,.form-box select{
    width:100%;
    padding:12px;
    margin:8px 0;border:1px solid #ddd;border-radius:8px;
    font-size:16px;
}
.form-box button{
    width:100%;padding:14px;background:linear-gradient(135deg,#7b61ff,#20c997);
    color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;
}

/* 表格 */
table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;}
th,td{border:1px solid #eee;padding:10px;text-align:center;font-size:14px;}
th{background:#7b61ff;color:#fff;}

/* 移动端优化 */
@media screen and (max-width:768px){
    body{padding:10px;}
    
    .nav-box{margin-bottom:15px;}
    .nav-box a{
        padding:8px 12px;
        margin:0 3px 6px;
        font-size:13px;
    }
    
    .container{max-width:100%;}
    
    .row{
        display:block;
        grid-template-columns:1fr;
        gap:0;
    }
    
    .ym-card{
        padding:15px;
        margin-bottom:15px;
    }
    .ym-card h3{font-size:18px;}
    
    .side-card{
        padding:15px;
        margin-bottom:15px;
    }
    .side-card h4{font-size:15px;}
    
    .form-box{
        padding:20px;
        margin:0 5px;
    }
    
    table{
        font-size:12px;
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    th,td{
        padding:8px;
        white-space:nowrap;
    }
    
    .ym-card a[href*="member"]{
        display:block;
        text-align:center;
    }
}

/* 超小屏幕优化 */
@media screen and (max-width:480px){
    body{padding:8px;}
    
    .nav-box a{
        padding:7px 10px;
        margin:0 2px 5px;
        font-size:12px;
        border-radius:20px;
    }
    
    .ym-card{
        padding:12px;
    }
    .ym-card h3{font-size:16px;}
    .ym-card p{font-size:13px;}
    
    .side-card{
        padding:12px;
    }
    .side-card h4{font-size:14px;}
    .side-card p{font-size:13px;}
    
    .form-box{
        padding:15px;
    }
    .form-box input,.form-box textarea,.form-box select{
        padding:10px;
        font-size:14px;
    }
    .form-box button{
        padding:12px;
        font-size:14px;
    }
}