.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.app-shell.embeddedShell{align-items:stretch;padding:0}.phone-frame{background:#11161f;border:1px solid #222a36;border-radius:32px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.phone-frame.embeddedFrame{width:100%;height:100vh;box-shadow:none;border:none;border-radius:0}.page-container{background:#0f1115;height:calc(100% - 70px);overflow:hidden}.page-container.fullPage{height:100%}.tabbar{background:#181c23;border-top:1px solid #2a2f39;width:100%;height:70px;display:flex;position:absolute;bottom:0;left:0}.tabbar a{color:#aab2c0;flex:1;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.tabbar a.router-link-active{color:#4da3ff;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-height:100%}body{color:#fff;background:#0b0f17;font-family:Arial,sans-serif}a{text-decoration:none}:root{--bg-page:#0f1115;--bg-card:#181c23;--bg-soft:#222a36;--border-color:#232a35;--text-main:#fff;--text-sub:#8b93a7;--primary:#4da3ff;--primary-soft:#4da3ff24;--radius-xl:22px;--radius-lg:18px;--radius-md:14px}.page{background:var(--bg-page);min-height:100%;color:var(--text-main);padding:20px 16px 110px}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:var(--text-sub);margin-top:6px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.section-title{margin-bottom:14px;font-size:18px;font-weight:600}.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600}.soft-btn{background:var(--bg-soft);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600}