/* NeonNote skin: retroweb — generated from test-retroweb.html */

/* ============ 设计令牌 · Keystone 终端 ============ */
:root{
  --bg:#070A12;
  --bg-2:#0B0F1C;
  --glass:rgba(11,15,29,.78);
  --glass-strong:rgba(15,20,38,.92);
  --glass-soft:rgba(0,229,255,.05);
  --ink:#DCE6F0;
  --ink-2:#7E93A8;
  --ink-3:#516278;
  --line:rgba(0,229,255,.55);
  --line-soft:rgba(0,229,255,.18);
  --cyan:#00E5FF;
  --magenta:#FF2E6C;
  --purple:#B026FF;
  --gold:#FFD500;
  --clip:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  --clip-sm:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  --blur:blur(12px);
}
[data-theme="dark"]{
  --bg:#05070E;
  --bg-2:#080B16;
  --glass:rgba(9,12,25,.82);
  --glass-strong:rgba(13,17,33,.94);
  --line:rgba(45,226,230,.6);
  --line-soft:rgba(45,226,230,.16);
}
/* ============ 基础 ============ */
*{box-sizing:border-box; margin:0; padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Noto Sans SC', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background:var(--paper); color:var(--ink); line-height:1.65; font-size:15px;
  min-height:100vh; display:flex; flex-direction:column; overflow-x:hidden;
}
h1,h2,h3{font-family:'Arial Black','Noto Sans SC',sans-serif}
a{color:var(--ink-2); text-decoration:none}
button{font:inherit; color:var(--ink-2); background:transparent; border:0; cursor:pointer}
input,textarea,select{font:inherit; color:var(--ink-2)}
svg{display:block}
:focus-visible{outline:2px solid var(--cyan); outline-offset:2px}
/* ============ 背景：暗角光晕 + 扫描线 ============ */
body::before{
  content:''; position:fixed; inset:0; z-index:-2;
  background:var(--paper);
}
body::after{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:var(--paper);
}
/* ============ 顶栏 ============ */
.topbar{position:sticky; top:0; z-index:50; background:var(--paper);
  backdrop-filter:none; -webkit-backdrop-filter:none;
  border-bottom:1px solid var(--line); box-shadow:none}
.topbar-inner{max-width:1240px; margin:0 auto; padding:0 16px; height:62px; display:flex; align-items:center; gap:14px}
.brand{display:flex; align-items:center; gap:9px; flex:none}
.brand-mark{width:32px; height:32px}
.brand-name{font-family:'Arial Black','Noto Sans SC',sans-serif; font-size:19px; font-weight:900; line-height:1.1;
  color:var(--cyan); letter-spacing:.03em; text-shadow:none}
.brand-sub{font-family:'Consolas',monospace; font-size:14px; color:var(--cyan); line-height:1; opacity:.75}
.nav{margin-left:auto; display:flex; gap:3px; overflow-x:auto; scrollbar-width:none; height:100%; align-items:center}
.nav::-webkit-scrollbar{display:none}
.nav a{display:flex; align-items:center; height:42px; padding:0 15px; font-size:13.5px; letter-spacing:.04em;
  color:var(--ink-2); white-space:nowrap; border:1px solid transparent; clip-path:none}
.nav a.active{
  border-color:var(--cyan); color:var(--cyan);
  background:var(--paper);
  text-shadow:none}
.nav a:hover{color:var(--cyan)}
/* ============ 容器 / 标题横条 ============ */
.container{width:100%; max-width:1240px; margin:0 auto; padding:28px 16px 70px; flex:1}
.page-head{margin-bottom:22px}
.page-title{display:flex; align-items:center; gap:14px; width:max-content; max-width:100%;
  height:52px; padding:0 34px 0 18px;
  border:1px solid var(--cyan); clip-path:none;
  background:var(--paper);
  color:var(--cyan); font-size:22px; font-weight:900; letter-spacing:.1em; text-transform:uppercase;
  text-shadow:none}
.page-title::before{content:''; width:6px; height:26px; background:var(--paper); box-shadow:none}
.page-desc{color:var(--ink-2); font-size:13.5px; margin-top:10px; max-width:620px}
/* ============ 按钮 ============ */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; padding:0 22px;
  border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); color:var(--cyan);
  font-size:13px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap;
  transition:background .15s}
.btn:hover{background:var(--paper)}
.btn-primary{background:var(--paper); border-color:var(--cyan); color:var(--ink-2);
  font-weight:800; font-size:14px; letter-spacing:0; text-transform:none;
  box-shadow:none}
.btn-primary:hover{background:var(--paper); color:var(--ink-2)}
.btn-ghost{border-color:transparent; background:transparent; box-shadow:none}
.btn-icon{width:40px; padding:0}
.btn-sm{height:32px; padding:0 15px; font-size:12px}
.btn-danger{border-color:var(--magenta); color:var(--magenta); background:var(--paper);
  text-transform:none; letter-spacing:0}
.btn-danger:hover{background:var(--paper)}
/* ============ 工具栏 / 搜索 ============ */
.toolbar{display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap}
.search-box{flex:1; min-width:210px; position:relative}
.search-box svg{position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--ink-3)}
.search-box input{width:100%; height:42px; padding:0 14px 0 38px; border:1px solid var(--cyan);
  clip-path:none; background:var(--paper); font-size:14px}
.search-box input:focus{outline:none; background:var(--paper)}
.seg{display:inline-flex; border:1px solid var(--cyan); background:transparent; clip-path:none}
.seg button{width:42px; height:42px; display:flex; align-items:center; justify-content:center; color:var(--cyan)}
.seg button.active{background:var(--paper); color:var(--ink-2)}
/* ============ 筛选 chips ============ */
.filter-label{font-family:'Consolas',monospace; font-size:14px; color:var(--cyan);
  margin:18px 0 8px; letter-spacing:.14em; text-transform:uppercase;
  display:flex; align-items:center; gap:8px}
.filter-label::before{content:''; width:8px; height:8px; background:var(--paper); box-shadow:none}
.filters{display:flex; gap:8px; overflow-x:auto; padding-bottom:7px; scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filter-row{display:flex; align-items:flex-start; gap:10px}
.filter-row .filters{flex:1; min-width:0}
.filter-manage{display:flex; gap:8px; flex:none; padding-bottom:7px}
.chip-manage{flex:none; width:32px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); color:var(--cyan)}
.chip-manage:hover{background:var(--paper)}
.chip-manage.danger{border-color:var(--magenta); color:var(--magenta); background:var(--paper)}
.chip-manage.danger:hover{background:var(--paper)}
.chip{flex:none; height:30px; padding:0 15px; border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); color:var(--cyan); font-size:12px; letter-spacing:.04em;
  text-transform:uppercase; display:inline-flex; align-items:center; gap:6px; transition:background .15s}
.chip:hover{background:var(--paper)}
.chip.active{background:var(--paper); color:var(--ink-2); font-weight:800}
.chip .n{font-size:11px; opacity:.65}
.result-meta{font-family:'Consolas',monospace; font-size:14px; color:var(--cyan);
  margin:16px 0 12px; letter-spacing:.1em}
/* ============ 收藏页：顶部通栏筛选（桌面） ============ */
.filter-panel{background:var(--paper); border:1px solid var(--gold);
  clip-path:none; padding:12px 16px; margin:14px 0}
.fp-row{display:flex; align-items:flex-start; gap:12px; padding:6px 0}
.fp-row+.fp-row{border-top:1px solid var(--line-soft)}
.fp-label{flex:none; width:44px; font-family:'Consolas',monospace; font-size:13px;
  color:var(--gold); letter-spacing:.1em; padding-top:5px}
.filter-panel .filters{flex:1; min-width:0; flex-wrap:nowrap; overflow-x:auto;
  padding-bottom:10px; overscroll-behavior-x:contain;
  scrollbar-width:auto; scrollbar-color:var(--ink-3) var(--bg-2)}
.filter-panel .filters::-webkit-scrollbar{height:9px; display:block}
.filter-panel .filters::-webkit-scrollbar-track{background:var(--paper)}
.filter-panel .filters::-webkit-scrollbar-thumb{background:var(--paper); border:2px solid var(--line-soft)}
.filter-panel .filters::-webkit-scrollbar-thumb:hover{background:var(--paper)}
.filter-panel .filter-manage{padding-bottom:10px}
.filter-panel .chip.active,.filter-dims .chip.active{
  background:var(--paper); border-color:var(--gold); color:var(--ink-2); font-weight:800}
/* ============ 移动端维度切换 ============ */
.filter-dims{display:none; margin:14px 0}
.dim-tabs{display:flex; gap:8px; margin-bottom:10px}
.dim-tab{flex:1; height:38px; border:1px solid var(--cyan); clip-path:none;
  color:var(--cyan); font-family:'Consolas',monospace; letter-spacing:.1em}
.dim-tab.active{background:var(--paper); border-color:var(--gold); color:var(--ink-2); font-weight:800}
.filter-dims .fp-row{display:flex; align-items:flex-start; gap:10px}
.filter-dims .filters{flex:1; min-width:0}
/* ============ 主从布局 ============ */
.split{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:18px; align-items:start}
.split-list{min-width:0}
.split-detail{min-width:0; position:sticky; top:14px}
.split-empty{padding:40px 18px; text-align:center; color:var(--ink-2);
  border:1px dashed var(--line); clip-path:none}
.li-item{display:flex; align-items:center; gap:14px; width:100%; text-align:left;
  padding:14px 16px; margin-bottom:10px; background:var(--paper);
  border:1px solid var(--gold); clip-path:none; transition:background .15s}
.li-item:hover{background:var(--paper)}
.li-item.sel{background:var(--paper); border-color:var(--gold)}
.li-icon{flex:none; color:var(--cyan); display:inline-flex}
.li-item.sel .li-icon{color:var(--ink-2)}
.li-body{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.li-title{font-weight:700; color:var(--cyan); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.li-item.sel .li-title{color:var(--ink-2)}
.li-note{font-size:12.5px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.li-item.sel .li-note{color:var(--ink-2)}
.li-link{flex:none; display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 14px;
  background:var(--paper); color:var(--ink-2); font-weight:700; font-size:12.5px; clip-path:none}
.li-item.sel .li-link{background:var(--paper); color:var(--gold)}
/* ============ 档案详情 · 机械科技风 ============ */
.record{
  --rec:#FF3B47;
  background:var(--paper);
  border:1px solid var(--rec); clip-path:none;
  padding:18px 20px 20px; position:relative;
}
.detail-back{display:none}
.rec-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px}
.rec-kicker{font-family:'Consolas',monospace; font-size:12px; color:var(--rec);
  letter-spacing:.12em; padding-left:10px; position:relative}
.rec-kicker::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:4px; height:14px; background:var(--paper)}
.rec-top-arrow{color:var(--rec); display:inline-flex; padding:4px}
.rec-top-arrow:hover{color:var(--ink-2); transform:translate(1px,-1px)}
.rec-archive{display:flex; align-items:stretch;
  background:var(--paper);
  border:1px solid var(--line-soft); margin-bottom:16px; min-height:108px}
.rec-archive-left{flex:1; padding:14px 16px; display:flex; flex-direction:column; justify-content:center}
.rec-archive-label{font-family:'Consolas',monospace; font-size:12px; color:var(--ink-2);
  letter-spacing:.2em; margin-bottom:2px}
.rec-archive-num{font-family:'Consolas',monospace; font-size:62px; line-height:1;
  color:var(--rec); letter-spacing:.02em}
.rec-archive-right{flex:none; width:134px; display:flex; align-items:center; justify-content:center; gap:10px;
  border-left:1px solid var(--line-soft); padding:10px;
  background:var(--paper)}
.rec-barcode{color:var(--rec); display:inline-flex}
.rec-archive-meta{font-family:'Consolas',monospace; font-size:9px; color:var(--ink-2);
  letter-spacing:.1em; line-height:1.5}
.rec-platform{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.rec-platform-name{display:inline-flex; align-items:center; gap:10px; font-size:14px; color:var(--ink)}
.rec-code-tag{font-family:'Consolas',monospace; font-size:11px; color:var(--rec);
  border:1px solid var(--rec); padding:2px 7px; letter-spacing:.08em; background:var(--paper)}
.rec-logo{position:relative; width:36px; height:36px; flex:none; display:inline-flex;
  align-items:center; justify-content:center}
.rec-logo img{width:100%; height:100%; display:block; object-fit:contain; border-radius:0}
.rec-logo .rlc{position:absolute; inset:0; pointer-events:none}
.rec-logo::before,.rec-logo::after,.rec-logo .rlc::before,.rec-logo .rlc::after{content:'';
  position:absolute; width:7px; height:7px; border:1.5px solid var(--rec)}
.rec-logo::before{top:-2px; left:-2px; border-right:0; border-bottom:0}
.rec-logo::after{bottom:-2px; right:-2px; border-left:0; border-top:0}
.rec-logo .rlc::before{top:-2px; right:-2px; border-left:0; border-bottom:0}
.rec-logo .rlc::after{bottom:-2px; left:-2px; border-right:0; border-top:0}
.rec-platform-icons{display:inline-flex; align-items:center; gap:12px; color:var(--ink-2)}
.rec-platform-icons svg{display:block}
.rec-title{font-size:24px; line-height:1.35; color:var(--ink-2); margin-bottom:16px; font-weight:800}
.rec-notes-head{display:flex; align-items:center; justify-content:space-between;
  font-family:'Consolas',monospace; font-size:12px; color:var(--rec); letter-spacing:.1em; margin-bottom:8px}
.rec-notes-body{font-size:14px; color:var(--ink); line-height:1.85; margin-bottom:18px;
  padding:12px 14px; background:var(--paper); border-left:2px solid var(--line-soft)}
.rec-info{border-top:1px solid var(--line-soft); margin-bottom:16px}
.rec-info-row{display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:11px 2px; border-bottom:1px solid var(--line-soft)}
.ri-label{font-size:13px; color:var(--ink-2); flex:none}
.ri-val{font-size:13px; color:var(--ink); text-align:right}
.ri-tags{display:inline-flex; flex-wrap:wrap; gap:8px; justify-content:flex-end}
.ri-tag{color:var(--cyan); font-family:'Consolas',monospace; font-size:12.5px}
.rec-actions{display:flex; gap:10px}
.rec-action{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px;
  border:1px solid var(--line); color:var(--ink-2); padding:10px; font-size:12.5px; clip-path:none}
.rec-action:hover{color:var(--cyan); border-color:var(--cyan)}
.rec-action.danger:hover{color:var(--magenta); border-color:var(--magenta)}
@media(max-width:768px){
  .filter-panel{display:none}
  .filter-dims{display:block}
  .split{display:block}
  .split-detail{display:none; position:static}
  .split.show-detail .split-detail{display:block}
  .split.show-detail .split-list{display:none}
  .detail-back{display:inline-flex; align-items:center; gap:6px; color:var(--rec,#FF3B47);
    margin-bottom:14px; font-family:'Consolas',monospace}
  .record{padding:16px 14px}
  .rec-archive-num{font-size:46px}
  .rec-archive-right{width:104px; gap:6px; padding:8px}
  .rec-archive-meta{display:none}
  .rec-title{font-size:20px}
  .search-box input{font-size:16px}
  .filter-dims .filters{padding-bottom:9px; scrollbar-width:auto;
    scrollbar-color:var(--ink-3) var(--bg-2)}
  .filter-dims .filters::-webkit-scrollbar{height:7px; display:block}
  .filter-dims .filters::-webkit-scrollbar-track{background:var(--paper)}
  .filter-dims .filters::-webkit-scrollbar-thumb{background:var(--paper)}
}
/* ============ 平台 / 标签 ============ */
.platform{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px;
  font-size:12px; font-weight:700;
  border:1px solid var(--line-soft) 70%,transparent);
  clip-path:none;
  background:var(--paper);
  color:var(--pc);
  text-shadow:none}
.platform::before{content:''; width:6px; height:6px; border-radius:0;
  background:var(--paper); box-shadow:none}
.tag{font-size:11px; color:var(--ink-2); padding:2px 10px;
  border:1px solid var(--line-soft); clip-path:none; background:var(--paper)}
.tags{display:flex; gap:5px; flex-wrap:wrap}
.read-dot{font-size:11px; color:var(--ink-2); padding:2px 10px;
  border:1px solid var(--line-soft); clip-path:none; background:var(--paper)}
/* ============ 卡片网格 ============ */
.grid{display:grid; grid-template-columns:1fr; gap:15px}
.card{position:relative; padding:15px; display:flex; flex-direction:column; gap:9px; min-width:0;
  border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); transition:background .15s}
.card::before{content:''; position:absolute; top:0; left:0; width:46px; height:3px;
  background:var(--paper); box-shadow:none}
.card:hover{background:var(--paper)}
.card-top{display:flex; align-items:center; gap:8px}
.stars{margin-left:auto; display:inline-flex; gap:1px; align-items:center; color:var(--gold); white-space:nowrap}
.stars .off{color:var(--line-soft)}
.card-title{font-size:15px; font-weight:600; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; min-width:0}
.card-title a:hover{color:var(--cyan); text-shadow:none}
.card-note{font-size:13px; color:var(--ink-2); display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; white-space:pre-wrap}
.card-meta{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-3); margin-top:auto; flex-wrap:wrap}
.card-meta .sep{color:var(--line-soft)}
.card-actions{display:flex; gap:2px; margin-left:auto}
.icon-btn{width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
  color:var(--ink-2); border:1px solid transparent; clip-path:none}
