*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#fff8dc,#ffe4b5);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior-y:contain}.phone{width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column;position:relative}@media (min-width: 600px){body{padding:20px;min-height:100vh;display:flex;align-items:center;justify-content:center}.phone{max-width:400px;min-height:0;height:90vh;max-height:800px;margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}}.header{text-align:center;padding:calc(env(safe-area-inset-top,0) + 30px) 20px 20px;background:linear-gradient(135deg,gold,orange);flex-shrink:0}@media (min-width: 600px){.header{border-radius:30px 30px 0 0;padding-top:30px}}.title{font-size:24px;font-weight:700;color:#8b4513}.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;border-top:1px solid #EEE;padding:calc(env(safe-area-inset-bottom,0) + 8px) 0 8px;background:#fff;flex-shrink:0}@media (min-width: 600px){.tab-bar{border-radius:0 0 30px 30px;padding:10px 0}}.tab-item{flex:1;text-align:center;font-size:12px;color:#999;cursor:pointer;padding:8px 0;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .1s ease}.tab-item:active{transform:scale(.95);background:rgba(255,215,0,.1)}.tab-item.active{color:gold}.tab-icon{font-size:20px;display:block;margin-bottom:2px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}