.w-search{max-width:480px;margin:0 auto;padding:16px;}
.w-s-box{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;transition:all .2s;}
.w-s-box:focus-within{border-color:#ddd;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.w-s-icon{width:18px;height:18px;color:#bbb;}
.w-s-input{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent;}
.w-s-input::placeholder{color:#bbb;}
.w-s-btn{padding:8px 20px;background:#333;color:#fff;border-radius:6px;font-size:13px;text-decoration:none;font-weight:500;}
.w-s-btn:active{opacity:.8;}

.w-page{max-width:480px;margin:0 auto;padding:20px 16px;border-top:1px solid #f0f0f0;}
.w-p-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:13px;color:#666;}
.w-p-dot{width:6px;height:6px;background:#ff6b6b;border-radius:50%;}
.w-p-num{color:#333;font-weight:700;}
.w-p-line{flex:1;max-width:60px;height:1px;background:#e0e0e0;}
.w-p-btns{display:flex;justify-content:center;gap:10px;}
.w-p-btn{flex:1;max-width:80px;padding:10px 0;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#666;text-align:center;text-decoration:none;font-weight:500;transition:all .2s;}
.w-p-btn:active{border-color:#333;color:#333;}
.w-p-btn.disabled{border-color:#f0f0f0;color:#ccc;pointer-events:none;}