2 lines
13 KiB
CSS
2 lines
13 KiB
CSS
.detail-page[data-v-cbff74d9]{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#f6f8fb;color:#111}.detail-topbar[data-v-cbff74d9]{position:relative;z-index:10;flex-shrink:0;background:rgba(255,255,255,.98);border-bottom:.03125rem solid #edf0f4}.detail-topbar__nav[data-v-cbff74d9]{height:3rem;padding:0 .875rem;display:flex;align-items:center;justify-content:space-between}.detail-topbar__action[data-v-cbff74d9]{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem}.detail-topbar__action--back[data-v-cbff74d9]{background:#f4f6fa}.detail-topbar__title[data-v-cbff74d9]{font-size:1.0625rem;line-height:1;font-weight:700;color:#0b0b0c}.detail-scroll[data-v-cbff74d9]{flex:1;min-height:0}.detail-loading[data-v-cbff74d9],.detail-error[data-v-cbff74d9]{min-height:17.5rem;padding:3.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;color:#87909f;font-size:.8125rem}.detail-error__icon[data-v-cbff74d9]{width:2.625rem;height:2.625rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf1ff;color:#1468f5;font-size:1.3125rem;font-weight:700}.detail-error__title[data-v-cbff74d9]{color:#1b2430;font-size:1rem;font-weight:700}.detail-error__desc[data-v-cbff74d9]{color:#87909f;font-size:.78125rem}.detail-error__actions[data-v-cbff74d9]{margin-top:.3125rem;display:flex;gap:.5625rem}.detail-error__btn[data-v-cbff74d9]{min-width:4.875rem;height:2.125rem;padding:0 .8125rem;display:flex;align-items:center;justify-content:center;border:.03125rem solid #dbe1ea;border-radius:31.21875rem;color:#586273;background:#fff}.detail-error__btn--primary[data-v-cbff74d9]{color:#fff;border-color:#1468f5;background:#1468f5}.detail-main[data-v-cbff74d9]{padding:.5rem .5625rem .75rem}.detail-post-card[data-v-cbff74d9]{padding:.75rem .75rem .6875rem;border:.03125rem solid #e4e8ef;border-radius:.625rem;background:#fff;box-shadow:0 .25rem .6875rem rgba(18,37,63,.04)}.detail-post-card__author[data-v-cbff74d9]{display:flex;align-items:center;gap:.4375rem}.detail-post-card__avatar[data-v-cbff74d9]{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;background:#edf3ff}.detail-post-card__author-info[data-v-cbff74d9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.detail-post-card__name[data-v-cbff74d9]{overflow:hidden;color:#111;font-size:.875rem;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.detail-post-card__date[data-v-cbff74d9]{color:#707784;font-size:.6875rem}.detail-post-card__author-actions[data-v-cbff74d9]{flex-shrink:0;display:flex;align-items:center;gap:.3125rem}.detail-post-card__follow[data-v-cbff74d9],.detail-post-card__chat[data-v-cbff74d9]{height:1.75rem;padding:0 .6875rem;display:flex;align-items:center;justify-content:center;border-radius:31.21875rem;font-size:.71875rem;white-space:nowrap}.detail-post-card__follow[data-v-cbff74d9]{border:.0625rem solid #1468f5;color:#1468f5;background:#fff}.detail-post-card__follow.is-active[data-v-cbff74d9]{background:#eaf2ff}.detail-post-card__chat[data-v-cbff74d9]{padding:0 .53125rem;color:#4f5d73;background:#f1f4f8}.detail-post-card__paid-badge[data-v-cbff74d9]{width:auto;margin-top:.625rem;padding:.1875rem .375rem;display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;color:#1468f5;background:#e8f1ff;font-size:.65625rem;font-weight:600}.detail-post-card__title[data-v-cbff74d9]{display:block;margin-top:.5rem;color:#090a0d;font-size:1rem;font-weight:750;line-height:1.42;word-break:break-word}.detail-post-card__summary-wrap[data-v-cbff74d9]{position:relative;margin-top:.3125rem}.detail-post-card__summary[data-v-cbff74d9]{color:#30333a;font-size:.84375rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.detail-post-card__summary--collapsed[data-v-cbff74d9]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.detail-post-card__expand[data-v-cbff74d9]{margin-left:.3125rem;color:#1468f5;font-size:.78125rem;white-space:nowrap}.detail-post-card__expand--collapsed[data-v-cbff74d9]{position:absolute;right:0;bottom:0;margin-left:0;padding-left:1.1875rem;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 38%)}.detail-post-card__bilingual[data-v-cbff74d9]{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.detail-post-card__bilingual-pair[data-v-cbff74d9]{display:flex;flex-direction:column;gap:.25rem}.detail-post-card__bilingual-original[data-v-cbff74d9]{color:#20242b;font-size:.84375rem;font-weight:500;line-height:1.65;word-break:break-word}.detail-post-card__bilingual-translated[data-v-cbff74d9]{color:#647187;font-size:.78125rem;line-height:1.65;word-break:break-word}.detail-post-card__expand--bilingual[data-v-cbff74d9]{display:block;margin-top:.375rem;text-align:right}.detail-images[data-v-cbff74d9]{margin-top:.5625rem}.detail-images__grid[data-v-cbff74d9]{display:flex;flex-wrap:wrap;gap:.3125rem}.detail-images__item[data-v-cbff74d9]{width:calc(33.333% - .21875rem);height:5.75rem;border-radius:.375rem;background:#f0f2f5}.detail-images__external[data-v-cbff74d9]{padding:.6875rem;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background:linear-gradient(135deg,#172033,#27334a)}.detail-images__external-icon[data-v-cbff74d9]{width:2.1875rem;height:2.1875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.625rem;color:#fff;background:rgba(255,255,255,.12);font-size:1.0625rem;font-weight:700}.detail-images__external-body[data-v-cbff74d9]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15625rem}.detail-images__external-title[data-v-cbff74d9]{color:#fff;font-size:.8125rem;font-weight:650}.detail-images__external-desc[data-v-cbff74d9]{color:rgba(255,255,255,.66);font-size:.6875rem}.detail-images__external-btn[data-v-cbff74d9]{padding:.375rem .5625rem;flex-shrink:0;border-radius:31.21875rem;color:#fff;background:#1468f5;font-size:.6875rem}.detail-tags[data-v-cbff74d9]{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.detail-tags__item[data-v-cbff74d9]{padding:.125rem .34375rem;border-radius:.25rem;color:#1468f5;background:#eaf2ff;font-size:.65625rem}.detail-unlock-card[data-v-cbff74d9]{margin-top:.5rem;padding:.75rem .5625rem .5625rem;border:.03125rem solid #c6dcff;border-radius:.625rem;background:linear-gradient(90deg,#edf6ff,#f8fbff 52%,#eaf4ff);box-shadow:inset 0 .03125rem rgba(255,255,255,.8);overflow:hidden}.detail-unlock-card__main[data-v-cbff74d9]{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.detail-unlock-card__visual[data-v-cbff74d9]{position:relative;width:5rem;height:5.3125rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.detail-unlock-card__ring[data-v-cbff74d9]{position:absolute;border-radius:50%;border:.03125rem solid rgba(20,104,245,.12)}.detail-unlock-card__ring--outer[data-v-cbff74d9]{width:4.9375rem;height:4.9375rem;opacity:.55}.detail-unlock-card__ring--middle[data-v-cbff74d9]{width:4.0625rem;height:4.0625rem;opacity:.7}.detail-unlock-card__ring--inner[data-v-cbff74d9]{width:3.3125rem;height:3.3125rem;border-color:rgba(20,104,245,.06);background:rgba(20,104,245,.1)}.detail-unlock-card__lock[data-v-cbff74d9]{position:relative;z-index:1;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center}.detail-unlock-card__content[data-v-cbff74d9]{flex:1;width:100%;max-width:11.5625rem;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.detail-unlock-card__title[data-v-cbff74d9]{color:#10131a;font-size:1.0625rem;font-weight:750;line-height:1.25}.detail-unlock-card__points[data-v-cbff74d9]{margin-top:.375rem;display:flex;flex-wrap:wrap;align-items:center;color:#30343b;font-size:.71875rem;line-height:1.5}.detail-unlock-card__points .is-primary[data-v-cbff74d9]{color:#1468f5;font-size:.875rem}.detail-unlock-card__dot[data-v-cbff74d9]{margin:0 .3125rem;color:#7c8798}.detail-unlock-card__link[data-v-cbff74d9]{height:1rem;margin-top:.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;color:#1468f5;font-size:.71875rem;line-height:1}.detail-unlock-card__link>uni-text[data-v-cbff74d9]{line-height:1}.detail-unlock-card__link[data-v-cbff74d9] .u-icon{display:flex;align-items:center;justify-content:center;line-height:1}.detail-unlock-card__btn[data-v-cbff74d9]{width:100%;height:2.3125rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;border-radius:31.21875rem;color:#fff;background:linear-gradient(90deg,#176af6,#0878f8);box-shadow:0 .25rem .625rem rgba(20,104,245,.18);font-size:.875rem;font-weight:700}.detail-unlock-card__btn.is-disabled[data-v-cbff74d9]{opacity:.58}.detail-unlock-card__notice[data-v-cbff74d9]{margin-top:.5625rem;display:flex;align-items:center;justify-content:center;gap:.25rem;color:#7c8798;font-size:.65625rem;line-height:1.45;text-align:center}.detail-tools[data-v-cbff74d9]{margin-top:.375rem;display:flex;justify-content:flex-end;gap:.375rem}.detail-tools__item[data-v-cbff74d9]{padding:.25rem .5rem;border-radius:31.21875rem;color:#1468f5;background:#eaf2ff;font-size:.65625rem}.detail-tools__item--danger[data-v-cbff74d9]{color:#e54242;background:#fff0f0}.detail-discussion[data-v-cbff74d9]{margin-top:.5rem;border:.03125rem solid #e8ebf0;border-radius:.5625rem;background:#fff;overflow:hidden}.detail-interaction[data-v-cbff74d9]{padding:.625rem;border-bottom:.03125rem solid #edf0f4}.detail-interaction__header[data-v-cbff74d9]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.detail-interaction__title[data-v-cbff74d9]{color:#111;font-size:.9375rem;font-weight:720}.detail-interaction__stats[data-v-cbff74d9]{display:flex;align-items:center;gap:.9375rem}.detail-interaction__stat[data-v-cbff74d9]{display:flex;align-items:center;gap:.1875rem;color:#737373;font-size:.75rem}.detail-interaction__stat .is-active[data-v-cbff74d9]{color:#1468f5}.detail-comments[data-v-cbff74d9]{padding:0 .625rem .25rem}.detail-comments__empty[data-v-cbff74d9],.detail-comments__error[data-v-cbff74d9]{padding:1.625rem 0;display:flex;align-items:center;justify-content:center;gap:.375rem;color:#9aa1ac;font-size:.71875rem}.detail-comments__retry[data-v-cbff74d9]{color:#1468f5}.detail-comments__loading[data-v-cbff74d9]{padding:.625rem 0;display:flex;justify-content:center}.comment-item[data-v-cbff74d9]{padding:.6875rem 0;display:flex;gap:.5rem;border-bottom:.03125rem solid #edf0f4}.comment-item[data-v-cbff74d9]:last-of-type{border-bottom:0}.comment-item__avatar[data-v-cbff74d9]{width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:#edf2f8}.comment-item__body[data-v-cbff74d9]{flex:1;min-width:0}.comment-item__heading[data-v-cbff74d9]{display:flex;align-items:center;justify-content:space-between;gap:.3125rem}.comment-item__name[data-v-cbff74d9]{color:#17191e;font-size:.8125rem;font-weight:680}.comment-item__more[data-v-cbff74d9]{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:#818894;font-size:.9375rem}.comment-item__content[data-v-cbff74d9]{margin-top:.1875rem;display:flex;align-items:center;gap:.4375rem}.comment-item__text[data-v-cbff74d9]{flex:1;min-width:0;color:#2f333a;font-size:.84375rem;line-height:1.55;word-break:break-word}.comment-item__meta[data-v-cbff74d9]{margin-top:.3125rem;min-height:.9375rem;display:flex;align-items:center;gap:.75rem}.comment-item__time[data-v-cbff74d9],.comment-item__like[data-v-cbff74d9],.comment-item__reply-btn[data-v-cbff74d9]{height:.9375rem;display:inline-flex;align-items:center;line-height:1;color:#9299a4;font-size:.65625rem}.comment-item__like[data-v-cbff74d9]{flex-shrink:0;display:flex;align-items:center;gap:.1875rem;color:#737a86;font-size:.6875rem}.comment-item__like .is-active[data-v-cbff74d9],.comment-item__reply-btn[data-v-cbff74d9]{color:#1468f5}.comment-replies[data-v-cbff74d9]{margin-top:.375rem;padding:.375rem .4375rem;border-radius:.3125rem;background:#f6f8fb}.comment-replies__more[data-v-cbff74d9]{display:block;margin-top:.21875rem;color:#8b94a2;font-size:.625rem}.comment-reply[data-v-cbff74d9]{color:#3b414b;font-size:.6875rem;line-height:1.62}.comment-reply__name[data-v-cbff74d9]{color:#1468f5;font-weight:600}.comment-reply__arrow[data-v-cbff74d9]{color:#8b94a2}.comment-reply__delete[data-v-cbff74d9]{color:#e54242}.detail-input-bar[data-v-cbff74d9]{flex-shrink:0;padding:.375rem .5625rem;padding-bottom:calc(env(safe-area-inset-bottom) + .375rem);display:flex;align-items:center;gap:.375rem;border-top:.03125rem solid #e9edf2;background:rgba(255,255,255,.98);box-shadow:0 -.3125rem .875rem rgba(30,42,58,.04)}.detail-input-bar__input[data-v-cbff74d9]{flex:1;height:2rem;padding:0 .6875rem;border-radius:31.21875rem;color:#262a31;background:#f3f5f7;font-size:.78125rem}.detail-input-bar__btn[data-v-cbff74d9]{min-width:3.25rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:31.21875rem;color:#fff;background:linear-gradient(90deg,#176bf4,#0b79f5);font-size:.8125rem}
|