:root{
    --gold:#c89b3c;
    --gold-2:#e8c66a;
    --gold-bright:#ffd700;
    --gold-deep:#9c7a1e;
    --bg-1:#fbf6ea;
    --bg-2:#ecdcb4;
    --card:#fffdf8;
    --text:#3a2f1a;
    --muted:#9c8a5e;
    --line:#e6d6ad;
    --green:#27ae60;
    --orange:#e08a2b;
    --shadow:0 10px 30px rgba(120,90,30,.12);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    background:radial-gradient(circle at 50% -10%, #fff7e6 0%, #f3e6c8 45%, #ecdcb4 100%);
    color:var(--text);padding-bottom:90px;line-height:1.5;min-height:100vh;
    -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}

/* ===== 金色流动文字 ===== */
.gold-gradient{
    background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright),var(--gold-2),var(--gold-deep),var(--gold-bright));
    background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:goldFlow 3s linear infinite;
}
@keyframes goldFlow{0%{background-position:0% center}100%{background-position:200% center}}

/* ===== 金色流动边框 ===== */
.gold-border{
    padding:3px;border-radius:16px;
    background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright),var(--gold-2),var(--gold-deep),var(--gold-bright));
    background-size:200% auto;animation:goldFlow 2.5s linear infinite;box-shadow:0 6px 20px rgba(156,122,30,.22);
}
.gold-border > .inner{border-radius:13px;overflow:hidden;background:var(--card);}

/* ===== 顶部信息区（深金顶栏，呼应论坛） ===== */
.topbar{
    background:linear-gradient(135deg,#1a1a2e 0%,#2d2d44 100%);
    color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:10px;box-shadow:0 4px 18px rgba(0,0,0,.25);border-bottom:2px solid var(--gold);
}
.topbar .user{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--gold-bright);}
.topbar .user::before{content:"👑";font-size:18px;}
.topbar .meta{font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.topbar .meta .sign-btn{
    background:linear-gradient(135deg,var(--gold-deep),var(--gold));color:#2a1d05;border:none;
    padding:6px 14px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:700;transition:.2s;
}
.topbar .meta .sign-btn:hover{filter:brightness(1.08);}
.topbar .meta .sign-btn:disabled{opacity:.6;cursor:default;}
.topbar .meta .points-pill{background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.4);color:var(--gold-2);padding:6px 12px;border-radius:20px;font-weight:600;}
.topbar .meta .logout{color:var(--gold-2);font-size:13px;opacity:.95;border-bottom:1px dashed rgba(212,175,55,.6);}

/* ===== 内容区 ===== */
.content{padding:16px;max-width:680px;margin:0 auto;}

/* ===== 底栏菜单 ===== */
.tabbar{
    position:fixed;left:50%;right:auto;bottom:14px;transform:translateX(-50%);
    width:92%;max-width:420px;height:64px;background:rgba(255,253,248,.96);
    border-radius:24px;box-shadow:0 8px 30px rgba(120,90,30,.18);
    border:1px solid var(--line);display:flex;z-index:100;padding:0 8px;backdrop-filter:blur(10px);
}
.tabbar a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    font-size:11px;color:var(--muted);transition:.2s;border-radius:18px;margin:6px 4px;
}
.tabbar a .icon{font-size:20px;line-height:1;transition:.2s;}
.tabbar a .label{font-size:11px;font-weight:500;}
.tabbar a.active{color:#2a1d05;background:linear-gradient(135deg,var(--gold-2),var(--gold-bright));box-shadow:0 4px 14px rgba(200,155,60,.4);transform:translateY(-3px);}
.tabbar a.active .icon{transform:scale(1.15);}

/* ===== 卡片 ===== */
.card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:var(--shadow);border:1px solid rgba(230,214,173,.6);}

/* ===== 转盘（保留兼容） ===== */
.wheel-wrap{text-align:center;padding:14px 0 24px;}
.wheel-stage{position:relative;width:320px;height:320px;max-width:92vw;max-height:92vw;margin:0 auto;}
.wheel-canvas{
    width:100%;height:100%;border-radius:50%;
    box-shadow:0 0 0 10px #fff,0 0 0 14px var(--gold),0 14px 40px rgba(200,155,60,.3);
    transition:transform 4.2s cubic-bezier(.15,.62,.12,.99);display:block;
}
.wheel-pointer{
    position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:5;
    width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;
    border-top:28px solid var(--gold-deep);filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));
}
.wheel-center{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--gold-deep),var(--gold-bright));
    color:#2a1d05;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 12px rgba(200,155,60,.5);z-index:4;
}
.draw-btn{
    margin-top:22px;background:linear-gradient(135deg,var(--gold-deep),var(--gold),var(--gold-2));color:#2a1d05;border:none;
    padding:14px 56px;border-radius:28px;font-size:17px;font-weight:700;cursor:pointer;
    box-shadow:0 8px 22px rgba(200,155,60,.4);transition:.15s;
}
.draw-btn:active{transform:scale(.96);}
.draw-btn:disabled{opacity:.6;box-shadow:none;}
.cost-tip{font-size:13px;color:var(--muted);margin-top:12px;}
.cost-tip b{color:var(--gold-deep);}

