:root{--dark-900: #131418;--dark-700: #191b20;--dark-soft: rgba(19, 20, 24, .72);--not-white: #f0effb;--gray: #b5b7b9;--brand-a: #b3acfc;--brand-b: #584cf4;--grad-brand: linear-gradient(91deg, var(--brand-a) 0%, var(--brand-b) 100%);--r-medium: 16px;--r-large: 24px;--r-xl: 32px;--r-circle: 999px;--font: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);background:var(--dark-900);color:var(--not-white);overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}img{display:block}.app{min-height:100%;max-width:480px;margin:0 auto;position:relative;background:radial-gradient(120% 60% at 50% 0%,#584cf438,#13141800 55%),var(--dark-900);padding-bottom:96px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--dark-900)}.topbar .icon-btn{width:24px;height:24px;color:var(--not-white);font-size:20px;line-height:1}.topbar .title{flex:1;font-weight:700;font-size:20px}.q-header{display:flex;flex-direction:column;align-items:center;gap:24px;padding:12px 20px 8px}.q-header .hicon{width:100px;height:100px;border-radius:var(--r-xl);background:var(--grad-brand);border:2px solid var(--not-white);display:flex;align-items:center;justify-content:center}.q-header .hicon img{width:64px;height:64px;object-fit:contain}.q-header h1{font-size:24px;font-weight:700}.q-header p{font-size:16px;color:var(--gray);margin-top:8px}.q-tabs{display:flex;gap:4px;align-items:center;height:48px;padding:4px;margin:8px 20px 4px;background:var(--dark-700);border-radius:var(--r-medium)}.q-tabs .tab{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:14px;font-weight:500;color:var(--gray)}.q-tabs .tab.active{background:var(--not-white);color:var(--dark-900);box-shadow:0 2px 1px #00000040}.q-list{display:flex;flex-direction:column;padding:12px 20px}.task-card{display:flex;align-items:center;gap:8px;width:100%;padding:16px 0;border-radius:var(--r-medium);text-align:left}.task-card .ava{width:56px;height:56px;flex-shrink:0;border-radius:var(--r-circle);background:var(--dark-700);border:1px solid var(--not-white);display:flex;align-items:center;justify-content:center;overflow:hidden}.task-card .ava img{width:100%;height:100%;object-fit:cover}.task-card .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding-left:4px}.task-card .ttl{font-size:16px;font-weight:500;line-height:1.2}.task-card .foot{display:flex;align-items:center;gap:8px}.task-card .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--r-circle);background:var(--dark-700);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;color:var(--gray)}.task-card .badge img{width:14px;height:14px}.task-card .go{width:24px;height:24px;flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--dark-700);border-radius:var(--r-circle);padding:4px}.task-card .go img{width:100%;height:100%;opacity:.8}.task-card.done{opacity:.55}.q-alert{display:flex;align-items:center;gap:12px;margin:8px 20px;padding:16px;border-radius:var(--r-medium);background:linear-gradient(108deg,#e2e5ff,#ded3ff);color:var(--dark-900);font-size:14px}.q-alert .dot{width:24px;height:24px;flex-shrink:0;border-radius:var(--r-circle);background:var(--grad-brand);display:flex;align-items:center;justify-content:center}.q-alert .dot img{width:24px;height:24px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:calc(100% - 40px);max-width:440px;height:64px;display:flex;align-items:stretch;background:var(--dark-700);border-radius:var(--r-circle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;z-index:20}.tabbar .item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tabbar .item img{width:32px;height:32px;object-fit:contain}.tabbar .item span{font-size:12px;color:var(--gray)}.tabbar .item.active{background:var(--dark-soft)}.tabbar .item.active span{color:var(--not-white);font-weight:700}.skeleton{background:linear-gradient(90deg,#1c1f26,#23262f,#1c1f26);border-radius:var(--r-circle)}.center{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--gray)}.home{position:relative;min-height:100vh;overflow:hidden}.model-slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:radial-gradient(80% 50% at 50% 78%,#584cf42e,#13141800 60%),linear-gradient(180deg,#14161b,#0e0f13);display:flex;align-items:flex-end;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.model-slot .ph{margin-bottom:140px;text-align:center;color:#3a3d47;pointer-events:none}.model-slot .ph .silh{width:200px;height:320px;margin:0 auto 12px;background:radial-gradient(60% 70% at 50% 35%,#7c5cff33,#13141800 70%);-webkit-mask:radial-gradient(46% 22% at 50% 18%,#000 60%,transparent 62%) no-repeat,radial-gradient(34% 40% at 50% 64%,#000 60%,transparent 62%) no-repeat;mask:radial-gradient(46% 22% at 50% 18%,#000 60%,transparent 62%) no-repeat,radial-gradient(34% 40% at 50% 64%,#000 60%,transparent 62%) no-repeat}.model-slot .ph .lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.model-slot img.model{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-fade{position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(180deg,#131519,#13151900);pointer-events:none}.home-head{position:relative;z-index:5;display:flex;gap:12px;align-items:center;padding:12px 20px}.home-head .avatar{width:40px;height:40px;border-radius:var(--r-circle);background:var(--dark-soft);border:1px solid var(--not-white);flex-shrink:0;overflow:hidden}.home-head .avatar img{width:100%;height:100%;object-fit:cover}.home-head .lvl{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.home-head .lvl .row{display:flex;align-items:center;gap:4px;font-size:12px}.home-head .lvl .row img{width:16px;height:16px}.home-head .lvl .row .name{flex:1;color:var(--gray)}.home-head .lvl .row .pct{color:var(--not-white);font-weight:500}.home-head .lvl .bar{height:8px;border-radius:16px;background:var(--dark-soft);overflow:hidden}.home-head .lvl .bar>i{display:block;height:100%;border-radius:16px;background:var(--grad-brand);box-shadow:0 0 16px #584cf466}.home-head .nav{display:flex;gap:12px}.home-head .nav .ib{width:40px;height:40px;border-radius:var(--r-circle);background:var(--dark-soft);border:1px solid var(--not-white);display:flex;align-items:center;justify-content:center;position:relative}.home-head .nav .ib img{width:28px;height:28px;object-fit:contain}.home-head .nav .ib .dot{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:#d92e42;border:1px solid #fff}.balance{position:relative;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 20px 0}.balance img{width:32px;height:32px}.balance b{font-size:28px;font-weight:700}.badges{position:absolute;z-index:5;right:20px;top:188px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.badge2{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:var(--r-circle);background:var(--dark-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px}.badge2 b{color:#fff}.badge2 span{color:var(--gray)}.energy{position:absolute;z-index:6;left:50%;transform:translate(-50%);bottom:92px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-circle);background:var(--dark-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.energy img{width:22px;height:22px}.energy b{font-size:16px;font-weight:500}.float{position:absolute;z-index:7;font-weight:700;font-size:40px;color:#ffffffe6;pointer-events:none;animation:floatUp .8s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(1.2)}}.stub{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--gray)}.stub h2{color:var(--not-white);font-size:18px}.fr-stats{display:flex;gap:12px;padding:8px 20px}.stat-card{flex:1;background:var(--dark-700);border-radius:var(--r-medium);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.stat-card span{color:var(--gray);font-size:12px}.stat-card b{font-size:22px;font-weight:700}.invite-btn{display:block;margin:8px 20px 4px;padding:16px;border-radius:var(--r-medium);background:var(--grad-brand);color:#fff;font-weight:700;font-size:16px;width:calc(100% - 40px);box-shadow:0 8px 24px #584cf452}.fr-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--dark-700)}.ava2{width:44px;height:44px;border-radius:var(--r-circle);background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:#fff}.fr-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-reward{display:inline-flex;align-items:center;gap:4px;color:var(--gray);font-size:13px;white-space:nowrap}.fr-reward img{width:14px;height:14px}.imp-list{display:flex;flex-direction:column;gap:10px;padding:12px 20px}.imp-card{display:flex;align-items:center;gap:12px;background:var(--dark-700);border-radius:var(--r-medium);padding:12px}.imp-img{width:52px;height:52px;flex-shrink:0;border-radius:12px;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px}.imp-img img{width:100%;height:100%;object-fit:cover}.imp-body{flex:1;min-width:0}.imp-name{font-weight:500;font-size:15px}.imp-meta{display:flex;gap:10px;margin-top:6px;font-size:12px}.imp-meta .lvl{color:var(--gray)}.imp-meta .inc{color:#36d399}.imp-buy{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:10px 12px;border-radius:var(--r-circle);background:var(--dark-soft);border:1px solid var(--brand-b);color:#fff;font-weight:600;font-size:13px}.imp-buy img{width:16px;height:16px}.top-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--dark-700)}.top-row .rank{width:26px;text-align:center;font-weight:700;color:var(--gray);flex-shrink:0}.top-row .rank.r1{color:#ffd166}.top-row .rank.r2{color:#c9d1d9}.top-row .rank.r3{color:#e8a06b}.top-row .ava2 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pf-head{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px 8px}.pf-ava{width:88px;height:88px;border-radius:var(--r-circle);background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;overflow:hidden}.pf-ava img{width:100%;height:100%;object-fit:cover}.pf-head h1{font-size:22px;font-weight:700}.pf-sec{padding:16px 20px 8px;font-size:18px;font-weight:700}.pf-row{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);margin:0 20px;padding:14px;background:var(--dark-700);border-radius:var(--r-medium);text-align:left}.pf-ico{width:44px;height:44px;border-radius:12px;background:var(--dark-900);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.pf-txt{flex:1}.pf-txt b{display:block;font-size:15px}.pf-txt span{color:var(--gray);font-size:12px}.pf-row .chev{color:var(--gray);font-size:20px}.cards-intro{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 20px 6px;text-align:center}.cards-intro .hicon{width:88px;height:88px;border-radius:var(--r-xl);background:var(--grad-brand);border:2px solid var(--not-white);display:flex;align-items:center;justify-content:center}.cards-intro .hicon img{width:48px;height:48px;color:var(--not-white)}.cards-intro h1{font-size:22px;font-weight:700}.cards-intro p{font-size:14px;color:var(--gray);max-width:300px}.cards-list{display:flex;flex-direction:column;gap:16px;padding:14px 16px 0}.pay-card{position:relative;border-radius:var(--r-large);padding:18px;overflow:hidden;color:#fff;box-shadow:0 16px 36px #00000059}.pay-card.c-premium{background:linear-gradient(160deg,#23262b,#0e1013)}.pay-card.c-travel{background:linear-gradient(160deg,#3b82f6,#1d5fd4)}.pay-card.c-subs{background:linear-gradient(160deg,#8b5cf6,#5b34d6)}.pc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pc-pays{display:flex;gap:8px}.pc-pay{background:#ffffff2e;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:700}.pc-brand{font-size:13px;font-weight:700;opacity:.92}.pc-title{font-size:21px;font-weight:800;display:flex;align-items:center;gap:8px}.pc-cur{font-size:11px;font-weight:700;background:#fff3;padding:3px 8px;border-radius:7px}.pc-sub{font-size:14px;color:#ffffffdb;margin-top:6px;max-width:60%}.pc-art{position:absolute;right:6px;top:54px;width:150px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}.pc-panel{display:flex;justify-content:space-between;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:12px 16px;margin-top:16px}.pc-k{font-size:19px;font-weight:800}.pc-l{font-size:12px;color:#fffc;margin-top:2px}.pc-cta{width:100%;height:50px;margin-top:14px;border-radius:var(--r-circle);background:var(--not-white);color:#1a1a1a;font-size:16px;font-weight:800}.cards-foot{text-align:center;color:var(--gray);font-size:13px;padding:18px 20px 4px}