*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{-webkit-font-smoothing:antialiased;color:#333;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5}.page{max-width:480px;min-height:100%;margin:0 auto;padding:32px 16px 48px}.page-header{text-align:center;margin-bottom:24px}.page-title{color:#222;font-size:22px;font-weight:600}.page-subtitle{color:#999;margin-top:6px;font-size:14px}.info-card,.dinner-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:4px 16px;box-shadow:0 2px 8px #0000000a}.info-item{justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.info-item+.info-item{border-top:1px solid #f2f3f5}.info-label{color:#999;flex-shrink:0;font-size:14px}.info-value{text-align:right;color:#333;word-break:break-all;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:#8d3dff;border:none;border-radius:23px;width:100%;height:46px;font-size:16px;font-weight:500;display:block}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.loading-container{text-align:center;padding-top:120px}.spinner{border:3px solid #8d3dff33;border-top-color:#8d3dff;border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#999;margin-top:12px;font-size:14px}.error-card{text-align:center;background:#fff7ec;border:1px solid #ffe0b2;border-radius:12px;margin-bottom:24px;padding:32px 20px}.error-icon{margin-bottom:12px;font-size:40px}.error-text{color:#b26a00;font-size:15px}