.icon-btn:hover{border-color:var(--cyan); color:var(--cyan)}
/* ============ 列表视图 ============ */
.list{display:flex; flex-direction:column; border:1px solid var(--cyan); clip-path:none;
  overflow:hidden; background:var(--paper)}
.list-row{display:flex; align-items:center; gap:12px; padding:10px 15px; border-bottom:1px solid var(--line-soft); min-width:0}
.list-row:last-child{border-bottom:0}
.list-row:hover{background:var(--paper)}
.list-title{font-size:14px; font-weight:500; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.list-title a{display:block; overflow:hidden; text-overflow:ellipsis}
.list-sub{font-size:12px; color:var(--ink-3); flex:none}
/* ============ 工具标签条（图1：分离式） ============ */
.tool-grid{display:grid; grid-template-columns:1fr; gap:13px; margin-top:14px}
@media(min-width:760px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
.tool-tile{display:flex; align-items:stretch; min-width:0}
.tool-tile-icon{width:54px; flex:none; margin-right:10px;
  display:flex; align-items:center; justify-content:center;
  background:var(--paper); border:1px solid var(--cyan);
  font-family:'Arial Black',sans-serif; font-weight:900; font-size:18px;
  color:var(--cyan); text-shadow:none}
.tool-tile-body{flex:1; min-width:0; padding:0 18px;
  display:flex; flex-direction:column; justify-content:center; gap:1px;
  background:var(--paper); border:1px solid var(--cyan); clip-path:none}
.tool-tile-name{font-size:14.5px; font-weight:700; color:var(--cyan); letter-spacing:.02em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tool-tile-desc{font-size:11.5px; color:var(--ink-2);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tool-tile-actions{display:flex; gap:2px; flex:none; align-items:center; margin-left:8px}
.tool-tile-actions .icon-btn{border-color:transparent}
.tool-tile:hover .tool-tile-icon{background:var(--paper)}
.tool-tile:hover .tool-tile-body{background:var(--paper)}
@media(hover:hover){
  .tool-tile-actions .icon-btn{opacity:0; transition:opacity .15s}
  .tool-tile:hover .tool-tile-actions .icon-btn{opacity:1}
}
@media(hover:none), (max-width:680px){
  .tool-tile-actions .icon-btn{opacity:1}
}
/* ============ 笔记本 ============ */
.mail-item-text{display:flex;flex-direction:column;min-width:0;gap:2px}
.note-item-sub{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-item.on .note-item-sub{color:var(--cyan)}
/* ============ 文件夹网格 ============ */
.folders{margin:18px 0 6px}
.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.folder-card{position:relative;border:1px solid var(--cyan);clip-path:none;
  background:var(--paper);
  transition:background .18s,border-color .18s}
.folder-card:hover{background:var(--paper)}
.folder-card.on{border-color:var(--line-soft);background:var(--paper)}
.folder-main{width:100%;min-height:134px;padding:16px 18px;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:flex-end;gap:6px;text-align:left;color:var(--ink-1);
  background:transparent;border:0;cursor:pointer}
.folder-icon{color:var(--cyan);margin-bottom:auto;line-height:0;filter:none}
.folder-icon svg{width:26px;height:26px}
.folder-name{font-size:17px;font-weight:800;letter-spacing:.02em;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-count{display:flex;align-items:center;gap:6px;font-family:'Consolas',monospace;
  font-size:11.5px;color:var(--ink-2);letter-spacing:.06em}
.folder-count svg{width:13px;height:13px;opacity:.8}
.folder-menu{position:absolute;top:8px;right:8px;border-color:transparent;opacity:.75;
  font-family:'Consolas',monospace;letter-spacing:2px;line-height:1}
.folder-card:hover .folder-menu,.folder-card.on .folder-menu{opacity:1}
.folder-card.folder-new{border-style:dashed;border-color:var(--line-soft);
  background:var(--paper)}
.folder-new .folder-main{align-items:center;justify-content:center;gap:4px;color:var(--cyan)}
.folder-new-plus{font-size:34px;line-height:1;font-weight:300}
.folder-new-title{font-size:15px;font-weight:800}
.folder-new-sub{font-size:11.5px;color:var(--ink-2)}
.folder-del-note{margin:4px 0 12px;font-size:12px;line-height:1.7;color:var(--ink-3)}
@media(max-width:600px){
  .folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .folder-main{min-height:116px;padding:13px 14px}
  .folder-name{font-size:15px}
}
.note-detail-in{padding-bottom:38px}
.note-inline-editor{padding-bottom:30px}
.note-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.note-inline-actions [data-note-status]{flex:1;min-width:100px;font-size:12px;color:var(--ink-3)}
.note-inline-editor .note-form{display:flex;flex-direction:column;gap:18px}
.note-inline-editor .field{margin:0}
.note-inline-editor [name="title"]{font-size:23px;font-weight:700;color:var(--cyan);background:transparent;border-color:transparent;border-bottom-color:var(--line-soft);padding-left:0;clip-path:none}
.note-inline-editor [name="title"]:focus{border-color:var(--cyan)}
.note-inline-editor .rte-area{max-height:none;min-height:340px;background:transparent;font-size:15px;line-height:1.85}
.note-inline-editor .rte-toolbar{position:sticky;top:0;z-index:2;background:var(--paper)}
.note-inline-editor [data-note-media]:empty{display:none}
.note-image-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--cyan);background:var(--paper);font-size:12px}
.note-image-controls[hidden]{display:none}
.note-image-controls label{display:flex;align-items:center;gap:6px;color:var(--ink-2)}
.note-image-controls input[type=number]{width:76px;padding:6px;height:34px}
.note-image-controls select{width:auto;max-width:100%;height:34px;padding:4px 8px}
.note-image-presets{display:flex;gap:5px;flex-wrap:wrap}
.rte-area img[data-note-image-selected]{outline:2px solid var(--cyan);outline-offset:3px;cursor:pointer}
.rte-area img{cursor:pointer}
.note-body::after,.rte-area::after{content:'';display:block;clear:both}
@media(max-width:820px){.note-inline-editor{padding:20px 16px}.note-inline-editor [name="title"]{font-size:19px}.note-inline-actions{gap:6px}.note-inline-actions [data-note-status]{min-width:70px}.note-inline-editor .rte-area{min-height:300px;padding:12px}.note-inline-editor .note-form{gap:16px}}
.note-body{margin-top:18px;font-size:15px;line-height:1.9;color:var(--ink-1);overflow-wrap:anywhere;word-break:break-word}
.note-body-empty{color:var(--ink-3);font-size:14px}
.note-source{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft);min-width:0}
.note-source-label{flex:none;font-family:'Consolas',monospace;font-size:11px;color:var(--ink-3);letter-spacing:.12em}
.note-source-link{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;color:var(--cyan)}
.note-source-link:hover{color:var(--ink-2)}
.note-source-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-body h2,.note-body h3,.note-body h4{color:var(--cyan);margin:18px 0 8px;line-height:1.5}
.note-body h2{font-size:19px}.note-body h3{font-size:17px}.note-body h4{font-size:15px}
.note-body p{margin:8px 0}
.note-body ul,.note-body ol{margin:8px 0;padding-left:24px}
.note-body li{margin:4px 0}
.note-body blockquote{margin:10px 0;padding:6px 14px;border-left:3px solid var(--cyan);color:var(--ink-2);background:var(--paper)}
.note-body a{color:var(--cyan);text-decoration:underline;word-break:break-all}
.note-body img,.note-inline-img{max-width:100%;height:auto;border:1px solid var(--line-soft);margin:10px 0;clip-path:none;display:block}
.note-att-count{margin-left:14px;font-family:'Consolas',monospace;font-size:12px;color:var(--ink-2)}
.note-attachments{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.note-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.note-gallery-item{display:block;border:1px solid var(--line-soft);overflow:hidden;clip-path:none;background:var(--paper);aspect-ratio:1/1}
.note-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.note-gallery-item:hover img{transform:scale(1.05)}
.note-media{width:100%;max-height:460px;border:1px solid var(--line-soft);background:var(--paper);clip-path:none}
.note-audio-row{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line-soft);padding:12px 14px;clip-path:none;background:var(--paper)}
.note-audio-name{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-audio-row audio{width:100%}
.note-files{display:flex;flex-direction:column;gap:8px}
.note-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);
  background:var(--paper);clip-path:none;color:var(--ink-1)}
.note-file:hover{border-color:var(--cyan)}
.note-file-badge{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  font-family:'Consolas',monospace;font-size:11px;font-weight:700;letter-spacing:.5px;
  background:var(--paper);color:var(--cyan);border:1px solid var(--line);clip-path:none}
.note-kind-pdf .note-file-badge{background:var(--paper);color:var(--ink-2);border-color:var(--line-soft)}
.note-kind-word .note-file-badge{background:var(--paper);color:var(--ink-2);border-color:var(--line-soft)}
.note-kind-ppt .note-file-badge{background:var(--paper);color:var(--ink-2);border-color:var(--line-soft)}
.note-kind-excel .note-file-badge{background:var(--paper);color:var(--ink-2);border-color:var(--line-soft)}
.note-kind-zip .note-file-badge{background:var(--paper);color:var(--gold);border-color:var(--line-soft)}
.note-file-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.note-file-name{font-size:13.5px;color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-file-size{font-size:11.5px;color:var(--ink-3)}
.note-file-open{flex:none;color:var(--ink-2);display:flex}
.note-file:hover .note-file-open{color:var(--cyan)}
/* 富文本编辑器 */
.rte-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--line);border-bottom:none;
  background:var(--paper);clip-path:none}
.rte-toolbar button{border:1px solid var(--line-soft);background:var(--paper);color:var(--ink-2);
  padding:5px 10px;font-size:12.5px;cursor:pointer;clip-path:none}
.rte-toolbar button:hover{color:var(--cyan);border-color:var(--cyan)}
.rte-area{min-height:220px;max-height:46vh;overflow:auto;padding:13px 15px;border:1px solid var(--line);
  background:var(--paper);font-size:14.5px;line-height:1.85;color:var(--ink-1)}
.rte-area:focus{outline:none;border-color:var(--cyan)}
.rte-area.is-empty:before{content:attr(placeholder);color:var(--ink-3)}
.rte-area img{max-width:100%;height:auto}
.rte-area h2{font-size:18px;margin:8px 0}.rte-area h3{font-size:16px;margin:8px 0}
.rte-area ul,.rte-area ol{padding-left:22px}.rte-area blockquote{border-left:3px solid var(--cyan);margin:8px 0;padding-left:12px;color:var(--ink-2)}
/* 附件上传 */
.note-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  padding:24px;border:1.5px dashed var(--line);cursor:pointer;text-align:center;color:var(--ink-2);
  background:var(--paper);clip-path:none}
.note-dropzone.drag,.note-dropzone:hover{border-color:var(--cyan);color:var(--cyan);background:var(--paper)}
.note-drop-icon{display:flex}.note-drop-text{font-size:13px}
.note-up-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.note-up{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line-soft);
  background:var(--paper);clip-path:none;min-width:0}
