.wb-community-v1{--community-ink:#263129;--community-muted:#68716a;--community-line:#d9ded7;--community-paper:#fffef9;--community-soft:#f2f6f0;--community-green:#557b56;max-width:1180px;margin:0 auto;color:var(--community-ink)}
.wb-community-v1 .page-head{align-items:flex-end}
.wb-community-private-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #b8c9b8;border-radius:999px;background:#eef5ed;color:#355a38;font-size:12px;font-weight:800;letter-spacing:.03em}
.wb-community-source{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 24px;padding:18px 20px;border-color:#cbd7ca;background:var(--community-soft)}
.wb-community-source>div{display:grid;gap:4px;min-width:0}
.wb-community-source span,.wb-community-source small{color:var(--community-muted);font-size:13px}
.wb-community-source strong{overflow:hidden;font:800 18px/1.45 "Noto Serif TC",serif;text-overflow:ellipsis;white-space:nowrap}
.wb-community-source button{flex:0 0 auto}
.wb-community-error{margin-bottom:20px}
.wb-community-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}
.wb-community-feed-head h3{margin:0 0 4px;font:800 21px/1.35 "Noto Serif TC",serif}
.wb-community-feed-head p{margin:0;color:var(--community-muted);font-size:13px}
.wb-community-feed-head>span{color:var(--community-muted);font-size:13px;font-weight:700}
.wb-community-feed{display:grid;gap:20px}
.wb-community-loading{padding:34px;text-align:center;color:var(--community-muted)}
.wb-community-card{overflow:hidden;padding:0;background:var(--community-paper)}
.wb-community-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--community-line);background:#fafbf7}
.wb-community-card>header>div{display:flex;align-items:center;gap:9px;min-width:0;color:var(--community-muted);font-size:13px}
.wb-community-author{color:var(--community-ink);font-weight:800}
.wb-community-card time{flex:0 0 auto;color:var(--community-muted);font-size:12px}
.wb-community-card-meta{position:relative;display:flex!important;align-items:center;gap:9px;overflow:visible}
.wb-community-more{position:relative}
.wb-community-more>summary{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d1d6cf;border-radius:9px;background:#fff;color:#4d5850;font-weight:900;letter-spacing:.06em;cursor:pointer;list-style:none}
.wb-community-more>summary::-webkit-details-marker{display:none}
.wb-community-more>div{position:absolute;z-index:12;top:39px;right:0;display:grid;width:190px;padding:7px;border:1px solid #cfd5cd;border-radius:10px;background:#fff}
.wb-community-more strong{padding:7px 9px 5px;color:#68716a;font-size:11px}
.wb-community-more button{min-height:38px;border:0;border-radius:7px;background:#fff;padding:0 9px;color:#38433a;text-align:left;cursor:pointer}
.wb-community-more button:hover,.wb-community-more button:focus-visible{background:#f0f4ee}
.wb-community-source-update{display:flex;align-items:center;gap:9px;padding:10px 18px;border-bottom:1px solid #d9dfd7;background:#f2f7ef;color:#3f5e42}
.wb-community-source-update span{font-weight:900}
.wb-community-source-update small{flex:1;color:#627064;line-height:1.45}
.wb-community-source-update button{min-height:34px;border:1px solid #bfcbbc;border-radius:8px;background:#fff;padding:0 10px;color:#416145;font-weight:800;cursor:pointer}
.wb-community-layer{display:grid;grid-template-columns:142px minmax(0,1fr);column-gap:22px;padding:20px 22px;border-bottom:1px solid var(--community-line)}
.wb-community-layer>*:not(.wb-community-layer-label){grid-column:2}
.wb-community-layer-label{grid-column:1;grid-row:1/span 8;display:flex;align-items:flex-start;gap:8px;color:var(--community-muted);font-size:12px;text-transform:none}
.wb-community-layer-label span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #bdc7bc;border-radius:999px;background:#fff;color:#436446;font-weight:800}
.wb-community-layer-label strong{padding-top:3px;color:#455047;font-size:12px}
.wb-community-layer h3{margin:0 0 9px;font:800 20px/1.45 "Noto Serif TC",serif}
.wb-community-question-text{margin:0;color:#2a312b;white-space:pre-wrap;line-height:1.75}
.wb-community-options{display:grid;gap:7px;margin-top:13px}
.wb-community-options>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:8px 10px;border-left:2px solid #cbd7ca;background:#f8faf6}
.wb-community-options strong{color:#416044}
.wb-community-options span{line-height:1.55}
.wb-community-muted{margin:0;color:var(--community-muted);font-size:14px;line-height:1.65}
.wb-community-work{display:grid;gap:12px}
.wb-community-work>div{padding:10px 12px;border-left:2px solid #c7cfda;background:#f7f9fb}
.wb-community-work span{display:block;margin-bottom:5px;color:var(--community-muted);font-size:12px;font-weight:700}
.wb-community-work p{margin:4px 0;white-space:pre-wrap;line-height:1.65}
.wb-community-ai{display:grid;gap:10px}
.wb-community-ai p{margin:0;color:#4e5d52;line-height:1.65}
.wb-community-concept{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wb-community-concept span{padding:3px 8px;border:1px solid #cbd7ca;border-radius:999px;color:#4e6850;font:700 11px/1.4 ui-monospace,monospace}
.wb-community-concept strong{font-size:14px}
.wb-community-private-layer{background:#f5f8f3}
.wb-community-private-layer>p{margin:0 0 14px;color:#465348;line-height:1.65}
.wb-community-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wb-community-actions button{min-height:42px}
.wb-community-bookmark,.wb-community-remove{border:1px solid #cbd1ca;border-radius:9px;background:#fff;color:#4d5a4f;font:700 13px/1.2 "Noto Sans TC",sans-serif;padding:0 14px;cursor:pointer}
.wb-community-bookmark.is-active{border-color:#79947a;background:#edf5ec;color:#335b36}
.wb-community-remove{margin-left:auto;border-color:#dcc9c4;color:#8b4a3d}
.wb-community-comment-disclosure{background:#fbfcf9}
.wb-community-comment-disclosure>summary{padding:14px 22px;cursor:pointer;color:#4d5d50;font-size:13px;font-weight:800;list-style-position:inside}
.wb-community-comments{display:grid;gap:12px;padding:0 22px 22px}
.wb-community-comment-head{display:flex;justify-content:space-between;color:var(--community-muted);font-size:12px}
.wb-community-comments article{padding:11px 12px;border:1px solid #e0e3de;border-radius:9px;background:#fff}
.wb-community-comments article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wb-community-comments article time{color:var(--community-muted);font-size:11px}
.wb-community-comments article p{margin:7px 0 0;white-space:pre-wrap;line-height:1.6}
.wb-community-comment-actions{display:flex!important;justify-content:flex-start!important;gap:14px!important;margin-top:7px}
.wb-community-comments article button{padding:0;border:0;background:transparent;color:#8b4a3d;font-size:12px;cursor:pointer}
.wb-community-comments article .wb-community-note-action{color:#3e6642;font-weight:800}
.wb-community-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding-top:6px}
.wb-community-comment-compose label{grid-column:1/-1;color:var(--community-muted);font-size:12px;font-weight:700}
.wb-community-comment-compose textarea{box-sizing:border-box;width:100%;min-height:76px;resize:vertical;border:1px solid #ccd2cb;border-radius:9px;background:#fff;padding:10px 12px;font:inherit;line-height:1.55}
.wb-community-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:22px;background:rgba(30,36,31,.54)}
.wb-community-modal-card{box-sizing:border-box;width:min(760px,100%);max-height:calc(100dvh - 44px);overflow:auto;border:1px solid #cbd0c9;border-radius:14px;background:#fffef9}
.wb-community-modal-card>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--community-line);background:#fffef9}
.wb-community-modal-card h2{margin:8px 0 0;font:900 24px/1.35 "Noto Serif TC",serif}
.wb-community-modal-card>header>button{width:42px;height:42px;border:1px solid #d2d6d0;border-radius:50%;background:#fff;color:#4b544c;font-size:26px;cursor:pointer}
.wb-community-share-warning{margin:18px 20px;padding:13px 14px;border:1px solid #e4cf9e;border-radius:10px;background:#fff9e9;color:#5d512f}
.wb-community-share-warning strong{display:block;margin-bottom:5px}
.wb-community-share-warning p{margin:4px 0;font-size:13px;line-height:1.55}
.wb-community-share-warning .is-detected{color:#8a4e2f;font-weight:800}
.wb-community-modal fieldset{display:grid;gap:8px;margin:0;padding:0 20px 16px;border:0}
.wb-community-modal legend{margin-bottom:8px;font-size:13px;font-weight:800}
.wb-community-mode{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d8ddd6;border-radius:10px;background:#fff;cursor:pointer}
.wb-community-mode.is-active{border-color:#789779;background:#f1f7f0}
.wb-community-mode input{margin-top:3px;accent-color:var(--community-green)}
.wb-community-mode span{display:grid;gap:3px}
.wb-community-mode small{color:var(--community-muted);font-size:12px}
.wb-community-alias{display:grid;gap:6px;margin:0 20px 16px;color:var(--community-muted);font-size:12px;font-weight:700}
.wb-community-alias input{min-height:44px;border:1px solid #cbd1ca;border-radius:9px;background:#fff;padding:0 12px;font:inherit;color:var(--community-ink)}
.wb-community-preview{margin:0 20px;padding:16px;border:1px solid #d7ddd5;border-radius:11px;background:#fbfcf8}
.wb-community-preview .wb-community-layer-label{margin-bottom:11px}
.wb-community-preview h3{margin:0 0 8px;font:800 18px/1.45 "Noto Serif TC",serif}
.wb-community-preview>p{margin:0;white-space:pre-wrap;line-height:1.65}
.wb-community-preview-work{margin-top:14px;padding:11px 12px;border-left:2px solid #8ca28b;background:#f0f5ef}
.wb-community-preview-work p{margin:5px 0;white-space:pre-wrap;line-height:1.55}
.wb-community-privacy-check{display:flex;align-items:flex-start;gap:10px;margin:16px 20px;padding:12px;border:1px solid #cbd7ca;border-radius:10px;background:#f4f8f2;line-height:1.55;cursor:pointer}
.wb-community-privacy-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--community-green)}
.wb-community-modal-card>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--community-line);background:#fffef9}
.wb-community-modal-card>footer button[disabled]{cursor:not-allowed;opacity:.48}
.wb-community-note-modal .wb-community-modal-card{width:min(620px,100%)}
.wb-community-note-editor{display:grid;gap:8px;padding:20px;color:#4d5a4f;font-size:13px;font-weight:800}
.wb-community-note-editor textarea{box-sizing:border-box;width:100%;min-height:190px;resize:vertical;border:1px solid #cbd1ca;border-radius:10px;background:#fff;padding:12px 13px;color:var(--community-ink);font:400 15px/1.7 "Noto Sans TC",sans-serif}
.wb-community-note-editor small{color:var(--community-muted);font-size:12px;font-weight:500}
@media(max-width:720px){
  .wb-community-source{align-items:stretch;flex-direction:column}.wb-community-source button{width:100%}
  .wb-community-layer{display:block;padding:17px 15px}.wb-community-layer-label{margin-bottom:11px}.wb-community-layer h3{font-size:18px}
  .wb-community-card>header{align-items:flex-start;padding:13px 15px}.wb-community-card>header>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}.wb-community-card-meta{align-items:center!important;flex-direction:row!important}
  .wb-community-more>div{position:fixed;z-index:1500;top:auto;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));left:12px;width:auto}
  .wb-community-more button{min-height:46px}
  .wb-community-source-update{align-items:flex-start;flex-wrap:wrap;padding:11px 15px}.wb-community-source-update small{flex-basis:calc(100% - 110px)}
  .wb-community-actions{display:grid;grid-template-columns:1fr 1fr}.wb-community-actions button{width:100%;margin:0}.wb-community-remove{grid-column:1/-1}
  .wb-community-comments{padding:0 15px 18px}.wb-community-comment-disclosure>summary{padding:13px 15px}
  .wb-community-comment-compose{grid-template-columns:1fr}.wb-community-comment-compose button{width:100%}
  .wb-community-modal{align-items:end;padding:0}.wb-community-modal-card{width:100%;max-height:94dvh;border-width:1px 0 0;border-radius:16px 16px 0 0}
  .wb-community-modal-card>header,.wb-community-modal-card>footer{padding-left:15px;padding-right:15px}.wb-community-share-warning,.wb-community-alias,.wb-community-preview,.wb-community-privacy-check{margin-left:15px;margin-right:15px}.wb-community-modal fieldset{padding-left:15px;padding-right:15px}
}