.mobile-app{max-width:430px;margin:0 auto;min-height:100vh;background:#f4f6fb;position:relative;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.nav-bar{height:52px;background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 2px 12px #05966940;color:#fff;display:flex;align-items:center;padding:0 14px;position:sticky;top:0;z-index:100;flex-shrink:0}.nav-back{width:34px;height:34px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-tap-highlight-color:transparent}.nav-back:active{background:#ffffff26}.nav-title{flex:1;text-align:center;font-size:17px;font-weight:600;letter-spacing:.02em}.nav-right{width:34px}.page-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:60px;background:#ffffffe0;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);display:flex;box-shadow:0 -1px #0000000a,0 -4px 16px #0000000f;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#9ca3b8;cursor:pointer;gap:2px;position:relative;transition:color .25s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.tab-item:active{transform:scale(.88)}.tab-item.active{color:#059669}.tab-dot{display:block;width:4px;height:4px;border-radius:50%;background:transparent;margin-top:2px;transition:background .25s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.tab-item.active .tab-dot{background:#059669;animation:dotPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes dotPop{0%{transform:scale(0)}60%{transform:scale(1.5)}to{transform:scale(1)}}.copyright{position:fixed;bottom:60px;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:12px 0;text-align:center;background:linear-gradient(180deg,transparent,rgba(244,246,251,.8));z-index:90}.copyright-brand{font-size:13px;font-weight:600;color:#86909c;letter-spacing:1px}.copyright-slogan{font-size:11px;color:#c9cdd4;margin-top:4px;letter-spacing:2px}.guide-fab[data-v-4cba3508]{position:fixed;z-index:99990;display:flex;align-items:center;gap:8px;padding:0;width:52px;height:52px;border-radius:26px;border:none;background:linear-gradient(135deg,#4f6ef7,#6b8aff);color:#fff;cursor:pointer;box-shadow:0 4px 24px #4f6ef766,0 2px 8px #00000026;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.guide-fab[data-v-4cba3508]:hover{width:auto;padding:0 20px 0 0;box-shadow:0 6px 32px #4f6ef780,0 2px 12px #0003;transform:scale(1.05)}.guide-fab-icon[data-v-4cba3508]{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-fab-label[data-v-4cba3508]{font-size:.85rem;font-weight:600;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1)}.guide-fab-label.show[data-v-4cba3508]{opacity:1;max-width:120px}.guide-fab-pulse[data-v-4cba3508]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#4f6ef74d;animation:fabPulse-4cba3508 2.5s ease-out infinite}@keyframes fabPulse-4cba3508{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.guide-overlay[data-v-4cba3508]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99991;pointer-events:auto}.guide-overlay-enter-active[data-v-4cba3508]{transition:opacity .3s ease}.guide-overlay-leave-active[data-v-4cba3508]{transition:opacity .25s ease}.guide-overlay-enter-from[data-v-4cba3508],.guide-overlay-leave-to[data-v-4cba3508]{opacity:0}.guide-spotlight-svg[data-v-4cba3508]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.guide-spotlight-rect[data-v-4cba3508]{transition:all .55s cubic-bezier(.16,1,.3,1)}.guide-spotlight-border[data-v-4cba3508]{position:absolute;border:2px solid rgba(79,110,247,.6);box-shadow:0 0 20px #4f6ef740,inset 0 0 20px #4f6ef714;pointer-events:none;transition:all .55s cubic-bezier(.16,1,.3,1)}.guide-cursor[data-v-4cba3508]{position:absolute;top:0;left:0;z-index:99994;pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.guide-cursor.visible[data-v-4cba3508]{opacity:1}.guide-cursor.clicking[data-v-4cba3508]{animation:cursorClick-4cba3508 .35s ease}.guide-cursor-ripple[data-v-4cba3508]{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#4f6ef759;transform:scale(0);opacity:0;pointer-events:none}.guide-cursor-ripple.active[data-v-4cba3508]{animation:cursorRipple-4cba3508 .6s ease-out}@keyframes cursorClick-4cba3508{0%{transform:translate(var(--cx),var(--cy)) scale(1)}40%{transform:translate(var(--cx),var(--cy)) scale(.85)}to{transform:translate(var(--cx),var(--cy)) scale(1)}}@keyframes cursorRipple-4cba3508{0%{transform:scale(0);opacity:.7}to{transform:scale(3.5);opacity:0}}.guide-tooltip[data-v-4cba3508]{position:absolute;z-index:99993;width:340px;background:#fffffff7;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-radius:16px;padding:20px;box-shadow:0 12px 48px #0003,0 4px 16px #0000001a;pointer-events:auto;color:#1a1d2e}.guide-tooltip-enter-active[data-v-4cba3508]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.guide-tooltip-leave-active[data-v-4cba3508]{transition:all .2s ease}.guide-tooltip-enter-from[data-v-4cba3508]{opacity:0;transform:translateY(12px) scale(.95)}.guide-tooltip-leave-to[data-v-4cba3508]{opacity:0;transform:scale(.95)}.guide-tooltip-header[data-v-4cba3508]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.guide-tooltip-step[data-v-4cba3508]{font-size:.75rem;font-weight:600;color:#4f6ef7;background:#4f6ef71a;padding:3px 10px;border-radius:20px}.guide-tooltip-close[data-v-4cba3508]{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#9ca3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.guide-tooltip-close[data-v-4cba3508]:hover{background:#0000000f;color:#555}.guide-tooltip-title[data-v-4cba3508]{font-size:1.05rem;font-weight:700;margin-bottom:6px;color:#1a1d2e}.guide-tooltip-desc[data-v-4cba3508]{font-size:.88rem;color:#5e6278;line-height:1.65;margin-bottom:10px}.guide-tooltip-action[data-v-4cba3508]{margin-bottom:14px}.action-tag[data-v-4cba3508]{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;font-size:.78rem;font-weight:600;background:#14b8a61a;color:#0d9488}.guide-tooltip-nav[data-v-4cba3508]{display:flex;justify-content:space-between;align-items:center;gap:8px}.guide-btn[data-v-4cba3508]{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.guide-btn-primary[data-v-4cba3508]{background:linear-gradient(135deg,#4f6ef7,#6b8aff);color:#fff;box-shadow:0 2px 12px #4f6ef74d}.guide-btn-primary[data-v-4cba3508]:hover{box-shadow:0 4px 20px #4f6ef773;transform:translateY(-1px)}.guide-btn-ghost[data-v-4cba3508]{background:transparent;color:#5e6278}.guide-btn-ghost[data-v-4cba3508]:hover{background:#0000000d}.guide-progress[data-v-4cba3508]{margin-top:14px;height:3px;background:#0000000f;border-radius:3px;overflow:hidden}.guide-progress-fill[data-v-4cba3508]{height:100%;background:linear-gradient(90deg,#4f6ef7,#6b8aff);border-radius:3px;transition:width .4s cubic-bezier(.16,1,.3,1)}