.note-up .note-file-badge{width:40px;height:40px}
.note-up-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.note-up-prog{font-size:11.5px;color:var(--ink-3)}
.note-up.is-pending .note-up-prog{color:var(--gold)}
.note-up-remove{flex:none;border:1px solid var(--line-soft);background:transparent;color:var(--ink-2);
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;clip-path:none}
.note-up-remove:hover{color:var(--magenta);border-color:var(--magenta)}
/* ============ 声音电台 ============ */
.radio{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:28px;margin-top:18px;align-items:start}
.radio-band{background:var(--paper);border:1px solid var(--line-soft);clip-path:none;padding:15px 24px;display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.radio-band-code{font-family:'Consolas',monospace;font-size:11px;color:var(--ink-2);letter-spacing:.14em}
.radio-band-title{font-family:'Arial Black','Noto Sans SC',sans-serif;font-weight:800;font-size:30px;line-height:1;color:var(--ink-2);letter-spacing:.1em}
.radio-now{display:flex;flex-direction:column}
.radio-cover{position:relative;aspect-ratio:1/1;border:1.5px solid var(--line-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:none;
  background-image:none;background-size:24px 24px,cover}
.radio-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--paper)}
.radio-cover-fb{display:flex;align-items:center;justify-content:center;width:108px;height:108px;border-radius:0;
  background:var(--paper);color:var(--cyan);font-family:'Arial Black',sans-serif;font-weight:800;font-size:48px;box-shadow:none}
.radio-cover-fb svg{width:54px;height:54px}
.radio-meta{margin-top:16px;font-family:'Consolas',monospace;font-size:12px;display:flex;flex-direction:column;gap:8px}
.radio-meta-row{display:flex;gap:10px;align-items:baseline}
.rk{flex:none;color:var(--ink-2);min-width:66px}
.rv{color:var(--ink-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.radio-note{font-family:inherit;color:var(--ink-2);font-size:13px;line-height:1.7;border-left:2px solid var(--magenta);padding-left:11px;margin-top:3px}
.radio-now-actions{display:flex;align-items:center;gap:10px;margin-top:18px}
.radio-list{display:flex;flex-direction:column;gap:14px}
.radio-row{display:flex;align-items:center;gap:16px;padding:16px 22px;clip-path:none;border:1px solid transparent;min-width:0;text-align:left}
.radio-row-ico{flex:none;display:flex;color:var(--ink-2)}
.radio-row-ico svg{width:18px;height:18px}
.radio-row-title{font-family:'Arial Black','Noto Sans SC',sans-serif;font-weight:700;font-size:20px;color:var(--ink-2);letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.radio-row-live{flex:none;margin-left:auto;font-family:'Consolas',monospace;font-size:10px;color:var(--ink-2);border:1px solid currentColor;padding:1px 6px}
.radio-row.on{background:var(--paper)}
.radio-row.on .radio-row-ico,.radio-row.on .radio-row-title,.radio-row.on .radio-row-live{color:var(--ink-2)}
.radio-row:not(.on):hover{border-color:var(--line-soft);background:var(--paper)}
.radio-empty{color:var(--ink-3);padding:44px 20px;text-align:center;font-size:14px}
.radio-player{margin-top:22px;display:flex;align-items:center;gap:14px;padding:14px 4px}
.rp-btn{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--cyan);border:1px solid var(--line-soft);clip-path:none;background:var(--paper)}
.rp-btn:hover{background:var(--paper)}
.rp-btn svg{width:18px;height:18px}
.rp-time{font-family:'Consolas',monospace;font-size:14px;color:var(--cyan)}
.rp-dot{width:9px;height:9px;border-radius:0;background:var(--paper);box-shadow:none}
.rp-spacer{flex:1}
.radio-fetch-status{margin-left:11px;font-size:12px;color:var(--ink-2)}
.radio-now-empty{grid-column:1/-1}
@media(max-width:920px){.radio{grid-template-columns:1fr}.radio-cover{max-width:340px}}
/* ============ 作品卡 ============ */
.work-card{padding:0; overflow:hidden}
.work-cover{aspect-ratio:16/10; position:relative; display:flex; align-items:center; justify-content:center;
  font-family:'Arial Black',sans-serif; font-size:38px; font-weight:900;
  background:var(--paper);
  color:var(--cyan)}
.work-cover span{position:relative; z-index:1}
.work-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.work-cover::before{content:''; position:absolute; top:9px; left:9px; width:14px; height:14px;
  border-top:2px solid var(--cyan); border-left:2px solid var(--cyan); z-index:1}
.work-cover::after{content:''; position:absolute; bottom:9px; right:9px; width:14px; height:14px;
  border-bottom:2px solid var(--cyan); border-right:2px solid var(--cyan); z-index:1}
.work-body{padding:14px 15px 15px; display:flex; flex-direction:column; gap:7px}
.work-title{font-size:14.5px; font-weight:600}
.work-desc{font-size:12.5px; color:var(--ink-2); display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden}
/* ============ 日记：终端消息主从布局 ============ */
.mail{display:grid; grid-template-columns:330px 1fr; gap:18px; align-items:start}
.mail-side{display:flex; flex-direction:column; min-width:0}
.mail-side-head{display:flex; align-items:center; justify-content:space-between; padding:0 2px 12px}
.mail-side-title{font-family:'Consolas',monospace; color:var(--cyan); letter-spacing:.18em; font-size:15px}
.mail-items{display:flex; flex-direction:column; gap:12px}
.mail-empty{font-size:13px; color:var(--ink-3); padding:18px 4px}
.mail-item{display:flex; align-items:center; gap:13px; width:100%; text-align:left;
  padding:13px 15px; min-height:58px; background:var(--paper);
  border:1px solid var(--line-soft); clip-path:none; color:var(--ink-3); cursor:pointer; min-width:0}
.mail-item-icon{flex:none; color:var(--ink-3); display:flex}
.mail-item-title{font-size:15px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mail-item:hover{border-color:var(--cyan)}
.mail-item:hover .mail-item-icon,.mail-item:hover .mail-item-title{color:var(--cyan)}
.mail-item.on{border-color:var(--cyan)}
.mail-item.on .mail-item-icon,.mail-item.on .mail-item-title{color:var(--cyan)}
.mail-detail{border:1px solid var(--line-soft); background:var(--paper);
  clip-path:none; min-height:520px; min-width:0}
.mail-detail-in{padding:30px 34px}
.mail-detail-head{display:flex; align-items:center; gap:14px}
.mail-back{display:none}
.mail-detail-title{flex:1; font-size:23px; font-weight:700; color:var(--cyan); min-width:0}
.mail-detail-actions{display:flex; gap:4px; flex:none}
.mail-meta{margin-top:14px; padding-bottom:18px; border-bottom:1px solid var(--line-soft)}
.mail-meta-label{font-family:'Consolas',monospace; color:var(--ink-3); margin-right:9px; font-size:14px}
.mail-meta-date{font-family:'Consolas',monospace; color:var(--cyan); font-size:15px}
.mail-body{margin-top:20px; font-size:15px; line-height:1.85; color:var(--ink-1); white-space:pre-wrap}
.mail-edit-title{flex:1; min-width:0; height:44px; font-size:20px; font-weight:700;
  color:var(--cyan); background:var(--paper); border:1px solid var(--cyan);
  padding:0 13px; clip-path:none}
.mail-edit-date{height:36px; font-family:'Consolas',monospace; color:var(--cyan);
  background:var(--paper); border:1px solid var(--line); padding:0 10px; font-size:14px}
.mail-edit-body{width:100%; margin-top:20px; min-height:340px; font-size:15px;
  line-height:1.85; color:var(--ink-1); background:var(--paper);
  border:1px solid var(--line); padding:14px 16px; resize:vertical; white-space:pre-wrap}
.mail-detail-empty{display:flex; align-items:center; justify-content:center; min-height:520px}
.mail-detail-empty .empty{padding:0}
@media(max-width:820px){
  .mail{grid-template-columns:1fr; gap:14px}
  .mail-side{display:none}
  .mail-detail{display:none}
  .mail.show-list .mail-side{display:flex}
  .mail.show-detail .mail-detail{display:block}
  .mail-back{display:inline-flex}
  .mail-detail-in{padding:22px 20px}
  .mail-detail-title{font-size:19px}
  .mail-edit-title{font-size:16px}
  .mail-edit-body{font-size:16px}
}
/* ============ 空态 ============ */
.empty{padding:56px 20px; text-align:center; color:var(--ink-3);
  border:1px dashed var(--line); clip-path:none; background:var(--paper)}
.empty svg{margin:0 auto; color:var(--cyan)}
.empty-title{font-size:15px; color:var(--ink-2); margin:12px 0 4px}
.empty-desc{font-size:13px; margin-bottom:14px}
/* ============ 设置 ============ */
.settings-grid{display:grid; gap:16px; grid-template-columns:1fr}
@media(min-width:860px){.settings-grid{grid-template-columns:1fr 1fr}}
.panel{padding:19px 21px; border:1px solid var(--cyan); clip-path:none;
  background:var(--paper)}
.panel h3{font-size:16px; font-weight:700; margin-bottom:6px}
.panel p{font-size:13px; color:var(--ink-2)}
.panel .btn{margin-top:12px}
.stat-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:13px}
.stat-card{padding:12px 14px; border:1px solid var(--line-soft); clip-path:none;
  background:var(--paper)}
.stat-num{font-size:24px; font-weight:900; font-family:'Arial Black',sans-serif; line-height:1.1;
  color:var(--cyan); text-shadow:none}
.stat-label{font-size:12px; color:var(--ink-3); margin-top:2px}
.theme-row{display:flex; gap:8px; margin-top:13px; flex-wrap:wrap}
.theme-btn{height:36px; padding:0 16px; border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); color:var(--cyan); font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; display:inline-flex; align-items:center; gap:6px}
.theme-btn.active{background:var(--paper); color:var(--ink-2); font-weight:800}
.note-box{background:var(--paper); border:1px solid var(--line-soft); border-left:3px solid var(--magenta);
  padding:13px 15px; font-size:12.5px; color:var(--ink-2); margin-top:11px; line-height:1.7}
/* ============ 选项管理 ============ */
.opt-mgr{display:grid; grid-template-columns:1fr; gap:13px; margin-top:15px}
@media(min-width:820px){.opt-mgr{grid-template-columns:repeat(3,1fr)}}
.opt-col{border:1px solid var(--line-soft); background:var(--paper);
  display:flex; flex-direction:column; min-width:0}
.opt-col-head{display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border-bottom:1px solid var(--line-soft);
  font-family:'Consolas',monospace; color:var(--cyan);
  letter-spacing:.12em; text-transform:uppercase; font-size:14px}
.opt-add{width:26px; height:26px; flex:none;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--cyan); color:var(--cyan); font-size:18px; line-height:1;
  clip-path:none}
.opt-add:hover{background:var(--paper)}
.opt-list{padding:5px 7px; max-height:360px; overflow-y:auto}
.opt-row{display:flex; align-items:center; gap:8px; padding:4px; min-width:0}
.opt-name{flex:1; min-width:0; font-size:13px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.opt-count{flex:none; font-size:11px; color:var(--ink-3); font-family:'Consolas',monospace}
.opt-btns{display:flex; gap:2px; flex:none}
.opt-btns .icon-btn{width:28px; height:28px}
@media(max-width:768px){ input,textarea,select{ font-size:16px; } }
/* ============ 模态 ============ */
.modal-mask{position:fixed; inset:0; z-index:100; display:flex; align-items:flex-end; justify-content:center;
  background:var(--paper); backdrop-filter:none}
@media(min-width:640px){.modal-mask{align-items:center; padding:24px}}
.modal{width:100%; max-width:540px; max-height:94vh; display:flex; flex-direction:column;
  border:1px solid var(--cyan);
  clip-path:none;
  background:var(--paper); animation:slideUp .24s ease}
@keyframes slideUp{from{transform:translateY(30px); opacity:.4} to{transform:none; opacity:1}}
.modal-head{padding:19px 21px 0; display:flex; justify-content:space-between; align-items:flex-start}
.modal-title{font-size:18px; font-weight:900; color:var(--cyan); text-shadow:none}
.modal-body{padding:16px 21px; overflow-y:auto}
.modal-foot{padding:14px 21px; border-top:1px solid var(--line-soft); display:flex; justify-content:flex-end; gap:10px}
.field{margin-bottom:14px}
.field label{display:block; font-size:13px; color:var(--ink-2); margin-bottom:6px}
.field input,.field textarea,.field select{width:100%; padding:9px 13px;
  border:1px solid var(--line-soft); clip-path:none;
  background:var(--paper); font-size:14px}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none; border-color:var(--cyan); background:var(--paper)}
.field textarea{min-height:84px; resize:vertical}
.field-row{display:flex; gap:12px}
.field-row .field{flex:1; min-width:0}
.field-error{font-size:12px; color:var(--magenta); margin-top:4px; display:none}
.star-picker{display:flex; gap:4px}
.star-picker button{width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  color:var(--line-soft); border-radius:0}
.star-picker button.on{color:var(--gold)}
.star-picker button:hover{background:var(--paper)}
/* ============ toast ============ */
.toast{position:fixed; bottom:30px; left:50%; transform:translateX(-50%);
  padding:10px 22px; border:1px solid var(--cyan); clip-path:none;
  background:var(--paper); backdrop-filter:none;
  color:var(--ink); font-size:13.5px; z-index:200;
  animation:toastIn .22s ease; max-width:88vw}
@keyframes toastIn{from{opacity:0; transform:translate(-50%,12px)} to{opacity:1; transform:translate(-50%,0)}}
/* ============ 页脚 ============ */
.site-footer{border-top:1px solid var(--line); padding:26px 16px 32px; text-align:center;
  color:var(--ink-3); font-size:12px}
