#mcn-libraries{--ml-bg:light-dark(#f6f5fa,#191820);--ml-paper:light-dark(#fff,#25232f);--ml-ink:light-dark(#2b263e,#f2edf9);--ml-muted:light-dark(#756e84,#b9b0c9);--ml-border:light-dark(#e8e4f0,#40384d);--ml-purple:light-dark(#7048df,#b79bff);--ml-soft:light-dark(#efe9ff,#37274f);--ml-solid:light-dark(#7048df,#613ec0);--ml-solid-ink:#fff;--ml-green:light-dark(#24694c,#9ddaba);--ml-green-bg:light-dark(#eaf6ed,#203c2e);--ml-amber:light-dark(#89621b,#f0ca81);--ml-amber-bg:light-dark(#fff6e1,#403323);--ml-radius:18px;color:var(--ml-ink);font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;width:100%;color-scheme:light dark}
#mcn-libraries *{box-sizing:border-box}
#mcn-libraries .ml-phone{position:relative;max-width:470px;margin:auto;border:1px solid var(--ml-border);background:var(--ml-bg);border-radius:25px;overflow:clip}
#mcn-libraries button,#mcn-libraries input,#mcn-libraries select,#mcn-libraries textarea{font:inherit;color:inherit;max-width:100%}
#mcn-libraries button{background:var(--ml-paper);border:1px solid var(--ml-border);padding:9px 13px;border-radius:11px;min-height:42px}
#mcn-libraries button:hover{border-color:var(--ml-purple)}
#mcn-libraries button:disabled{opacity:.5;cursor:not-allowed}
#mcn-libraries .ml-primary{background:var(--ml-solid);color:var(--ml-solid-ink);border-color:transparent}
#mcn-libraries .ml-link{background:transparent;border:0;color:var(--ml-purple);padding:5px 0;min-height:34px;text-align:left}
#mcn-libraries .ml-wide{width:100%}
#mcn-libraries .ml-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:19px 19px 16px;background:var(--ml-paper)}
#mcn-libraries .ml-brand{display:flex;align-items:center;gap:10px}
#mcn-libraries .ml-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ml-solid);color:var(--ml-solid-ink);font-size:20px}
#mcn-libraries .ml-brand strong{display:block;font-size:16px;font-weight:600}
#mcn-libraries .ml-brand small{display:block;font-size:11px;color:var(--ml-muted)}
#mcn-libraries .ml-proto{font-size:11px;color:var(--ml-muted);white-space:nowrap}
#mcn-libraries .ml-sample{padding:7px 12px;background:var(--ml-soft);color:var(--ml-purple);font-size:11px;text-align:center}
#mcn-libraries #ml-notice:not(:empty){background:var(--ml-green-bg);color:var(--ml-green);padding:10px 17px;font-size:12px}
#mcn-libraries #ml-main{padding:23px 17px 10px;min-height:390px}
#mcn-libraries h1,#mcn-libraries h2,#mcn-libraries h3,#mcn-libraries p{margin:0}
#mcn-libraries h1{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.8px}
#mcn-libraries h2{font-size:18px;line-height:1.5;font-weight:600}
#mcn-libraries h3{font-size:14px;font-weight:600}
#mcn-libraries p{margin-top:8px}
#mcn-libraries .ml-muted{color:var(--ml-muted);font-size:12px}
#mcn-libraries .ml-eyebrow{color:var(--ml-purple);font-size:10px;letter-spacing:1.6px;margin-bottom:4px}
#mcn-libraries .ml-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#mcn-libraries .ml-heading{margin-bottom:18px}
#mcn-libraries .ml-box{background:var(--ml-paper);border:1px solid var(--ml-border);border-radius:var(--ml-radius);padding:17px;margin-top:13px}
#mcn-libraries .ml-selected{background:var(--ml-soft);border-color:var(--ml-purple)}
#mcn-libraries[data-selection=solid] .ml-selected{background:var(--ml-solid);color:var(--ml-solid-ink)}
#mcn-libraries[data-selection=solid] .ml-selected .ml-muted{color:#eee5ff}
#mcn-libraries[data-selection=solid] .ml-selected .ml-link{color:#fff}
#mcn-libraries .ml-badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:7px;background:var(--ml-soft);color:var(--ml-purple)}
#mcn-libraries .ml-good{background:var(--ml-green-bg);color:var(--ml-green)}
#mcn-libraries .ml-warn{background:var(--ml-amber-bg);color:var(--ml-amber)}
#mcn-libraries .ml-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#mcn-libraries .ml-tag{background:var(--ml-bg);color:var(--ml-muted);border-radius:6px;padding:3px 7px;font-size:11px}
#mcn-libraries .ml-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#mcn-libraries .ml-actions>*{flex:1}
#mcn-libraries .ml-actions .ml-link{flex:0 0 auto;min-width:50px}
#mcn-libraries .ml-spacer{margin-top:17px}
#mcn-libraries .ml-current{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;padding:11px 12px;border-radius:11px;background:var(--ml-soft);color:var(--ml-purple);margin:12px 0}
#mcn-libraries .ml-current span{min-width:0;overflow-wrap:anywhere}
#mcn-libraries .ml-current button{flex:none;font-size:12px;min-height:32px}
#mcn-libraries .ml-field{display:block;font-size:12px;color:var(--ml-muted);margin:12px 0 5px}
#mcn-libraries input:not([type=checkbox]),#mcn-libraries textarea,#mcn-libraries select{background:var(--ml-bg);border:1px solid var(--ml-border);padding:10px 11px;border-radius:10px;width:100%;font-size:16px}
#mcn-libraries textarea{resize:vertical;min-height:48px;max-height:180px}
#mcn-libraries .ml-tabs{display:flex;gap:5px;background:var(--ml-paper);padding:4px;border:1px solid var(--ml-border);border-radius:12px;margin:14px 0}
#mcn-libraries .ml-tabs button{flex:1;border:0;background:transparent;font-size:12px;padding:7px 4px;min-width:0}
#mcn-libraries .ml-tabs button[aria-pressed=true]{color:var(--ml-purple);background:var(--ml-soft)}
#mcn-libraries details{margin-top:10px}
#mcn-libraries summary{font-size:12px;color:var(--ml-purple);padding:6px 0}
#mcn-libraries .ml-chat-label{font-size:11px;color:var(--ml-muted);margin:14px 0 6px}
#mcn-libraries .ml-ai{border:1px solid var(--ml-border);background:var(--ml-paper);padding:14px;border-radius:4px 15px 15px 15px}
#mcn-libraries .ml-user{margin:12px 0 12px 35px;padding:12px 14px;background:var(--ml-soft);border-radius:15px 4px 15px 15px;overflow-wrap:anywhere}
#mcn-libraries .ml-preview{border-color:var(--ml-purple)}
#mcn-libraries .ml-quote{background:var(--ml-bg);border-left:3px solid var(--ml-purple);padding:9px 12px;margin-top:12px;font-size:13px}
#mcn-libraries .ml-material{padding:13px 0;border-bottom:1px solid var(--ml-border)}
#mcn-libraries .ml-material:last-child{border-bottom:0}
#mcn-libraries .ml-material-row{display:flex;gap:11px;align-items:flex-start}
#mcn-libraries .ml-cover{background:var(--ml-soft);color:var(--ml-purple);border-radius:10px;width:64px;flex:0 0 64px;min-height:86px;display:flex;flex-direction:column;justify-content:space-between;padding:8px;font-size:12px;line-height:1.5}
#mcn-libraries .ml-cover small{font-size:10px}
#mcn-libraries .ml-material-body{flex:1;min-width:0}
#mcn-libraries .ml-check{display:flex;gap:10px;align-items:flex-start;min-height:44px}
#mcn-libraries input[type=checkbox]{margin-top:4px;accent-color:var(--ml-purple);width:17px;height:17px;flex:none}
#mcn-libraries .ml-check>span{flex:1;min-width:0}
#mcn-libraries .ml-paging{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:12px}
#mcn-libraries .ml-paging button{font-size:12px}
#mcn-libraries .ml-empty{text-align:center;padding:26px 12px}
#mcn-libraries .ml-empty h2{margin-top:6px}
#mcn-libraries #ml-compose:not(:empty){background:var(--ml-paper);border-top:1px solid var(--ml-border);padding:12px 13px}
#mcn-libraries .ml-composer-row{display:flex;gap:8px;align-items:flex-end}
#mcn-libraries .ml-composer-row textarea{flex:1;min-width:0}
#mcn-libraries .ml-composer-row button{flex:none}
#mcn-libraries .ml-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
#mcn-libraries .ml-prompts button{font-size:11px;padding:6px 9px;min-height:32px}
#mcn-libraries #ml-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 14px 13px;border-top:1px solid var(--ml-border);background:var(--ml-paper)}
#mcn-libraries #ml-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px;color:var(--ml-muted);font-size:12px}
#mcn-libraries #ml-nav button[aria-current=page]{background:var(--ml-soft);color:var(--ml-purple)}
#mcn-libraries #ml-nav svg{width:20px;height:20px}
#mcn-libraries .ml-task-dock{position:relative;height:65px}
#mcn-libraries .ml-task-ball{position:absolute;right:17px;bottom:10px;border-radius:24px;background:var(--ml-paper);border-color:var(--ml-purple);box-shadow:0 3px 12px light-dark(#51417820,#0005);color:var(--ml-purple);display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}
#mcn-libraries .ml-task-ball svg{width:16px;height:16px}
#mcn-libraries .ml-task-panel{margin:0 13px;background:var(--ml-paper);border:1px solid var(--ml-border);border-radius:17px;padding:15px}
#mcn-libraries .ml-task{margin-top:12px;border-top:1px solid var(--ml-border);padding-top:12px}
#mcn-libraries .ml-progress{height:5px;background:var(--ml-bg);border-radius:4px;margin-top:11px}
#mcn-libraries .ml-progress>span{display:block;height:5px;background:var(--ml-purple);border-radius:4px}
#mcn-libraries .ml-task .ml-actions button{font-size:11px}
#mcn-libraries .ml-overlay{position:absolute;inset:0;background:light-dark(#241a3d55,#0008);z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:75px 13px 20px}
#mcn-libraries .ml-dialog{background:var(--ml-paper);border-radius:20px;padding:19px;width:100%;box-shadow:0 15px 50px #0003;border:1px solid var(--ml-border)}
#mcn-libraries .ml-picker-row{width:100%;text-align:left;margin-top:9px;display:flex;justify-content:space-between;align-items:center;gap:10px}
#mcn-libraries .ml-picker-row span{min-width:0}
#mcn-libraries .ml-picker-row small{display:block;font-size:11px;color:var(--ml-muted)}
#mcn-libraries .ml-picker-row[aria-pressed=true]{border-color:var(--ml-purple);background:var(--ml-soft)}
#mcn-libraries .ml-poster{padding:22px 18px;background:var(--ml-soft);color:var(--ml-purple);border-radius:13px;margin-top:13px}
#mcn-libraries .ml-poster h2{font-size:22px}
#mcn-libraries .ml-script-block{margin-top:15px;padding-bottom:12px;border-bottom:1px solid var(--ml-border)}
#mcn-libraries .ml-script-block:last-child{border:0}
#mcn-libraries .ml-inline-label{font-size:11px;color:var(--ml-muted)}
@media(max-width:350px){#mcn-libraries #ml-main{padding:18px 12px 9px}#mcn-libraries .ml-header{padding:16px 12px}#mcn-libraries .ml-box{padding:14px}#mcn-libraries h1{font-size:24px}#mcn-libraries .ml-cover{width:54px;flex-basis:54px}}
@media(pointer:coarse){#mcn-libraries button,#mcn-libraries .ml-link,#mcn-libraries .ml-prompts button{min-height:44px}}

/* T0 独立移动端应用壳：仅中间内容滚动，导航与输入区不叠压。 */
html,body{position:fixed;inset:0;margin:0;width:100%;height:100%;overflow:hidden;background:light-dark(#f6f5fa,#191820)}
/* iOS 微信会在聚焦输入框时平移 visual viewport；外壳必须跟随可视区域。 */
#mcn-libraries{position:fixed;top:var(--viewport-top,0px);left:0;right:0;height:var(--app-height,100dvh)}
#mcn-libraries .ml-phone{height:100%;border-radius:0;border-top:0;border-bottom:0;max-width:600px}
#mcn-libraries #ml-shell{height:100%;display:flex;flex-direction:column;min-height:0}
#mcn-libraries .ml-header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:10px;flex:none}
#mcn-libraries .ml-sample{flex:none;font-size:11px;padding:4px 10px}
#mcn-libraries #ml-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:80px;-webkit-overflow-scrolling:touch}
#mcn-libraries #ml-nav{flex:none;padding-bottom:max(9px,env(safe-area-inset-bottom))}
#mcn-libraries #ml-compose{flex:none;max-height:35%;overflow-y:auto}
#mcn-libraries #ml-notice{flex:none;max-height:80px;overflow:auto}
#mcn-libraries #ml-tasks{position:relative;z-index:8;height:0;flex:none}
#mcn-libraries .ml-task-dock{height:0}
#mcn-libraries .ml-task-ball{bottom:12px;right:14px;box-shadow:0 3px 16px #0002}
#mcn-libraries .ml-task-panel{position:absolute;bottom:64px;right:0;left:0;max-height:calc(var(--app-height,100dvh) * .55);overflow:auto;box-shadow:0 5px 24px #0002}
#mcn-libraries .ml-overlay{align-items:center;padding:16px;overflow:auto}
#mcn-libraries .ml-dialog{max-height:calc(var(--app-height,100dvh) - 32px);overflow:auto}
#mcn-libraries .ml-nav-mark{font-size:21px;line-height:1.2}
#mcn-libraries.ml-keyboard #ml-nav,#mcn-libraries.ml-keyboard #ml-tasks{display:none}
#mcn-libraries button,#mcn-libraries .ml-link,#mcn-libraries .ml-prompts button{min-height:44px;touch-action:manipulation;cursor:pointer}
#mcn-libraries input,#mcn-libraries textarea{scroll-margin:12px}
#mcn-libraries #ml-compose textarea{max-height:90px}
#mcn-libraries #ml-main h1{font-size:24px}
#mcn-libraries .ml-brand small{font-size:11px}
#mcn-libraries .ml-dialog button:focus-visible,#mcn-libraries button:focus-visible{outline:2px solid var(--ml-purple);outline-offset:2px}