.articleRow{margin:0;gap:0}.articleSearchRow{margin-bottom:10px}.textBoxSearch{height:44px;border:1px solid #b4a9a0;border-radius:8px;background:#fffcf7;outline:0}.articleSelect{height:44px;border:1px solid #b4a9a0;border-radius:8px;background:#fffcf7;padding:0 10px;width:100%;outline:0;color:#262626;font-size:14px;cursor:pointer}.btn-IQ{height:44px;background:#5e673c;color:#fffcf7;border:0;border-radius:8px;cursor:pointer;white-space:nowrap}.btn-IQ:hover{background:#4a4f20;color:#fffcf7}.articleSidebar{padding-right:0}.articleSidebarTitle{font-size:16px;color:#262626;border-bottom:2px solid #5e673c;padding-bottom:8px;margin-bottom:10px}.articleThemeTypeBlock{margin-bottom:6px}.articleThemeTypeLink{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#262626;font-size:14px;font-weight:500;padding:7px 8px;border-radius:6px}.articleThemeTypeLink:hover,.articleThemeTypeLink.active{background:#e6dbd1;color:#5e673c}.articleThemeList{list-style:none;padding:0 12px 0 0;margin:2px 0 6px}.articleThemeList li a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#606060;font-size:13px;padding:5px 8px;border-radius:6px}.articleThemeList li a:hover,.articleThemeList li a.active{background:#f0e9e1;color:#5e673c}.articleCount{background:#5e673c;color:#fffcf7;border-radius:10px;font-size:11px;padding:1px 8px;min-width:22px;text-align:center}.articleCount-line p{color:#606060;font-size:14px;margin:8px 0}.articleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:991.98px){.articleGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:575.98px){.articleGrid{grid-template-columns:repeat(2,1fr)}}.articleCard{display:flex;flex-direction:column;justify-content:space-between;background:#fffcf7;border:1px solid #e6dbd1;border-radius:10px;padding:14px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;min-height:180px}.articleCard:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.articleCardTitle{font-size:15px;font-weight:600;color:#262626;line-height:1.7;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.articleCardMeta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.articleChip{background:#e6dbd1;color:#5e673c;border-radius:12px;font-size:11px;padding:2px 9px}.articleChipType{background:#dde3ce}.articleCardCreator{font-size:12px;color:#868181;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.articleCardFooter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee6dd;padding-top:10px;margin-top:10px}.articleAuthor{display:flex;align-items:center;gap:7px;min-width:0}.articleAuthorImg{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #e6dbd1}.articleAuthorName{font-size:12px;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.articleVisit{display:flex;align-items:center;gap:4px;font-size:12px;color:#606060}.articleEmpty{grid-column:1/-1;text-align:center;color:#868181;padding:40px 0}.articleDetailBox{background:#fffcf7;border:1px solid #e6dbd1;border-radius:12px;padding:24px}.articleDetailTitle{font-size:24px;font-weight:700;color:#262626;line-height:1.8;margin-bottom:14px}.articleDetailMeta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.articleDetailHeaderRow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #eee6dd;border-bottom:1px solid #eee6dd;padding:12px 0;margin-bottom:18px}.articleDetailHeaderRow .articleAuthorImg{width:44px;height:44px}.articleDetailHeaderRow .articleAuthor>div{display:flex;flex-direction:column}.articleDetailDate{font-size:12px;color:#868181}.articleDetailStats{display:flex;align-items:center;gap:16px}.articleStars{font-size:16px;color:#d9b400;display:inline-flex;align-items:center;gap:1px}.articleStars .starOff{color:#d9d2c9}.articleRatingNum{color:#868181;font-size:12px;margin-right:6px}.articleGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px}.articleGalleryImg{width:100%;height:140px;object-fit:cover;border-radius:8px;border:1px solid #e6dbd1}.articleSection{margin-bottom:18px}.articleSectionTitle{font-size:17px;color:#5e673c;margin-bottom:8px}.articleText{font-size:15px;line-height:2.1;color:#333;text-align:justify;white-space:pre-line}.articleWriters{font-size:14px;color:#444;margin-top:10px}.articleAttachBtn{display:inline-flex;align-items:center;gap:8px;background:#5e673c;color:#fffcf7;text-decoration:none;padding:10px 18px;border-radius:8px;margin-top:12px;font-size:14px}.articleAttachBtn:hover{background:#4a4f20;color:#fffcf7}.articleComments{background:#fffcf7;border:1px solid #e6dbd1;border-radius:12px;padding:24px;margin-top:18px}.articleCommentForm{margin-bottom:20px}.articleRateInput{display:flex;align-items:center;gap:10px;margin-bottom:10px}.articleRateLabel{font-size:14px;color:#262626}.starInput{display:inline-flex;flex-direction:row;direction:ltr}.starInput input{display:none}.starInput label{font-size:24px;color:#d9d2c9;cursor:pointer;padding:0 2px}.starInput input:checked~label,.starInput label:hover,.starInput label:hover~label{color:#d9b400}.articleAlreadyRated{font-size:13px;color:#5e673c;margin-bottom:10px}.articleCommentBox{display:flex;flex-direction:column;gap:8px}.articleCommentTextarea{width:100%;min-height:90px;resize:vertical;border:1px solid #b4a9a0;border-radius:8px;background:#fafafa;padding:10px;outline:0;font-size:14px}.articleCommentSubmit{align-self:flex-start;background:#5e673c;color:#fffcf7;border:0;border-radius:8px;padding:9px 24px;cursor:pointer;font-size:14px}.articleCommentSubmit:hover{background:#4a4f20}.articleLoginHint,.articleNoComments{color:#868181;font-size:14px}.articleCommentItem{border-top:1px solid #eee6dd;padding:14px 0}.articleCommentHead{display:flex;align-items:center;gap:8px;margin-bottom:6px}.articleCommentImg{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e6dbd1}.articleCommentName{font-size:14px;font-weight:500;color:#262626}.articleCommentRating{color:#d9b400;font-size:13px}.articleCommentDate{font-size:12px;color:#868181;margin-right:auto}.articleCommentText{font-size:14px;line-height:1.9;color:#333;margin:0}.articleEditForm{background:#fffcf7;border:1px solid #e6dbd1;border-radius:12px;padding:24px}.articleFormGroup{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;flex:1}.articleFormRow{display:flex;gap:16px;flex-wrap:wrap}.articleFormLabel{font-size:14px;color:#262626;font-weight:500}.articleFormInput{border:1px solid #b4a9a0;border-radius:8px;background:#fafafa;padding:9px 10px;outline:0;font-size:14px;width:100%}.articleFormInput:focus{border-color:#5e673c}textarea.articleFormInput{resize:vertical}.articleFormShow{flex-direction:row;align-items:center;gap:10px}.articleFormHint{color:#868181;font-size:12px}.articleFormActions{display:flex;align-items:center;gap:12px;margin-top:8px}.articleFormCancel{color:#606060;text-decoration:none;font-size:14px}.articleFormCancel:hover{color:#262626}.articleNewBtn{display:inline-flex;align-items:center;gap:6px;background:#5e673c;color:#fffcf7;text-decoration:none;padding:9px 18px;border-radius:8px;font-size:14px;margin-bottom:12px}.articleNewBtn:hover{background:#4a4f20;color:#fffcf7}.articleOwnerActions{display:flex;gap:10px;margin-top:14px}.articleOwnerBtn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:8px;padding:8px 16px;font-size:14px;border:1px solid #5e673c;color:#5e673c;background:transparent;cursor:pointer}.articleOwnerBtn.danger{border-color:#bf3434;color:#bf3434}@media(max-width:768px){.articleSidebar{margin-bottom:16px}.articleDetailBox,.articleComments{padding:16px}.articleDetailTitle{font-size:20px}}