*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f7f7f7;-webkit-tap-highlight-color:transparent}#app{min-height:100%}.parent-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell{flex:1;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;background:#f7f7f7;display:flex;flex-direction:column;position:relative;overflow:hidden}.parent-page.is-preview{align-items:center;padding:24px 16px 40px;background:#e8ecf0}.parent-page.is-preview .app-shell.phone-frame{width:375px;height:812px;min-height:0;max-width:375px;flex:none;border-radius:36px;box-shadow:0 12px 40px #0000002e;border:8px solid #1a1a1a}.phone-notch{height:44px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;flex-shrink:0}.mini-nav{height:44px;padding-top:env(safe-area-inset-top,0);background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.mini-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mini-tabbar{height:56px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #eee;display:flex;flex-shrink:0}.mini-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#999;font-size:11px;gap:2px}.mini-tabbar a.active{color:#07c160}.mini-tabbar .tab-icon{font-size:18px}.p-hero{background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;padding:20px 16px 28px}.p-hero-label{font-size:18px;font-weight:600}.p-order-card{background:#fff;margin:0 12px;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.p-amount{font-size:32px;font-weight:700;color:#fa541c}.p-amount:before{content:"¥";font-size:16px;margin-right:2px}.p-section-title{padding:16px 16px 8px;font-size:14px;color:#666;font-weight:600}.p-list-item{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;text-decoration:none;color:inherit;margin:0 12px 8px;border-radius:12px}.p-avatar{width:40px;height:40px;border-radius:50%;background:#e6f7ef;color:#07c160;display:flex;align-items:center;justify-content:center;font-weight:700}.p-tag{font-size:12px;padding:2px 8px;border-radius:10px}.p-tag-green{background:#e6f7ef;color:#07c160}.p-tag-orange{background:#fff7e6;color:#fa8c16}.p-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:22px;padding:10px 20px;font-size:15px;cursor:pointer;text-decoration:none}.p-btn-primary{background:#07c160;color:#fff}.p-btn-block{width:100%}.p-btn-ghost{background:#fff;color:#07c160;border:1px solid #07c160}.p-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px}.p-quick-item{background:#fff;border-radius:12px;padding:16px 8px;text-align:center;text-decoration:none;color:#333;font-size:13px}.p-quick-item .qi{font-size:22px;margin-bottom:4px}.p-hint{margin:16px;font-size:12px;color:#999;line-height:1.5}.flex-between{display:flex;justify-content:space-between;align-items:center}.order-card{background:#fff;margin:0 12px 10px;border-radius:12px;padding:14px}.order-card .title{font-weight:600;margin-bottom:4px}.order-card .meta{font-size:12px;color:#999}.order-card .amt{color:#fa541c;font-weight:700;font-size:18px}