.profile-card[data-v-823fac11]{display:flex;gap:8px;flex-direction:column;padding:18px;border:1px solid #e1e8df;border-radius:14px;background:#fff;box-shadow:0 5px 16px #2b3b2f0f}.profile-card strong[data-v-823fac11]{font-size:19px}.profile-card span[data-v-823fac11]{color:#34411b;font-size:14px;font-weight:700}.profile-card small[data-v-823fac11]{color:#7f8982;font-size:11px}.profile-logout[data-v-823fac11]{width:100%;min-height:44px;margin-top:12px;border:1px solid #d9e3dc;border-radius:10px;background:#fff;color:#b6534b;font-weight:700}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#19231f;background:#f5f7f3;font-synthesis:none;--yellow: #f9ff1f;--cyan: #41e3fe;--ink: #19231f;--muted: #78817a;--line: #e2e8e1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-height:100%;margin:0;overflow-x:hidden}html{touch-action:pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;background:#f5f7f3;overscroll-behavior:none}button,input{font:inherit}button{color:inherit;cursor:pointer}input{font-size:16px;-webkit-appearance:none}.icon-btn{display:grid;place-items:center;border:0;background:transparent}.auth-page{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,rgba(65,227,254,.35),transparent 38%),linear-gradient(155deg,#f9ff1f 0,#fffed8 35%,#f5f7f3 75%);overflow:hidden}.auth-back{width:44px;height:44px;border-radius:50%;background:#ffffffb3}.auth-panel{width:min(100%,430px);margin:7vh auto 0;padding:30px 24px 25px;border:1px solid rgba(25,35,31,.09);border-radius:20px;background:#fffffff0;box-shadow:0 18px 55px #182f251f}.auth-logo{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:var(--cyan);color:#12383f;font-size:28px;font-weight:900;box-shadow:0 8px 20px #41e3fe47}.auth-logo span{transform:translateY(-1px)}.auth-kicker{margin:16px 0 0;color:#72807a;font-size:11px;letter-spacing:1.2px}.auth-panel h1{margin:10px 0 7px;font-size:26px}.auth-subtitle{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.7}form{display:grid;gap:15px}label{display:grid;gap:8px;color:#3a4841;font-size:13px;font-weight:700}.field{display:flex;min-height:51px;align-items:center;gap:10px;padding:0 14px;border:1px solid #dce5de;border-radius:12px;color:#7a8981;background:#fff}.field:focus-within{border-color:#25bdd2;box-shadow:0 0 0 3px #41e3fe30}.field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.password-toggle{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border:0;color:#7a8981;background:transparent}.field-hint,.form-error{margin:-5px 0 0;font-size:12px}.field-hint{color:#a17b22}.form-error{color:#c94343}.submit-btn{min-height:51px;border:1px solid #d4dc00;border-radius:12px;background:var(--yellow);color:#202400;font-weight:800;box-shadow:0 7px 16px #b4b80029}.submit-btn:disabled{cursor:wait;opacity:.6}.switch-btn{width:100%;margin-top:17px;border:0;background:transparent;color:#208a99;font-size:13px}.secure-note{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:22px;color:#89958e;font-size:11px}.app-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding-bottom:calc(74px + env(safe-area-inset-bottom));background:#f5f7f3;overflow-x:hidden}.home-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:calc(59px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;border-bottom:1px solid rgba(197,204,194,.5);background:#f9ff1ff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-header strong{font-size:19px;letter-spacing:1px}.location{display:flex;align-items:center;gap:4px;color:#48543f;font-size:11px}.header-action{display:grid;width:37px;height:37px;place-items:center;justify-self:end;border:1px solid rgba(33,54,44,.1);border-radius:50%;background:#ffffffb3}.home-content{padding:22px 16px 28px}.welcome{display:flex;align-items:center;justify-content:space-between}.welcome p{margin:0 0 5px;color:#6e786f;font-size:12px}.welcome h1{margin:0;font-size:24px;line-height:1.25}.profile-badge{display:grid;width:44px;height:44px;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--cyan);color:#18424a;font-weight:800;box-shadow:0 4px 12px #41e3fe40}.search-box{display:flex;align-items:center;gap:8px;margin-top:20px;padding:0 14px;min-height:44px;border:1px solid #e1e8e0;border-radius:12px;color:#8a958e;background:#fff}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.hero-card{position:relative;display:flex;min-height:158px;margin-top:18px;padding:20px;overflow:hidden;border-radius:18px;background:#253d3a;color:#fff;box-shadow:0 10px 25px #1c302b24}.hero-card>div:first-child{position:relative;z-index:1;max-width:68%}.hero-card span{color:var(--yellow);font-size:11px;font-weight:800}.hero-card h2{margin:9px 0 7px;font-size:20px;line-height:1.3}.hero-card p{margin:0;color:#cbdad5;font-size:11px}.hero-card button{display:inline-flex;align-items:center;gap:3px;margin-top:15px;padding:0;border:0;color:#fff;background:transparent;font-size:12px;font-weight:700}.hero-shape{position:absolute;right:-24px;bottom:-44px;width:170px;height:170px;border:24px solid var(--cyan);border-radius:50%;opacity:.85;box-shadow:0 0 0 18px #f9ff1f59,0 0 0 42px #41e3fe26}.content-section{margin-top:25px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-head h2{margin:0;font-size:17px}.section-head button{display:inline-flex;align-items:center;gap:2px;border:0;background:transparent;color:#7f8982;font-size:11px}.icon-grid{display:grid;gap:9px}.group-grid,.four-grid,.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-grid button{display:flex;min-width:0;align-items:center;flex-direction:column;gap:7px;padding:4px 1px;border:0;background:transparent}.icon-grid button>span{display:grid;width:55px;height:55px;place-items:center;border-radius:17px;background:#fff;box-shadow:0 4px 12px #2b3b2f12}.icon-grid button:nth-child(3n)>span{background:#eafcff}.icon-grid button:nth-child(4n)>span{background:#fffde3}.icon-grid img{width:31px;height:31px;object-fit:contain}.icon-grid b{overflow:hidden;max-width:100%;color:#4b574f;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);max-width:520px;margin:0 auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid #e1e8df;background:#fffffff7;box-shadow:0 -7px 20px #202f250f}.bottom-nav button{display:flex;min-width:0;align-items:center;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;color:#a0aaa3;font-size:10px}.bottom-nav button.active{color:#34411b;font-weight:800}.bottom-nav img{width:24px;height:24px;object-fit:contain}@media(min-width:521px){body{padding:18px 0}.app-shell{min-height:calc(100dvh - 36px);border:1px solid #dfe6dd;border-radius:20px;box-shadow:0 14px 38px #1b221d1c}.home-header{border-radius:20px 20px 0 0}.bottom-nav{bottom:18px;border-radius:0 0 20px 20px}}.auth-page-image{background:#f5f7f3}.auth-cover{height:128px;margin:-30px -24px 20px;overflow:hidden;border-radius:20px 20px 0 0;background:var(--yellow)}.auth-cover img{width:100%;height:100%;object-fit:cover}.code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;cursor:text}.code-boxes span{display:grid;min-height:50px;place-items:center;border:1px solid #dce5de;border-radius:10px;background:#fff;color:var(--ink);font-size:20px;font-weight:800}.code-boxes span.filled{border-color:#20bfd6;background:#effdff}.code-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.form-info{margin:-4px 0 0;color:#278293;font-size:12px}.resend-note{margin:15px 0 0;color:var(--muted);font-size:12px;text-align:center}.resend-btn{display:block;margin:15px auto 0;border:0;background:transparent;color:#208a99;font-size:12px}.profile-avatar-row{display:flex;align-items:center;gap:12px}.avatar-picker{position:relative;display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px dashed #a9c9c0;border-radius:50%;color:#6d8b82;background:#effcf7;cursor:pointer}.avatar-picker img{width:100%;height:100%;object-fit:cover}.avatar-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-avatar-row>div{display:grid;gap:4px}.profile-avatar-row b{font-size:13px}.profile-avatar-row small{color:var(--muted);font-size:11px}.choice-row{display:flex;gap:8px}.choice-row button{flex:1;min-height:41px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.choice-row button.selected{border-color:#20bfd6;background:#edfdff;color:#137c8d;font-weight:700}.home-cover{position:relative;display:flex;min-height:152px;align-items:center;gap:4px;margin-top:18px;overflow:hidden;border-radius:18px;background:#253d3a;color:#fff;box-shadow:0 10px 25px #1c302b24}.home-cover img{position:absolute;right:-10px;bottom:0;width:48%;height:100%;object-fit:cover;object-position:left center;opacity:.9}.home-cover>div{position:relative;z-index:1;max-width:65%;padding:20px}.home-cover span{color:var(--yellow);font-size:11px;font-weight:800}.home-cover h2{margin:8px 0 6px;font-size:20px;line-height:1.3}.home-cover p{margin:0;color:#cbdad5;font-size:11px;line-height:1.6}.category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:20px;padding:4px;border-radius:12px;background:#e9eeea}.category-tabs button{min-width:0;min-height:38px;padding:0 4px;border:0;border-radius:9px;background:transparent;color:#7a857c;font-size:11px;white-space:nowrap}.category-tabs button.active{background:#fff;color:#263c35;font-weight:800;box-shadow:0 3px 9px #1e322914}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}