:root{--red:#d61f1f;--red2:#b81616;--gold:#f5d37a;--text:#222;--muted:#8a8a8a;--card:#fff;--bg:#f2f2f2;--shadow:0 10px 24px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input,button{font:inherit}button{border:0;background:none}
.app{min-height:100vh;max-width:375px;margin:0 auto;background:#fff;position:relative;overflow:hidden}
.page{min-height:100vh;padding-bottom:66px;background:#fff}
.header-hero{position:relative;background:#fff}
.header-hero img{width:100%;height:auto}
.header-overlay{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:18px 14px;gap:10px;pointer-events:none}
.logo{width:54px;height:54px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.hero-title{font-weight:900;font-size:30px;letter-spacing:2px;color:#d31e1e;text-shadow:0 4px 0 rgba(0,0,0,.08)}
.section{padding:12px 14px}
.video-card{border-radius:14px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.14);background:#000;position:relative}
.video-card::before{content:"";display:block;padding-top:56.25%}
.video-poster{position:absolute;inset:0;background-size:cover;background-position:center}
.video-ui{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;display:flex;align-items:center;gap:10px;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0))}
.play{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;backdrop-filter:blur(4px)}
.play i{display:block;width:0;height:0;border-left:10px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:2px}
.time{color:#fff;font-size:12px;opacity:.95}
.progress{flex:1;height:3px;border-radius:999px;background:rgba(255,255,255,.35);overflow:hidden}
.progress span{display:block;height:100%;width:12%;background:#fff;border-radius:999px}
.icon-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 12px 10px}
.icon-action{display:flex;flex-direction:column;align-items:center;gap:8px}
.icon-action .ic{width:60px;height:60px;display:grid;place-items:center}
.icon-action .ic img{width:60px;height:60px}
.icon-action .txt{font-size:12px;color:#111;font-weight:700}
.banner-wrap{padding:0 14px 12px}
.banner{border-radius:14px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.12)}

.home-qr-wrap{padding:0 14px 12px}
.home-qr-card{border-radius:14px;background:#fff;border:1px solid #eee;box-shadow:0 10px 22px rgba(0,0,0,.08);overflow:hidden;padding:12px}
.home-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-qr-item{border-radius:12px;background:linear-gradient(180deg,#fff7f7,#ffffff);border:1px solid rgba(214,31,31,.18);padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.home-qr-title{font-weight:900;color:#d61f1f;font-size:12px}
.home-qr-img{width:132px;height:132px;border-radius:10px;object-fit:cover;border:1px solid rgba(0,0,0,.08);background:#f6f6f6}
.home-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.home-qr-btn{height:30px;border-radius:6px;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}
.home-qr-btn.copy{background:linear-gradient(180deg,#ff6b6b,#ff4f4f);color:#fff}
.home-qr-btn.save{background:linear-gradient(180deg,#ffd46a,#ffb82e);color:#7a3b00}
 .news-title{font-size:14px;font-weight:900;color:#111;margin:2px 0 10px}
 .news-list{display:flex;flex-direction:column;gap:10px}
 .news-item{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #eee;border-radius:10px;padding:10px;box-shadow:0 8px 18px rgba(0,0,0,.06)}
 .news-item .thumb{width:86px;height:48px;border-radius:6px;overflow:hidden;background:#f4f4f4}
 .news-item .thumb img{width:100%;height:100%;object-fit:cover}
 .news-item .news-text{font-size:13px;line-height:1.35;color:#111;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .home-footer{padding:14px 0 6px;text-align:center;color:#6f6f6f;font-size:10px;line-height:1.55}
 .home-footer .line{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}
 .nav-bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:375px;height:66px;border-top:1px solid #eee;background:#fff;display:grid;grid-template-columns:repeat(6,1fr);z-index:999;box-shadow:0 -8px 20px rgba(0,0,0,.08)}
 .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#666}
 .nav-item .ni{width:20px;height:20px;opacity:.62}
 .nav-item.active{color:var(--red)}
 .nav-item.active .ni{opacity:1;filter:drop-shadow(0 2px 4px rgba(214,31,31,.25))}
 .form-page{min-height:100vh;background:#fff;padding-bottom:0}
 .form-hero{position:relative}
 .form-hero img{width:100%;height:auto}
.form-card{margin:-62px 14px 0;border-radius:14px;background:#fff;box-shadow:none;border:0;overflow:hidden}
 .form-tabs{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:1px solid #eee;position:relative;background:#fff}
 .form-tab{padding:12px 0;text-align:center;font-weight:900;font-size:16px;color:#222;position:relative}
 .form-tab.active{color:#111}
.form-tab.active::after{content:none}
.form-tab-indicator{position:absolute;left:14px;bottom:0;height:3px;width:calc(50% - 28px);background:var(--red);border-radius:2px;transform:translateX(0);transition:transform .18s ease}
.form-tabs[data-active="register"] .form-tab-indicator{transform:translateX(calc(100% + 28px))}
.form-body{padding:14px 14px 12px}
.tab-pane{display:none}
.tab-pane.active{display:block}
.field{display:flex;align-items:center;gap:10px;border:1px solid #e5e5e5;border-radius:6px;padding:0 12px;margin-bottom:12px;background:#fff;min-height:44px}
.field:focus-within{border-color:#bcd3ff;background:#eef5ff}
.field .fi{width:18px;height:18px;opacity:.65;flex:0 0 auto}
.field input{border:0;outline:0;flex:1;font-size:14px;background:transparent;height:44px}
.field input::placeholder{color:#b7b7b7}
.field.small{display:grid;grid-template-columns:1fr 120px;gap:0;align-items:center;padding:0;overflow:hidden}
 .field.small>*{min-width:0}
 .field.small .input-wrap{display:flex;align-items:center;gap:10px;border:0;border-radius:0;padding:0 12px;min-width:0;min-height:44px}
 .field.small .input-wrap input{border:0;outline:0;flex:1;font-size:14px;height:44px}
  .captcha{height:100%;width:120px;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;overflow:hidden;position:relative;min-width:0;border-left:1px solid #e5e5e5}
  .captcha canvas{width:96px;height:30px;display:block}
.helper-row{display:flex;align-items:center;justify-content:center;gap:8px;color:#888;font-size:12px;padding:2px 0 6px}
.helper-row a{color:var(--red);font-weight:800}
.submit{height:44px;border-radius:8px;background:linear-gradient(#f05a5a,#c91616);color:#fff;font-weight:900;font-size:16px;box-shadow:0 10px 20px rgba(214,31,31,.25);width:100%;margin-top:6px}
.consent{font-size:11px;color:#999;text-align:center;line-height:1.6;margin-top:10px}
.consent a{color:var(--red)}
 .footer-id{padding:14px 14px 24px;text-align:center;color:#6f6f6f;font-size:10px;line-height:1.55}
 .footer-id .line{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}
 .footer-badge{width:12px;height:12px}
svg{display:block}

.wallet-page{background:#fff}
.wallet-hero{position:relative;padding:44px 14px 10px;background:linear-gradient(180deg,#ff6a6a 0%,#ff8b8b 45%,#ffd1c6 100%);overflow:hidden}
.wallet-hero-bg{position:absolute;inset:0;background:url('../qt.zgm-ymxd.com/bc/home_bg.e843b0a0.png') center/cover no-repeat;opacity:.18}
.wallet-back{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:#111;font-size:14px;font-weight:700;padding:2px 0}
.wallet-back-arrow{font-size:18px;line-height:1;transform:translateY(-1px)}
.wallet-title{position:relative;z-index:1;margin-top:10px}
.wallet-title-main{font-size:16px;font-weight:900;color:#111;line-height:1.1}
.wallet-title-sub{font-size:12px;color:#555;margin-top:3px}
.wallet-tags{position:relative;z-index:1;display:flex;gap:10px;margin-top:10px}
.wallet-tag{border-radius:6px;font-size:12px;font-weight:800;line-height:1.15;display:flex;align-items:center}
.wallet-tag.left{background:#ff9c77;color:#fff;padding:7px 10px}
.wallet-tag.right{flex:1;background:rgba(255,255,255,.78);color:#d62a2a;padding:10px 12px}
.wallet-card{margin:10px 14px 86px;border-radius:12px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.08);overflow:hidden}
.wallet-card-title{padding:14px 14px 0;font-weight:900;color:#111;font-size:14px}
.wallet-amount{padding:8px 14px 4px;font-weight:900;color:#111;font-size:18px}
.wallet-section{padding:10px 14px 14px}
.wallet-section-title{font-weight:900;color:#111;font-size:13px;margin-bottom:10px}
.wallet-form{display:flex;flex-direction:column;gap:10px}
.wallet-field{display:grid;grid-template-columns:72px 1fr;align-items:center;background:#f5dede;border-radius:6px;padding:10px 10px}
.wallet-label{font-size:12px;color:#111;font-weight:800}
.wallet-input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#333}
.wallet-input::placeholder{color:#666}
.wallet-radios{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 2px}
.wallet-radio{display:flex;align-items:center;gap:6px;font-size:12px;color:#333;white-space:nowrap}
.wallet-radio input{accent-color:#d61f1f}
.wallet-submit{margin-top:4px;height:42px;border-radius:6px;background:linear-gradient(180deg,#ff6b6b,#ff4f4f);color:#fff;font-weight:900;font-size:14px;width:100%}
.wallet-text{background:#fff;border-radius:10px}
.wallet-text-title{font-weight:900;color:#111;font-size:12px}
.wallet-text-p{margin-top:6px;font-size:12px;color:#333;line-height:1.65}
.wallet-cs{padding:12px 14px 16px;border-top:1px solid #f1f1f1}
.wallet-cs-title{font-weight:900;color:#111;font-size:13px;margin-bottom:10px}
.wallet-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-cs-item{border-radius:10px;background:#fff;border:1px solid #f0f0f0;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.wallet-cs-qr{width:130px;height:130px;object-fit:cover;border-radius:8px;background:#f6f6f6}
.wallet-cs-name{font-size:12px;color:#111;font-weight:900;text-align:center}
.wallet-cs-btn{height:30px;border-radius:4px;font-size:12px;font-weight:900;width:100%}
.wallet-cs-btn.red{background:linear-gradient(180deg,#ff6b6b,#ff4f4f);color:#fff}
.wallet-cs-btn.gold{background:linear-gradient(180deg,#ffd46a,#ffb82e);color:#7a3b00}

.topbar{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#111;background:#fff}
.topbar .back{display:flex;align-items:center;gap:6px;font-weight:800;color:#111}
.topbar .title{flex:1;text-align:center;font-weight:900}

.invite-page{background:#fff}
.invite-hero{background:url('../gjrmqb.com/invite/bg-Bd0s5iZV.png') center/cover no-repeat;padding:18px 14px 16px}
.invite-hero .headline{font-weight:900;color:#fff;font-size:34px;line-height:1.1;text-shadow:0 6px 18px rgba(0,0,0,.25)}
.invite-hero .subline{margin-top:10px;display:flex;justify-content:center}
.invite-hero .subpill{background:rgba(255,255,255,.88);color:#d61f1f;border-radius:999px;padding:8px 18px;font-weight:900}
.invite-card{margin-top:12px;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:12px}
.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800}
.invite-code{color:#d61f1f;font-weight:900}
.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.invite-btn{height:40px;border-radius:8px;font-weight:900;color:#fff;background:linear-gradient(#ff6b6b,#d61f1f)}
.invite-qr{width:110px;height:110px;border-radius:10px;overflow:hidden;border:2px solid #f1f1f1;background:#fff}
.invite-reward{margin-top:10px;color:#d61f1f;font-weight:900;font-size:12px;line-height:1.55}
.invite-list{margin:12px 14px 86px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.invite-item{display:grid;grid-template-columns:52px 1fr 90px;gap:10px;align-items:center;padding:12px 12px;border-top:1px solid #f3f3f3}
.invite-item:first-child{border-top:0}
.invite-item .ico{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f6f6f6}
.invite-item .txt{font-size:12px;color:#d61f1f;font-weight:900;line-height:1.4}
.invite-item .status{height:26px;border-radius:4px;background:#e8e8e8;color:#777;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}

.tgds-page{background:#fff}

.tgds-card{margin:-90px 14px 86px;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);overflow:hidden}
.tgds-card .banner{padding:14px 14px 0}
.tgds-card .banner img{border-radius:10px}
.tgds-tip{margin:10px 14px 0;border:2px solid #d61f1f;border-radius:10px;padding:10px 12px;color:#d61f1f;font-weight:900;font-size:13px}
.tgds-form{display:flex;flex-direction:column;}
.tgds-field{display:grid;grid-template-columns:76px 1fr;align-items:center;background:#fff;border-radius:8px;padding:10px 10px;margin-bottom:10px;}
.tgds-label{font-size:12px;font-weight:900;color:#000;   background-color: #fff  height: 38px;line-height: 38px;}
.tgds-input{border:0;outline:0;background:transparent;font-size:12px;    background-color: #fff;  height: 38px;line-height: 38px}
.tgds-submit{height:44px;border-radius:8px;background:linear-gradient(#ff6b6b,#d61f1f);color:#fff;font-weight:900;margin:10px 14px 14px;width:calc(100% - 28px)}
.tgds-note{padding:10px 14px 16px;border-top:1px solid #f0f0f0;color:#d61f1f;font-size:12px;line-height:1.75}

.lucky-page{background:#fff}
.lucky-hero{background:url('../gjrmqb.com/lucky/lucky_top-BBfSg9bD.png') center/cover no-repeat;padding:160px 14px 12px}
.lucky-card{margin:-90px 14px 86px;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);overflow:hidden}
.lucky-grid{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:url('../gjrmqb.com/lucky/lucky-CIYjO4fb.png') center/cover no-repeat}
.lucky-prize{background:#fff;border-radius:10px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;position:relative;transition:transform .12s ease, box-shadow .12s ease, outline-color .12s ease}
.lucky-prize.active{outline:2px solid #ffd46a;box-shadow:0 10px 26px rgba(255,184,46,.45), 0 0 0 6px rgba(255,212,106,.25);transform:translateY(-2px) scale(1.02)}
.lucky-prize img{width:40px;height:40px;object-fit:contain}
.lucky-prize .pname{font-size:11px;color:#d61f1f;font-weight:900;text-align:center;line-height:1.1}
.lucky-cta{padding:14px;background:#fff}
.lucky-draw{height:44px;border-radius:10px;background:linear-gradient(#ffd46a,#ffb82e);color:#7a3b00;font-weight:900;font-size:16px;width:100%}
.lucky-left{margin-top:8px;text-align:center;color:#fff;font-weight:900;background:rgba(214,31,31,.9);border-radius:999px;padding:6px 0}
.lucky-notes{padding:12px 14px;color:#111;font-size:12px;line-height:1.65;background:linear-gradient(180deg,rgba(255,232,220,.96),rgba(255,255,255,.98))}
.lucky-notes .row{display:flex;align-items:flex-start;gap:8px;margin:6px 0}
.lucky-notes .ck{width:16px;height:16px;border-radius:4px;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex:0 0 auto}
.lucky-list-btn{margin-top:10px;height:36px;border-radius:6px;background:#ffd46a;color:#7a3b00;font-weight:900;width:100%}
.lucky-table{margin:12px 14px 86px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.lucky-table .thead{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#f6d0c8;color:#d61f1f;font-weight:900;font-size:12px;padding:10px 12px}
.lucky-table .trow{display:grid;grid-template-columns:1fr 1fr 1.3fr;padding:10px 12px;border-top:1px solid #f2f2f2;font-size:12px;color:#555}
.lucky-table .trow .prize{color:#d61f1f;font-weight:900}

.user-page{background:#fff}
.user-hero{background:url('../gjrmqb.com/user/bg_top-DgVZ4ZMx.png') center/cover no-repeat;padding:130px 14px 12px; }
.user-card{margin:0px 14px 12px;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);overflow:hidden;padding:12px}
.user-row{display:flex;align-items:center;gap:10px}
.user-ava{width:42px;height:42px;border-radius:10px;overflow:hidden;background:#f6f6f6}
.user-meta{flex:1;font-size:12px;color:#111;font-weight:900;line-height:1.5}
.user-sign{height:28px;border-radius:6px;background:#ffd46a;color:#7a3b00;font-weight:900;font-size:12px;padding:0 10px}
.user-kv{margin-top:10px;border:1px solid #f0b2b2;border-radius:10px;padding:10px}
.user-kv .money{font-size:18px;color:#d61f1f;font-weight:900}
.user-grid{margin:12px 14px 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.user-box{border:1px solid #f0b2b2;border-radius:10px;overflow:hidden;background:#fff}
 .user-box .h{background:#d61f1f;color:#fff;font-weight:900;font-size:12px;padding:10px}
 .user-box .v{padding:10px;text-align:center;color:#d61f1f;font-weight:900;font-size:16px}
 .user-box .actions{display:grid;grid-template-columns:1fr 1fr}
 .user-box .btn{height:30px;font-weight:900;font-size:12px;background:linear-gradient(#ff6b6b,#d61f1f);color:#fff}
 .user-box .btn.alt{background:#f3f3f3;color:#d61f1f}
 .user-box .actions a.btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
 .user-banner{margin:12px 14px;border-radius:12px;overflow:hidden}
 .user-tools{margin:12px 14px 86px;background:#fff;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.08);padding:14px}
 .user-tools-title{font-weight:900;color:#111;font-size:13px;margin-bottom:10px}
.user-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.user-tool{display:flex;flex-direction:column;align-items:center;gap:8px}
.user-tool .ic{width:36px;height:36px;border-radius:10px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-weight:900}
.user-tool .tx{font-size:11px;color:#111;font-weight:900}
.user-logout{margin:12px 14px 86px;height:44px;border-radius:8px;background:linear-gradient(#ff6b6b,#d61f1f);color:#fff;font-weight:900;width:calc(100% - 28px)}

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2000}
.modal.show{display:flex}
.modal .mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.modal .panel{position:relative;width:88%;max-width:340px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.modal .panel .hd{padding:12px 14px;font-weight:900;color:#111}
.modal .panel .bd{padding:12px 14px}
.modal .close{position:absolute;left:50%;transform:translateX(-50%);bottom:-52px;width:44px;height:44px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}

.sign-panel{background:#fff;border-radius:12px}
.sign-panel .hd{text-align:left;font-weight:900}
.sign-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.sign-day{height:58px;border-radius:10px;background:#f3f4f6;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.sign-day .dot{width:14px;height:14px;border-radius:999px;background:#e5e7eb}
.sign-day .w{font-size:10px;color:#6b7280;font-weight:900;line-height:1}
.sign-day.on{background:#fff4e6;border-color:rgba(245,158,11,.28)}
.sign-day.on .dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.2)}
.sign-day.on .w{color:#111}
.sign-streak{margin-top:10px;color:#d61f1f;font-weight:900;font-size:12px}
.sign-streak span{color:#d61f1f}
.sign-rewards{margin-top:8px}
.sign-reward{color:#111;font-weight:800;font-size:11px;line-height:1.8}
.sign-reward::before{content:"· ";color:#111;font-weight:900}
.sign-btn{margin-top:12px;height:40px;border-radius:4px;background:#2b7cff;color:#fff;font-weight:900;font-size:14px;width:100%}
.sign-btn[disabled]{opacity:.55}

.modal[data-modal="sign"] .close{background:rgba(0,0,0,.35);color:#fff;border:2px solid rgba(255,255,255,.55)}

.subpage{min-height:100vh;background:#f5f5f5}
.subpage-header{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#f5f5f5;color:#111}
.subpage-header .back{font-size:20px;line-height:1;color:#111;font-weight:900}
.subpage-header .title{flex:1;text-align:center;font-weight:900}

.fund-record-page{min-height:100vh;background:#f5f5f5}
.fund-record-tabs{display:flex;align-items:center;gap:16px;padding:0 14px 8px;background:#f5f5f5;overflow:auto}
.fund-record-tab{padding:10px 0;font-size:12px;color:#111;font-weight:900;white-space:nowrap;position:relative}
 .fund-record-tab.active{color:#111}
 .fund-record-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:2px;background:#1f86ff}
 .fund-record-empty{padding:36px 0;text-align:center;color:#777;font-size:12px;font-weight:800}

.fund-page{min-height:100vh;background:#c91616}
.fund-hero img{width:100%;height:auto;display:block}
.fund-desc{margin:0 14px 12px;border-radius:8px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.08);padding:12px 12px 10px}
.fund-desc .p1{color:#d61f1f;font-weight:900;font-size:12px;line-height:1.75}
.fund-desc .p2{margin-top:10px;color:#666;font-weight:800;font-size:12px;line-height:1.75}
.fund-list{padding:0 14px 86px}
.fund-card{border:2px solid #d61f1f;background:#fff5dd;border-radius:8px;overflow:hidden;margin-top:10px}
.fund-card-hd{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#fff}
.fund-name{height:20px;border-radius:4px;background:#d61f1f;color:#fff;font-weight:900;font-size:12px;display:flex;align-items:center;padding:0 8px}
.fund-tags{display:flex;align-items:center;gap:6px}
.fund-tag-red{height:18px;border-radius:999px;background:#d61f1f;color:#fff;font-weight:900;font-size:10px;display:flex;align-items:center;padding:0 8px}
.fund-tag-stable{height:18px;display:block}
.fund-body{padding:10px 10px 12px}
.fund-price{color:#ff7a00;font-weight:900;font-size:18px;line-height:1;margin-top:2px}
.fund-price small{font-size:12px;font-weight:900}
.fund-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}
.fund-metric .t{color:#111;font-weight:900;font-size:12px}
.fund-metric .v{margin-top:6px;color:#d61f1f;font-weight:900;font-size:14px}
.fund-team{margin-top:10px;text-align:center;color:#d61f1f;font-weight:900;font-size:11px}
.fund-buy{margin-top:10px;height:34px;width:100%;border-radius:4px;background:linear-gradient(180deg,#ff7b86,#ff5b6a);color:#fff;font-weight:900;font-size:14px}

.withdraw-page{min-height:100vh;background:linear-gradient(180deg,rgba(255,173,173,.35) 0%,rgba(255,232,180,.55) 55%,rgba(255,173,173,.35) 100%)}
.withdraw-top{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:transparent}
.withdraw-top .back{font-size:20px;line-height:1;color:#111;font-weight:900}
.withdraw-top .title{flex:1;text-align:center;font-weight:900;color:#111}
.withdraw-banner{margin:0 14px 10px;background:#d62a2a;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:14px 14px;color:#fff}
.withdraw-banner .name{font-size:12px;font-weight:900}
.withdraw-banner .amount{margin-top:6px;font-size:22px;font-weight:900;line-height:1}
.withdraw-banner .link{height:28px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#d62a2a;font-weight:900;font-size:12px;width:120px}
.withdraw-card{margin:0 14px;border-radius:6px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:12px 12px 14px}
.withdraw-h{font-size:12px;font-weight:900;color:#111;margin:0 0 8px}
.withdraw-amount-row{height:34px;border:1px solid #e6e6e6;border-radius:4px;display:flex;align-items:center;overflow:hidden}
.withdraw-amount-row input{flex:1;border:0;outline:0;height:34px;padding:0 10px;font-size:12px}
.withdraw-amount-row button{width:52px;height:34px;background:#fff;color:#d62a2a;font-weight:900;font-size:12px;border-left:1px solid #e6e6e6}
.withdraw-min{margin:6px 0 10px;color:#d62a2a;font-weight:900;font-size:11px}
.withdraw-field{height:34px;border:1px solid #e6e6e6;border-radius:4px;display:flex;align-items:center;padding:0 10px;font-size:12px;color:#111;margin-bottom:10px}
.withdraw-field .l{width:52px;color:#111;font-weight:900}
.withdraw-field input,.withdraw-field select{flex:1;border:0;outline:0;background:transparent;font-size:12px}
.withdraw-submit{height:40px;border-radius:3px;background:linear-gradient(180deg,#ff6b6b,#ff3f3f);color:#fff;font-weight:900;font-size:14px;width:100%;margin-top:4px}

.team-page{min-height:100vh;background:linear-gradient(180deg,rgba(255,173,173,.35) 0%,rgba(255,232,180,.55) 55%,rgba(255,173,173,.35) 100%)}
.team-top-card{margin:10px 14px 10px;border-radius:10px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);padding:12px;display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}
.team-qr{width:90px;height:90px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.team-qr img{width:86px;height:86px}
.team-meta{display:flex;flex-direction:column;gap:8px}
.team-meta .code{font-weight:900;color:#111;font-size:12px}
.team-meta .btn{height:28px;border-radius:4px;background:#d62a2a;color:#fff;font-weight:900;font-size:12px;width:120px}
.team-stats{margin:0 14px;border-radius:4px;background:#d62a2a;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:10px 0;font-weight:900}
.team-stats .n{font-size:18px;line-height:1}
.team-stats .t{margin-top:6px;font-size:12px}
.team-levels{margin:10px 14px 0;display:flex;gap:18px;align-items:center}
.team-level{font-size:12px;color:#111;font-weight:900;position:relative;padding-bottom:8px}
.team-level.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#111}
.team-list{margin:10px 14px 0;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:16px}

.bind-page{min-height:100vh;background:linear-gradient(180deg,#ff4e4e 0%,#ff7e7e 40%,#fff 40%,#fff 100%)}
.bind-hero{padding:54px 14px 12px;color:#fff;position:relative}
.bind-hero .h1{font-size:26px;font-weight:900;line-height:1.2}
.bind-hero .h2{margin-top:8px;font-size:14px;font-weight:800;opacity:.95}
.bind-hero .hero-img{position:absolute;right:12px;top:44px;width:98px;height:98px;opacity:.9}
.bind-card{margin:-12px 14px 12px;border-radius:10px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.12);padding:12px}
.bind-card .title{font-weight:900;color:#111;font-size:13px;margin-bottom:10px}
.bind-field{height:34px;border-radius:4px;background:#e6d4d7;display:flex;align-items:center;padding:0 10px;margin-bottom:10px}
.bind-field .l{width:74px;font-weight:900;color:#111;font-size:12px}
.bind-field input,.bind-field select{flex:1;border:0;outline:0;background:transparent;font-size:12px;text-align:right}
.bind-field .req{color:#d62a2a;margin-right:4px}
.bind-submit{height:40px;border-radius:3px;background:linear-gradient(180deg,#ff6b6b,#ff3f3f);color:#fff;font-weight:900;font-size:14px;width:100%}
.bind-note{margin:10px 14px 0;color:#222;font-size:11px;line-height:1.7}

.alipay-page{min-height:100vh;background:linear-gradient(180deg,rgba(255,173,173,.35) 0%,rgba(255,232,180,.55) 55%,rgba(255,173,173,.35) 100%)}
.alipay-hero{padding:44px 14px 0;position:relative}
.alipay-hero .icon{position:absolute;right:14px;top:44px;width:96px;height:96px}
.alipay-pill{display:inline-block;background:#d62a2a;color:#fff;font-weight:900;font-size:14px;border-radius:999px;padding:6px 12px}
.alipay-card{margin:10px 14px 12px;border-radius:10px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.12);padding:12px}
.alipay-card .title{font-weight:900;color:#111;font-size:13px;margin-bottom:10px}
.alipay-line{display:flex;align-items:center;gap:10px;border-bottom:2px solid #d62a2a;padding:10px 0}
.alipay-line .l{width:70px;font-size:12px;color:#111;font-weight:900}
.alipay-line input{flex:1;border:0;outline:0;background:transparent;text-align:right;font-size:12px}
.alipay-tip{margin-top:10px;color:#666;font-size:11px;line-height:1.6}
.alipay-btn{height:40px;border-radius:4px;background:linear-gradient(180deg,#7fb2ff,#2b7cff);color:#fff;font-weight:900;font-size:14px;width:100%;margin-top:12px}

.change-page{min-height:100vh;background:#f2f3f5}
.change-card{margin:14px;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:14px}
.change-field{margin-bottom:14px}
.change-field .lab{font-size:12px;color:#111;font-weight:900;margin-bottom:8px}
.change-field input{width:100%;height:34px;border:0;outline:0;border-radius:6px;background:#f1f1f1;padding:0 10px;font-size:12px}
.change-btn{height:40px;border-radius:6px;background:linear-gradient(180deg,#7fb2ff,#2b7cff);color:#fff;font-weight:900;font-size:14px;width:100%}

.group-page{min-height:100vh;background:#f5f5f5}
.group-card{margin:10px 14px;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:22px 14px;display:flex;justify-content:space-between;gap:16px}
.group-link{color:#d62a2a;font-weight:900;font-size:12px;white-space:nowrap}