/* ===== 列表（中奖记录） ===== */
.record-item{border-bottom:1px solid var(--line);padding:14px 4px;}
.record-item:last-child{border-bottom:none;}
.record-item .title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text);}
.record-item .sub{font-size:12px;color:var(--muted);margin-top:6px;}
.record-item img.thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;vertical-align:middle;margin-right:8px;}
.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;}
.badge.wait{background:#fff3e0;color:var(--orange);}
.badge.done{background:#e8f8ee;color:var(--green);}

/* ===== 表单 ===== */
input,textarea,select{
    width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:6px 0;
    font-size:14px;background:#fffdf8;transition:.2s;color:var(--text);
}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(200,155,60,.15);}
.btn{
    background:linear-gradient(135deg,var(--gold-deep),var(--gold),var(--gold-2));color:#2a1d05;border:none;padding:13px 18px;
    border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;width:100%;transition:.15s;box-shadow:0 6px 18px rgba(200,155,60,.3);
}
.btn:active{transform:scale(.98);}
.btn.secondary{background:#b9a888;color:#fff;box-shadow:none;}
.btn.green{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 6px 18px rgba(39,174,96,.3);}
.btn.orange{background:linear-gradient(135deg,#f0a84b,#e08a2b);color:#fff;box-shadow:0 6px 18px rgba(224,138,43,.3);}
.btn.red{background:linear-gradient(135deg,#ff6b6b,#e74c3c);color:#fff;box-shadow:0 6px 18px rgba(231,76,60,.3);}

/* ===== 公告弹窗 ===== */
.modal-mask{position:fixed;inset:0;background:rgba(30,22,8,.6);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.modal-mask.show{display:flex;animation:fadeIn .2s;}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal{background:var(--card);border-radius:18px;padding:26px 22px;width:100%;max-width:340px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid var(--line);}
.modal h3{margin-bottom:12px;color:var(--gold-deep);font-size:19px;}
.modal p{font-size:14px;line-height:1.7;margin-bottom:18px;color:#6b5a35;}

/* ===== 登录/注册 ===== */
.auth-box{max-width:380px;margin:9vh auto 0;padding:30px 26px;}
.auth-box h2{text-align:center;margin-bottom:26px;color:var(--gold-deep);font-size:24px;letter-spacing:1px;}
.auth-box h2 span{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:6px;letter-spacing:0;}

/* ===== 领取信息 ===== */
.claim-line{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line);font-size:14px;}
.claim-line:last-child{border-bottom:none;}
.claim-line .k{color:var(--muted);}
.claim-line .v{font-weight:600;color:var(--text);}
.claim-img{max-width:150px;margin-top:10px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);}
.section-title{font-size:15px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:6px;color:var(--gold-deep);}
.section-title::before{content:"";width:4px;height:16px;background:linear-gradient(var(--gold-deep),var(--gold-bright));border-radius:2px;}

/* ===== 抽奖页右下角悬浮导航（回主站 / 回论坛） ===== */
.lot-float{position:fixed;right:16px;bottom:88px;z-index:90;display:flex;flex-direction:column;gap:10px;}
.lot-float a{
    display:block;text-align:center;text-decoration:none;font-size:13px;font-weight:700;
    padding:11px 16px;border-radius:24px;color:#2a1d05;
    background:linear-gradient(135deg,var(--gold-2),var(--gold-bright));
    box-shadow:0 6px 18px rgba(200,155,60,.4);transition:.15s;
}
.lot-float a.lot-float-home{background:linear-gradient(135deg,var(--gold-deep),var(--gold));color:#fff;}
.lot-float a:hover{opacity:.92;transform:translateY(-1px);}

/* ===== PC 端适配 ===== */
@media (min-width:768px){
    .content{max-width:760px;}
    .wheel-stage{width:380px;height:380px;}
}

/* 缩略图（奖品/记录） */
.thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;vertical-align:middle;margin-right:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);}