/* MANTA reference-led UI finishing layer — consistent blue / ice / gold language */
:root{--manta-ink:#0b2860;--manta-blue:#0868e8;--manta-deep:#061d55;--manta-cyan:#35d6ff;--manta-line:#dceaff;--manta-paper:#f3f8ff;--manta-glow:0 0 0 1px #d8e9ff,0 12px 32px rgba(18,78,165,.10)}
html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:linear-gradient(160deg,#edf5ff 0%,#f8fbff 52%,#eaf2ff 100%);color:var(--manta-ink)}#app{width:100%;max-width:1180px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#f1f6ff);box-shadow:0 0 65px #082c6810;position:relative}.top{background:linear-gradient(112deg,#04194a,#0757c7 72%,#078eea);min-height:66px;padding:9px clamp(12px,2.6vw,28px);box-shadow:0 7px 24px #062e712b;border-bottom:1px solid #8dcfff38}.brand-wrap{display:flex;align-items:center;min-width:0}.brandmark{width:clamp(108px,18vw,156px);height:42px;object-fit:contain;object-position:left center;border-radius:0;background:transparent}.top-actions{gap:8px}.lang-toggle,.top .icon{border:1px solid #d8edff50;background:#ffffff16;color:white;border-radius:13px;min-width:40px;height:40px;box-shadow:inset 0 1px #ffffff18}.notification-button{position:relative;font-size:20px}.profile-top-button{overflow:hidden;padding:3px;background:#ffffff20!important}.profile-top-button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}.page{padding:clamp(12px,2vw,22px) clamp(12px,2vw,22px) 108px;max-width:1040px;margin:0 auto}.section-head{gap:12px;align-items:center}.section-kicker{color:#3682d9;font-weight:950;letter-spacing:1.5px;font-size:9px}.section h2,.section-head h2{color:#0b2f70;font-size:clamp(17px,2.2vw,23px);font-weight:950;letter-spacing:-.25px}.card,.overview-card,.package-card-new,.profile-earnings,.profile-menu-section,.notification-card,.support-topic,.gift-checkin-card,.gift-code-card,.gift-history-card,.share-total-card,.share-level-card,.team-panel{border:1px solid #e0ebfb;box-shadow:var(--manta-glow);background:linear-gradient(160deg,#fff,#f9fbff);border-radius:20px}.btn{border-radius:999px;background:linear-gradient(110deg,#087cf5,#0752c6 72%,#4339c8);box-shadow:0 8px 19px #0d64db30;letter-spacing:.05px;min-height:42px}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #50bfff;outline-offset:3px}.btn:disabled{opacity:.55;filter:grayscale(.25);box-shadow:none}.btn.outline{border-color:#cfe1ff;color:#075ecb;background:#fff}.field input,.field select,.field textarea{border:1px solid #d6e4f7;background:#f9fbff;color:#102d61;border-radius:14px;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2589ff;box-shadow:0 0 0 4px #1383ff18}.tabs{background:#e8f1ff;border:1px solid #deebff;border-radius:15px}.tabs button{font-weight:850;color:#647da2}.tabs .on{background:linear-gradient(110deg,#0b84f5,#174bc4);color:white;box-shadow:0 5px 15px #115bd32c}.bottom{width:min(1180px,100%);height:76px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid #d8e6fa;box-shadow:0 -8px 28px #0c34780f}.bottom button{color:#7486a5;font-size:10px;font-weight:850;position:relative}.bottom button span{font-size:20px;line-height:1.15}.bottom button.active{color:#075fd3}.bottom button.active:before{left:27%;right:27%;background:linear-gradient(90deg,#12c5ff,#1459e5);height:3px}.manta-reference-carousel{position:relative;margin:0 auto 14px;width:100%;overflow:hidden;border-radius:0 0 19px 19px;background:#061f5b;box-shadow:0 12px 28px #063f981c;isolation:isolate}.manta-reference-slides{position:relative;aspect-ratio:2.48/1;min-height:140px;max-height:365px;background:#08275f}.manta-reference-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .72s ease;display:block}.manta-reference-slide.active{opacity:1;pointer-events:auto}.manta-reference-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.manta-reference-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}.manta-reference-dot{border:1px solid #fff9;background:#ffffff72;width:7px;height:7px;border-radius:99px;padding:0;transition:width .25s ease}.manta-reference-dot.on{width:22px;background:#fff}.quick-actions{margin:0 0 15px;padding:12px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;background:linear-gradient(115deg,#fff,#eef6ff);border:1px solid #e0edff;border-radius:19px;box-shadow:0 6px 20px #144d9b0c}.quick-action{border-radius:15px;min-width:0;padding:8px 3px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px}.quick-action b{font-size:10px;color:#173d7b;font-weight:900}.quick-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;font-size:21px;box-shadow:0 5px 13px #1b5ab51a}.overview-grid{gap:10px}.overview-card{border-radius:19px;padding:15px;position:relative;overflow:hidden}.overview-card.balance-card{background:linear-gradient(135deg,#092765,#0d65d5);color:#fff;border:1px solid #2c84ed;box-shadow:0 12px 26px #0a53ba2e}.overview-card.balance-card .overview-label,.overview-card.balance-card small{color:#d4e9ff}.overview-card.balance-card strong{font-size:clamp(20px,4vw,29px);letter-spacing:-.6px}.overview-card.balance-card>button{background:#ffffff20;border:1px solid #ffffff40;color:white}.overview-card:not(.balance-card){background:linear-gradient(140deg,#fff,#edf5ff)}.overview-card:not(.balance-card) strong{color:#075ecb}.notice-preview-card{border:1px solid #dce9fb;box-shadow:var(--manta-glow);background:#fff;border-radius:19px;padding:14px}.notice-preview-head h2{font-size:clamp(16px,2vw,20px);color:#0c3272}.notice-preview-item{border-color:#e1ebf9;border-radius:15px}.notice-preview-item>button{background:linear-gradient(120deg,#eaf4ff,#dceaff);color:#0759c6}.packages-section{padding:0}.package-tabs{margin:0 0 12px}.package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card-new{border-radius:20px;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}.package-card-top{display:grid;grid-template-columns:minmax(82px,34%) minmax(0,1fr);gap:11px;align-items:start}.package-image,.package-image-fallback{width:100%;aspect-ratio:1/1;border-radius:15px;object-fit:cover;background:linear-gradient(140deg,#e6f4ff,#c5e4ff)}.package-main h3{font-size:clamp(12px,1.7vw,16px);line-height:1.35;color:#0a2f70;margin:6px 0}.package-main .price{font-size:clamp(17px,2.3vw,25px);color:#075fce;line-height:1.2}.package-facts{display:grid;grid-template-columns:1fr;gap:5px;margin-top:8px}.package-facts>span{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 7px;border-radius:9px;background:#f0f6ff}.package-facts small{font-size:9px;color:#6d81a0}.package-facts b{font-size:10px;color:#17417f;white-space:nowrap}.package-details-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #d8e7fb;background:#f8fbff;color:#1764ca;border-radius:12px;padding:10px;font-weight:850;font-size:11px}.package-buy{width:100%;margin-top:auto}.package-see-all{max-width:100%}.package-details-hero{border-radius:24px;background:radial-gradient(circle at 88% 8%,#2aa6ff77,transparent 38%),linear-gradient(120deg,#06225b,#075dc7 64%,#1a9be4);color:white;overflow:hidden;padding:18px;box-shadow:0 15px 35px #0755b82c}.package-details-hero h1,.package-details-hero p,.package-details-hero .package-details-kicker{color:white}.package-detail-card{border:1px solid #deebfb;border-radius:20px;background:white;box-shadow:var(--manta-glow);padding:17px;margin-top:13px}.package-spec-grid>div{border:1px solid #e0ecfb;border-radius:14px;background:#f4f8ff;padding:12px}.package-buy-sticky{position:sticky;bottom:82px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;margin-top:12px;background:#fff;border:1px solid #dce8f8;border-radius:17px;box-shadow:0 8px 25px #123c751b}.notices-page,.deposit-history-page,.notifications-page{max-width:820px}.notice-page-banner{border:1px solid #1e6acb}.notice-tabs{box-shadow:inset 0 0 0 1px #e1edff}.notification-head{gap:10px;flex-wrap:wrap}.notification-card{border-radius:16px;padding:13px}.notification-card:focus-within,.notification-card:hover{border-color:#9dc7ff}.deposit-history-row{border-radius:15px;transition:transform .18s ease,border-color .18s ease}.deposit-history-row:active{transform:scale(.99)}.profile-cover{background:radial-gradient(circle at 95% 0,#35cfff66,transparent 34%),linear-gradient(125deg,#061d55,#0757c8 68%,#118fe5);border:1px solid #236ed1;box-shadow:0 15px 34px #0b4caa27}.profile-cover-label,.profile-status,.profile-uid,.profile-uid b{color:#e2f3ff}.profile-identity-copy h1{color:#fff}.profile-vip{background:#ffffff21;color:#ffe5a5;border:1px solid #ffdc7b5c}.profile-balance-strip{background:#ffffff14;border:1px solid #ffffff38;border-radius:17px;color:white}.profile-balance-strip small,.profile-balance-sub small{color:#c8e4ff}.profile-balance-main strong,.profile-balance-sub b{color:#fff}.profile-avatar-button{border:3px solid #eaf7ff;background:#dcecff;box-shadow:0 0 0 4px #58caff42,0 9px 25px #001b5550}.profile-avatar-edit{background:#e7f4ff;color:#0756c3;border:2px solid #fff}.profile-primary-actions{gap:10px}.profile-action{border-radius:17px;border:1px solid #dbe9fc;box-shadow:0 8px 20px #123f7b0c}.profile-earnings{padding:15px}.profile-earnings-grid>div{border:1px solid #e4eefb;background:linear-gradient(150deg,#fff,#f1f7ff);border-radius:14px;padding:11px}.profile-menu-section{padding:15px}.profile-menu-item{border-radius:13px;border-color:#e3edfa}.profile-menu-icon{background:linear-gradient(140deg,#e2f2ff,#d4e5ff);color:#0b62d1;border:1px solid #c9e2ff}.share-page-top,.income-hero-banner{border-radius:22px;overflow:hidden;box-shadow:0 14px 30px #063c9c24}.team-page-title h1{color:#0b3274}.team-stat-card{border:1px solid #dceafb;box-shadow:0 8px 20px #0a3e8b0b}.team-panel{background:linear-gradient(160deg,#fff,#f8fbff)}.gift-checkin-hero{border-radius:22px;overflow:hidden;box-shadow:0 13px 30px #0956bf20}.gift-history-row{border:1px solid #e1ebf9;border-radius:14px}.auth{background:radial-gradient(ellipse at 18% 0,#1489ff65,transparent 36%),radial-gradient(ellipse at 95% 85%,#1646b855,transparent 40%),linear-gradient(145deg,#041847,#0757b7 60%,#062257);padding:clamp(12px,3vw,34px)}.authbox{padding:0;overflow:hidden;border:1px solid #d4e8ff;box-shadow:0 30px 90px #00102d7a;border-radius:26px;max-width:950px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}.auth-brand-panel{background:linear-gradient(150deg,#09285e,#0869cb 72%,#16a2df);color:white;padding:clamp(20px,3vw,38px);display:flex;flex-direction:column;justify-content:center}.auth-brand-panel img{max-width:100%;width:220px;max-height:100px;object-fit:contain;object-position:left center}.auth-brand-panel h2{font-size:clamp(20px,3vw,30px);line-height:1.22}.auth-brand-panel p,.auth-brand-panel span{color:#d6ecff}.auth-form-panel{padding:clamp(18px,3vw,36px);background:linear-gradient(150deg,#fff,#f5f9ff)}.auth-form-panel .tabs{margin:12px 0 18px}.modal{background:rgba(2,17,49,.66);backdrop-filter:blur(7px);align-items:flex-end}.sheet{border:1px solid #dceaff;box-shadow:0 -15px 55px #00183f40}.toast{background:#09265f;border:1px solid #4a86d8;box-shadow:0 10px 28px #08285d3b}
@media(max-width:650px){#app{max-width:100%;box-shadow:none}.page{padding:12px 11px 104px}.brandmark{width:104px;height:36px}.top{min-height:58px;padding:8px 11px}.top .icon{width:36px;height:36px;min-width:36px}.lang-toggle{height:36px;min-width:62px;font-size:11px}.manta-reference-carousel{margin:0 0 11px;border-radius:0 0 15px 15px}.manta-reference-slides{aspect-ratio:2.05/1;min-height:142px;max-height:none}.quick-actions{padding:9px 5px;gap:3px;border-radius:16px}.quick-icon{width:39px;height:39px;border-radius:13px}.overview-card{padding:12px;border-radius:16px}.overview-card strong{font-size:20px}.package-list{grid-template-columns:1fr;gap:10px}.package-card-new{padding:11px;border-radius:17px}.package-card-top{grid-template-columns:104px minmax(0,1fr);gap:11px}.package-main h3{font-size:14px}.package-main .price{font-size:21px}.package-facts{grid-template-columns:1fr;gap:4px}.package-facts>span{padding:4px 7px}.package-buy-sticky{bottom:80px}.authbox{grid-template-columns:1fr;border-radius:22px}.auth-brand-panel{padding:18px 19px 16px;min-height:0}.auth-brand-panel img{width:150px;max-height:68px}.auth-brand-panel h2{font-size:19px;margin:10px 0 4px}.auth-brand-panel p{font-size:11px;margin:0}.auth-brand-panel>span{font-size:8px}.auth-form-panel{padding:20px}.bottom{height:72px}.bottom button{font-size:9px}.profile-earnings-grid{gap:8px}.profile-earnings-grid>div{padding:9px}.profile-earnings-grid b{font-size:12px}.notification-head h2{font-size:19px}}
@media(min-width:800px){.manta-reference-carousel{border-radius:0 0 22px 22px}.page{padding-left:24px;padding-right:24px}.quick-actions{max-width:820px;margin-left:auto;margin-right:auto}.overview-grid{max-width:820px;margin:0 auto}.notice-preview-card{max-width:820px;margin:16px auto}.packages-section{max-width:1040px;margin:20px auto}.package-list{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card-top{grid-template-columns:minmax(110px,30%) minmax(0,1fr)}.profile-page{max-width:850px}.auth{min-height:100vh}.bottom{height:72px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}