@layer lab-base{.article{border:1px solid var(--line-strong);max-width:560px;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:0 auto;padding:18px 20px;position:relative}.article .title{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:15px;font-weight:600}.clamp{--lh:1.75em;--lines:3;line-height:var(--lh);color:var(--ink-soft);max-height:calc(var(--lh) * var(--lines));font-size:15px;transition:max-height .4s;position:relative;overflow:hidden}.cwrap{display:flex}.clamp{flex:1}.clamp:before{content:"";float:right;width:0;height:calc(100% - var(--lh))}.clamp .more{float:right;clear:both;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--accent);background:#fff;padding-left:10px;font-weight:600;position:relative}.clamp .more:after{content:"展开 ▾"}.clamp .more:before{content:"…";color:var(--ink-soft);position:absolute;left:-8px;transform:translate(-100%)}.exp{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.exp:checked~.clamp{max-height:100em}.exp:checked~.clamp .more:after{content:"收起 ▴"}.exp:checked~.clamp .more:before{visibility:hidden}.clamp.autohide:after{content:"";background:#fff;width:100%;height:100%;position:absolute}.exp:checked~.clamp.autohide:after{visibility:hidden}.lenpills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .12s}.pill:hover{border-color:var(--accent-line);color:var(--accent)}.pill.on{background:var(--accent);border-color:var(--accent-press);color:#fff}.clamp.x-spacer:before{background:var(--warn-soft);outline:2px dashed var(--warn);width:64px}.clamp.x-overlay:after{outline:2px dashed var(--warn);background:#ff8a3c52}}