/* Same-place reading: quiet white canvas, copper send control, distinct social actions. */
.sq-reader{--sqr-ink:#242424;--sqr-muted:#808080;--sqr-line:#eeeeee;--sqr-copper:#ad7958;position:fixed;inset:0;width:min(1190px,calc(100vw - 170px));height:min(830px,calc(100dvh - 110px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:17px;background:transparent;color:var(--sqr-ink);overflow:visible;overscroll-behavior:contain;font-family:inherit}
.sq-reader::backdrop{background:rgba(36,36,36,.48);backdrop-filter:blur(3px)}
.sq-reader[open]{animation:sqr-arrive .2s ease-out}
@keyframes sqr-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sq-reader [hidden]{display:none!important}
.channel-page .sq-card-body,.sq-reader .sq-card-body{cursor:pointer}
.sq-reader :focus-visible{outline:2px solid #ae7a57;outline-offset:3px}
.sqr-mount{height:100%;min-height:0}
.sqr-panel{height:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"content author" "content comments" "content composer";background:#fff;border-radius:17px;box-shadow:0 22px 100px #1114;overflow:hidden;isolation:isolate}
.sqr-close{position:absolute;right:-68px;top:0;width:45px;height:45px;min-height:45px;padding:0;border:0;border-radius:50%;background:#fff;color:#292929;box-shadow:0 2px 15px #0001;font:300 29px/1 system-ui;display:grid;place-items:center;cursor:pointer;transition:transform .18s,background .18s;z-index:3}
.sqr-close:hover{transform:rotate(8deg);background:#f1f1f1}
.sqr-mobile-title{display:none}
.sqr-content{grid-area:content;padding:28px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent;scroll-behavior:auto}
.sqr-article{max-width:none;width:100%;min-width:0;margin:0;padding:0;border:0;line-height:1.85;overflow-wrap:anywhere}
.sq-reader .sqr-article>h1{font-size:clamp(24px,2.2vw,31px);font-weight:700;line-height:1.4;letter-spacing:-.035em;margin:12px 0 18px;color:#191919}
.sq-reader .sqr-article>.sq-kicker,.sq-reader .sqr-article>.tags{margin:22px 0 0;display:flex;gap:6px;flex-wrap:wrap;font-size:11px}
.sq-reader .sqr-article>.sq-kicker>span,.sq-reader .sqr-article>.tags>span{border:0;border-radius:5px;color:#966541;background:#f5ece6;padding:3px 8px;line-height:1.5}
.sq-reader .sqr-article p,.sq-reader .sqr-article .v2-prose{font-size:17px;line-height:1.9;margin:12px 0;color:#474747}
.sq-reader .sqr-article h2{font-size:18px;line-height:1.5;letter-spacing:-.02em;margin:22px 0 12px}
.sq-reader .sqr-visual{width:100%;max-width:none;min-height:0;margin:0 0 4px;overflow:hidden;border-radius:9px;background:#f2f2f2;position:relative;display:grid;place-items:center}
.sq-reader .sqr-visual>svg{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9}
.sq-reader .sqr-visual:has(>.square-photo)>svg{display:none}
.sq-reader .sqr-visual img{display:block;position:static;max-height:380px;width:100%;height:auto;object-fit:contain}
.sq-reader .sqr-visual a{display:block;width:100%}
.sq-reader .sqr-visual figcaption{width:100%;padding:6px 12px;font-size:10px;line-height:1.6;color:#7a7a7a;background:#fafafa}
.sqr-author{grid-area:author;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:25px 23px 22px;border-left:1px solid var(--sqr-line);border-bottom:1px solid var(--sqr-line);min-width:0;background:#fff}
.sq-reader .sqr-author .sq-author{flex:1;min-width:90px;gap:10px;font-size:16px;font-weight:650}
.sq-reader .sqr-author .square-avatar{height:42px;width:42px;font-size:17px;background:#f0f0f0;color:#5d5d5d;border:1px solid #e4e4e4}
.sq-reader .sqr-author .sq-author>span:last-child{display:block;min-width:0;line-height:1.6}
.sq-reader .sqr-author .sq-author small{font-weight:400;font-size:11px;color:var(--sqr-muted)}
.sq-reader .sqr-author .sq-follow{padding:6px 11px;border-radius:18px;background:#fff;color:#95603f;border:1px solid #b69379;font-size:12px;min-height:32px;flex:none}
.sq-reader .sqr-author .sq-follow[aria-pressed=true]{border-color:#e3e3e3;color:#808080;background:#f8f8f8}
.sq-reader .sqr-author .sq-manage{position:relative;margin:0;width:100%;font-size:11px}
.sq-reader .sqr-author .sq-manage>summary{font-size:11px;min-height:25px;color:#838383}
.sq-reader .sqr-author .sq-manage nav{position:absolute;right:0;z-index:3;background:#fff;box-shadow:0 8px 30px #0002;border:1px solid #eee;border-radius:9px;min-width:150px}
.sqr-comments{grid-area:comments;min-height:0;margin:0;padding:23px;overflow-y:auto;border-left:1px solid var(--sqr-line);scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent;overscroll-behavior:contain}
.sq-reader .sqr-comments>h2{font-size:15px;line-height:1.6;font-weight:650;margin:0 0 22px}
.sq-reader .sqr-comments>h2 small{font-weight:400;color:#8a8a8a;font-size:12px;margin-left:8px}
.sq-reader .sqr-empty-comments{margin:25px 0;font-size:13px;line-height:1.9;color:#969696;max-width:220px}
.sq-reader .reply-thread{margin:0 0 26px}
.sq-reader .sqr-comments .v2-reply{position:relative;padding:0 0 0 41px;margin:0 0 22px;border:0;background:transparent;min-width:0}
.sq-reader .sqr-comments .v2-reply.child{margin-left:24px;padding-left:35px;border-left:1px solid #eeeeee}
.sq-reader .sqr-reply-avatar{position:absolute;left:0;top:0;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#5f5f5f;background:#f0f0f0;font-size:12px}
.sq-reader .v2-reply.child .sqr-reply-avatar{left:7px;width:23px;height:23px;font-size:10px}
.sq-reader .reply-heading{display:flex;gap:3px 8px;font-size:12px;line-height:1.5;margin:0}
.sq-reader .reply-author{font-size:13px;color:#5b5b5b;text-decoration:none}
.sq-reader .reply-heading time{margin:0;width:100%;font-size:10px;color:#9b9b9b}
.sq-reader .v2-reply>p{font-size:15px;line-height:1.85;margin:7px 0;color:#383838;white-space:normal;overflow-wrap:anywhere}
.sq-reader .sqr-author-badge{padding:1px 5px;color:#a37150;background:#f5ece5;font-size:10px;border-radius:4px}
.sq-reader .reply-recipient{font-size:10px;color:#919191}
.sq-reader .reply-actions{gap:4px 15px;align-items:center;margin:6px 0 0}
.sq-reader .sqr-reply,.sq-reader .reply-actions .v2-inline .button{background:none;border:0;box-shadow:none;font-size:11px;color:#979797;min-height:30px;padding:3px 0;border-radius:0;cursor:pointer}
.sq-reader .sqr-reply:hover{color:var(--sqr-copper)}
.sq-reader .reply-actions .v2-inline{margin:0}
.sq-reader .reply-more{margin:6px 0 0 24px}
.sq-reader .reply-more>summary{color:#987155;font-size:11px;cursor:pointer}
.sq-reader .reply-image-gallery{gap:6px;margin:9px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-reader .reply-image-gallery img{max-height:130px;width:100%;object-fit:contain}
.sqr-composer{grid-area:composer;min-width:0;padding:16px 20px 19px;border-left:1px solid var(--sqr-line);background:#fff}
.sqr-comment-form{margin:0;padding:0;min-width:0}
.sqr-input-row{display:flex;align-items:flex-end;gap:6px;border-radius:24px;padding:4px;background:#f2f2f2;transition:box-shadow .18s}
.sqr-input-row:focus-within{box-shadow:0 0 0 1px #bc967b;background:#f8f8f8}
.sqr-input-row textarea{display:block;flex:1;min-width:0;min-height:40px;max-height:130px;resize:none;border:0;background:transparent;padding:10px 4px;margin:0;font-family:inherit;font-size:13px;line-height:20px;color:#393939;box-shadow:none;outline:none;border-radius:0}
.sqr-input-row textarea::placeholder{color:#999999}
.sq-reader .sqr-input-row textarea:focus{outline:none;box-shadow:none}
.sqr-attach,.sqr-send{flex:none;width:38px;height:38px;min-height:38px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;cursor:pointer}
.sqr-attach{background:transparent;color:#9a9a9a;width:29px}
.sqr-attach svg{width:18px;height:18px}
.sqr-send{background:var(--sqr-copper);color:#fff;box-shadow:0 2px 7px #8f5c3029;transition:transform .15s,background .15s,box-shadow .15s}
.sqr-send svg{width:21px;height:21px;transform:rotate(-6deg)}
.sqr-send:hover:not(:disabled){transform:translateY(-1px);background:#986547;box-shadow:0 4px 10px #8f5c3033}
.sqr-send:active:not(:disabled){transform:scale(.94)}
.sqr-send:disabled{opacity:.5;box-shadow:none;cursor:default}
.sqr-comment-form .form-message{font-size:11px;line-height:1.6;color:#868686;margin:6px 6px 0;outline:none}
.sqr-comment-form .form-message:empty{display:none}
.sqr-comment-form .form-message.error{color:#b84141}
.sqr-login{display:inline-block;font-size:12px;margin:7px;color:#9a6546;text-underline-offset:3px}
.sqr-reply-target{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px 10px;font-size:11px;color:#907058}
.sqr-reply-target>span:before{content:'回复 ';color:#969696}
.sqr-reply-target>button{border:0;background:none;font-size:18px;color:#848484;width:28px;height:28px;padding:0}
.sqr-attachments{max-height:235px;overflow-y:auto;border:1px solid #e9e9e9;border-radius:10px;margin-bottom:10px;padding:12px;background:#fbfbfb;font-size:11px}
.sq-reader .sqr-attachments .reply-image-picker{min-height:32px;padding:6px 10px;font-size:11px}
.sq-reader .sqr-attachments small,.sq-reader .sqr-attachments .nickname-watermark{font-size:10px;line-height:1.7}
.sq-reader .sqr-attachments input[type=checkbox]{width:15px;height:15px;min-height:15px}
.sq-reader .sqr-attachments .image-watermark-option{margin:8px 0}
.sq-reader .sqr-attachments .reply-image-previews figure{margin:0}
.sq-reader .sqr-composer>.sq-social-rail{position:absolute;right:-70px;top:70px;margin:0;padding:13px 5px;width:56px;border:0;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:11px;box-shadow:0 6px 24px #0001}
.sq-reader .sqr-composer .sq-social-button{width:46px;min-width:46px;min-height:55px;font-size:11px;gap:3px;padding:5px 2px;flex-direction:column}
.sq-reader .sqr-composer .sq-social-icon{width:24px;height:24px;margin:0}
.sq-reader .sqr-composer .sq-social-label{display:none}
.sq-reader .sqr-composer .sq-social-share .sq-social-label{display:block;font-size:10px}
.sq-reader .sq-social-like[aria-pressed=true]{color:#ee4659;background:transparent}
.sq-reader .sq-social-favorite[aria-pressed=true]{color:#be9348}
.sq-reader .sq-interaction-status{position:absolute;bottom:20px;max-width:calc(100% - 40px);z-index:5;font-size:12px}
.sq-reader .sqr-article .topic-introduction{margin:0;padding:0;border:0}
.sq-reader .sqr-article .square-topic-context{display:flex;gap:5px;flex-wrap:wrap;align-items:baseline;margin:16px 0 0;padding:0;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.6}
.sq-reader .square-topic-context>span{font-size:11px;color:#929292}
.sq-reader .square-topic-context>a{font-size:12px;color:#9a7052;font-weight:500;text-decoration:none}
.sq-reader .sqr-article .topic-contributions{margin:24px 0 10px;padding:0;border:0}
.sq-reader .sqr-article .topic-contributions>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.sq-reader .topic-contributions h2{margin:0;font-size:17px}
.sq-reader .topic-contributions h2 span{font-size:12px;font-weight:400;color:#929292;margin-left:6px}
.sqr-topic-compose{position:relative;margin:0;font-size:12px;color:#a87350}
.sqr-topic-compose>summary{list-style:none;cursor:pointer;min-height:34px;display:flex;align-items:center}
.sqr-topic-compose>summary::-webkit-details-marker{display:none}
.sqr-topic-compose>nav{position:absolute;right:0;top:100%;min-width:225px;background:#fff;border:1px solid #e9e9e9;box-shadow:0 8px 30px #0002;border-radius:10px;padding:5px;z-index:3}
.sqr-topic-compose>nav>a{display:flex;gap:10px;padding:9px;color:#474747;text-decoration:none;border-radius:6px;align-items:center}
.sqr-topic-compose>nav>a:hover{background:#f6f6f6}
.sqr-topic-compose>nav small{display:block;font-size:10px;color:#989898}
.sqr-topic-compose>nav strong{font-size:12px}
.sqr-topic-compose>nav .sq-compose-symbol{font-size:16px;color:#a57353;width:24px;flex:none}
.sq-reader .topic-contribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sq-reader .topic-contributions .sq-card{height:auto;aspect-ratio:auto;min-height:0;padding:0;border:0;gap:0;background:transparent}
.sq-reader .topic-contributions .sq-media{height:125px;flex:none;min-height:0;margin:0 0 7px;aspect-ratio:2}
.sq-reader .topic-contributions .sq-card h3{font-size:14px;margin:5px 0;line-height:1.5}
.sq-reader .topic-contributions .sq-excerpt{font-size:11px;line-height:1.6}
.sq-reader .topic-contributions .sq-context{font-size:10px}
.sq-reader .topic-contributions .sq-card-footer{margin-top:5px;padding-top:5px;min-height:32px}
.sq-reader .topic-contributions .sq-author strong{max-width:125px;font-size:10px}
.sq-reader .topic-contributions .sq-card .sq-kicker{font-size:8px;left:5px;top:5px}
.sq-reader .topic-contributions .sq-social-button{font-size:10px;gap:4px;min-width:25px;min-height:34px}
.sq-reader .topic-contributions .sq-social-icon{width:16px;height:16px}
.sq-reader .topic-empty{padding:20px 0;background:transparent;border:0;border-radius:0}
.sq-reader .topic-empty strong{font-size:14px;font-weight:500;color:#848484}
.sq-reader .topic-empty p,.sq-reader .topic-rights{font-size:11px;color:#979797}
.sq-reader .sqr-article .sq-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.sq-reader .sqr-article .sq-primary-actions .button{padding:10px 20px;border-radius:7px;font-size:13px;min-height:42px;font-weight:550}
.sq-reader .sqr-article .sq-work-action-row{gap:10px;margin:16px 0}
.sq-reader .sqr-article .sq-participants{padding:8px 0;text-decoration:none}
.sq-reader .sqr-article .sq-participants strong{font-size:11px}
.sq-reader .sqr-article .sq-participants small{font-size:10px}
.sq-reader .sqr-article .sq-section{margin:22px 0;padding:0;border:0}
.sq-reader .sqr-article .sq-section>header{gap:10px;align-items:center}
.sq-reader .sqr-article .sq-section>header .button{font-size:12px;padding:6px 12px;min-height:32px}
.sq-reader .sqr-article .sq-section .sq-intent,.sq-reader .sqr-article .sq-section .sq-context{font-size:12px}
.sq-reader .sqr-article .sq-gallery{margin:15px 0}
.sq-reader .sqr-article .sq-gallery img{max-height:420px;object-fit:contain}
.sq-reader .sqr-article .sq-test-facts{font-size:12px}
.sq-reader .sqr-article .sq-conclusion-block{padding:14px 18px;border-radius:8px;margin:18px 0;background:#f6f6f6}
.sq-reader .sqr-article .sq-conclusion-block h2{margin:0 0 8px;font-size:13px;color:#858585}
.sq-reader .sqr-extra,.sq-reader .sqr-article>.v2-fold,.sq-reader .sqr-article>.sq-ai-tools,.sq-reader .topic-about{padding:13px 0;margin:0;border:0;border-top:1px solid #eee;background:none}
.sq-reader .sqr-extra>summary,.sq-reader .sqr-article>.v2-fold>summary,.sq-reader .sqr-article>.sq-ai-tools>summary,.sq-reader .topic-about>summary{font-size:12px;color:#7c7c7c;cursor:pointer;font-weight:500}
.sq-reader .sqr-article .v2-form{box-shadow:none;background:#f9f9f9;padding:14px;border-radius:9px;font-size:12px}
.sq-reader .sqr-article .v2-form h3{font-size:15px}
.sq-reader .sqr-article .notice,.sq-reader .sqr-article .v2-callout{font-size:11px;padding:12px 15px;line-height:1.8;margin:20px 0}
.sq-reader .sqr-article .v2-callout p{font-size:11px;margin:3px 0}
.sqr-loading,.sqr-load-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff;border-radius:17px;padding:35px;color:#888888;text-align:center}
.sqr-load-error h2{font-size:20px;font-weight:550;color:#585858}
@media(max-width:900px){
 .sq-reader{width:100%;height:var(--sqr-viewport-height,100dvh);margin:0;inset:var(--sqr-viewport-top,0) 0 auto;max-height:none;border-radius:0;padding-top:49px;background:#fff}
 .sq-reader::backdrop{background:#3337;backdrop-filter:none}
 .sqr-mount{height:100%;min-height:0}
 .sqr-mobile-title{display:block;position:absolute;top:0;left:0;width:100%;height:49px;line-height:49px;padding:0 20px;border-bottom:1px solid #efefef;font-size:15px;font-weight:650;background:#fff}
 .sqr-close{right:10px;top:4px;width:41px;min-height:41px;height:41px;font-size:27px;box-shadow:none;background:transparent}
 .sqr-panel{display:flex;flex-direction:column;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;box-shadow:none}
 .sqr-author{order:0;flex:none;padding:15px 20px;border-left:0;border-bottom:0;gap:12px}
 .sq-reader .sqr-author .sq-author{font-size:13px}
 .sq-reader .sqr-author .square-avatar{height:35px;width:35px;font-size:14px}
 .sq-reader .sqr-author .sq-follow{font-size:11px;min-height:30px;padding:4px 11px}
 .sqr-content{order:1;flex:none;overflow:visible;min-height:auto;padding:0 20px 14px}
 .sq-reader .sqr-article>h1{font-size:22px;line-height:1.45;margin:11px 0 12px}
 .sq-reader .sqr-article>.sq-kicker,.sq-reader .sqr-article>.tags{margin-top:17px;font-size:10px}
 .sq-reader .sqr-article p,.sq-reader .sqr-article .v2-prose{font-size:15px;line-height:1.9}
 .sq-reader .sqr-visual img,.sq-reader .sqr-visual>svg{max-height:300px}
 .sqr-comments{order:2;flex:1 0 auto;overflow:visible;min-height:150px;border-left:0;border-top:1px solid #f0f0f0;padding:20px}
 .sq-reader .sqr-comments>h2{font-size:15px}
 .sq-reader .sqr-comments .v2-reply{padding-left:40px}
 .sq-reader .sqr-comments .v2-reply.child{padding-left:33px}
 .sqr-composer{position:sticky;bottom:0;order:3;flex:none;width:100%;display:flex;align-items:center;gap:8px;border-left:0;border-top:1px solid #ececec;padding:9px 12px calc(9px + env(safe-area-inset-bottom));margin-top:auto;z-index:2;background:#fffffff5;backdrop-filter:blur(12px)}
 .sqr-comment-form{flex:1;min-width:70px}
 .sqr-input-row{padding:0 10px;border-radius:22px}
 .sqr-input-row textarea{font-size:16px;line-height:20px;padding:10px 0;min-height:40px}
 .sqr-input-row textarea::placeholder{font-size:12px}
 .sqr-composer:not(.is-writing) .sqr-send,.sqr-composer:not(.is-writing) .sqr-attach{display:none}
 .sq-reader .sqr-composer>.sq-social-rail{position:static;display:flex;flex-direction:row;flex:none;gap:0;width:auto;border:0;background:transparent;box-shadow:none;padding:0;margin:0;border-radius:0}
 .sq-reader .sqr-composer>.sq-social-rail .sq-social-button{min-width:36px;width:auto;min-height:42px;flex-direction:column;gap:1px;font-size:9px;padding:0 4px}
 .sq-reader .sqr-composer>.sq-social-rail .sq-social-icon{width:20px;height:20px}
 .sq-reader .sqr-composer>.sq-social-rail .sq-social-label{display:none}
 .sq-reader .sqr-composer.is-writing{display:block}
 .sq-reader .sqr-composer.is-writing>.sq-social-rail{display:none}
 .sq-reader .sqr-composer.is-writing .sqr-input-row{padding:4px;gap:5px}
 .sq-reader .sqr-composer.is-writing textarea{padding:10px 4px}
 .sqr-composer.is-writing .sqr-send,.sqr-composer.is-writing .sqr-attach{width:44px;height:44px;min-width:44px}
 .sqr-attachments{max-height:180px}
 .sq-reader .sqr-article .sq-primary-actions{gap:8px;margin:0}
 .sq-reader .sqr-article .sq-primary-actions .button{font-size:12px;padding:9px 16px;min-height:40px}
 .sq-reader .sqr-article .sq-participants{padding:9px 0;border-top:0;margin:0}
 .sq-reader .sqr-article .sq-participant-faces .square-avatar{width:23px;height:23px;font-size:10px}
 .sq-reader .sqr-article .sq-participants strong{font-size:11px}
 .sq-reader .topic-contribution-grid{gap:12px}
 .sq-reader .topic-contributions .sq-media{height:98px}
 .sq-reader .topic-contributions .sq-card h3{font-size:13px}
 .sq-reader .topic-contributions .sq-card-footer{overflow:hidden}
 .sq-reader .topic-contributions .sq-author strong{max-width:90px}
 .sq-reader .topic-contributions .sq-card .sq-kicker{display:flex;flex-wrap:wrap;gap:2px;font-size:7px}
 .sq-reader .topic-contributions .sq-social-button{min-width:24px;min-height:38px;font-size:9px;padding:0 1px}
 .sq-reader .topic-contributions .sq-social-icon{width:15px;height:15px}
 .sq-reader .sq-interaction-status{bottom:85px;padding:9px 16px}
 .sqr-loading,.sqr-load-error{border-radius:0}
}
@media(prefers-reduced-motion:reduce){.sq-reader[open]{animation:none}.sqr-close,.sqr-send,.sqr-input-row{transition:none}}