.list-page{min-height:calc(100vh - 120px);padding:1rem 0 2rem;background:#faf8f5}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.back-btn{display:flex;align-items:center;gap:.25rem;color:#2c1e18;text-decoration:none;font-size:.9375rem;padding:.5rem .75rem;border-radius:8px;transition:all .3s ease;font-family:"Noto Serif SC",Georgia,serif}.back-btn:hover{background:#2c1e180d}.page-title{font-size:1.25rem;font-weight:600;color:#2c1e18;margin:0;font-family:"Noto Serif SC",Georgia,serif}.header-placeholder{width:60px}.tabs{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 12px #2c1e180f;padding:.375rem;margin-bottom:1rem;overflow-x:auto;border:1px solid rgba(201,165,92,.1)}.tab-item{flex:1;text-align:center;padding:.625rem 1rem;font-size:.875rem;color:#6d4c41;cursor:pointer;border-radius:8px;transition:all .3s ease;white-space:nowrap;min-width:70px;font-family:"Noto Serif SC",Georgia,serif}.tab-item.active{background:#c9a55c;color:#fff;font-weight:500}.favorite-list{display:flex;flex-direction:column;gap:.875rem}.favorite-item{display:flex;gap:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #2c1e180f;padding:1rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(201,165,92,.1)}.favorite-item:hover{box-shadow:0 6px 20px #2c1e1814;transform:translateY(-2px)}.item-cover{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;background:#faf8f5}.item-cover img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a55c1a,#5d40371a);color:#c9a55c;font-size:.75rem;font-weight:500;font-family:"Noto Serif SC",Georgia,serif}.item-content{flex:1;min-width:0;display:flex;flex-direction:column}.item-type-tag{display:inline-block;padding:.125rem .5rem;background:#c9a55c1a;color:#c9a55c;font-size:.6875rem;border-radius:4px;margin-bottom:.5rem;align-self:flex-start;font-family:"Noto Serif SC",Georgia,serif}.item-title{font-size:1rem;font-weight:600;color:#2c1e18;margin-bottom:.375rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:"Noto Serif SC",Georgia,serif}.item-desc{font-size:.8125rem;color:#6d4c41;line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.item-time{font-size:.75rem;color:#6d4c41}.delete-btn{padding:.25rem .75rem;background:transparent;border:1px solid rgba(201,165,92,.2);border-radius:12px;color:#6d4c41;font-size:.75rem;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",Georgia,serif}.delete-btn:hover{background:#fff5f5;border-color:#ff4d4f;color:#ff4d4f}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #2c1e180f;border:1px solid rgba(201,165,92,.1)}.empty-icon-wrap{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#c9a55c14;display:flex;align-items:center;justify-content:center;color:#c9a55c}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem;color:#2c1e18;font-family:"Noto Serif SC",Georgia,serif;font-weight:600}.empty-state p{color:#6d4c41;margin-bottom:1.5rem;font-size:.9375rem}.loading-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #2c1e180f;border:1px solid rgba(201,165,92,.1)}.loading-spinner{width:32px;height:32px;border:2px solid rgba(201,165,92,.2);border-top-color:#c9a55c;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#6d4c41;font-size:.9375rem}.error-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #2c1e180f;border:1px solid rgba(201,165,92,.1)}.error-icon-wrap{width:48px;height:48px;margin:0 auto 1rem;border-radius:50%;background:#dc35451a;color:#dc3545;display:flex;align-items:center;justify-content:center}.error-state p{color:#6d4c41;margin-bottom:1.5rem;font-size:.9375rem}.load-more{text-align:center;padding:1.25rem}.load-more-btn{padding:.625rem 2rem;background:#fff;border:1px solid rgba(201,165,92,.3);border-radius:20px;color:#6d4c41;font-size:.875rem;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",Georgia,serif}.load-more-btn:hover{background:#c9a55c0d;border-color:#c9a55c;color:#c9a55c}.no-more{text-align:center;padding:1.25rem;color:#6d4c41;font-size:.8125rem;opacity:.6}.btn-gold{background:#c9a55c;color:#fff;border:1px solid #C9A55C;padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",Georgia,serif}.btn-gold:hover{background:#b8944d;border-color:#b8944d}.btn-primary{background:#c9a55c;color:#fff;border:1px solid #C9A55C;padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",Georgia,serif}.btn-primary:hover{background:#b8944d;border-color:#b8944d}@media(max-width:768px){.list-page{padding:.5rem 0 1.5rem}.favorite-item{padding:.875rem}.item-cover{width:88px;height:88px}.item-title{font-size:.9375rem}}@media(min-width:769px){.list-page .container{max-width:700px;margin:0 auto}}