.layout{flex-direction:column;width:100%;height:100vh;display:flex}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);z-index:10;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.header h1{font-size:18px;font-weight:700}.main-content{background-color:var(--color-white);flex:1;min-height:0;overflow-y:auto}.bottom-nav{background-color:var(--color-white);border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;height:60px;display:flex;position:sticky;bottom:0}.nav-item{color:var(--color-text-sub);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:11px;display:flex}.nav-item.active{color:var(--color-text-main);font-weight:700}.detail-container{height:100%}.detail-image{object-fit:cover;width:100%;height:300px}.detail-content{padding:16px}.detail-seller{border-bottom:1px solid var(--color-border);align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.seller-info{flex:1}.seller-name{font-size:15px;font-weight:700}.seller-location{color:var(--color-text-sub);font-size:13px}.detail-title{margin-bottom:8px;font-size:20px;font-weight:700}.detail-info{color:var(--color-text-sub);margin-bottom:16px;font-size:13px}.detail-price{margin-bottom:16px;font-size:18px;font-weight:700}.detail-description{min-height:100px;font-size:16px;line-height:1.5}.chat-container{background-color:#f8f9fa;flex-direction:column;flex:1;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;max-width:70%;display:flex}.message-wrapper.mine{align-self:flex-end}.message-wrapper.other{align-self:flex-start}.sender-name{color:gray;margin-bottom:4px;font-size:12px}.message-bubble{word-break:break-word;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.4}.mine .message-bubble{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.other .message-bubble{border:1px solid var(--color-border);background-color:#fff;border-bottom-left-radius:4px}.chat-input-area{border-top:1px solid var(--color-border);background-color:#fff;padding:12px;display:flex}.chat-input{background-color:#f2f3f6;border:none;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:15px}.chat-send-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:15px;font-weight:700}.product-item{border-bottom:1px solid var(--color-border);background-color:var(--color-white);cursor:pointer;gap:16px;padding:16px;display:flex}.product-image{background-color:var(--color-bg-gray);border-radius:8px;flex-shrink:0;width:108px;height:108px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-info{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.product-title{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:500;overflow:hidden}.product-meta{color:var(--color-text-sub);font-size:13px}.product-price{color:var(--color-text-main);margin-top:4px;font-size:16px;font-weight:700}.product-like{align-items:flex-end;display:flex}.likes-count{color:var(--color-text-sub);font-size:13px}.home-container{min-height:100%;padding-bottom:80px;position:relative}.floating-button{background-color:var(--color-primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-bottom:4px;font-size:36px;font-weight:700;line-height:0;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 10px #0003}.floating-button:hover{background-color:#e66a20;transform:scale(1.1)}.write-container{box-sizing:border-box;flex-direction:column;height:100%;padding:16px;display:flex}.write-form{flex-direction:column;flex:1;gap:16px;display:flex}.input-field{border:none;border-bottom:1px solid var(--color-border);outline:none;padding:12px 0;font-size:16px}.input-field::placeholder{color:var(--color-text-sub)}.textarea-field{resize:none;border:none;outline:none;min-height:200px;padding:12px 0;font-size:16px}.submit-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:auto;padding:14px;font-size:16px;font-weight:700}.submit-button:hover{background-color:#e66a20}:root{--color-primary:#ff7e36;--color-primary-dark:#e66b2a;--color-text-main:#212124;--color-text-sub:#868b94;--color-bg-gray:#f5f5f5;--color-border:#eaebee;--color-white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);background-color:var(--color-bg-gray);justify-content:center;min-height:100vh;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}#root{background-color:var(--color-white);width:100%;max-width:480px;min-height:100vh;position:relative;box-shadow:0 0 20px #0000000d}