*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
html,body{width:100%;overflow-x:hidden;}
body{background:#f0f4f9;padding:12px;}
.container{width:100%;max-width:480px;margin:0 auto;}

/* 公告栏 */
.notice{
    background:#ffffff;
    border-radius:20px;
    padding:14px 18px;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:16px;
    color:#4a7c42;
    overflow:hidden;
    width:100%;
}
.notice-icon{font-size:20px;}

.marquee-wrap{
    flex:1;
    overflow:hidden;
    position:relative;
    height:22px;
}
.marquee-text{
    position:absolute;
    white-space:nowrap;
    animation:scroll 8s linear infinite;
}
@keyframes scroll{
    0%{transform:translateX(100%);}
    100%{transform:translateX(-100%);}
}

/* 分类标签 */
.tabs{
    display:flex;
    background:#e9eff9;
    border-radius:12px;
    padding:4px;
    margin-bottom:16px;
    width:100%;
}
.tab{
    flex:1;
    text-align:center;
    padding:10px 0;
    font-size:16px;
    font-weight:600;
    color:#555;
    border-radius:10px;
    cursor:pointer;
    user-select:none;
}
.tab.active{
    background:linear-gradient(135deg,#a2ff6c,#6cd0ff);
    color:#000;
}

/* 幻灯片广告 */
.slide-ad {
  width: 100%;
  margin-bottom:16px;
  border-radius:12px;
  overflow:hidden;
}
.slide-list {
  display: flex;
  transition: transform 0.5s ease;
  width:100%;
}
.slide-item {
  flex: 0 0 100%;
  width:100%;
}
.slide-item img {
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  object-fit:cover;
}

/* 取消所有标签下划线 */
a{
    text-decoration: none !important;
}
.download-btn{
    text-decoration: none !important;
}

/* APP网格（自适应手机） */
.app-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    width:100%;
}
@media(min-width:400px){
    .app-grid{grid-template-columns:repeat(4,1fr);}
}
@media(min-width:480px){
    .app-grid{grid-template-columns:repeat(5,1fr);}
}

.app-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    background:#fff;
    border-radius:12px;
    padding:10px 6px;
    position:relative;
    width:100%;
}
.badge{
    position:absolute;
    top:-4px;
    right:-4px;
    background:#ff3b30;
    color:#fff;
    font-size:10px;
    padding:2px 5px;
    border-radius:4px;
    transform:rotate(15deg);
}
.app-icon{
    width:100%;
    max-width:76px;
    height:auto;
    aspect-ratio:1/1;
    border-radius:12px;
    margin-bottom:8px;
    object-fit:cover;
}
.app-name{
    font-size:15px;
    font-weight:500;
    color:#333;
    text-align:center;
    margin-bottom:8px;
    line-height:1.3;
    width:100%;
    word-break:break-word;
}
.download-btn{
    background:#e9eff9;
    color:#666;
    border:none;
    border-radius:15px;
    padding:4px 12px;
    font-size:13px;
    text-decoration:none;
}

/* 后台 */
.admin{background:#fff;border-radius:12px;padding:20px;width:100%;}
.add-form{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:8px;width:100%;}
.add-form input{width:100%;margin:6px 0;padding:10px;border:1px solid #ddd;border-radius:6px;}
.add-form button{background:#007bff;color:white;border:none;padding:10px;width:100%;border-radius:6px;}
.manage-item{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #eee;width:100%;}
.manage-item a{color:red;margin-left:auto;text-decoration:none;}