*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f0f0f0}#app.toutiao-app{min-height:100vh;display:flex;flex-direction:column;max-width:100vw}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to right,#ff3b3b,#ff6b6b);padding:10px 15px;box-shadow:0 2px 8px #ff3b3b33}.search-container{display:flex;align-items:center;gap:12px}.logo-small{font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);flex-shrink:0}.search-box{flex:1;display:flex;align-items:center;background:#fffffff2;border-radius:20px;padding:8px 12px;max-width:500px}.search-icon{fill:#999;margin-right:8px}.search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.search-box input::placeholder{color:#999}.publish-btn{background:#fff;color:#ff3b3b;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0;transition:all .2s}.publish-btn:hover{background:#f5f5f5}.main-content{flex:1;padding-bottom:70px}.main-content.has-top-bar{margin-top:60px}.main-content.has-bottom-nav{margin-bottom:60px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000d}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;color:#999;text-decoration:none;font-size:12px;position:relative;transition:color .2s}.nav-item svg{fill:currentColor;margin-bottom:2px}.nav-item.active{color:#ff3b3b}.nav-item .badge{position:absolute;top:0;right:50%;transform:translate(20px);background:#ff3b3b;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}