@charset "UTF-8";
.cg-nav-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.cg-nav-pills .filter-tab{font-size:11px;padding:9px 13px}.cg-nav-pills b{margin-left:6px;font-size:10px;font-weight:500}.cg-permission{margin-left:auto;font-size:10px;color:#84937a}.cg-filters{flex:1}.cg-filters .search{max-width:350px}.cg-notice{border-left:2px solid #b99a5d;color:#8c937e;font-size:10px;line-height:1.9;padding-left:12px;margin-bottom:23px}.cg-columns{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a6b49b transparent;align-items:start;padding-bottom:15px}.cg-column{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.cg-column>header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf2e8;border-bottom:1px solid var(--line);padding:16px 18px;position:relative}.cg-column>header::before{content:'';position:absolute;height:2px;background:#b29a62;left:18px;right:18px;top:0}.cg-column h2{font-size:12px;letter-spacing:-.2px;color:#3e5c35}.cg-column>header>span{font-size:10px;color:#7f9472;border:1px solid #dde6d5;border-radius:5px;padding:1px 6px;background:#f8faf4}.cg-column-items{max-height:calc(100vh - 395px);min-height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6dfcb transparent}.cg-post{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0e7;background:white;padding:16px 18px;color:#425b39}.cg-post:last-child{border:0}.cg-post:hover{background:#f5f8ef}.cg-post strong{font-weight:500;font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.cg-post small{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#97a28a;margin-top:12px}.cg-post small>span{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-post time{white-space:nowrap}.cg-pin{font-size:8px;color:#a28541;background:#faf2dd;border-radius:3px;padding:1px 4px;margin-right:5px;vertical-align:1px}.cg-column-empty{font-size:10px;color:#a5ae96;padding:25px 18px}.cg-scroll-note{font-size:9px;color:#a3ad97;margin-top:10px}.cg-board{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.cg-list .card-head{padding:17px 18px}.cg-list .card-head h2{font-size:12px}.cg-list .sub{font-size:10px}.cg-list-items{max-height:calc(100vh - 440px);min-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d6dfcb transparent}.cg-list-post{display:block;width:100%;background:white;border:0;border-bottom:1px solid #edf0e7;padding:16px 18px;text-align:left;color:#4d6640}.cg-list-post strong{font-weight:500;font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.cg-list-post small{font-size:9px;color:#9ba58e;display:block;margin-top:10px}.cg-list-post.active{background:#ecf3e3;border-left:3px solid #ad965e;padding-left:15px}.cg-list-post:hover{background:#f4f7ee}.cg-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-top:1px solid var(--line)}.cg-pagination>span{font-size:10px;color:#8c9e7c;padding:0 7px}.cg-detail{min-width:0}.cg-article-head{padding:25px 27px 21px;border-bottom:1px solid var(--line)}.cg-article-head h2{font-size:20px;line-height:1.75;letter-spacing:-.7px;color:#354e2d;margin:12px 0;word-break:keep-all}.cg-article-head>p{font-size:10px;color:#97a28a}.cg-article-head .actions{margin-top:18px}.cg-article-body{padding:25px 27px;font-size:12px;line-height:2.1;white-space:pre-wrap;word-break:break-word;color:#526746}.cg-source{margin:0 27px 25px;padding:15px 17px;display:flex;flex-direction:column;gap:6px;border:1px solid #e2e8d8;border-radius:9px;background:#f5f8ef;color:#93a27e;font-size:10px}.cg-source b{font-size:10px;font-weight:500;color:#6a8351}.cg-source a{font-size:10px;word-break:break-all;line-height:1.8;color:#749459}.cg-comments{padding:23px 27px 27px;border-top:1px solid var(--line)}.cg-comments>h3{font-size:12px;margin-bottom:18px}.cg-comments>h3 span{font-size:10px;color:#96a283;font-weight:400;margin-left:8px}.cg-comment{border:1px solid #e6ebdd;background:#f7f9f3;border-radius:8px;padding:13px 15px;margin-bottom:10px}.cg-comment>div{display:flex;align-items:center;gap:10px;font-size:9px;color:#9ca88a}.cg-comment strong{font-size:10px;color:#6d8258;font-weight:500}.cg-comment>div button{margin-left:auto;font-size:9px}.cg-comment p{font-size:11px;line-height:1.9;white-space:pre-wrap;word-break:break-word;color:#728360;margin-top:8px}.cg-comments form{margin-top:20px}.cg-comments textarea{min-height:100px}.cg-comment-submit{display:flex;align-items:center;justify-content:space-between;gap:12px}.cg-comment-submit span{font-size:9px;color:#a0ab91;line-height:1.8}.cg-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;color:#869774}.cg-checkbox input{accent-color:#678451}.cg-modal-detail{margin:-24px -27px}.cg-modal-detail .cg-article-head{padding-top:7px}.cg-modal-detail .cg-article-head .eyebrow{display:none}
@media(min-width:1650px){.cg-columns{grid-auto-columns:280px}.cg-board{grid-template-columns:340px minmax(0,1fr)}}
@media(max-width:1150px){.cg-board{grid-template-columns:250px minmax(0,1fr);gap:15px}.cg-filters .search{max-width:none;min-width:200px}.cg-permission{width:100%;margin:6px 0 0}.cg-article-head,.cg-article-body,.cg-comments{padding-inline:21px}.cg-source{margin-inline:21px}.cg-article-head h2{font-size:18px}}
@media(max-width:760px){.cg-columns{grid-auto-columns:78vw;gap:11px}.cg-column-items{max-height:49vh;min-height:230px}.cg-board{display:block}.cg-list{margin-bottom:17px}.cg-list-items{max-height:260px;min-height:140px}.cg-notice{font-size:9px;margin-bottom:19px}.cg-nav-pills .filter-tab{font-size:10px}.cg-permission{font-size:9px}.cg-article-head h2{font-size:19px}.cg-article-head,.cg-article-body,.cg-comments{padding-inline:19px}.cg-source{margin-inline:19px}.cg-comment-submit{align-items:flex-end}.cg-comment-submit span{max-width:165px;font-size:8px}.cg-modal-detail{margin:-20px}.cg-modal-detail .cg-article-head{padding-top:4px}}
