/* 短视频评论面板，对齐 Flutter 当前浅色评论组件 */
.sc-mask{--sc-ink:#121212;--sc-muted:#A0A4A8;--sc-secondary:#6B7176;--sc-gold:#E3B459;position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;color:var(--sc-ink);z-index:110;}
.sc-mask[hidden],.sc-mask [hidden]{display:none!important;}
.sc-mask button,.sc-mask textarea{font-family:inherit;}
.sc-mask button{cursor:pointer;}
.sc-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;background:rgba(0,0,0,.5);border:0;touch-action:none;}
.sc-sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:430px;height:55vh;height:55dvh;max-height:100%;background:#FFF;border-top:1px solid #E6E6E4;border-radius:20px 20px 0 0;outline:0;overflow:hidden;animation:sc-enter .2s ease-out;}
.sc-heading{position:relative;flex:0 0 auto;text-align:center;border-bottom:1px solid #E6E6E4;touch-action:none;user-select:none;}
.sc-handle{width:40px;height:4px;margin:12px auto 4px;background:var(--sc-muted);border-radius:2px;}
.sc-heading h2{color:var(--sc-ink);font-size:14px;font-weight:600;line-height:20px;padding:8px 40px;}
.sc-close{position:absolute;top:14px;right:6px;width:36px;height:36px;color:var(--sc-muted);padding:0;background:transparent;border:0;}
.sc-close:before,.sc-reply-hint button:before{content:"\eb99";font-family:"Remix";font-size:20px;}
.sc-scroll{min-height:0;flex:1;padding:12px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;outline:0;}
.sc-scroll::-webkit-scrollbar{display:none;}
.sc-scroll.is-empty{display:flex;align-items:center;justify-content:center;}
.sc-state{color:var(--sc-muted);font-size:14px;text-align:center;line-height:1.5;padding:16px 0;}
.sc-state button,.sc-more{color:var(--sc-secondary);font-size:12px;margin-top:8px;padding:8px 12px;background:transparent;border:0;}
.sc-more{display:block;margin:0 auto;}
.sc-item{display:flex;align-items:flex-start;gap:12px;padding:0 0 20px;}
.sc-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;color:#FFF;background:linear-gradient(135deg,#E3B459,#F0C978);border-radius:50%;overflow:hidden;}
.sc-avatar:before{content:"\f256";font-family:"Remix";font-size:20px;}
.sc-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sc-main{min-width:0;flex:1;}
.sc-name{display:block;color:var(--sc-muted);font-size:13px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;}
.sc-content{color:var(--sc-ink);font-size:15px;line-height:1.4;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;}
.sc-content strong{color:var(--sc-gold);font-weight:400;}
.sc-meta{display:flex;align-items:center;gap:12px;margin-top:8px;}
.sc-meta time{color:var(--sc-muted);font-size:12px;line-height:1.4;}
.sc-meta button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:28px;min-height:28px;color:var(--sc-muted);font-size:12px;line-height:1;padding:4px;background:transparent;border:0;}
.sc-meta .sc-reply{font-weight:500;margin-left:4px;}
.sc-meta .sc-like{margin-left:auto;}
.sc-meta .sc-like:before{content:"\ee0f";font-family:"Remix";font-size:20px;}
.sc-meta .sc-like[aria-pressed="true"]{color:#E53935;}
.sc-meta .sc-like[aria-pressed="true"]:before{content:"\ee0e";}
.sc-meta .sc-dislike:before{content:"\ec3c";font-family:"Remix";font-size:20px;}
.sc-meta .sc-dislike[aria-pressed="true"]{color:var(--sc-secondary);}
.sc-meta .sc-dislike[aria-pressed="true"]:before{content:"\ec3b";}
.sc-meta button:disabled{cursor:wait;opacity:.6;}
.sc-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--sc-secondary);font-size:12px;font-weight:500;margin-top:6px;padding:0;background:transparent;border:0;}
.sc-toggle:before{content:"";width:20px;height:1px;background:var(--sc-muted);}
.sc-toggle:after{content:"\ea4e";font-family:"Remix";font-size:14px;}
.sc-toggle[aria-expanded="true"]:after{content:"\ea78";}
.sc-item.is-reply{gap:8px;padding:12px 0 0;}
.sc-item.is-reply .sc-avatar{width:28px;height:28px;flex-basis:28px;}
.sc-item.is-reply .sc-avatar:before{font-size:14px;}
.sc-item.is-reply .sc-name{font-size:12px;}
.sc-item.is-reply .sc-content{font-size:14px;margin-top:3px;}
.sc-item.is-reply .sc-meta{gap:10px;margin-top:6px;}
.sc-item.is-reply .sc-meta time,.sc-item.is-reply .sc-meta button{font-size:11px;}
.sc-item.is-reply .sc-meta button:before{font-size:18px;}
.sc-replies-status{color:var(--sc-muted);font-size:12px;padding-top:10px;}
.sc-replies-status button{color:var(--sc-secondary);font-size:12px;padding:8px;background:transparent;border:0;}
/* 输入与回复状态 */
.sc-composer{flex:0 0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#FFF;}
.sc-compose-row{display:flex;align-items:flex-end;gap:10px;}
.sc-input-surface{display:flex;align-items:flex-end;min-width:0;min-height:48px;flex:1;background:rgba(227,180,89,.06);border:1px solid rgba(227,180,89,.24);border-radius:20px;transition:background .18s,border-color .18s;}
.sc-input-surface:focus-within,.sc-input-surface.is-emoji{background:rgba(227,180,89,.08);border-color:rgba(227,180,89,.42);}
.sc-emoji-toggle{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;color:rgba(227,180,89,.72);padding:0;background:transparent;border:0;}
.sc-emoji-toggle:before{content:"\ec8d";font-family:"Remix";font-size:22px;}
.sc-emoji-toggle[aria-expanded="true"]:before{content:"\ee75";}
.sc-input{display:block;min-width:0;width:100%;height:46px;max-height:108px;flex:1;color:var(--sc-ink);font-size:15px;line-height:20.25px;margin:0;padding:13px 12px 12px 0;background:transparent;border:0;border-radius:0;box-shadow:none!important;outline:none;overflow-y:auto;resize:none;}
.sc-input::placeholder{color:var(--sc-muted);font-size:14px;}
.sc-mask .sc-input:focus,.sc-mask .sc-input:focus-visible{outline:0;box-shadow:none;}
.sc-send{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;color:#17110A;padding:0;background:linear-gradient(135deg,#E3B459,#F0C978);border:0;border-radius:16px;box-shadow:0 4px 12px rgba(227,180,89,.14);}
.sc-send i:before{content:"\f0d9";font-family:"Remix";font-size:20px;font-style:normal;}
.sc-send:disabled{color:rgba(227,180,89,.72);cursor:default;background:rgba(227,180,89,.22);box-shadow:none;}
.sc-send[aria-busy="true"]{color:#17110A;background:linear-gradient(135deg,#E3B459,#F0C978);}
.sc-send[aria-busy="true"] i{width:18px;height:18px;border:2px solid rgba(23,17,10,.2);border-top-color:#17110A;border-radius:50%;animation:sc-spin .7s linear infinite;}
.sc-send[aria-busy="true"] i:before{content:none;}
.sc-reply-hint{display:flex;align-items:center;gap:6px;min-height:38px;margin-bottom:8px;padding:3px 4px 3px 10px;background:rgba(212,168,90,.1);border-radius:12px;}
.sc-reply-hint>i:before{content:"\f07a";color:var(--sc-gold);font-family:"Remix";font-size:16px;font-style:normal;}
.sc-reply-hint span{min-width:0;flex:1;color:var(--sc-secondary);font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sc-reply-hint button{width:32px;height:32px;flex:0 0 32px;color:var(--sc-muted);padding:0;background:transparent;border:0;}
.sc-notice{color:#B04B46;font-size:12px;line-height:1.5;margin-top:6px;}
.sc-emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:calc(200px + env(safe-area-inset-bottom));flex:0 0 auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#FFF;overflow-y:auto;overscroll-behavior:contain;}
.sc-emojis button{aspect-ratio:1;font-size:24px;padding:0;background:transparent;border:0;border-radius:8px;}
.sc-mask.is-keyboard .sc-composer,.sc-mask.is-emoji .sc-composer{padding-bottom:10px;}
.sc-mask button:focus-visible,.sc-scroll:focus-visible{outline:2px solid var(--sc-gold);outline-offset:-2px;}
@keyframes sc-enter{from{transform:translateY(100%);}to{transform:translateY(0);}}
@keyframes sc-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.sc-sheet{animation:none;}.sc-input-surface{transition:none;}}