/* 书架（2026-10-17，会员 v2）：专题页「书架 / 卡片」切换、取书翻页、首页「继续读」、/me/ 书房、推送方式。
   书本外观：布面颜色按栏目，封面嵌文章配图（没有就画线描）；颜色在深浅色下都保持「实体书」的质感。 */

.bs-book{--cloth:#3f5a4e;--cloth-2:#33493f;--foil:#efe6cf;position:relative;display:block;width:100%;aspect-ratio:3/4.15;border:0;padding:0;background:none;cursor:pointer;
  font:inherit;color:var(--foil);text-align:left;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:50% 100%;container-type:inline-size}
.bs-book:hover{transform:translateY(-8px)}
.bs-book:focus-visible{outline:2px solid var(--ember);outline-offset:6px;border-radius:4px}
.bs-cover{position:absolute;inset:0;border-radius:3px 6px 6px 3px;overflow:hidden;
  background:linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.05) 6px,rgba(255,255,255,.08) 8px,transparent 14px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 4px),linear-gradient(160deg,var(--cloth),var(--cloth-2));
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08),2px 0 0 #e9e2d1,4px 1px 0 #d6cdb8,6px 2px 0 #c9bfa6,0 18px 26px -14px rgba(30,20,5,.55)}
html.dark .bs-cover{box-shadow:inset -1px 0 0 rgba(255,255,255,.06),2px 0 0 #3a352c,4px 1px 0 #2e2a23,6px 2px 0 #26221c,0 18px 30px -14px rgba(0,0,0,.8)}
.bs-cv{position:absolute;inset:0;padding:8% 8% 7% 12%;display:flex;flex-direction:column}
.bs-brand{font:600 min(4.4cqw,11px)/1 "Space Grotesk",sans-serif;letter-spacing:.14em;opacity:.7;display:flex;justify-content:space-between;padding-bottom:6%;border-bottom:1px solid rgba(239,230,207,.28)}
.bs-plate{flex:none;margin:6% 0 5%;aspect-ratio:2.3/1;border:1px solid rgba(239,230,207,.45);padding:3px;background:rgba(0,0,0,.12)}
.bs-plate img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.95);display:block}
.bs-plate svg{width:100%;height:100%;display:block}
.bs-title{flex:none;font:700 min(9cqw,30px)/1.3 "Songti SC","Noto Serif SC",Georgia,serif;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#f6efdc}
.bs-sub{margin-top:4%;font:min(5.4cqw,14px)/1.5 "Songti SC","Noto Serif SC",Georgia,serif;opacity:.78;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 1 auto;min-height:0}
.bs-foot{padding-top:6px}
.bs-foot{margin-top:auto;display:flex;justify-content:space-between;font:600 min(4.6cqw,12px)/1 "Space Grotesk",sans-serif;letter-spacing:.06em;opacity:.72}
.bs-ribbon{position:absolute;top:-4px;right:14%;width:14px;height:44px;background:var(--ember);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:0 2px 3px rgba(0,0,0,.25);z-index:2}
.bs-badge{position:absolute;left:0;top:-22px;font:600 11px/1 "Space Grotesk",sans-serif;color:var(--ember)}
.bs-cap{display:block;margin-top:14px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.bs-cap b{display:block;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 栏目布色 */
.bs-book[data-cat="产品发布"]{--cloth:#2f5a4c;--cloth-2:#244739}
.bs-book[data-cat="研究解读"]{--cloth:#2d4363;--cloth-2:#22344f}
.bs-book[data-cat="深度"]{--cloth:#6a2f2a;--cloth-2:#552520}
.bs-book[data-cat="商业动态"]{--cloth:#8a6a2f;--cloth-2:#715625}
.bs-book[data-cat="实操"],.bs-book[data-cat="AI 实操"]{--cloth:#3c5d58;--cloth-2:#2f4a46}
.bs-book[data-cat="商业视觉实战"]{--cloth:#5a3d58;--cloth-2:#472f46}
.bs-book[data-cat="教程"]{--cloth:#4f5a2f;--cloth-2:#3f4825}

/* 书架行 */
.bs-shelf{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:56px 34px;padding:30px 6px 0}
.bs-shelf:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-22px;height:14px;border-radius:2px;
  background:linear-gradient(#e7dcc6,#d2c4a6);box-shadow:0 10px 18px -8px rgba(60,40,10,.35)}
html.dark .bs-shelf:after{background:linear-gradient(#3a3329,#2b261f);box-shadow:0 10px 18px -8px rgba(0,0,0,.7)}
.bs-wrap{margin-bottom:44px}
.chapter .bs-wrap{margin-top:8px}
@media (max-width:720px){
  .bs-shelf{display:flex;overflow-x:auto;gap:20px;padding:30px 16px 6px;margin:0 -16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .bs-shelf:after{display:none}
  .bs-shelf>.bs-item{flex:0 0 46%;scroll-snap-align:start}
  .bs-shelf .bs-sub{display:none}
  .bs-close kbd{display:none}
}

/* 展示方式切换 */
.bs-switch{display:flex;align-items:center;gap:12px;margin:22px 0 4px;font-size:13px;color:var(--muted)}
.bs-switch .bs-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-2);gap:2px}
.bs-switch button{border:0;background:none;font:600 13px/1 inherit;color:var(--ink-2);padding:8px 14px;border-radius:7px;cursor:pointer}
.bs-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.bs-switch .bs-hint{margin-left:auto}
html.bs-mode-shelf .chapter .reading-grid{display:none}

/* ---------- 取书：打开的书 ---------- */
.bs-stage{position:fixed;inset:0;z-index:100;display:grid;place-items:center;perspective:2200px}
.bs-stage[hidden]{display:none}
.bs-dim{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.bs-stage.is-in .bs-dim{opacity:1}
.bs-open{--w:min(400px,42vw);--h:min(560px,78vh);position:relative;width:calc(var(--w) * 2);height:var(--h);transform-style:preserve-3d}
.bs-left,.bs-right{position:absolute;top:0;width:var(--w);height:100%;background:#fbf7ec;color:#2a261f;box-shadow:0 30px 60px -30px rgba(40,25,5,.5)}
html.dark .bs-left,html.dark .bs-right{background:#efe7d4}
.bs-left{left:0;border-radius:6px 0 0 6px;background:linear-gradient(90deg,#f4eedf,#fbf7ec 92%,#ebe3d0)}
.bs-right{left:var(--w);border-radius:0 6px 6px 0;background:linear-gradient(90deg,#e9e1cd,#fbf7ec 6%);overflow:hidden}
.bs-right:before,.bs-left:after{content:"";position:absolute;top:6px;bottom:6px;width:6px;background:repeating-linear-gradient(90deg,#e8dfc9 0 1px,#fbf7ec 1px 2px)}
.bs-right:before{right:-6px;border-radius:0 3px 3px 0}
.bs-left:after{left:-6px;border-radius:3px 0 0 3px}
/* 封面：沿书脊翻开 */
.bs-flap{position:absolute;top:0;left:var(--w);width:var(--w);height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.1,.2,1);z-index:5}
.bs-stage.is-open .bs-flap{transform:rotateY(-178deg)}
.bs-flap>.bs-book{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:default;transform:none!important}
.bs-flap-back{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px 0 0 6px;
  background:linear-gradient(160deg,var(--cloth,#3f5a4e),var(--cloth-2,#33493f));padding:9%}
.bs-plate-in{height:100%;background:#f6f0e1;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12%;color:#3a342a;
  background-image:radial-gradient(rgba(60,50,30,.09) 1px,transparent 1px);background-size:9px 9px}
.bs-plate-in .bs-ex{border:1px solid #cfc3a6;outline:4px solid #f6f0e1;padding:28px 22px;background:#fbf7ec;box-shadow:0 0 0 5px #e4dac2}
.bs-plate-in small{display:block;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.2em;color:#8a7f69;margin-bottom:16px}
.bs-plate-in i{display:inline-grid;place-items:center;width:42px;height:42px;border:1.5px solid var(--ember);color:var(--ember);font:700 22px/1 "Songti SC",serif;font-style:normal;margin-bottom:14px}
.bs-plate-in b{display:block;font:700 19px/1.4 "Songti SC","Noto Serif SC",serif;margin-bottom:10px}
.bs-plate-in p{font:13px/1.9 "Songti SC","Noto Serif SC",serif;color:#5a5243;margin:0}
/* 右页内容 */
.bs-page{position:absolute;inset:0;padding:46px 40px 64px 44px;overflow:hidden auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:inherit}
.bs-page .k{font:600 10.5px/1 "Space Grotesk",sans-serif;letter-spacing:.14em;color:#8a7f69;margin-bottom:18px;display:flex;justify-content:space-between}
.bs-page h2{font:700 25px/1.35 "Songti SC","Noto Serif SC",Georgia,serif;margin:0 0 12px;color:#221e17}
.bs-page h3{font:700 14px/1 "Space Grotesk",sans-serif;letter-spacing:.06em;color:#8a7f69;margin:22px 0 10px}
.bs-page .dek{font:15px/1.8 "Songti SC","Noto Serif SC",serif;color:#4a4335;margin:0 0 14px}
.bs-page .meta{font:12px/1.5 "Space Grotesk",sans-serif;color:#8a7f69;padding-bottom:14px;border-bottom:1px solid #e3d9c2}
.bs-page ul{margin:0;padding-left:1.1em;font:14px/1.8 "Songti SC","Noto Serif SC",serif;color:#2a261f}
.bs-page li{margin-bottom:6px}
.bs-page ul.gist{font-size:15px;line-height:1.85}
.bs-page ul.gist li{margin-bottom:14px}
.bs-page ol.toc{list-style:none;padding:0;margin:0}
.bs-page ol.toc li{border-bottom:1px dashed #ddd2b8;margin:0}
.bs-page ol.toc a{display:flex;gap:12px;padding:11px 0;color:#2a261f;font:15px/1.5 "Songti SC","Noto Serif SC",serif;text-decoration:none}
.bs-page ol.toc a:hover{color:var(--ember)}
.bs-page ol.toc span{font:600 12px/1.9 "Space Grotesk",sans-serif;color:#a49779;min-width:22px}
.bs-page .read p{font:15.5px/1.95 "Songti SC","Noto Serif SC",serif;color:#2a261f;margin:0 0 14px;text-indent:2em}
.bs-page .read h4{font:700 17px/1.5 "Songti SC","Noto Serif SC",serif;margin:6px 0 12px}
.bs-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.bs-go{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:#2a261f;color:#fbf7ec!important;font:700 14px/1 inherit;padding:13px 18px;cursor:pointer;text-decoration:none}
.bs-go.is-ghost{background:none;color:#2a261f!important;border:1px solid #cfc3a6}
.bs-go.is-on{color:var(--ember)!important;border-color:var(--ember)}
.bs-nav{position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(rgba(251,247,236,0),#fbf7ec 45%);display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 30px;font:600 12px/1 "Space Grotesk",sans-serif;color:#8a7f69;z-index:4}
.bs-nav button{border:0;background:none;color:#2a261f;font:600 13px/1 inherit;padding:10px 8px;cursor:pointer}
.bs-nav button:disabled{opacity:.25;cursor:default}
.bs-leaf{position:absolute;top:0;left:var(--w);width:var(--w);height:100%;transform-origin:0 50%;transform-style:preserve-3d;z-index:6;pointer-events:none}
.bs-leaf>.bs-page{background:linear-gradient(90deg,#e9e1cd,#fbf7ec 6%)}
.bs-leaf>.bs-back{transform:rotateY(180deg);background:linear-gradient(270deg,#e9e1cd,#f8f3e6 6%)}
.bs-leaf.turn-f{animation:bsTurnF .62s cubic-bezier(.4,.1,.25,1) forwards}
.bs-leaf.turn-b{animation:bsTurnB .62s cubic-bezier(.4,.1,.25,1) forwards}
@keyframes bsTurnF{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
@keyframes bsTurnB{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}
.bs-close{position:absolute;top:18px;left:18px;z-index:3;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:600 13.5px/1 inherit;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:var(--shadow);opacity:0;transition:opacity .3s .3s}
.bs-stage.is-open .bs-close{opacity:1}
.bs-stage .bs-left,.bs-stage .bs-right{opacity:0;transition:opacity .25s}
.bs-stage.is-open .bs-left,.bs-stage.is-open .bs-right{opacity:1}
.bs-stage.is-closing .bs-left,.bs-stage.is-closing .bs-right{opacity:1}
/* 封面合拢后，书页先淡出，只剩合上的书飞回书架 */
.bs-stage.is-folded .bs-left,.bs-stage.is-folded .bs-right,.bs-stage.is-folded .bs-flap-back{opacity:0;transition:opacity .12s}
@media (max-width:720px){
  .bs-open{--w:min(92vw,420px);--h:min(76vh,640px);width:var(--w)}
  .bs-left{display:none}
  .bs-right,.bs-flap,.bs-leaf{left:0}
  .bs-right{border-radius:6px}
  .bs-page{padding:34px 26px 64px 30px}
  .bs-page h2{font-size:22px}
  .bs-close{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.bs-flap,.bs-book,.bs-dim{transition:none!important}.bs-leaf{animation:none!important;display:none}}

/* ---------- 首页：继续读 ---------- */
.bs-resume{display:flex;align-items:center;gap:16px;margin:18px auto 30px;max-width:1200px;padding:12px 16px 12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.bs-resume .bs-mini{width:40px;flex:none}
.bs-resume .bs-mini .bs-book{pointer-events:none}
.bs-resume .bs-mini .bs-cv{display:none}
.bs-resume .t{flex:1;min-width:0}
.bs-resume small{display:block;font:600 11px/1 "Space Grotesk",sans-serif;letter-spacing:.1em;color:var(--ember);margin-bottom:6px}
.bs-resume b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-resume .bar{height:3px;border-radius:2px;background:var(--bg-2);margin-top:8px;overflow:hidden}
.bs-resume .bar i{display:block;height:100%;background:var(--ember)}
.bs-resume a.go{flex:none;font:700 14px/1 inherit;color:var(--ember);padding:10px 4px}
.bs-resume .more{flex:none;font-size:13px;color:var(--muted);padding-left:14px;border-left:1px solid var(--line)}
@media (max-width:720px){.bs-resume{margin:12px 16px 0}.bs-resume .more{display:none}}

/* ---------- /me/ 书房 ---------- */
.bs-me{display:grid;gap:22px}
.bs-me-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.bs-me h3{font-size:17px;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.bs-me h3 .n{font:600 12px/1 "Space Grotesk",sans-serif;color:var(--muted)}
.bs-me h3 .r{margin-left:auto;font-size:13px;font-weight:600}
.bs-me h3 .r a,.bs-me h3 .r button{color:var(--ember);border:0;background:none;font:inherit;cursor:pointer}
.bs-cont{display:grid;gap:10px;margin-top:12px}
.bs-cont a{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink)}
.bs-cont a:hover{border-color:var(--ink-2)}
.bs-cont .bs-mini{width:34px;flex:none}
.bs-cont .bs-mini .bs-cv,.bs-cont .bs-mini .bs-ribbon,.bs-resume .bs-mini .bs-ribbon{display:none}
.bs-cont .t{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.45}
.bs-cont .t span{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:3px}
.bs-cont em{font-style:normal;font:700 13px/1 "Space Grotesk",sans-serif;color:var(--ember)}
.bs-rv{margin-top:12px}
.bs-rv blockquote{margin:0;padding:14px 16px;border-left:3px solid var(--stance);background:var(--stance-soft);border-radius:0 12px 12px 0;font:16px/1.85 "Songti SC","Noto Serif SC",serif;color:var(--ink)}
.bs-rv .src{font-size:12px;color:var(--muted);margin:8px 0 0}
.bs-rv .src a{color:var(--ink-2);font-weight:600}
.bs-rv .note{font-size:14px;color:var(--ink-2);margin:8px 0 0;white-space:pre-wrap}
.bs-rv .acts{display:flex;gap:8px;margin-top:12px;align-items:center}.bs-rv .acts .me-btn{white-space:nowrap;flex:none}
.bs-rv .acts span{margin-left:auto;font:12px/1 "Space Grotesk",sans-serif;color:var(--muted)}
.bs-mshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:40px 24px;padding:26px 4px 6px}
.bs-mshelf .bs-sub{display:none}
.bs-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.bs-filters button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 12.5px/1 inherit;padding:8px 12px;border-radius:999px;cursor:pointer}
.bs-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.bs-allnotes{margin-top:10px}
.bs-allnotes input{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font:14px/1 inherit;padding:11px 12px;outline:none}
.bs-allnotes input:focus{border-color:var(--ember)}
.bs-grp{margin-top:16px}
.bs-grp>a{display:block;font-weight:700;font-size:14px;color:var(--ink);margin-bottom:6px}
.bs-grp .it{padding:8px 0 8px 12px;border-left:2px solid var(--line-2);margin-left:2px;font-size:14px;line-height:1.75;color:var(--ink-2)}
.bs-grp .it q{font-family:"Songti SC","Noto Serif SC",serif;color:var(--ink);quotes:"「" "」"}
.bs-grp .it small{display:block;color:var(--muted);font-size:12px}
.bs-empty{color:var(--muted);font-size:14px;line-height:1.8;margin:10px 0 0}
.bs-local{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.bs-local i{width:7px;height:7px;border-radius:50%;background:var(--verify)}
@media (max-width:980px){.bs-me-top{grid-template-columns:1fr}}

/* ---------- 关注：推送方式 ---------- */
.bs-push-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px}
.bs-push-row>span{font-size:13px;color:var(--muted);font-weight:600}
.bs-seg{display:flex;padding:3px;border-radius:10px;background:var(--bg-2);gap:2px;flex-wrap:wrap}
.bs-seg button{flex:1;min-width:max-content;border:0;background:none;color:var(--ink-2);font:500 13px/1 inherit;padding:9px 10px;border-radius:7px;cursor:pointer}
.bs-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.bs-push-eg{margin-top:14px;padding:12px 14px;border:1px dashed var(--line-2);border-radius:12px;font-size:13px;line-height:1.7;color:var(--ink-2)}
.bs-push-eg b{color:var(--ink)}
.bs-push-eg small{display:block;font:600 10.5px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.bs-per{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.bs-per summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2)}
.bs-per-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.bs-per-row:first-of-type{border-top:0}
.bs-per-row select{border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink);font:13px/1 inherit;padding:7px 8px}
html.dark .bs-nav{background:linear-gradient(rgba(239,231,212,0),#efe7d4 45%)}

/* ================= /me/ 重做（2026-10-17）：书房首页 / 书架 / 笔记管理器 ================= */
.bs-home{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.bs-col{display:grid;gap:18px}
.bs-home h3 .r a{color:var(--ember);font-size:13px;font-weight:600}
.bs-cont .bar{display:block;height:3px;border-radius:2px;background:var(--bg-2);margin-top:8px;overflow:hidden}
.bs-cont .bar i{display:block;height:100%;background:var(--ember)}
.bs-cont em{min-width:38px;text-align:right}
.nt-mini{display:grid;margin-top:10px}
.nt-mini a{display:block;padding:10px 2px;border-top:1px solid var(--line);color:var(--ink)}
.nt-mini a:first-child{border-top:0;padding-top:4px}
.nt-mini a:hover .q{color:var(--ember)}
.nt-mini .q{display:block;font:15px/1.6 "Songti SC","Noto Serif SC",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-mini .m{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:980px){.bs-home{grid-template-columns:1fr}}

.bs-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bs-toolbar .bs-filters{margin:0;flex:1}
.bs-tools{display:flex;gap:8px}
.bs-tools input,.bs-tools select{border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);color:var(--ink);font:13px/1 inherit;padding:8px 10px}
.bs-tools input{width:160px}

/* 笔记管理器 */
.nt{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.nt-side{position:sticky;top:84px;display:grid;gap:10px;max-height:calc(100vh - 110px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.nt-search{width:100%;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--ink);font:14px/1 inherit;padding:10px 12px;outline:none}
.nt-search:focus{border-color:var(--ember)}
.nt-types{display:flex;flex-wrap:wrap;gap:5px}
.nt-types button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 12px/1 inherit;padding:7px 9px;border-radius:999px;cursor:pointer}
.nt-types button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.nt-arts{display:grid;gap:2px}
.nt-art{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;width:100%;border:0;background:none;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--ink-2);font:inherit}
.nt-art span,.nt-art b{font-size:13.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nt-art em{font:700 11px/1 "Space Grotesk",sans-serif;font-style:normal;color:var(--muted);background:var(--bg-2);padding:4px 7px;border-radius:999px}
.nt-art small{grid-column:1;font-size:11.5px;color:var(--muted)}
.nt-art:hover{background:var(--bg-2)}
.nt-art.on{background:var(--ember-soft);color:var(--ink)}
.nt-art.on em{background:var(--ember);color:#fff}
.nt-main{min-width:0;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.nt-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.nt-head>div{flex:1;min-width:0}
.nt-head h3{font-size:17px;line-height:1.45;margin:0}
.nt-head a{font-size:13px;color:var(--ember);font-weight:600}
.nt-head .bs-mini{width:38px;flex:none}
.nt-head .bs-mini .bs-cv{display:none}
.nt-day{font:700 11px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;color:var(--muted);margin:20px 0 4px}
.nt-row{position:relative;padding:14px 0 12px 16px;border-bottom:1px solid var(--line)}
.nt-row:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:2px;background:#f2c438}
.nt-row[data-c=g]:before{background:#7cc66f}.nt-row[data-c=b]:before{background:#6aa8f0}.nt-row[data-c=p]:before{background:#f084ac}
.nt-row.nt-ask:before{background:var(--ember)}
.nt-quote{font:15.5px/1.8 "Songti SC","Noto Serif SC",serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nt-small{font-size:13.5px;color:var(--ink-2);-webkit-line-clamp:1;margin-top:4px}
.nt-note{margin-top:6px;padding:7px 10px;border-radius:8px;background:var(--bg-2);font-size:14px;line-height:1.7;color:var(--ink);white-space:pre-wrap}
.nt-q{font-size:14.5px;font-weight:700;line-height:1.6;display:flex;gap:8px}
.nt-q i{flex:none;font-style:normal;width:20px;height:20px;border-radius:6px;background:var(--ember);color:#fff;font-size:11px;line-height:20px;text-align:center;margin-top:2px}
.nt-ans{margin-top:6px;font-size:14px;line-height:1.75;color:var(--ink-2)}
.nt-ans.is-open span{display:inline}
.nt-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted)}
.nt-meta .nt-book{color:var(--ink-2);font-weight:600}
.nt-x{color:var(--ember)}
.nt-more{border:0;background:none;color:var(--ember);font:600 12px/1 inherit;cursor:pointer;padding:0 4px}
.nt-acts{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .15s}
.nt-row:hover .nt-acts,.nt-row:focus-within .nt-acts{opacity:1}
@media (hover:none){.nt-acts{opacity:1}}
.nt-acts a,.nt-acts button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 11.5px/1 inherit;padding:5px 8px;border-radius:7px;cursor:pointer}
.nt-acts a:hover,.nt-acts button:hover{color:var(--ink);border-color:var(--ink-2)}
.nt-row mark{background:color-mix(in srgb,var(--ember) 22%,transparent);color:inherit;border-radius:2px}
.nt-load{margin:16px auto 0;display:flex}
.nt-back{display:none;border:0;background:none;color:var(--ember);font:600 14px/1 inherit;padding:0 0 12px;cursor:pointer}
.bs-toast{position:fixed;z-index:90;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font:600 13.5px/1.4 inherit;box-shadow:var(--shadow-lg)}
.bs-toast a{color:inherit;text-decoration:underline}
@media (max-width:980px){
  .nt{grid-template-columns:1fr}
  .nt-side{position:static;max-height:none}
  .nt.is-article .nt-side{display:none}
  .nt.is-article .nt-back{display:block}
  .nt-arts{max-height:320px;overflow:auto}
  .nt-main{padding:14px}
  .bs-tools{width:100%}.bs-tools input{flex:1;width:auto}
}
.me-body,.bs-col,.bs-home>*{min-width:0}
.bs-home h3{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 4px}
.bs-home h3 .r{margin-left:auto}
.bs-col{grid-template-columns:minmax(0,1fr)}
.nt-mini,.bs-cont{grid-template-columns:minmax(0,1fr)}
.nt-mini.fl .q{font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.5}
.bs-cont .tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.bs-push-cta{display:inline-flex;margin-top:10px;padding:7px 14px;border-radius:999px;background:var(--ember);color:#fff;font-size:12.5px;font-weight:700}