.article-public-page{--article-line:color-mix(in srgb,var(--text) 10%,transparent);--article-soft:color-mix(in srgb,var(--text) 4%,transparent);--article-blue:var(--primary,#01b0ed);--article-sky:#01b0ed;display:grid;gap:18px}.article-public-quick-nav,.article-public-sort-tabs{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.article-public-quick-nav{padding-top:4px}.article-public-quick-nav::-webkit-scrollbar,.article-public-sort-tabs::-webkit-scrollbar{display:none}.article-public-quick-nav__link,.article-public-sort-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:var(--article-soft);color:var(--text);font:inherit;font-size:13px;font-weight:var(--tibiu-weight-semibold,600);text-decoration:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.article-public-quick-nav__link:hover,.article-public-sort-tabs button.is-active,.article-public-sort-tabs button:hover{border-color:color-mix(in srgb,var(--article-blue) 34%,transparent);background:color-mix(in srgb,var(--article-sky) 12%,transparent);color:color-mix(in srgb,var(--article-blue) 82%,var(--text))}.article-public-feed-layout{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start;gap:28px}.article-public-feed-rail{position:sticky;top:88px;display:grid;align-content:start;gap:16px;min-width:0}.article-public-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--article-line);border-radius:8px;background:var(--bg);color:var(--tibiu-color-hint-text,var(--text-muted))}.article-public-search:focus-within{border-color:color-mix(in srgb,var(--article-blue) 46%,var(--article-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--article-sky) 12%,transparent)}.article-public-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}.article-public-tabs{display:grid;gap:4px;min-width:0}.article-public-tabs button{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:38px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:14px;font-weight:var(--tibiu-weight-semibold,600);text-align:left;transition:background-color .18s ease,color .18s ease}.article-public-tabs button:after{width:5px;height:5px;border-radius:999px;background:transparent;content:""}.article-public-tabs button.is-active,.article-public-tabs button:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.article-public-tabs button.is-active:after{background:var(--article-blue)}.article-public-sort-tabs{flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--article-line)}.article-public-stream{display:grid;gap:0;min-width:0;border-inline:1px solid var(--article-line);background:var(--bg)}.article-public-compose-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:16px 18px;border-bottom:8px solid var(--article-soft);color:var(--text);text-decoration:none}.article-public-compose-card:hover .article-public-compose-card__action{background:color-mix(in srgb,var(--article-sky) 16%,transparent);color:color-mix(in srgb,var(--article-blue) 84%,var(--text))}.article-comment-card__avatar,.article-comment-composer__avatar,.article-feed-card__avatar,.article-public-compose-card__avatar,.article-public-detail__avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--article-blue) 86%,#fff),color-mix(in srgb,var(--article-sky) 58%,#fff));background-position:50%;background-size:cover;color:#fff;font-weight:var(--tibiu-weight-bold,700)}.article-public-compose-card__avatar{width:42px;height:42px;font-size:15px}.article-public-compose-card__copy{display:grid;gap:3px;min-width:0}.article-public-compose-card__copy small,.article-public-compose-card__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-public-compose-card__copy strong{color:var(--text);font-size:15px;line-height:20px}.article-public-compose-card__copy small{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:13px;line-height:17px}.article-public-compose-card__action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--article-soft);color:var(--text);font-size:13px;font-weight:var(--tibiu-weight-semibold,600)}.article-public-list{display:grid;gap:0}.article-feed-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;min-width:0;padding:18px;border-bottom:1px solid var(--article-line)}.article-feed-card:hover{background:color-mix(in srgb,var(--article-sky) 4%,transparent)}.article-feed-card__avatar{width:46px;height:46px;font-size:16px}.article-feed-card__main{display:grid;gap:10px;min-width:0}.article-comment-card__head,.article-comment-card__reply-head,.article-comment-composer__foot,.article-feed-card__head,.article-public-detail__comment-foot,.article-public-detail__section-head,.article-social-comments__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0}.article-feed-card__author{display:grid;gap:2px;min-width:0}.article-comment-card__head strong,.article-comment-card__reply-head strong,.article-feed-card__author strong,.article-public-detail__author-card strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:var(--tibiu-weight-bold,700);line-height:18px;text-overflow:ellipsis;white-space:nowrap}.article-comment-card__head span,.article-comment-card__head time,.article-comment-card__reply-head time,.article-feed-card__author span,.article-public-detail__author-card span{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:12px;line-height:16px}.article-feed-card__badge{display:inline-flex;flex:0 0 auto;align-items:center;min-height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--article-blue) 35%,transparent);border-radius:999px;color:color-mix(in srgb,var(--article-blue) 76%,var(--text));font-size:12px;font-weight:var(--tibiu-weight-semibold,600);text-decoration:none}.article-feed-card__title{color:var(--text);font-size:18px;font-weight:var(--tibiu-weight-bold,700);line-height:1.38;text-decoration:none}.article-feed-card__title:hover{color:color-mix(in srgb,var(--article-blue) 84%,var(--text))}.article-comment-card__text,.article-feed-card__summary,.article-public-detail__body p,.article-public-detail__summary{margin:0;color:var(--text);font-size:14px;line-height:1.72}.article-feed-card__summary{display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--text) 82%,var(--text-muted));-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-feed-card__media{display:block;width:min(540px,100%);overflow:hidden;border-radius:8px;background:var(--article-soft);color:inherit}.article-feed-card__media-image{display:block;width:100%;aspect-ratio:16/9;background-position:50%;background-size:cover;transition:transform .22s ease}.article-feed-card__media:hover .article-feed-card__media-image{transform:scale(1.025)}.article-feed-card__stats,.article-public-detail__meta,.article-public-detail__stats{display:flex;flex-wrap:wrap;gap:8px;min-width:0;color:var(--tibiu-color-hint-text,var(--text-muted));font-size:13px;line-height:17px}.article-feed-card__stat,.article-public-detail__stats span{display:inline-flex;align-items:center;gap:5px}.article-comment-card__actions,.article-comment-card__reply-actions,.article-feed-card__actions,.article-public-detail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}.article-comment-card__action,.article-feed-card__action,.article-feed-card__actions .plain-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--tibiu-color-hint-text,var(--text-muted));font:inherit;font-size:13px;font-weight:var(--tibiu-weight-semibold,600);text-decoration:none;cursor:pointer;box-shadow:none}.article-comment-card__action.is-active,.article-comment-card__action:hover,.article-feed-card__action:hover,.article-feed-card__actions .plain-button:hover{color:color-mix(in srgb,var(--article-blue) 84%,var(--text))}.article-feed-card__actions .plain-button.is-ghost{background:transparent;color:var(--tibiu-color-hint-text,var(--text-muted))}.article-comment-card__action:disabled,.article-public-share:disabled{cursor:default;opacity:.62}.article-public-empty{display:grid;justify-items:center;gap:5px;padding:42px 18px;color:var(--tibiu-color-empty-text,var(--text-muted));text-align:center}.article-public-empty strong{color:var(--text);font-size:16px;font-weight:var(--tibiu-weight-bold,700)}.article-public-empty p{margin:0;font-size:13px;line-height:1.55}.article-public-editor-fallback{display:flex;justify-content:center;margin:18px 0 0}.article-public-detail-page{max-width:860px}.article-public-detail{display:grid;gap:16px;padding:8px 0 72px}.article-public-detail__meta a{color:color-mix(in srgb,var(--article-blue) 84%,var(--text));font-weight:var(--tibiu-weight-semibold,600);text-decoration:none}.article-public-detail h1{margin:0;color:var(--text);font-size:30px;font-weight:var(--tibiu-weight-bold,700);line-height:1.22;letter-spacing:0}.article-public-detail__author-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:12px 0;border-block:1px solid var(--article-line)}.article-public-detail__avatar{width:44px;height:44px;font-size:16px}.article-public-detail__author-card div{display:grid;gap:2px;min-width:0}.article-public-detail__cover{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;background:var(--article-soft);background-position:50%;background-size:cover}.article-public-detail__chips{display:flex;flex-wrap:wrap;gap:6px}.article-public-detail__chips span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--article-sky) 10%,transparent);color:color-mix(in srgb,var(--article-blue) 78%,var(--text));font-size:12px;font-weight:var(--tibiu-weight-semibold,600);line-height:16px}.article-public-detail__body{display:grid;gap:16px;padding-top:16px;border-top:1px solid var(--article-line)}.article-public-detail__body h2{margin:0;color:var(--text);font-size:20px;font-weight:var(--tibiu-weight-bold,700);line-height:1.35}.article-public-detail__body blockquote{margin:0;padding:12px 14px;border-left:3px solid var(--article-blue);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--article-sky) 9%,transparent);color:var(--text);font-size:14px;line-height:1.75}.article-public-detail__body ul{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--text);font-size:14px;line-height:1.75}.article-public-detail__body hr{width:100%;height:1px;border:0;background:var(--article-line)}.article-public-detail__figure{display:grid;gap:8px;margin:0}.article-public-detail__body-image{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;background:var(--article-soft);background-position:50%;background-size:cover}.article-public-detail__figure figcaption{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:12px;line-height:16px}.article-public-detail__comic{padding:10px 12px;border-left:3px solid var(--article-blue);background:color-mix(in srgb,var(--article-sky) 9%,transparent);color:var(--text)}.article-public-detail__body-empty{color:var(--tibiu-color-hint-text,var(--text-muted))}.article-public-detail__actions{padding:6px 0 12px;border-bottom:1px solid var(--article-line)}.article-public-detail__section{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--article-line)}.article-public-detail__section-head h2{margin:0;color:var(--text);font-size:16px;font-weight:var(--tibiu-weight-bold,700);line-height:21px}.article-public-detail__comment-foot span,.article-public-detail__section-empty,.article-public-detail__section-head span{margin:0;color:var(--tibiu-color-hint-text,var(--text-muted));font-size:13px;line-height:17px}.article-public-detail__board-list,.article-public-detail__related-list{display:grid;gap:0}.article-public-detail__board-link,.article-public-detail__related-link{display:flex;gap:10px;align-items:center;justify-content:space-between;min-width:0;padding:12px 0;border-bottom:1px solid var(--article-line);color:var(--text);text-decoration:none}.article-public-detail__board-link.is-active,.article-public-detail__board-link:hover,.article-public-detail__related-link:hover{color:color-mix(in srgb,var(--article-blue) 84%,var(--text))}.article-public-detail__related-link{display:grid;justify-content:stretch}.article-public-detail__related-link span,.article-public-detail__related-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-public-detail__related-link strong{color:inherit;font-size:14px;font-weight:var(--tibiu-weight-semibold,600);line-height:19px}.article-public-detail__related-link span{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:12px;line-height:16px}.article-social-comments{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--article-line)}.article-social-comments__head>div{display:grid;gap:4px;min-width:0}.article-social-comments__head span{color:color-mix(in srgb,var(--article-blue) 84%,var(--text));font-size:12px;font-weight:var(--tibiu-weight-bold,700);line-height:16px}.article-social-comments__head h2{margin:0;color:var(--text);font-size:18px;font-weight:var(--tibiu-weight-bold,700);line-height:23px}.article-social-comments__head p,.article-social-comments__head strong{margin:0;color:var(--tibiu-color-hint-text,var(--text-muted));font-size:13px;line-height:17px}.article-comment-composer{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;min-width:0;padding:14px 0;border-block:1px solid var(--article-line)}.article-comment-compose-entry{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--article-line)}.article-comment-compose-entry__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--article-blue);color:#fff;font:inherit;font-size:14px;font-weight:var(--tibiu-weight-bold,700);cursor:pointer}.article-comment-compose-entry small{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:12px;line-height:16px}.article-comment-composer-layer{position:fixed;z-index:92;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 18px max(18px,env(safe-area-inset-bottom))}.article-comment-composer-layer__backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42);cursor:pointer}.article-comment-composer-layer__sheet{position:relative;z-index:1;width:min(680px,100%);max-height:min(86dvh,680px);overflow:auto;border:1px solid var(--article-line);border-radius:18px 18px 10px 10px;background:var(--bg);box-shadow:0 -18px 48px rgba(15,23,42,.18)}.article-comment-composer-layer__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border-bottom:1px solid var(--article-line);background:var(--bg)}.article-comment-composer-layer__header h3{margin:0;color:var(--text);font-size:16px;font-weight:var(--tibiu-weight-bold,700)}.article-comment-composer-layer__header button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--article-soft);color:var(--text);cursor:pointer}.article-comment-composer-layer .article-comment-composer{padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-block:0}.article-comment-card__avatar,.article-comment-composer__avatar{width:40px;height:40px;font-size:14px}.article-comment-composer__body{display:grid;gap:8px;min-width:0}.article-comment-composer__reply{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 8px 0 10px;border-radius:8px;background:var(--article-soft);color:var(--text);font-size:13px}.article-comment-composer__reply button{border:0;background:transparent;color:var(--tibiu-color-hint-text,var(--text-muted));cursor:pointer;font:inherit;font-size:12px}.article-comment-composer textarea{width:100%;min-width:0;resize:vertical;border:1px solid var(--article-line);border-radius:8px;outline:0;background:var(--bg);color:var(--text);font:inherit;font-size:14px;line-height:20px;padding:10px 12px}.article-comment-composer textarea:focus{border-color:color-mix(in srgb,var(--article-blue) 46%,var(--article-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--article-sky) 12%,transparent)}.article-comment-composer__foot small{color:var(--tibiu-color-hint-text,var(--text-muted));font-size:12px;line-height:16px}.article-comment-composer__foot .plain-button:disabled{cursor:default;opacity:.55}.article-comment-list{display:grid;gap:12px;min-width:0}.article-comment-timeline{display:grid;gap:0}.article-comment-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;min-width:0;padding:14px 0;border-bottom:1px solid var(--article-line)}.article-comment-card__body{display:grid;gap:8px;min-width:0}.article-comment-card__head>div{display:grid;gap:2px;min-width:0}.article-comment-card__text{color:color-mix(in srgb,var(--text) 88%,var(--text-muted))}.article-comment-card__replies{display:grid;gap:10px;padding:10px 12px;border-radius:8px;background:var(--article-soft)}.article-comment-card__reply{display:grid;gap:6px;min-width:0}.article-comment-card__reply+.article-comment-card__reply{padding-top:10px;border-top:1px solid var(--article-line)}.article-comment-card__reply-actions{gap:10px}.article-comment-card__reply-actions .article-comment-card__action{min-height:24px;font-size:12px}.article-comment-load-more{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--article-line);border-radius:999px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;font-weight:var(--tibiu-weight-semibold,600);cursor:pointer}.article-comment-load-more:hover{border-color:color-mix(in srgb,var(--article-blue) 42%,var(--article-line));color:color-mix(in srgb,var(--article-blue) 84%,var(--text))}@media (max-width:900px){.article-public-feed-layout{grid-template-columns:1fr;gap:14px}.article-public-feed-rail{position:static;gap:12px}.article-public-sort-tabs,.article-public-tabs{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.article-public-tabs::-webkit-scrollbar{display:none}.article-public-tabs button{flex:0 0 auto;justify-content:center;padding:0 12px;border:1px solid transparent;border-radius:999px;background:var(--article-soft)}.article-public-tabs button:after{display:none}.article-public-stream{margin-inline:-18px;border-inline:0}}@media (max-width:760px){.article-public-quick-nav{margin-right:-18px;padding-right:18px}.article-public-compose-card{grid-template-columns:38px minmax(0,1fr)}.article-public-compose-card__action{grid-column:2;justify-self:start}.article-feed-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:16px 18px}.article-feed-card__avatar{width:40px;height:40px;font-size:14px}.article-feed-card__title{font-size:16px}.article-feed-card__actions,.article-public-detail__actions{flex-wrap:nowrap;margin-right:-18px;padding-right:18px;overflow-x:auto;scrollbar-width:none}.article-feed-card__actions::-webkit-scrollbar,.article-public-detail__actions::-webkit-scrollbar{display:none}.article-feed-card__actions>*,.article-public-detail__actions>*{flex:0 0 auto}.article-public-detail h1{font-size:22px}.article-comment-composer-layer{padding:max(16px,env(safe-area-inset-top)) 0 0}.article-comment-composer-layer__sheet{width:100%;max-height:86dvh;border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0}.article-public-detail__body h2,.article-public-detail__section-head h2{font-size:16px;line-height:21px}.article-comment-card,.article-comment-composer{grid-template-columns:34px minmax(0,1fr);gap:10px}.article-comment-card__avatar,.article-comment-composer__avatar{width:34px;height:34px;font-size:12px}}