*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#fff,#8fc9ff);font-family:Microsoft YaHei;color:#10234d}.app{max-width:520px;margin:auto;padding:24px}.card{background:#ffffff99;backdrop-filter:blur(20px);border-radius:35px;padding:25px;margin-bottom:22px;box-shadow:0 10px 30px #4b9cff33}.user{height:140px;font-size:28px;font-weight:bold}.balance{display:flex;justify-content:space-around;background:linear-gradient(135deg,#1682ff,#63caff);color:white;border-radius:35px;padding:30px;margin-bottom:22px}.balance b{font-size:38px}.box{height:65px;background:#ffffffaa;border-radius:35px;padding:20px;display:flex;align-items:center;gap:10px}.box input{border:0;background:none;outline:0;flex:1;font-size:18px}.box button{border:0;border-radius:25px;padding:10px 20px}.tip{background:#dff0ff;border-radius:25px;padding:15px;color:#1672e8}.submit{width:100%;height:65px;border:0;border-radius:35px;background:#198cff;color:white;font-size:24px}.menu{font-size:22px;font-weight:bold}.menu span{float:right}.status{text-align:center;background:#fff9;border-radius:30px;padding:15px}
/* v2 spacing */
.tip{
    margin-top:18px;
    margin-bottom:28px;
}
.exchange h2{
    margin-top:26px;
    margin-bottom:18px;
}
.submit{
    margin-top:24px;
}
.status{
    margin-top:35px;
}

/* v3 user card spacing */
.user{
    display:flex;
    align-items:center;
    gap:32px;
    padding-left:35px;
}

.user small{
    display:block;
    margin-top:12px;
    line-height:1.8;
}

.user .vip{
    margin-left:auto;
    margin-right:20px;
}

/* v4 user card layout */
.user{
    display:flex;
    align-items:center;
    height:140px;
    padding:25px;
    gap:25px;
}

.avatar{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#eaf4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    flex-shrink:0;
}

.user-info{
    flex:1;
}

.username{
    font-size:32px;
    font-weight:800;
    margin-bottom:12px;
}

.user-meta{
    display:flex;
    gap:28px;
    font-size:18px;
    color:#50658d;
}

.vip{
    font-size:42px;
    margin-left:auto;
}

/* v5 glass effect enhancement - keep layout */
body{
    background:
    radial-gradient(circle at 20% 10%,rgba(255,255,255,.9),transparent 35%),
    linear-gradient(160deg,#eaf6ff,#8fc9ff);
}

.card,
.balance,
.exchange,
.menu{
    background:rgba(255,255,255,.42);
    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);
    border:1px solid rgba(255,255,255,.7);
    box-shadow:
    0 20px 45px rgba(50,130,230,.18),
    inset 0 1px 20px rgba(255,255,255,.35);
}

.user{
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.65),
        rgba(210,235,255,.35)
    );
}

.balance{
    background:
    linear-gradient(135deg,
    rgba(20,130,255,.9),
    rgba(100,205,255,.75));
    border:1px solid rgba(255,255,255,.55);
}

.box{
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.8);
    box-shadow:inset 0 2px 10px rgba(255,255,255,.45);
}

.tip{
    background:rgba(220,240,255,.65);
    backdrop-filter:blur(15px);
}

.submit{
    background:linear-gradient(135deg,#20b8ff,#1685ff);
    box-shadow:0 12px 25px rgba(20,130,255,.35);
}

.status{
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(18px);
}

/* v6 glass pro visual upgrade */

body{
    background:
    radial-gradient(circle at 15% 5%,rgba(255,255,255,.95),transparent 28%),
    radial-gradient(circle at 90% 30%,rgba(90,190,255,.35),transparent 35%),
    linear-gradient(160deg,#eef8ff,#91caff);
}

/* 顶部用户卡光效 */
.user{
    position:relative;
    overflow:hidden;
    background:
    linear-gradient(135deg,
    rgba(255,255,255,.75),
    rgba(190,225,255,.35));
}

.user::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-80px;
    top:-80px;
    background:radial-gradient(circle,rgba(80,170,255,.45),transparent 70%);
    filter:blur(15px);
}

/* 钱包余额渐变 */
.balance{
    background:
    linear-gradient(135deg,
    rgba(30,130,255,.95),
    rgba(90,210,255,.8));
    border-radius:38px;
    box-shadow:
    0 20px 45px rgba(30,130,255,.3),
    inset 0 2px 15px rgba(255,255,255,.35);
}

/* 卡片玻璃比例 */
.card,.exchange,.menu,.status{
    border-radius:38px;
    background:rgba(255,255,255,.48);
    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);
    border:1px solid rgba(255,255,255,.75);
}

/* 输入框高级玻璃 */
.box{
    border-radius:35px;
    background:
    linear-gradient(135deg,
    rgba(255,255,255,.75),
    rgba(240,248,255,.45));
    border:1px solid rgba(255,255,255,.9);
    box-shadow:
    inset 0 2px 12px rgba(255,255,255,.6),
    0 8px 20px rgba(80,150,220,.08);
}

/* SVG图标容器预留 */
.icon-svg{
    width:42px;
    height:42px;
    filter:drop-shadow(0 5px 10px rgba(0,120,255,.25));
}

.history-page{
    max-width:520px;
    margin:auto;
    padding:24px;
}
.empty-history{
    text-align:center;
    padding:100px 20px;
    color:#7385a8;
    font-size:24px;
}
.back-btn{
    cursor:pointer;
}
.menu{
    cursor:pointer;
}