/* ============ 响应式 ============ */
@media(min-width:640px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1280px){
  .grid{grid-template-columns:repeat(4,1fr)}
  .container{padding-top:34px}
  .page-title{font-size:24px}
}
@media(max-width:720px){
  .brand-sub{display:none}
  .nav a{padding:0 12px; font-size:13px; height:38px}
  .topbar-inner{gap:10px}
  .page-title{height:46px; font-size:18px}
  .list-hide{display:none}
}
@media(max-width:639px){
  .field input,.field textarea,.field select{font-size:16px}
}
/* NeonNote library: an inset cabinet, bound spines and one face-out notebook per shelf. */
.nb-library{max-width:1080px;margin:0 auto;padding:8px 0 36px}
.nb-library-compact{max-width:800px}
.nb-library-compact .nb-shelf-row{justify-content:center}
.nb-workspace{max-width:1160px;margin:0 auto;padding-bottom:36px}
.nb-library-header{display:flex;align-items:flex-end;gap:24px;margin:0 0 32px}
.nb-library-heading{flex:1;min-width:180px}
.nb-eyebrow{display:block;color:var(--ink-2);font:10px Consolas,monospace;letter-spacing:.23em;margin-bottom:12px}
.nb-library-heading h1{font-size:28px;line-height:1.3;font-weight:650;letter-spacing:.04em;color:var(--ink-2);margin:0 0 10px}
.nb-library-total{color:var(--ink-2);font-size:12px;letter-spacing:.03em}
.nb-library-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nb-search{width:220px!important;max-width:100%;height:37px;padding:9px 12px!important;background:var(--paper)!important;border:1px solid var(--line-soft)!important;font-size:12px}
.nb-cabinet{position:relative;padding:0 18px 24px;background:var(--paper);border:1px solid var(--line-soft);border-top:3px solid var(--line-soft);border-radius:0;box-shadow:none}
.nb-cabinet:before,.nb-cabinet:after{content:'';position:absolute;bottom:-15px;width:30px;height:14px;background:var(--paper);border:1px solid var(--line-soft)}
.nb-cabinet:before{left:24px}.nb-cabinet:after{right:24px}
.nb-cabinet-label{display:flex;justify-content:space-between;align-items:center;height:39px;padding:0 10px;font:9px Consolas,monospace;letter-spacing:.16em;color:var(--ink-2);border-bottom:1px solid var(--line-soft)}
.nb-cabinet-label span:last-child{display:flex;align-items:center;gap:7px;color:var(--ink-2)}
.nb-cabinet-label i{width:4px;height:4px;border-radius:0;background:var(--paper);box-shadow:none}
.nb-shelves{background:var(--paper);padding:0 14px}
.nb-shelf-row{position:relative;display:flex;align-items:flex-end;gap:11px;min-height:350px;padding:48px 18px 24px;margin-bottom:22px;perspective:1500px;background:var(--paper);box-shadow:none}
.nb-shelf-row:last-child{margin-bottom:0}
.nb-shelf-row:after{content:'';position:absolute;bottom:0;left:-14px;right:-14px;height:16px;background:var(--paper);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);box-shadow:none}
.nb-shelf-row:before{content:'';position:absolute;bottom:-1px;left:18%;right:18%;height:1px;background:var(--paper);box-shadow:none;z-index:1}
.nb-volume{--book-tint:#23333f;--book-accent:#92bdc9;position:relative;flex:0 0 65px;min-width:0;z-index:1}
.nb-volume.nb-tone-1{--book-tint:#30252d;--book-accent:#c1979b;flex-basis:72px}
.nb-volume.nb-tone-2{--book-tint:#223534;--book-accent:#92b8af;flex-basis:58px}
.nb-volume.nb-tone-3{--book-tint:#292c3b;--book-accent:#a0aec9;flex-basis:68px}
.nb-cover{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:254px;padding:18px 8px 14px;text-align:center;color:var(--ink-2);border:1px solid var(--line-soft);border-left-color:var(--line-soft);border-radius:0;background:var(--paper);box-shadow:none;transform-origin:center bottom;transition:transform .24s ease,border-color .24s,box-shadow .24s;cursor:pointer}
.nb-tone-1 .nb-cover{height:267px}.nb-tone-2 .nb-cover{height:243px}.nb-tone-3 .nb-cover{height:259px}
.nb-cover:before,.nb-cover:after{content:'';position:absolute;left:5px;right:5px;height:1px;background:var(--paper);box-shadow:none}
.nb-cover:before{top:42px}.nb-cover:after{bottom:42px}
.nb-cover-title{font-size:16px;font-weight:500;letter-spacing:.14em;line-height:1.5;writing-mode:vertical-rl;max-height:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);margin:auto}
.nb-serial{font:9px Consolas,monospace;letter-spacing:.06em;color:var(--book-accent)}
.nb-cover-count{font:9px Consolas,monospace;color:var(--book-accent);white-space:nowrap}
.nb-cover-art,.nb-cover-bottom{display:none}
.nb-volume:hover,.nb-volume:focus-within{z-index:10}
.nb-cover:hover,.nb-cover:focus-visible{transform:translateY(-9px) translateX(-2px) rotate(-1deg);border-color:var(--line-soft);box-shadow:none;outline:none}
.nb-cover:focus-visible{outline:2px solid var(--line-soft);outline-offset:4px}
.nb-book-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%,5px);width:200px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:0;background:var(--paper);color:var(--ink-2);text-align:left;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:12}
.nb-book-tooltip strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.nb-book-tooltip small{display:block;font-size:10px;line-height:1.7;color:var(--ink-2);margin-top:5px}
.nb-cover:hover .nb-book-tooltip,.nb-cover:focus-visible .nb-book-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nb-featured{flex-basis:180px!important;margin-right:25px;margin-left:9px;--book-tint:#192a35}
.nb-featured .nb-cover{height:280px;align-items:flex-start;text-align:left;padding:24px 20px 20px 25px;border-left:8px solid var(--line-soft);border-radius:0;background:var(--paper);box-shadow:none;transform:rotateY(-14deg)}
.nb-featured .nb-cover:before{top:0;bottom:0;left:8px;right:auto;width:1px;height:auto;background:var(--paper);box-shadow:none}
.nb-featured .nb-cover:after{top:0;left:auto;right:18px;width:9px;height:26px;background:var(--paper);clip-path:none;box-shadow:none}
.nb-featured .nb-serial{color:var(--ink-2);margin-bottom:25px}
.nb-featured .nb-cover-title{writing-mode:horizontal-tb;white-space:normal;max-height:100px;font-size:19px;font-weight:600;letter-spacing:.04em;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere}
.nb-featured .nb-cover-count{font-size:10px;color:var(--ink-2)}
.nb-featured .nb-cover-art{display:block;position:relative;width:100%;height:76px;overflow:hidden;margin-top:auto;opacity:.42;background:var(--paper)}
.nb-featured .nb-cover-art svg{display:none}
.nb-featured .nb-cover-bottom{display:block;font:6px Consolas,monospace;color:var(--ink-2);letter-spacing:.1em;margin-top:12px}
.nb-featured .nb-cover:hover,.nb-featured .nb-cover:focus-visible{transform:translateY(-8px) rotateY(-9deg)}
.nb-create{flex-basis:65px;margin-left:14px;--book-tint:#112128}
.nb-create .nb-cover{height:241px;border:1px dashed var(--line-soft);background:var(--paper);justify-content:center;gap:20px;box-shadow:none}
.nb-create .nb-cover:before,.nb-create .nb-cover:after{display:none}
.nb-create .nb-cover-title{margin:0;max-height:120px;color:var(--ink-2);font-size:13px}
.nb-create .nb-cover-count{display:none}
.nb-create-plus{font:24px Consolas,monospace;color:var(--ink-2)}
.nb-shelf-hint{display:flex;justify-content:space-between;gap:20px;color:var(--ink-2);font-size:11px;margin:32px 0}
.nb-shelf-hint span{font:9px Consolas,monospace;letter-spacing:.1em;color:var(--ink-2)}
.nb-no-results{color:var(--ink-2);padding:24px 12px;margin:0}
@media(max-width:1100px) and (min-width:761px){
 .nb-shelves{padding:0 8px}.nb-shelf-row{gap:7px;padding-left:10px;padding-right:10px}
 .nb-volume{flex-basis:54px;flex-shrink:1;min-width:34px}.nb-volume.nb-tone-1{flex-basis:56px}.nb-volume.nb-tone-2{flex-basis:48px}.nb-volume.nb-tone-3{flex-basis:54px}
 .nb-featured{flex-basis:158px!important;margin-right:14px}.nb-create{margin-left:6px;flex-basis:54px}
}
.nb-reader-toolbar{display:flex;align-items:center;gap:18px;margin:0 0 22px;flex-wrap:wrap}
.nb-reader-toolbar h1{font-size:23px;color:var(--magenta);font-weight:700;flex:1;margin:0;overflow-wrap:anywhere;min-width:120px}
.nb-reader-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nb-workspace.is-editing .nb-reader-actions{display:none}
.nb-reading-layout{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.nb-reading-layout:has(.nb-directory[hidden]){grid-template-columns:minmax(0,1fr)}
.nb-reading-layout>.nb-reader{min-width:0}
.nb-directory{padding:12px;margin:0;border:1px solid var(--line-soft);background:var(--paper);display:flex;flex-direction:column;gap:8px;max-height:clamp(400px,72vh,760px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:var(--ink-3) var(--bg-2);scrollbar-gutter:stable}
.nb-directory::-webkit-scrollbar{width:9px}.nb-directory::-webkit-scrollbar-track{background:var(--paper)}.nb-directory::-webkit-scrollbar-thumb{background:var(--paper);border:2px solid var(--line-soft);border-radius:0}
.nb-directory-title{margin:0;padding:5px 4px 12px;color:var(--ink-2);font-size:12px;letter-spacing:2px}
.nb-directory[hidden]{display:none}
.nb-directory button{display:flex;flex-shrink:0;gap:10px;align-items:flex-start;text-align:left;padding:12px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line-soft);overflow-wrap:anywhere;line-height:1.6}
.nb-directory button[aria-current=page]{border-color:var(--cyan);color:var(--cyan)}
.nb-directory button span{font:12px Consolas,monospace;color:var(--ink-2)}
.nb-reader.mail-detail{display:block;background:transparent;border:0;box-shadow:none;clip-path:none;min-width:0;min-height:0;overflow:visible}
.nb-reader:not(.nb-editing){padding:20px 30px 0;background:var(--paper)}
.nb-book{position:relative;border:1px solid var(--line-soft);border-radius:0;padding:38px 38px 50px;background:var(--paper);box-shadow:none;perspective:1600px;isolation:isolate}
.nb-book:after{content:'';position:absolute;left:10px;right:10px;bottom:-17px;height:1px;background:var(--paper);box-shadow:none}
.nb-book,.nb-empty-book{animation:nb-open .38s ease-out both}
@keyframes nb-open{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.nb-page-window{position:relative;overflow:hidden;z-index:1;height:480px}
.nb-flow{height:480px;column-count:2;column-gap:64px;column-fill:auto;overflow:visible;will-change:transform;font-size:15px;line-height:1.85;color:var(--ink-2)}
.nb-chapter{break-before:column;overflow-wrap:anywhere}
.nb-chapter:first-child{break-before:auto}
.nb-chapter-label{font:10px/1.5 Consolas,monospace;color:var(--ink-2);letter-spacing:.09em;margin:0 0 14px;break-after:avoid}
.nb-chapter h2{font-size:22px;line-height:1.5;margin:0 0 22px;color:var(--ink-2);break-after:avoid;border-left:3px solid var(--line-soft);padding-left:12px}
.nb-flow .note-body{margin:0;font-size:15px;line-height:1.85}
.nb-flow h2,.nb-flow h3,.nb-flow h4{break-after:avoid}
.nb-flow p{orphans:3;widows:3}
.nb-flow .note-body img{max-height:300px!important;max-width:100%!important;object-fit:contain;float:none!important;break-inside:avoid}
.nb-flow pre,.nb-flow table{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.nb-flow table{table-layout:fixed;width:100%}
.nb-flow .note-attachments{display:block}
.nb-flow .note-gallery{display:block}
.nb-flow .note-gallery-item{height:220px;width:100%;margin:12px 0;break-inside:avoid}
.nb-flow .note-gallery-item img{object-fit:contain}
.nb-flow .note-files{display:block}
.nb-flow .note-file,.nb-flow .note-audio-row,.nb-flow .note-media{break-inside:avoid;margin:12px 0}
.nb-flow .note-media{max-height:280px}
.nb-flow .note-source{break-inside:avoid}
.nb-flow .note-source-url{white-space:normal}
.nb-gutter{position:absolute;top:0;bottom:0;left:50%;width:52px;transform:translateX(-50%);background:var(--paper);pointer-events:none;z-index:2}
.nb-folio{position:absolute;bottom:18px;font:11px Consolas,monospace;color:var(--ink-2)}
.nb-folio-left{left:40px}.nb-folio-right{right:40px}
.nb-pagination{display:flex;align-items:center;justify-content:center;gap:35px;margin:0 0 20px}
.nb-progress{font:13px Consolas,monospace;color:var(--ink-2);min-width:100px;text-align:center}
.nb-pagination button:disabled{opacity:.3}
.nb-reading-hint{text-align:center;color:var(--ink-2);font-size:11px}
.nb-corner{position:absolute;bottom:0;width:44px;height:44px;padding:0;border:0;z-index:5;background:var(--paper);opacity:.6;touch-action:none}
.nb-corner:hover{opacity:1;filter:none}
.nb-corner:disabled{opacity:0;pointer-events:none}
.nb-corner-next{right:0;border-radius:0}
.nb-corner-prev{left:0;transform:scaleX(-1)}
.nb-turn-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:4;background:var(--paper);overflow:hidden;backface-visibility:hidden;pointer-events:none;box-shadow:none}
.nb-turn-forward{right:0;transform-origin:left;animation:nb-flip-forward .48s ease-in-out both}
.nb-turn-back{left:0;transform-origin:right;animation:nb-flip-back .48s ease-in-out both}
.nb-turn-content{position:absolute;left:32px;top:38px;height:480px;overflow:hidden}
@keyframes nb-flip-forward{from{transform:rotateY(0);opacity:1}to{transform:rotateY(-165deg);opacity:.2}}
@keyframes nb-flip-back{from{transform:rotateY(0);opacity:1}to{transform:rotateY(165deg);opacity:.2}}
.nb-empty-book{max-width:760px;min-height:390px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;border:1px solid var(--line-soft);border-left:16px solid var(--line-soft);border-radius:0;background:var(--paper);box-shadow:none}
.nb-empty-book>span{color:var(--cyan)}.nb-empty-book svg{width:44px;height:44px}
.nb-empty-book h2{color:var(--cyan);margin-top:24px;font-size:23px}.nb-empty-book p{color:var(--ink-2);line-height:1.8;margin-bottom:24px}
.nb-form-hint{color:var(--ink-2);font-size:12px;line-height:1.8}
.nb-editing{background:var(--paper)!important;border:1px solid var(--line-soft)!important}
.nb-editing .mail-back{display:flex!important}
.nb-workspace button:focus-visible{outline:2px solid var(--line-soft);outline-offset:4px}
@media(min-width:1500px){.nb-page-window,.nb-flow,.nb-turn-content{height:540px}}
@media(max-width:760px){
 .nb-library{padding-top:0}.nb-library-header{display:block;margin-bottom:22px}.nb-library-heading h1{font-size:25px}.nb-eyebrow{font-size:9px}.nb-library-tools{margin-top:18px;flex-wrap:nowrap}
 .nb-search{min-width:0;flex:1;width:140px!important}.nb-library-tools .btn{flex:none;font-size:11px}
 .nb-cabinet{padding:0 8px 16px}.nb-cabinet-label{font-size:7px;padding:0 6px;letter-spacing:.08em}.nb-shelves{padding:0 6px}
 .nb-shelf-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 9px;align-items:end;padding:28px 4px 23px;min-height:0;margin-bottom:20px;background:var(--paper);box-shadow:none}
 .nb-volume,.nb-volume.nb-tone-1,.nb-volume.nb-tone-2,.nb-volume.nb-tone-3,.nb-create{width:auto;margin:0}
 .nb-featured{grid-column:span 2;margin:0 8px 0 0}
 .nb-cover,.nb-tone-1 .nb-cover,.nb-tone-2 .nb-cover,.nb-tone-3 .nb-cover{height:205px;padding:14px 5px 10px}
 .nb-featured .nb-cover{height:224px;padding:18px 12px 14px 16px;transform:rotateY(-8deg)}
 .nb-featured .nb-cover-title{font-size:16px;max-height:90px}.nb-featured .nb-serial{margin-bottom:15px}.nb-cover-title{font-size:14px;max-height:135px;letter-spacing:.08em}
 .nb-cover-count{font-size:8px}.nb-cover-bottom{font-size:5px!important}.nb-cover-art{height:50px!important}
 .nb-create .nb-cover{height:194px;gap:14px}.nb-create .nb-cover-title{font-size:12px}
 .nb-volume:after{content:'';position:absolute;left:-5px;right:-5px;bottom:-13px;height:9px;background:var(--paper);border-bottom:1px solid var(--line-soft);box-shadow:none}
 .nb-shelf-row:before,.nb-shelf-row:after{display:none}.nb-book-tooltip{display:none}
 .nb-shelf-hint{line-height:1.8;margin-top:25px}.nb-shelf-hint span{display:none}
 .nb-reader-toolbar{gap:14px}.nb-reader-toolbar h1{font-size:20px}.nb-reader-actions{width:100%;gap:8px}
 .nb-reading-layout{grid-template-columns:minmax(0,1fr)}.nb-directory{position:absolute;left:0;top:0;width:min(280px,85%);max-height:70vh;z-index:12;box-shadow:none}.nb-reader:not(.nb-editing){padding:0}
 .nb-book{padding:26px 23px 44px;background:var(--paper);border-radius:0}
 .nb-page-window,.nb-flow,.nb-turn-content{height:460px}.nb-flow{column-count:1}.nb-gutter,.nb-folio-right{display:none}
 .nb-chapter h2{font-size:21px}.nb-flow .note-body{font-size:14px}.nb-chapter-label{font-size:9px}
 .nb-folio-left{left:24px}.nb-pagination{gap:14px;margin:0 0 16px}.nb-progress{min-width:76px;font-size:12px}
 .nb-turn-sheet{width:100%}.nb-turn-content{top:26px;left:23px}.nb-reading-hint{font-size:10px;line-height:1.7}
 .nb-empty-book{min-height:350px;padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){.nb-cover{transition:none}.nb-turn-sheet,.nb-book,.nb-empty-book{animation:none}}
/* A note owns a page; content scrolls inside it rather than fragmenting into columns. */
.nb-single-page{max-width:900px;margin:0 auto;background:var(--paper);padding-left:42px}
.nb-single-page .nb-page-window{height:clamp(320px,58vh,620px);overflow-y:auto;overflow-x:hidden;padding-right:16px;overscroll-behavior:contain;scrollbar-width:none;outline:none}
.nb-single-page .nb-page-window:focus-visible{outline:1px solid var(--line-soft);outline-offset:6px}
.nb-single-page .nb-page-window::-webkit-scrollbar{display:none}
.nb-single-page .nb-page-window::-webkit-scrollbar-track{background:var(--paper);border-radius:0}
.nb-single-page .nb-page-window::-webkit-scrollbar-thumb{background:var(--paper);border:2px solid var(--line-soft);border-radius:0}
.nb-single-page .nb-page-window::-webkit-scrollbar-thumb:hover{background:var(--paper)}
.nb-single-page .nb-flow{height:auto;column-count:auto;column-width:auto;column-gap:normal;will-change:auto;overflow:visible}
.nb-single-page .nb-chapter{break-before:auto;min-width:0;padding:0 2px 24px}
.nb-single-page .nb-chapter[hidden]{display:none}
.nb-single-page .nb-gutter,.nb-single-page .nb-folio-right{display:none}
.nb-single-page .nb-flow .note-body img{max-height:none!important}
.nb-single-page .nb-turn-sheet{width:100%}
.nb-single-page .nb-turn-content{left:42px;height:calc(100% - 88px)}
.nb-scroll-rail{position:absolute;right:12px;top:38px;bottom:50px;width:18px;height:calc(100% - 88px);margin:0;padding:0;writing-mode:vertical-lr;direction:ltr;appearance:none;background:transparent;z-index:3;cursor:ns-resize;touch-action:none}
.nb-scroll-rail::-webkit-slider-runnable-track{width:4px;height:100%;background:var(--paper);border:1px solid var(--line-soft);border-radius:0}
.nb-scroll-rail::-webkit-slider-thumb{appearance:none;width:12px;height:38px;background:var(--paper);border:2px solid var(--line-soft);border-radius:0;margin-left:-5px;box-shadow:none}
.nb-scroll-rail::-moz-range-track{width:4px;background:var(--paper);border:1px solid var(--line-soft);border-radius:0}
.nb-scroll-rail::-moz-range-thumb{width:10px;height:36px;background:var(--paper);border:2px solid var(--line-soft);border-radius:0}
.nb-scroll-rail:disabled{opacity:.35}
.nb-scroll-rail:focus-visible{outline:1px solid var(--line-soft);outline-offset:3px}
.note-image-upload-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line-soft);background:var(--paper);color:var(--ink-2);font-size:12px;line-height:1.7}
.note-image-upload-status[hidden]{display:none}
.note-image-upload-status button{flex:none}
@media(max-width:760px){
 .nb-single-page{padding-left:23px}
 .nb-single-page .nb-page-window{padding-right:10px}
 .nb-single-page .nb-turn-content{left:23px}
 .nb-scroll-rail{top:26px;bottom:44px;right:6px;height:calc(100% - 70px);width:16px}
 .note-image-upload-status{flex-wrap:wrap}
}


/* UI-only reference lock: burgundy city / cyan content / coral structure / yellow selection. */
:root{
 --archive-city:url('../image-ab59e7725855.png');
 --bg:#100b13;--bg-2:#0a111c;--glass:rgba(12,17,27,.82);--glass-strong:rgba(18,20,32,.97);--glass-soft:rgba(109,238,248,.05);
 --ink:#e2e8ee;--ink-1:#e2e8ee;--ink-2:#b0bdcc;--ink-3:#8195a8;--line:#9c4850;--line-soft:rgba(174,85,93,.28);
 --cyan:#75f3ff;--magenta:#ff655f;--purple:#b7cddd;--gold:#ffe324;--panel:rgba(11,18,29,.83);--paper:#0a1420;--vermilion:#ff655f;
 --clip:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
 --clip-sm:polygon(5px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 5px);--blur:blur(14px);color-scheme:light;
}
[data-theme="dark"]{--bg:#080c14;--bg-2:#060b13;--glass:rgba(5,11,20,.92);--glass-strong:rgba(10,16,27,.98);--line:#82404a;--line-soft:rgba(144,72,88,.29);--panel:rgba(6,13,23,.94);--paper:#070e18}
body{font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;isolation:isolate;background-color:var(--paper);background-image:none;background-position:center;background-size:cover;background-attachment:fixed;font-size:14px;line-height:1.7}
html[data-theme="dark"] body{background-image:none}
body::before{inset:14px;z-index:-1;background:transparent;border-inline:1px solid var(--line-soft);border-block:1px solid var(--line-soft);pointer-events:none}
body::after{z-index:-1;opacity:.14;background:var(--paper)}
h1,h2,h3{font-family:inherit}::selection{color:var(--ink-2);background:var(--paper)}button,a,input,select,textarea{transition:background .15s,color .15s,border-color .15s}input,select,textarea{min-width:0}select option{background:var(--paper);color:var(--ink-2)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input::placeholder,textarea::placeholder{color:var(--ink-2)}
.topbar{background:var(--paper);border-color:var(--magenta);box-shadow:none;backdrop-filter:none}
.topbar-inner{max-width:1740px;padding:0 44px;height:84px;gap:25px}.brand{gap:13px}.brand-mark{width:32px;height:36px}.brand-name{font-family:inherit;font-size:31px;font-weight:650;letter-spacing:3px;text-shadow:none}.brand-sub{font-family:Consolas,monospace;font-size:10px;letter-spacing:4px;opacity:.85;line-height:1.4}.nav{gap:2px;align-self:stretch;align-items:stretch;overflow-y:hidden}.nav a{height:auto;min-height:100%;padding:0 20px;font-size:16px;color:var(--magenta);border:0;border-bottom:3px solid transparent;clip-path:none;letter-spacing:.03em}.nav a.active{background:var(--paper);border-bottom-color:var(--cyan);text-shadow:none}.nav a:hover{background:var(--paper);color:var(--cyan)}
.container{max-width:1740px;padding:35px 44px 46px;position:relative;min-width:0}.page-head{margin-bottom:19px}.page-title{border:0;background:transparent;clip-path:none;padding:0;height:auto;font-size:29px;letter-spacing:2px;line-height:1.35;color:var(--magenta);font-weight:650;text-shadow:none}.page-title::before{display:none}.page-desc{font-size:12px;margin-top:8px;color:var(--ink-2);line-height:1.7;max-width:none}.page-head h1::after{content:'///';font:11px Consolas,monospace;letter-spacing:4px;margin-left:18px;color:var(--ink-2)}
.btn{font-family:inherit;border-color:var(--line-soft);background:var(--paper);color:var(--magenta);font-size:12px;letter-spacing:.02em;height:40px;padding:0 16px;box-shadow:none}.btn:hover{background:var(--paper)}.btn-primary{background:var(--paper);color:var(--cyan);border-color:var(--cyan);font-weight:600;box-shadow:none}.btn-primary:hover{background:var(--paper);color:var(--cyan)}.btn-danger{border-color:var(--line-soft);color:var(--ink-2);background:var(--paper)}.btn-danger:hover{background:var(--paper)}.btn-ghost{border-color:transparent;background:transparent}.btn-icon{padding:0;width:40px}.btn-sm{height:32px;padding:0 12px}.icon-btn{color:var(--ink-2);clip-path:none}.icon-btn:hover{background:var(--paper);border-color:var(--cyan);color:var(--cyan)}
.toolbar{gap:11px;align-items:center;margin-bottom:14px}.search-box{min-width:160px}.search-box input{height:43px;background:var(--paper);border-color:var(--line-soft);color:var(--ink-2);clip-path:none;font-size:14px}.search-box input:focus{background:var(--paper);box-shadow:none}.search-box svg{color:var(--ink-2)}.toolbar select.btn{border-color:var(--line-soft);background:var(--paper);color:var(--ink-2);padding-left:10px;font-size:12px}.seg{border-color:var(--line-soft);clip-path:none}.seg button{color:var(--ink-2)}.seg button.active{background:var(--paper);color:var(--cyan)}
.filter-panel{padding:6px 12px 4px;background:var(--paper);border:1px solid var(--line-soft);border-left:2px solid var(--line-soft);clip-path:none;margin:0 0 10px}.fp-row{gap:9px;padding:5px 0;align-items:center;min-width:0}.fp-row+.fp-row{border-color:var(--line-soft)}.fp-label{font-family:inherit;width:34px;font-size:11px;padding:0;color:var(--ink-2);letter-spacing:1px}.filter-panel .filters{gap:6px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--ink-3) var(--bg-2)}.filter-panel .filters::-webkit-scrollbar{height:4px}.filter-panel .filters::-webkit-scrollbar-track{background:var(--paper)}.filter-panel .filters::-webkit-scrollbar-thumb{background:var(--paper);border:0}.filter-panel .filter-manage{padding:0;gap:5px}.chip{height:28px;padding:0 10px;color:var(--ink-2);background:var(--paper);border-color:var(--line-soft);clip-path:none;font-size:11px;letter-spacing:0}.chip:hover{background:var(--paper);border-color:var(--line-soft)}.chip.active,.filter-panel .chip.active,.filter-dims .chip.active{color:var(--gold);background:var(--paper);border-color:var(--line-soft);font-weight:500;box-shadow:none}.chip .n{font:10px Consolas,monospace;opacity:.8}.chip-manage{width:27px;height:27px;color:var(--ink-2);border-color:var(--line-soft);background:var(--paper);clip-path:none}.chip-manage.danger{color:var(--ink-2);border-color:var(--line-soft);background:var(--paper)}.chip-manage:hover{background:var(--paper)}.chip-manage.danger:hover{background:var(--paper)}.filter-label{font-family:Consolas,'Microsoft YaHei',sans-serif;font-size:12px;color:var(--magenta);letter-spacing:1px;margin-top:15px}.filter-label::before{width:4px;height:12px;background:var(--paper);box-shadow:none}.result-meta{font-family:Consolas,'Microsoft YaHei',sans-serif;color:var(--ink-2);font-size:11px;letter-spacing:1px;margin:10px 0 13px}.split{gap:32px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.split-detail{top:108px}.split-empty{color:var(--ink-2);border:1px solid var(--line-soft);background:var(--paper);min-height:200px;display:grid;place-items:center}
.li-item{position:relative;min-height:92px;gap:18px;padding:18px 18px 18px 25px;margin-bottom:12px;border:1px solid var(--line-soft);background:var(--paper);cursor:pointer;clip-path:none}.li-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--paper);opacity:.7}.li-item::after{content:'';position:absolute;width:15px;height:15px;right:-1px;bottom:-1px;background:var(--paper);pointer-events:none}.li-item:hover{background:var(--paper);border-color:var(--line-soft)}.li-item.sel{border-color:var(--gold);background:var(--paper)}.li-item.sel::before{width:6px;background:var(--paper);opacity:1}.li-item.sel::after{background:var(--paper)}.li-icon{color:var(--ink-2);width:30px;justify-content:center}.li-icon svg{width:26px;height:26px}.li-item.sel .li-icon{color:var(--gold);filter:none}.li-body{gap:7px}.li-title,.li-item.sel .li-title{color:var(--cyan);font-size:18px;font-weight:650;line-height:1.45;text-shadow:none}.li-note,.li-item.sel .li-note{font-size:13px;line-height:1.65;color:var(--ink-2)}.li-item.sel .li-note{color:var(--ink-2)}.li-link{height:40px;padding:0 14px;color:var(--ink-2);border:1px solid var(--line-soft);background:var(--paper);font-weight:500;font-size:11px;clip-path:none}.li-link:hover{color:var(--cyan);background:var(--paper)}.li-item.sel .li-link{background:var(--paper);border-color:var(--gold);color:var(--ink-2)}.li-link svg{width:14px;height:14px}
.record{--rec:var(--magenta);display:flex;flex-direction:column;background:var(--paper);border:0;border-left:1px solid var(--line-soft);clip-path:none;padding:0 0 12px 27px}.detail-back{order:-1}.rec-top{order:0;padding:3px 0 14px;margin:0;border-bottom:1px solid var(--line-soft);gap:10px}.rec-kicker{font-family:inherit;font-size:19px;font-weight:600;letter-spacing:1px;padding-left:0;color:var(--magenta)}.rec-kicker::before{display:none}.rec-top-arrow{padding:7px;border:1px solid var(--line-soft);clip-path:none;color:var(--cyan);background:var(--paper)}.rec-top-arrow:hover{transform:none;background:var(--paper);color:var(--cyan)}.rec-archive{order:1;min-height:0;height:32px;background:transparent;border:0;margin:10px 0 9px;align-items:center;gap:8px}.rec-archive-left{padding:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px}.rec-archive-label{font:10px Consolas,monospace;letter-spacing:2px;margin:0;color:var(--ink-2)}.rec-archive-num{font:20px Consolas,monospace;color:var(--magenta);letter-spacing:1px}.rec-archive-right{width:auto;border:0;padding:0;background:transparent;gap:9px}.rec-barcode svg{width:48px;height:23px;color:var(--ink-2)}.rec-archive-meta{font:8px/1.4 Consolas,monospace;color:var(--ink-2);letter-spacing:.6px}.rec-title{order:2;color:var(--cyan);font-size:28px;line-height:1.45;font-weight:650;letter-spacing:.6px;margin:0 0 16px;overflow-wrap:anywhere}.rec-platform{order:3;margin:0 0 24px;padding:10px 0 13px;border-bottom:1px solid var(--line-soft)}.rec-platform-name{font-size:13px;color:var(--ink-2);gap:12px}.rec-logo{height:29px;width:29px}.rec-logo img{border-radius:0}.rec-logo::before,.rec-logo::after,.rec-logo .rlc::before,.rec-logo .rlc::after{border-color:var(--line-soft);opacity:.6;width:5px;height:5px}.rec-platform-icons{color:var(--ink-2)}.rec-code-tag{color:var(--ink-2);border-color:var(--line-soft);background:var(--paper)}.rec-notes-head{order:4;font-family:inherit;font-size:14px;color:var(--magenta);letter-spacing:.5px;border-bottom:1px dashed var(--line-soft);padding-bottom:8px;margin-bottom:10px}.rec-notes-head svg{width:15px;height:15px;color:var(--ink-2)}.rec-notes-body{order:5;background:transparent;border:0;padding:0;color:var(--ink-2);font-size:15px;line-height:1.9;margin:0 0 26px;overflow-wrap:anywhere;white-space:pre-wrap}.rec-info{order:6;border-color:var(--line-soft);margin-bottom:22px}.rec-info-row{justify-content:flex-start;gap:17px;padding:10px 2px;border-color:var(--line-soft);min-width:0}.ri-label{color:var(--ink-2);font-size:13px;width:87px}.ri-val{color:var(--ink-2);text-align:left;font-size:13px;overflow-wrap:anywhere;min-width:0}.ri-tags{justify-content:flex-start;gap:7px}.ri-tag{font:12px Consolas,'Microsoft YaHei',sans-serif;color:var(--ink-2);line-height:1.5}.rec-info-row:last-child .ri-val{color:var(--gold);font-weight:600}.rec-actions{order:8;gap:12px;margin-top:3px}.rec-action{color:var(--magenta);border-color:var(--line-soft);background:var(--paper);font-size:13px;padding:11px 8px}.rec-action:hover{background:var(--paper);color:var(--ink-2);border-color:var(--magenta)}.rec-action.danger{color:var(--ink-2);border-color:var(--line-soft);background:var(--paper)}.rec-action.danger:hover{color:var(--magenta);background:var(--paper)}
.card,.panel,.list,.mail-detail{background:var(--paper);border-color:var(--line-soft);box-shadow:none}.card{padding:19px;gap:12px}.card::before{width:36px;height:2px;background:var(--paper);box-shadow:none}.card:hover{background:var(--paper);border-color:var(--line-soft)}.card-title,.note-title,.work-title{color:var(--cyan);font-size:17px;font-weight:600;line-height:1.5}.card-note,.work-desc{color:var(--ink-2);font-size:13px;line-height:1.8}.card-meta{color:var(--ink-2);font-size:11px}.card-actions{gap:3px}.platform{font-size:11px;border-color:var(--line-soft) 48%,var(--line-soft));background:var(--paper);text-shadow:none;color:var(--ink-2)}.platform::before{height:4px;width:4px;box-shadow:none}.tag,.read-dot{border-color:var(--line-soft);background:var(--paper);color:var(--ink-2);clip-path:none;padding:2px 7px;font-size:10px}.stars{color:var(--ink-2)}.stars .off{color:var(--ink-2)}.list{clip-path:none;border-color:var(--line-soft)}.list-row{padding:15px 17px;min-height:72px;border-color:var(--line-soft)}.list-title{color:var(--cyan);font-size:16px}.list-row:hover{background:var(--paper)}.list-sub{color:var(--ink-2)}.tool-grid{gap:16px;margin-top:18px}.tool-tile{min-height:85px}.tool-tile-icon{border-color:var(--line-soft);background:var(--paper);color:var(--ink-2);text-shadow:none;font-family:Consolas,monospace;font-size:23px;width:63px}.tool-tile-body{border-color:var(--line-soft);background:var(--paper);padding:15px 20px;gap:5px}.tool-tile-name{font-size:16px;letter-spacing:.3px}.tool-tile-desc{font-size:12px;color:var(--ink-2)}.tool-tile-actions .icon-btn{opacity:1;color:var(--ink-2)}.tool-tile:hover .tool-tile-icon{background:var(--paper)}.tool-tile:hover .tool-tile-body{background:var(--paper)}.note-body{color:var(--ink-2)}.work-card{padding:0}.work-cover{background:var(--paper);color:var(--ink-2);font-family:Consolas,monospace}.work-cover::before,.work-cover::after{border-color:var(--line-soft)}.work-body{padding:19px}.work-desc{font-size:12px}.panel{padding:24px}.panel h3{color:var(--cyan);font-size:19px;font-weight:600}.panel p{color:var(--ink-2);font-size:13px;line-height:1.8}.stat-card{background:var(--paper);border-color:var(--line-soft)}.stat-num{font:28px/1.2 Consolas,monospace;color:var(--cyan);text-shadow:none}.stat-label{font-size:11px;color:var(--ink-2)}.theme-btn{color:var(--ink-2);border-color:var(--line-soft);background:var(--paper);letter-spacing:0}.theme-btn.active{background:var(--paper);border-color:var(--line-soft);color:var(--gold);font-weight:500}.note-box{color:var(--ink-2);background:var(--paper);border-color:var(--line-soft);border-left-color:var(--line-soft)}.opt-col{background:var(--paper);border-color:var(--line-soft)}.opt-col-head{font-family:inherit;color:var(--magenta);font-size:13px;border-color:var(--line-soft);letter-spacing:.5px}.opt-add{color:var(--cyan);border-color:var(--line-soft)}.opt-row{padding:7px 4px}.opt-name{color:var(--ink-2)}.opt-count{color:var(--ink-2)}.opt-list{scrollbar-width:thin}.mail{gap:28px;grid-template-columns:320px minmax(0,1fr)}.mail-side-title{font:13px Consolas,'Microsoft YaHei',sans-serif;color:var(--magenta)}.mail-item{border-color:var(--line-soft);background:var(--paper);min-height:72px}.mail-item-title{color:var(--ink-2);font-size:15px}.mail-item.on{border-color:var(--gold);background:var(--paper)}.mail-item.on .mail-item-title{color:var(--cyan)}.mail-item.on .mail-item-icon{color:var(--gold)}.mail-detail{min-height:540px}.mail-detail-in{padding:28px 32px}.mail-detail-title{font-size:25px;font-weight:600}.mail-meta{border-color:var(--line-soft)}.mail-meta-label{color:var(--ink-2);font:12px Consolas,'Microsoft YaHei',sans-serif}.mail-meta-date{font:13px Consolas,monospace;color:var(--ink-2)}.mail-body{color:var(--ink-2);font-size:15px;line-height:1.95}.mail-edit-title,.mail-edit-date,.mail-edit-body{background:var(--paper);border-color:var(--line-soft);color:var(--ink-2)}.mail-edit-title{color:var(--cyan)}
.empty{border:1px solid var(--line-soft);background:var(--paper);padding:54px 24px}.empty-title{color:var(--cyan);font-size:18px}.empty-desc{color:var(--ink-2);font-size:13px;margin-top:8px}.modal-mask{background:var(--paper);backdrop-filter:none}.modal{border-color:var(--line-soft);background:var(--paper);box-shadow:none}.modal-title{font-family:inherit;text-shadow:none;font-size:21px;font-weight:600;letter-spacing:.5px}.modal-head{padding:23px 24px 6px}.modal-body{padding:18px 24px}.modal-foot{padding:16px 24px;border-color:var(--line-soft)}.field label{color:var(--ink-2);font-size:12px}.field input,.field select,.field textarea{background:var(--paper);border-color:var(--line-soft);color:var(--ink-2);clip-path:none;font-size:14px;border-radius:0;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{background:var(--paper);border-color:var(--cyan);box-shadow:none}.star-picker button{color:var(--ink-2)}.star-picker button.on{color:var(--gold)}.star-picker button:hover{background:var(--paper)}.toast{border-color:var(--line-soft);background:var(--paper);color:var(--ink-2);font-size:13px}.site-footer{border-top:1px solid var(--line-soft);color:var(--ink-2);font:10px/1.7 Consolas,'Microsoft YaHei',sans-serif;text-align:left;letter-spacing:1.5px;padding:19px 44px 23px;margin:0 30px}
@media(min-width:1100px){
 .container:has(>.split){display:grid;grid-template-columns:minmax(0,1.58fr) minmax(360px,1fr);column-gap:35px;align-content:start;align-items:start}
 .container:has(>.split)>.page-head{grid-column:1;grid-row:1;margin:0 0 17px}
 .container:has(>.split)>.toolbar{grid-column:1;grid-row:2;margin:0 0 14px}
 .container:has(>.split)>.filter-panel{grid-column:1;grid-row:3}
 .container>.split{display:contents}.container>.split>.split-list{grid-column:1;grid-row:4;align-self:start}
 .container>.split>.split-detail{grid-column:2;grid-row:1/span 4;align-self:start;position:sticky;top:109px}
}
@media(min-width:1550px){.topbar-inner{height:88px}.container{padding-top:37px}.page-title{font-size:31px}.li-item{min-height:99px}.li-title{font-size:20px}.li-note{font-size:14px}.rec-title{font-size:30px}.rec-kicker{font-size:21px}.rec-notes-body{font-size:16px}.rec-info-row{padding:12px 2px}.ri-label,.ri-val{font-size:14px}.split-detail{top:112px}.container>.split>.split-detail{top:112px}}
@media(max-width:1250px){.topbar-inner{padding:0 30px}.nav a{padding:0 13px;font-size:14px}.container{padding:28px 30px 38px}.brand-name{font-size:27px}.brand-mark{width:27px}.container:has(>.split){column-gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}.record{padding-left:22px}.rec-kicker{font-size:16px}.rec-title{font-size:25px}.li-item{padding:16px 13px 16px 19px;gap:13px}.li-title{font-size:16px}.li-note{font-size:12px}.li-link{padding:0 11px}.rec-notes-body{font-size:14px}.toolbar .btn{padding:0 12px}.page-desc{font-size:11px}.filter-panel{padding:5px 8px}.chip{padding:0 9px;font-size:10px}.fp-row{gap:7px}.fp-label{width:29px;font-size:10px}.ri-label{width:75px}.ri-val{font-size:12px}.site-footer{padding-left:0;padding-right:0}}
@media(max-width:1099px) and (min-width:769px){.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.split-detail{top:110px}.rec-platform-icons{gap:8px}.rec-title{font-size:24px}.rec-kicker{font-size:16px}.li-title{font-size:16px}.topbar-inner{height:auto;min-height:78px;flex-wrap:wrap;padding-top:14px;gap:10px}.brand{flex:1}.nav{height:49px;flex-basis:100%;justify-content:space-between}.nav a{min-height:49px;flex:1;justify-content:center}.container{padding-top:25px}.split-detail{top:155px}.mail{grid-template-columns:275px minmax(0,1fr)}}
@media(max-width:820px){.mail{grid-template-columns:1fr}.mail-detail-in{padding:22px 20px}.mail-detail-title{font-size:21px}.mail-edit-title{font-size:17px}.mail-edit-body{font-size:16px}.mail-back{color:var(--magenta)}}
@media(max-width:768px){
 body::before{inset:8px}.topbar-inner{height:auto;min-height:0;padding:16px 20px 0;gap:12px;flex-wrap:wrap}.brand{width:100%;gap:10px}.brand-name{font-size:28px}.brand-sub{display:inline;font-size:9px;letter-spacing:3px}.brand-mark{width:27px;height:32px}.nav{width:100%;height:48px;margin:0;gap:0;align-items:stretch;flex:none;overflow-x:auto}.nav a{flex:none;min-height:48px;height:48px;padding:0 15px;font-size:13px;clip-path:none}.nav a:first-child{padding-left:4px;padding-right:19px}.container{display:block!important;padding:24px 19px 34px}.page-title{font-size:25px;letter-spacing:1px}.page-head{margin-bottom:18px}.page-desc{font-size:11px;line-height:1.8;margin-top:8px}.page-head h1::after{font-size:9px;margin-left:12px}.toolbar{gap:9px;margin-bottom:15px}.search-box{flex-basis:100%;min-width:0;margin-bottom:2px}.search-box input{font-size:16px}.toolbar>.btn-primary{margin-left:auto}.toolbar select.btn{font-size:12px}.toolbar .btn{height:38px}.filter-panel{display:none}.filter-dims{margin:17px 0 12px}.dim-tabs{gap:9px;margin-bottom:11px}.dim-tab{height:35px;font-family:inherit;font-size:12px;color:var(--ink-2);border-color:var(--line-soft);background:var(--paper);letter-spacing:1px}.dim-tab.active{color:var(--gold);background:var(--paper);border-color:var(--line-soft);box-shadow:none;font-weight:500}.filter-dims .fp-row{align-items:center}.filter-dims .filters{gap:7px;scrollbar-width:thin;scrollbar-color:var(--ink-3) var(--bg-2);padding-bottom:6px}.filter-dims .filters::-webkit-scrollbar{height:4px}.filter-dims .filters::-webkit-scrollbar-thumb{background:var(--paper)}.filter-dims .filters::-webkit-scrollbar-track{background:var(--paper)}.chip{height:29px;font-size:11px;padding:0 10px}.filter-manage{padding-bottom:5px;gap:5px}.chip-manage{width:29px;height:29px}.split{display:block}.split-detail{position:static}.li-item{gap:12px;padding:15px 12px 15px 18px;min-height:89px;margin-bottom:11px}.li-icon{width:23px}.li-icon svg{width:23px;height:23px}.li-title,.li-item.sel .li-title{font-size:16px}.li-note{font-size:11px}.li-link{padding:0 9px;height:36px;font-size:10px;gap:5px}.li-link svg{width:12px;height:12px}.result-meta{margin:9px 0 13px;font-size:10px}.record{padding:0;border-left:0;background:transparent}.detail-back{padding:7px 10px;align-self:flex-start;border:1px solid var(--line-soft);background:var(--paper);clip-path:none;margin:8px 0 15px;color:var(--magenta)}.rec-kicker{font-size:17px}.rec-top{padding-bottom:12px}.rec-archive{height:32px;margin:9px 0 10px}.rec-archive-num{font-size:21px}.rec-archive-right{width:auto;padding:0;gap:8px}.rec-archive-meta{display:block;font-size:7px}.rec-title{font-size:26px;line-height:1.45}.rec-platform{margin-bottom:20px}.rec-platform-name{font-size:12px}.rec-notes-body{font-size:14px;line-height:1.95}.rec-notes-head{font-size:13px}.rec-info-row{padding:11px 2px}.ri-label{width:78px;font-size:12px}.ri-val{font-size:13px}.rec-actions{gap:10px}.site-footer{font-size:9px;letter-spacing:1px;margin:0 19px;padding:19px 0 23px}.panel{padding:20px 17px}.panel h3{font-size:18px}.panel p{font-size:12px}.card{padding:17px}.work-card{padding:0}.card-title{font-size:16px}.tool-tile{min-height:79px}.tool-tile-icon{width:48px;font-size:20px;margin-right:7px}.tool-tile-body{padding:12px;gap:4px}.tool-tile-name{font-size:14px}.tool-tile-desc{font-size:11px}.tool-tile-actions{margin-left:4px;gap:0;flex-direction:column;justify-content:center}.tool-tile-actions .icon-btn{width:26px;height:28px}.modal{max-height:94dvh}.modal-head{padding:20px 20px 4px}.modal-body{padding:16px 20px}.modal-foot{padding:14px 20px}.modal-title{font-size:20px}.field input,.field select,.field textarea{font-size:16px}.field-row{gap:10px}.field label{font-size:12px}.modal-foot .btn{height:40px}.mail-item{min-height:67px}.toast{font-size:12px;line-height:1.8}.empty{padding:40px 20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#siteName{border-radius:0!important;color:var(--ink)}



.collection-number{display:block;color:var(--cyan);font-family:'Consolas',monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.tag-picker{padding:12px;border:1px solid var(--line-soft);background:var(--paper)}
.tag-picker-tools{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.tag-picker-tools input{flex:1;min-width:0}
.tag-picker-tools button{flex:none;white-space:nowrap}
.tag-picker-options{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow-y:auto;padding:3px}
.tag-picker-options .chip{height:auto;min-height:30px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.tag-picker-options [hidden],.tag-picker [hidden]{display:none!important}
.tag-picker-status{margin-top:10px;color:var(--cyan);font-size:12px}
.tag-picker-hint,.tag-picker-empty{font-size:12px;color:var(--ink-2);margin-top:6px;line-height:1.6}
@media(max-width:480px){.tag-picker-tools{flex-wrap:wrap}.tag-picker-tools input{flex-basis:100%}}


.record .rec-archive-left{min-width:0}
.record .rec-archive-num{display:block;max-width:100%;font-size:clamp(24px,3.5vw,42px);line-height:1.2;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere}

.archive-number-display{padding:10px 12px;border-left:2px solid var(--cyan);background:var(--paper);color:var(--cyan);font-family:'Consolas',monospace;overflow-wrap:anywhere}

.record .rec-archive-num,.record .rec-platform-name{font-family:'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;font-weight:500;letter-spacing:0}
.record .archive-platform{font-family:inherit}
.record .archive-sequence{font-family:'Consolas',Consolas,monospace;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-left:.08em}


#cloud-status-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px max(16px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line-soft);background:var(--paper);font-size:13px;color:var(--ink-2)}
#cloud-status-bar>div{display:flex;gap:8px;flex-wrap:wrap}
.cloud-message{max-width:650px;margin:42px auto;padding:24px}
.cloud-message h2{margin-bottom:12px}.cloud-message p{margin:12px 0 20px}
.cloud-login-note{font-size:12px;color:var(--ink-2);margin-top:16px}
[data-login-error]{color:var(--ink-2);margin:10px 0}
html:not(.cloud-owner) [data-route="journals"],html:not(.cloud-owner) [data-route="settings"],
html:not(.cloud-owner) .filter-manage,html:not(.cloud-owner) .rec-actions,
html:not(.cloud-owner) #add,html:not(.cloud-owner) #empty-add,
html:not(.cloud-owner) [data-act="edit"],html:not(.cloud-owner) [data-act="del"],
html:not(.cloud-owner) [data-act="tedit"],html:not(.cloud-owner) [data-act="tdel"],
html:not(.cloud-owner) [data-act="nedit"],html:not(.cloud-owner) [data-act="ndel"],
html:not(.cloud-owner) #nadd,
html:not(.cloud-owner) [data-act="redit"],html:not(.cloud-owner) [data-act="rdel"],
html:not(.cloud-owner) [data-act="wedit"],html:not(.cloud-owner) [data-act="wdel"]{display:none!important}
html.cloud-saving #app,html.cloud-saving .modal-mask{pointer-events:none;opacity:.7}
@media(max-width:600px){#cloud-status-bar{align-items:flex-start;flex-direction:column;padding:10px 16px}.cloud-message{margin:20px auto}}


.link-enrichment{margin-top:8px;font-size:12px;color:var(--ink-2)}
.link-platform-confirm{padding:12px;margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:0}
.link-platform-confirm[hidden]{display:none}.link-platform-confirm label{display:block;margin-bottom:8px}.link-platform-confirm input{display:block;width:100%;margin-top:6px}
.link-title-confirm{padding:12px;margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:0;font-size:12px;color:var(--ink-2)}
.link-title-confirm[hidden]{display:none}.link-title-confirm label{display:block;margin-bottom:8px}.link-title-confirm label span{display:block;margin-bottom:6px}.link-title-confirm input{display:block;width:100%;margin-top:6px}.link-title-confirm button{margin-right:8px;margin-top:4px}
.link-cover-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.link-cover-status{font-size:12px;margin:8px 0;color:var(--ink-2)}
.link-cover-actions button[hidden]{display:none!important}
.link-cover-editor small{display:block;line-height:1.7;color:var(--ink-2)}
.link-cover-preview:empty{display:none}.link-cover-preview img{display:block;width:100%;max-height:230px;object-fit:contain;background:var(--paper);border-radius:0}
.archive-cover{margin:18px 0;border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--paper)}
.archive-cover img{display:block;width:100%;max-height:340px;object-fit:contain}.archive-cover img[hidden]{display:none}.archive-cover figcaption{padding:8px 12px;font-size:11px;color:var(--ink-2);border-top:1px solid var(--line)}


body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.topbar{padding-top:env(safe-area-inset-top)}
.container{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
.modal-mask{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow:hidden}
.modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}
.modal-head,.modal-foot{flex:0 0 auto}
.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
[hidden]{display:none!important}
.privacy-toggle{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.privacy-toggle input{width:22px;height:22px;accent-color:var(--cyan)}
[data-share-link]{width:100%;min-height:44px;margin:12px 0;background:var(--paper);color:var(--ink);border:1px solid var(--line-soft);padding:10px}
.shared-journal{margin:20px 0}.shared-body{white-space:pre-wrap;overflow-wrap:anywhere}
#cloud-status-bar>div{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.modal-body{padding:18px}.modal-body .btn{min-height:44px}.cloud-message{margin:16px}.settings-grid{min-width:0}}


/* Reference: supplied classic web screenshot. Native window chrome and blue hyperlinks. */
:root,html[data-theme="dark"]{
 --bg:#c0c0c0;--bg-2:#dfdfdf;--paper:#fff;--panel:#fff;--glass:#c0c0c0;--glass-strong:#c0c0c0;--glass-soft:#e8e8e8;
 --ink:#111;--ink-1:#111;--ink-2:#444;--ink-3:#555;--line:#808080;--line-soft:#c0c0c0;
 --cyan:#000080;--magenta:#800000;--gold:#000080;--purple:#551a8b;--rec:#000080;--vermilion:#800000;
 --clip:none;--clip-sm:none;--blur:none;--archive-city:none;
 --outset:inset 1px 1px #fff,inset -1px -1px #404040,inset 2px 2px #dfdfdf,inset -2px -2px #808080;
 --inset:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #808080,inset -2px -2px #dfdfdf;
 color-scheme:light;
}
body{background:#c0c0c0;color:#111;font-family:Tahoma,'Microsoft YaHei',Arial,sans-serif;font-size:14px;line-height:1.65}
body::before,body::after,.page-head h1::after,.page-title::before,.li-item::before,.li-item::after,.card::before,.rec-logo::before,.rec-logo::after,.rec-logo .rlc,.work-cover::before,.work-cover::after{display:none}
a[href]{color:#0000ee;text-decoration:underline;text-underline-offset:2px}a[href]:visited{color:#551a8b}a[href]:hover{color:#b00000}
::selection{background:#000080;color:#fff}
.topbar{background:#c0c0c0;border:0;box-shadow:var(--outset);padding:4px;position:sticky;top:0}
.topbar::before{content:'Personal Web — 我的知识库';display:block;background:linear-gradient(90deg,#000080,#2860ab);color:#fff;font:bold 13px/27px Tahoma,'Microsoft YaHei',sans-serif;padding:0 10px;letter-spacing:.3px}
.topbar-inner{max-width:1500px;height:64px;padding:0 24px;gap:24px}
.brand{gap:9px;text-decoration:none!important}.brand-mark{width:30px;height:30px;color:#000080}
.brand-name{font-family:Tahoma,'Microsoft YaHei',sans-serif;font-size:22px;font-weight:700;letter-spacing:0;color:#000080;text-decoration:underline}
.brand-sub{font:10px/1.2 'Courier New',monospace;color:#444;letter-spacing:0}
.nav{gap:4px;padding:6px 0;align-items:center}.nav a,.nav a:visited{height:32px;min-height:32px;padding:0 13px;font-size:13px;font-weight:400;letter-spacing:0;color:#0000ee;border:0;background:transparent;text-decoration:underline;clip-path:none}
.nav a.active,.nav a.active:hover{background:#d6d6d6;color:#000080;box-shadow:var(--inset);font-weight:700}.nav a:hover{background:#d2d2d2;color:#000080;box-shadow:var(--outset)}
.container{max-width:1452px;padding:25px 30px 50px;background:#fff;border:2px solid #808080;border-top-color:#404040;border-left-color:#404040;margin:18px auto 24px;width:calc(100% - 40px)}
.page-head{padding:0 0 17px;border-bottom:2px solid #9999cc;margin-bottom:24px}
.page-head>div::before{content:'WELCOME TO MY PERSONAL WEB';display:block;font:11px/1.6 'Courier New',monospace;color:#666;margin-bottom:7px;letter-spacing:1px}
.page-title{height:auto;padding:0;border:0;background:none;color:#111;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:32px;font-weight:750;line-height:1.3;letter-spacing:0}
.page-desc{font-size:13px;color:#444;margin-top:9px;line-height:1.75;max-width:740px}
.btn{height:36px;padding:0 15px;background:#c0c0c0;color:#111;border:0;box-shadow:var(--outset);border-radius:0;font:13px Tahoma,'Microsoft YaHei',sans-serif;letter-spacing:0;text-transform:none;transition:none}
.btn:hover{background:#d1d1d1;color:#111}.btn:active{box-shadow:var(--inset);background:#bbb}
.btn-primary,.btn-primary:hover{background:#c0c0c0;color:#111;border:1px solid #111;box-shadow:var(--outset);font-weight:700}
.btn-primary:hover{background:#d1d1d1}.btn-primary:active{box-shadow:var(--inset)}.btn-ghost{box-shadow:none;background:transparent;border:0}.btn-icon{padding:0;width:36px}.btn-sm{height:28px;padding:0 12px;font-size:12px}.btn-danger{color:#800000}
.icon-btn,.chip-manage,.opt-add,.note-up-remove{border-radius:0;box-shadow:var(--outset);background:#c0c0c0;color:#222}.icon-btn:hover{background:#ddd;color:#000080}
.toolbar{gap:10px;margin:0 0 16px;align-items:center}.search-box input{height:38px;background:#fff;color:#111;border:0;box-shadow:var(--inset);border-radius:0;padding-left:38px;font-size:14px}
.search-box input:focus{background:#fff;outline:1px dotted #000;outline-offset:2px;box-shadow:var(--inset)}.search-box svg{color:#555}
.toolbar select.btn{background:#fff;color:#111;border:0;box-shadow:var(--inset);padding:0 10px;font-size:12px}
input::placeholder,textarea::placeholder{color:#666}.seg{background:#c0c0c0;border:0;box-shadow:var(--outset)}.seg button{width:36px;height:36px;color:#222}.seg button.active{background:#ddd;color:#000080;box-shadow:var(--inset)}
.filter-panel{background:#e5e5e5;border:0;box-shadow:var(--inset);padding:12px 14px;margin:0 0 10px}
.fp-row{gap:12px;padding:6px 0}.fp-row+.fp-row{border-color:#b9b9b9}.fp-label{font-family:inherit;font-size:12px;color:#333;font-weight:700;width:34px}
.chip{height:28px;padding:0 12px;background:#d0d0d0;color:#222;border:0;box-shadow:var(--outset);font-size:12px;border-radius:0}
.chip:hover{background:#ddd;color:#000080}.chip.active,.filter-panel .chip.active,.filter-dims .chip.active,.dim-tab.active,.theme-btn.active{background:#000080;color:#fff;box-shadow:inset 1px 1px #000040,inset -1px -1px #7777bb;font-weight:700;border:0}
.chip-manage,.chip-manage.danger{color:#222;background:#c0c0c0;border:0}.chip-manage.danger{color:#800000}
.filter-panel .filters,.filter-dims .filters{scrollbar-color:#b0b0b0 #e5e5e5}.filter-panel .filters::-webkit-scrollbar-thumb,.filter-dims .filters::-webkit-scrollbar-thumb{background:#b0b0b0;border:1px outset #ddd}.filter-panel .filters::-webkit-scrollbar-track,.filter-dims .filters::-webkit-scrollbar-track{background:#e5e5e5}
.result-meta{font:12px/1.7 'Courier New','Microsoft YaHei',monospace;color:#555;letter-spacing:0;margin:14px 0 10px}
.li-item{background:#fff;border:1px solid #aaa;border-radius:0;padding:16px 14px;min-height:94px;gap:14px;margin-bottom:10px;box-shadow:none;transition:none}
.li-item:hover{background:#f4f4ff;border-color:#7777bb}.li-item.sel{background:#e8e8ff;border:1px solid #000080;box-shadow:inset 3px 0 #000080}
.li-title,.li-item.sel .li-title{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:17px;font-weight:700;color:#0000cc;text-decoration:underline;text-underline-offset:3px}
.li-note,.li-item.sel .li-note{font-size:12px;color:#444}.li-icon,.li-item.sel .li-icon{color:#000080}.collection-number,.li-item.sel .collection-number{font:11px 'Courier New','Microsoft YaHei',monospace;color:#555}
.li-link,.li-item.sel .li-link{background:#c0c0c0;color:#0000ee;border:0;box-shadow:var(--outset);height:31px;font-size:12px;padding:0 12px;text-decoration:underline}
.record{--rec:#000080;padding:4px 18px 20px;background:#efefef;border:0;box-shadow:var(--outset);border-radius:0}
.rec-top{margin:0 -14px 18px;padding:5px 8px;background:linear-gradient(90deg,#000080,#2860ab);border:0;min-height:29px}.rec-kicker{font-family:Tahoma,'Microsoft YaHei',sans-serif;font-size:12px;font-weight:700;color:#fff;padding:0;letter-spacing:0}.rec-kicker::before{display:none}
.rec-top-arrow,.rec-top-arrow:visited{background:#c0c0c0;color:#111;box-shadow:var(--outset);padding:3px}.rec-top-arrow:hover{color:#000080;background:#ddd}
.rec-archive{background:#fff;border:0;box-shadow:var(--inset);height:auto;min-height:70px;margin-bottom:18px}.rec-archive-left{padding:13px}.rec-archive-right{padding:10px;width:auto;background:none;border-left:1px solid #bbb}
.record .rec-archive-num,.record .archive-platform,.record .archive-sequence{font-family:'Courier New','Microsoft YaHei',monospace;color:#000080;font-size:28px;font-weight:700;letter-spacing:0}.rec-archive-label,.rec-archive-meta{color:#555}
.rec-title{font-family:Arial,'Microsoft YaHei',sans-serif;color:#111;font-size:24px;line-height:1.55;font-weight:700;letter-spacing:0}.rec-platform-name{color:#333}.rec-code-tag{background:#fff;color:#000080;border:1px solid #999}
.rec-notes-head{font-family:Tahoma,'Microsoft YaHei',sans-serif;color:#000080;font-size:12px;letter-spacing:0;font-weight:700}.rec-notes-body{background:#fff;border:0;box-shadow:var(--inset);padding:13px;color:#333;font-size:14px;line-height:1.9}
.rec-info{border-color:#aaa}.rec-info-row{border-color:#ccc;padding:10px 2px}.ri-label{color:#555;font-size:12px}.ri-val{color:#111;font-size:12px}.ri-tag{color:#0000ee}
.rec-actions{margin-top:20px;gap:12px}.rec-action{background:#c0c0c0;color:#222;border:0;box-shadow:var(--outset);padding:9px;font-size:12px;border-radius:0}.rec-action:hover{background:#ddd;color:#000080}.rec-action.danger:hover{color:#800000}
.platform{background:#f4f4f4;color:#000080;border-color:#aaa}.platform::before{background:#008000}.tag,.read-dot{background:#eee;color:#444;border:1px solid #bbb}.stars{color:#8a6500}.stars .off{color:#aaa}
.card,.panel,.list,.mail-detail{background:#fff;border:1px solid #aaa;border-radius:0;box-shadow:none}.card:hover,.list-row:hover{background:#f4f4ff;border-color:#7777bb}
.card-title,.note-title,.work-title,.list-title{font-family:Arial,'Microsoft YaHei',sans-serif;color:#0000cc;font-weight:700;text-decoration:underline}.card-note,.work-desc,.panel p,.list-sub{color:#444}
.panel h3{color:#000080;font-family:inherit;font-weight:700}.tool-tile-icon{background:#c0c0c0;color:#000080;border:0;box-shadow:var(--outset)}.tool-tile-body{background:#fff;color:#0000ee;border:1px solid #aaa}.tool-tile-name{color:#0000ee;text-decoration:underline}.tool-tile-desc{color:#444}.tool-tile:hover .tool-tile-body{background:#f4f4ff}
.work-cover{background:#e0e0e0;color:#000080;font-family:'Courier New',monospace}.work-card{padding:0}.stat-card{background:#eee;border:0;box-shadow:var(--inset)}.stat-num{color:#000080;font-family:'Courier New',monospace}
.theme-btn{background:#c0c0c0;color:#111;border:0;box-shadow:var(--outset)}.note-box,.opt-col{background:#eee;border-color:#aaa}.opt-col-head{color:#000080;border-color:#aaa}.opt-name{color:#333}
.mail-item{background:#fff;border:1px solid #aaa}.mail-item.on{background:#000080;border-color:#000080}.mail-item.on .mail-item-title,.mail-item.on .mail-item-icon{color:#fff}.mail-detail-title{font-family:inherit;color:#000080}.mail-body,.note-body{color:#222}
.radio-band{background:linear-gradient(90deg,#000080,#2860ab);border:0;padding:12px 16px}.radio-band-title,.radio-band-code{color:#fff;font-family:inherit}.radio-cover{background:#eee;border:0;box-shadow:var(--inset)}.radio-cover-fb{background:#c0c0c0;color:#000080;border-radius:0;box-shadow:var(--outset)}
.radio-row{background:#c0c0c0;border:0;box-shadow:var(--outset)}.radio-row-title,.radio-row-ico,.radio-row-live,.rk{color:#000080}.radio-row.on{background:#000080;box-shadow:var(--inset)}.radio-row.on .radio-row-title,.radio-row.on .radio-row-ico,.radio-row.on .radio-row-live{color:#fff}.rp-btn{background:#c0c0c0;color:#111;border:0;box-shadow:var(--outset)}
.nb-library-heading h1{font-family:Arial,'Microsoft YaHei',sans-serif;color:#111;font-size:30px}.nb-cabinet{background:#ddd;border:0;border-radius:0;box-shadow:var(--inset)}.nb-cabinet-label,.nb-cabinet-label span:last-child{color:#444}
.nb-cabinet:before,.nb-cabinet:after,.nb-volume:after,.nb-shelf-row:before{display:none}.nb-shelf-row:after{background:#aaa;border-color:#666}.nb-cover,.nb-featured .nb-cover{background:#d4d4df;border-color:#808090;box-shadow:3px 3px #999;border-radius:0}
.nb-cover-title,.nb-serial,.nb-cover-count{color:#000080}.nb-book{background:#fff;border:1px solid #808080;box-shadow:4px 4px #aaa;border-radius:0}.nb-gutter{background:#ddd;width:1px}.nb-directory button[aria-current=page]{background:#000080;color:#fff}.nb-directory button[aria-current=page] span{color:#fff}.nb-empty-book{background:#efefef;border:0;box-shadow:var(--outset);border-radius:0}
.modal-mask{background:rgba(0,0,0,.32);backdrop-filter:none}.modal{background:#c0c0c0;border:0;box-shadow:var(--outset);border-radius:0;padding:4px}
.modal-head{background:linear-gradient(90deg,#000080,#2860ab);padding:6px 8px;align-items:center}.modal-title{font-family:Tahoma,'Microsoft YaHei',sans-serif;font-size:15px;font-weight:700;color:#fff}.modal-head .btn{height:25px;padding:0 9px}
.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid #808080}.field label{color:#222}.field input,.field textarea,.field select{background:#fff;color:#111;border:0;box-shadow:var(--inset);border-radius:0}
.field input:focus,.field textarea:focus,.field select:focus{outline:1px dotted #000;outline-offset:3px;background:#fff}.tag-picker{background:#dedede;border-color:#808080}
.archive-number-display{background:#e0e0e0;color:#000080;border:0;box-shadow:var(--inset)}.toast{background:#ffffe1;color:#111;border:1px solid #111;box-shadow:2px 2px #666;border-radius:0}
#cloud-status-bar{background:#c0c0c0;border-top:1px solid #fff;border-bottom:1px solid #808080;color:#333;font-size:12px;padding:7px max(20px,calc((100vw - 1400px)/2))}
.site-footer{margin:0 20px;padding:10px 12px 16px;border-top:2px groove #fff;font:11px 'Courier New','Microsoft YaHei',monospace;color:#444;letter-spacing:0;text-align:center}
.cloud-message{max-width:780px;margin:35px auto;padding:28px;border:1px solid #aaa;background:#fff}
.cloud-message::before{content:'Welcome to your personal website!';display:block;font:bold 22px/1.5 Arial,sans-serif;color:#111;border-bottom:2px solid #9999cc;padding-bottom:9px;margin-bottom:20px}
.cloud-message h2{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:24px;color:#000080}.cloud-message p{font-size:14px;color:#333;line-height:1.9}
:focus-visible{outline:1px dotted #000;outline-offset:3px}button:disabled{color:#777;opacity:.6;cursor:not-allowed}
@media(min-width:981px){
 .container:has(>.split){grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);grid-template-rows:auto min-content min-content 1fr;gap:0 28px}
 .container:has(>.split)>.page-head{grid-column:1/-1;grid-row:1;margin:0 0 24px}
 .container>.split>.split-detail{grid-column:2;grid-row:2/span 3;top:114px}
}
@media(max-width:980px){
 .topbar-inner{height:auto;padding:13px 15px 0;gap:12px;flex-wrap:wrap}.brand{width:100%}.nav{width:100%;height:40px;margin:0;overflow-x:auto;gap:4px;padding:4px 0}
 .nav a,.nav a:first-child{padding:0 12px;height:30px;min-height:30px;font-size:12px}.container{padding:22px;width:calc(100% - 24px);margin:12px auto 20px}
 .page-title{font-size:29px}.record{padding:4px 18px 20px;border:0}.site-footer{margin:0 12px}
}
@media(max-width:600px){
 .topbar-inner{padding:11px 10px 0}.brand-name{font-size:21px}.brand-sub{display:inline;font-size:9px}.brand-mark{width:26px;height:26px}
 .container{width:calc(100% - 16px);padding:20px 13px 32px;margin:8px auto 18px}.page-title{font-size:28px}.page-desc{font-size:12px}.page-head>div::before{font-size:9px;letter-spacing:.5px}
 .toolbar{gap:9px}.toolbar .btn{min-height:36px}.search-box{flex-basis:100%}.search-box input{font-size:16px;height:41px}
 .dim-tab{background:#c0c0c0;color:#222;border:0;box-shadow:var(--outset);height:34px;font-family:inherit;font-size:12px;letter-spacing:0}.dim-tab.active{background:#000080;color:#fff;box-shadow:var(--inset)}
 .li-item{padding:14px 10px;gap:9px;min-height:100px}.li-title,.li-item.sel .li-title{font-size:15px}.li-note,.li-item.sel .li-note{font-size:12px}.li-link{padding:0 8px;font-size:11px}
 .record{padding:4px 14px 18px}.rec-top{margin-left:-10px;margin-right:-10px}.rec-kicker{font-size:11px}.rec-title{font-size:23px}.record .rec-archive-num,.record .archive-platform,.record .archive-sequence{font-size:24px}.rec-archive-meta{display:none}
 .detail-back{background:#c0c0c0;box-shadow:var(--outset);border:0;padding:7px 12px;color:#111}.rec-action{font-size:11px}
 #cloud-status-bar{padding:8px 14px}.site-footer{margin:0 8px;font-size:10px}.cloud-message{margin:10px 0;padding:19px}.cloud-message::before{font-size:19px}.cloud-message h2{font-size:22px}
 .modal-body{padding:17px}.modal-foot{padding:12px 17px}.nb-library-heading h1{font-size:27px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}