*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f6f0e6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans",sans-serif}body{color:#5a3b2a}
.screen{min-height:100vh;display:flex;flex-direction:column;background:#f6f0e6}
.top-bg{height:316px;background-image:url('../images/bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;z-index:0}
.top-bg::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,#f6f0e6)}
.content-wrapper{margin-top:-60px;position:relative;z-index:1}
.card{background:#fff7ea;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:16px;margin:12px;position:relative}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:#f25b2e url('../img/btn_bg.png') no-repeat center center;background-size:cover;color:#fff;text-align:center;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 6px rgba(242,91,46,.3)}
.btn-outline{background:#fff!important;border:1px solid #ff8f1f;color:#f25b2e;box-shadow:none}
.input{width:100%;padding:12px;border-radius:10px;border:1px solid #e0d3c0;background:#fff;outline:none}
.row{display:flex;gap:12px}
.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fffbf5;display:flex;justify-content:space-around;border-top:1px solid #efe5d9;z-index:9999;padding: 8px 12px 24px;}
.tabbar a{flex:1;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a6b4a;text-decoration:none;font-size:11px;padding: 6px; border-radius: 12px; transition: all 0.2s; gap: 2px;}
.tabbar a img { width: 24px; height: 24px; display:block; object-fit: contain;}
.tabbar a.active { background-color: #fcf4e6; color: #b8860b; font-weight: 600; }
.title{font-weight:600;color:#4a2e1f}
.header{padding:18px 16px 8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.lamp{width:80px;height:80px;border-radius:50%;margin:8px auto;background:linear-gradient(180deg,#fff,#ffd)}
.lamp.yellow{box-shadow:0 0 18px 6px rgba(255,214,10,.6)}
.lamp.red{box-shadow:0 0 18px 6px rgba(255,60,60,.6)}
.lamp.gold{box-shadow:0 0 20px 10px rgba(255,196,0,.85)}
.notice-item{background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;border:1px solid #eedfc8}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}
.badge.normal{background:#e9f3ff;color:#316dcb}
.badge.important{background:#ffecec;color:#d33}
.badge-new {
    position: absolute;
    top: 0;
    right: 0;
    background: #f25b2e;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 0 10px 0 10px;
    font-family: "Kaiti TC", "Kaiti", "楷体", serif;
    line-height: 1;
}
.section-title{margin:10px 16px;color:#7a5c45}
.invite-box{font-size:24px;text-align:center;font-weight:700;color:#e45224;background:#fff;border:1px dashed #f3b08b;border-radius:12px;padding:12px}
.list{padding:0 12px 72px}
.media-card{background:#fff;border:1px solid #eedfc8;border-radius:12px;padding:12px;margin:10px}
.login-card{width:calc(100% - 24px);max-width:none;margin:10vh 12px 80px}
.bg-blur{backdrop-filter:blur(4px)}