:root{--primary:#1a5fb4;--primary-600:#14508f;--primary-700:#10406f;--primary-50:#eef4fc;--accent:#e8a13c;--accent-600:#c9862a;--accent-50:#fdf4e4;--accent-ink:#8a5300;--row-label:#14508f;--check-ink:#2e7d5b;--sync-ink:#2b3a4e;--ink:#16202e;--ink-soft:#2b3a4e;--muted:#5a6b7e;--bg:#ffffff;--surface:#f5f8fc;--surface-2:#edf3f9;--border:#e2e9f2;--border-strong:#c9d6e4;--success:#2e7d5b;--success-50:#eaf6f0;--danger:#c14b4b;--footer-bg:#0f1a2a;--footer-ink:#aebccd;--footer-border:#24334a;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px rgba(16,26,40,0.06);--shadow-md:0 10px 30px rgba(16,26,40,0.09);--shadow-lg:0 24px 60px rgba(16,26,40,0.14);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,"Courier New",monospace;}*{box-sizing:border-box;}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;}body{margin:0;overflow-x:hidden;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7;font-size:1rem;-webkit-font-smoothing:antialiased;}img{max-width:100%;}a{color:var(--primary);text-decoration:none;}a:hover{text-decoration:underline;}h1,h2,h3,h4{line-height:1.3;color:var(--ink);font-weight:700;}h1{font-size:2.6rem;letter-spacing:-0.02em;}h2{font-size:1.75rem;letter-spacing:-0.01em;}h3{font-size:1.2rem;}h4{font-size:1rem;}p{margin:0 0 1rem;}code,pre,kbd{font-family:var(--mono);font-size:0.9em;}code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:0.12em 0.4em;color:#9a3412;}kbd{background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0.1em 0.45em;font-size:0.85em;white-space:nowrap;}pre{background:#0f1a2a;color:#d5deeb;border-radius:12px;padding:1.1rem 1.3rem;overflow-x:auto;line-height:1.6;font-size:0.88rem;}pre code{background:none;border:0;padding:0;color:inherit;}ul,ol{padding-left:1.4rem;}section{scroll-margin-top:84px;}.container{max-width:1160px;margin:0 auto;padding:0 1.5rem;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.72rem 1.35rem;border-radius:10px;font-weight:600;font-size:0.98rem;line-height:1.4;border:1px solid transparent;cursor:pointer;transition:all 0.16s ease;text-decoration:none !important;white-space:nowrap;}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(26,95,180,0.28);}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);}.btn-accent{background:var(--accent);color:#3a2a08;box-shadow:0 2px 6px rgba(232,161,60,0.28);}.btn-accent:hover{background:var(--accent-600);color:#fff;transform:translateY(-1px);}.btn-ghost{background:var(--bg);border-color:var(--border-strong);color:var(--ink-soft);}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50);}.btn-small{padding:0.45rem 0.95rem;font-size:0.875rem;border-radius:8px;}.notebook{position:sticky;top:0;z-index:100;background:rgba(255,253,248,0.94);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border);box-shadow:inset 0 -3px 0 rgba(232,161,60,0.28);}.notebook-inner{max-width:1160px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem;}.notebook-brand{display:inline-flex;align-items:center;gap:0.6rem;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;}.notebook-tab{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 4px 4px;background:var(--primary);color:#fff;font-size:1.15rem;font-weight:800;box-shadow:0 3px 8px rgba(26,95,180,0.35);}.notebook-name{letter-spacing:-0.01em;}.notebook-cn{font-size:0.78rem;font-weight:600;color:var(--muted);margin-left:0.35rem;letter-spacing:0.04em;}.notebook-menu{display:flex;align-items:center;gap:0.35rem;}.notebook-menu a:not(.btn){padding:0.45rem 0.8rem;border-radius:8px;color:var(--ink-soft);font-size:0.95rem;font-weight:500;text-decoration:none;transition:background 0.15s,color 0.15s,box-shadow 0.15s;}.notebook-menu a:not(.btn):hover{background:var(--surface);color:var(--primary);}.notebook-menu a.active{color:var(--primary);background:transparent;font-weight:600;box-shadow:inset 0 -2px 0 var(--primary);}.notebook-cta{margin-left:0.4rem;}@media (min-width:981px) and (max-width:1160px){.notebook-menu a:not(.btn){padding:0.45rem 0.5rem;font-size:0.9rem;}}.notebook-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid var(--border);border-radius:9px;cursor:pointer;padding:0 10px;}.notebook-toggle span{height:2px;background:var(--ink);border-radius:2px;transition:transform 0.2s,opacity 0.2s;}.notebook-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.notebook-toggle.open span:nth-child(2){opacity:0;}.notebook-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.hero{padding:4.6rem 0 4.4rem;}.hero-inner{display:grid;grid-template-columns:1.02fr 0.98fr;gap:3rem;align-items:center;}.hero h1{font-size:3rem;line-height:1.18;margin:0 0 1rem;}.hero .lead{font-size:1.12rem;color:var(--muted);margin-bottom:1.8rem;max-width:30em;}.hero-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-bottom:1.4rem;}.hero-meta{color:var(--muted);font-size:0.9rem;display:flex;flex-wrap:wrap;gap:0.35rem 0.9rem;}.hero-meta .dot{color:var(--muted);}.hero-note{margin-top:0.5rem;font-size:0.9rem;color:var(--muted);}.hero-note a{font-weight:600;color:var(--primary);text-decoration:underline;text-underline-offset:2px;}.app-mockup{background:#0f1a2a;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid #24334a;transform:rotate(-0.6deg);}.mock-titlebar{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1rem;border-bottom:1px solid #24334a;}.mock-dot{width:11px;height:11px;border-radius:50%;}.mock-dot.r{background:#ff5f57;}.mock-dot.y{background:#febc2e;}.mock-dot.g{background:#28c840;}.mock-title{margin-left:0.4rem;color:#8fa1b8;font-size:0.78rem;}.mock-body{display:grid;grid-template-columns:150px 190px 1fr;height:372px;font-size:0.78rem;}.mock-pane{border-right:1px solid #24334a;padding:0.85rem 0.6rem;overflow:hidden;}.mock-pane-title{color:#8fa1b8;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.6rem;padding:0 0.4rem;}.mock-tree-item,.mock-note-item{padding:0.32rem 0.4rem;border-radius:6px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.mock-tree-item{color:#aebccd;}.mock-tree-item.on{background:#1c2c44;color:#fff;font-weight:600;}.mock-tree-item.dim{color:#8fa1b8;padding-left:1.1rem;}.mock-note-item{color:#aebccd;}.mock-note-item.on{background:#1a5fb4;color:#fff;font-weight:600;}.mock-note-date{float:right;color:#8fa1b8;font-size:0.66rem;margin-top:0.12rem;}.mock-note-item.on .mock-note-date{color:#e8f1ff;}.mock-editor{padding:1rem 1.1rem;color:#c8d3e1;overflow:hidden;}.mock-editor pre{background:none;padding:0;margin:0;font-size:0.76rem;line-height:1.65;}.mk-h{color:#7fb2f0;font-weight:700;}.mk-b{color:#ffffff;font-weight:700;}.mk-c{color:#e6b673;}.mk-t{color:#8fa1b8;}.mk-l{color:#7fb2f0;}.mk-chk{color:#63c98f;}.section{padding:4rem 0;}.section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}.section-head{max-width:640px;margin-bottom:2.4rem;}.section-head h2{margin-bottom:0.6rem;}.section-head p{color:var(--muted);font-size:1.02rem;margin:0;}.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}.eyebrow{display:inline-block;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-50);border-radius:999px;padding:0.22rem 0.8rem;margin-bottom:0.9rem;}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;}.value-item{display:flex;gap:1rem;min-width:0;padding:1.35rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);}.value-icon{flex:0 0 auto;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary);}.value-item h3{margin:0 0 0.25rem;font-size:1.05rem;}.value-item p{margin:0;color:var(--muted);font-size:0.94rem;}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}.feature-card{min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.5rem;box-shadow:var(--shadow-sm);transition:transform 0.16s ease,box-shadow 0.16s ease;}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}.feature-card.large{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;background:linear-gradient(135deg,var(--primary-50),var(--bg) 55%);border-color:#c9daf2;}.feature-card .f-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:var(--primary);color:#fff;margin-bottom:1rem;}.feature-card.large .f-icon{margin-bottom:0;}.feature-card h3{margin:0 0 0.4rem;}.feature-card p{margin:0;color:var(--muted);font-size:0.94rem;}.feature-card ul{margin:0.6rem 0 0;color:var(--muted);font-size:0.9rem;}.platform-row{display:flex;flex-wrap:wrap;gap:0.7rem;justify-content:center;}.platform-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-weight:600;font-size:0.92rem;color:var(--ink-soft);box-shadow:var(--shadow-sm);}.platform-chip svg{color:var(--primary);}.sync-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}.sync-list{list-style:none;padding:0;margin:0;}.sync-list li{display:flex;align-items:center;gap:0.7rem;padding:0.55rem 0;border-bottom:1px solid var(--border);color:var(--sync-ink);}.sync-list li:last-child{border-bottom:0;}.sync-list .check{color:var(--check-ink);font-weight:700;}.page-hero{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:3.4rem 0 3rem;}.page-hero h1{margin:0 0 0.8rem;font-size:2.3rem;}.page-hero .lead{color:var(--muted);font-size:1.06rem;max-width:46em;margin:0;}.prose{max-width:820px;}.prose h2{margin:2.6rem 0 0.9rem;padding-top:1.4rem;border-top:1px solid var(--border);scroll-margin-top:90px;}.prose h2:first-child{border-top:0;margin-top:0;padding-top:0;}.prose h3{margin:1.8rem 0 0.6rem;}.prose p{color:var(--ink-soft);}.prose ul,.prose ol{color:var(--ink-soft);}.prose li{margin-bottom:0.35rem;}.prose table{margin:1.2rem 0;}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.5rem;margin:0 0 2rem;}.toc h2{margin:0 0 0.7rem;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);}.toc a{display:inline-block;padding:0.22rem 0.6rem;border-radius:6px;color:var(--primary);font-size:0.94rem;}.toc a:hover{background:var(--primary-50);text-decoration:none;}.toc .toc-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:0.2rem 1.5rem;}.steps{counter-reset:step;list-style:none;padding:0;margin:1.2rem 0 1.8rem;}.steps li{position:relative;padding-left:3.2rem;margin-bottom:1.5rem;color:var(--ink-soft);}.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0.1rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:0.95rem;box-shadow:0 3px 8px rgba(26,95,180,0.3);}.steps li strong{color:var(--ink);}.callout{border-radius:11px;padding:1rem 1.25rem;margin:1.2rem 0;border:1px solid;font-size:0.95rem;}.callout p:last-child{margin-bottom:0;}.callout strong{display:block;margin-bottom:0.2rem;}.callout-info{background:var(--primary-50);border-color:#c7daf3;color:#123d74;}.callout-warn{background:var(--accent-50);border-color:#efd5a8;color:#6b4d12;}.callout-tip{background:var(--success-50);border-color:#c2e0d0;color:#1d5b40;}.table-wrap{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);}table{width:100%;border-collapse:collapse;background:var(--bg);font-size:0.95rem;}th,td{padding:0.8rem 1.05rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;}th{background:var(--surface);font-weight:700;color:var(--ink-soft);white-space:nowrap;}tr:last-child td{border-bottom:0;}td .btn{margin-top:0.2rem;}.faq-item{border:1px solid var(--border);border-radius:12px;background:var(--bg);margin-bottom:0.9rem;overflow:hidden;box-shadow:var(--shadow-sm);}.faq-item summary{cursor:pointer;list-style:none;padding:1.05rem 1.3rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:0.8rem;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary:hover{color:var(--primary);}.faq-item summary::before{content:"Q";flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--accent-50);color:var(--accent-600);display:grid;place-items:center;font-size:0.8rem;font-weight:800;}.faq-item summary::after{content:"＋";margin-left:auto;color:var(--muted);transition:transform 0.2s;}.faq-item[open] summary::after{transform:rotate(45deg);}.faq-item .faq-body{padding:0 1.3rem 1.2rem 3rem;color:var(--ink-soft);}.faq-item .faq-body p:last-child{margin-bottom:0;}.timeline{list-style:none;padding:0;margin:0;}.timeline li{position:relative;padding-left:2.2rem;padding-bottom:1.6rem;border-left:2px solid var(--border-strong);margin-left:0.6rem;}.timeline li:last-child{border-left-color:transparent;padding-bottom:0;}.timeline li::before{content:"";position:absolute;left:-0.5rem;top:0.25rem;width:0.9rem;height:0.9rem;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--primary);}.timeline .year{font-weight:800;color:var(--primary);margin-right:0.6rem;}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}.stat-box{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1rem;box-shadow:var(--shadow-sm);}.stat-box .num{font-size:2rem;font-weight:800;color:var(--primary);line-height:1.2;}.stat-box .label{color:var(--muted);font-size:0.9rem;margin-top:0.3rem;}.text-muted{color:var(--muted);font-size:0.9rem;}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;}.link-card{display:flex;align-items:center;gap:1rem;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem;box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;transition:transform 0.15s,box-shadow 0.15s;}.link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;}.link-card .lc-icon{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:var(--primary-50);color:var(--primary);display:grid;place-items:center;}.link-card h3{margin:0;font-size:1rem;}.link-card p{margin:0;color:var(--muted);font-size:0.86rem;}.netdisk-card{display:flex;align-items:center;gap:2.5rem;max-width:860px;margin-top:1.8rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 2rem;box-shadow:var(--shadow-sm);}.netdisk-info{flex:1;min-width:0;}.netdisk-info h2{margin:0 0 0.6rem;font-size:1.3rem;}.netdisk-info p{color:var(--muted);font-size:0.95rem;margin-bottom:1.1rem;}.netdisk-info .dl-note{margin:0.9rem 0 0;font-size:0.86rem;}.netdisk-info code{color:inherit;font-weight:700;letter-spacing:0.03em;}.netdisk-qr{flex:0 0 auto;text-align:center;}.netdisk-qr img{display:block;width:164px;height:auto;max-width:100%;margin:0 auto 0.6rem;padding:6px;background:#fff;border:1px solid var(--border);border-radius:12px;}.netdisk-qr .dl-note{margin:0;}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}.article-card{display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform 0.16s ease,box-shadow 0.16s ease;}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}.article-card-head{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;margin-bottom:0.9rem;}.article-meta{font-size:0.82rem;color:var(--muted);white-space:nowrap;}.article-card h3{margin:0 0 0.5rem;font-size:1.1rem;line-height:1.45;}.article-card h3 a{color:var(--ink);text-decoration:none;}.article-card h3 a:hover{color:var(--primary);}.article-card p{flex:1;color:var(--muted);font-size:0.93rem;margin-bottom:1.2rem;}.article-card .btn{align-self:flex-start;}.topic-nav{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 1.6rem;}.topic-nav a{font-size:0.88rem;color:var(--muted);text-decoration:none;padding:0.3rem 0.75rem;border:1px solid var(--border);border-radius:999px;transition:color 0.16s ease,border-color 0.16s ease;}.topic-nav a:hover{color:var(--primary);border-color:var(--primary);}.topic-group{display:flex;align-items:baseline;gap:0.6rem;margin:2.6rem 0 1.2rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border);}.topic-group h3{margin:0;font-size:1.18rem;color:var(--ink);}.topic-group .count{font-size:0.82rem;color:var(--muted);}.crumb-note{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem;font-size:0.85rem;color:var(--muted);margin:0 0 1.2rem;border-left:3px solid var(--accent);padding-left:0.7rem;}.crumb-note a{color:var(--primary);text-decoration:none;}.crumb-note a:hover{text-decoration:underline;}.crumb-note [aria-current="page"]{color:var(--muted);font-weight:600;}.crumb-note .sep{color:var(--muted);opacity:0.6;}.margin-note{background:var(--footer-bg);color:var(--footer-ink);margin-top:0;border-top:4px solid var(--accent);}.margin-note-grid{max-width:1160px;margin:0 auto;padding:3.4rem 1.5rem 2.6rem;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:2.5rem;}.margin-note-grid h4,.margin-note-grid .margin-note-h{color:#fff;font-size:0.95rem;margin:0 0 1rem;}.margin-note-brand{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:0.6rem;}.margin-note-grid p{font-size:0.9rem;max-width:26em;margin:0;}.margin-note-grid a{display:block;color:var(--footer-ink);margin-bottom:0.55rem;font-size:0.92rem;text-decoration:none;}.margin-note-grid a:hover{color:#fff;}.margin-note-bottom{border-top:1px solid var(--footer-border);padding:1.4rem 1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.4rem 2rem;font-size:0.84rem;color:#7d8fa6;}.margin-note-bottom p{margin:0;}.margin-note-bottom a{color:#aebccd;}.back-top{position:fixed;right:1.4rem;bottom:calc(1.4rem + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg);color:var(--primary);font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;z-index:90;}.back-top.show{opacity:1;pointer-events:auto;transform:translateY(0);}.back-top:hover{background:var(--primary);color:#fff;border-color:var(--primary);}pre,.table-wrap{-webkit-overflow-scrolling:touch;}.badge{display:inline-block;background:var(--primary-50);color:var(--primary);border-radius:999px;padding:0.16rem 0.7rem;font-size:0.78rem;font-weight:700;}.badge.accent{background:var(--accent-50);color:#8a5300;}.badge.green{background:var(--success-50);color:var(--success);}@media (max-width:980px){.notebook-toggle{display:flex;}.notebook-menu{position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--border);padding:0.8rem 1.2rem 1.2rem;gap:0.2rem;box-shadow:var(--shadow-md);display:none;}.notebook-menu.open{display:flex;}.notebook-menu a{padding:0.7rem 0.9rem;}.notebook-cta{margin:0.5rem 0 0;justify-content:center;}.hero{padding:3rem 0;}.hero-inner{grid-template-columns:1fr;gap:2.2rem;}.hero h1{font-size:2.3rem;}.feature-grid{grid-template-columns:repeat(2,1fr);}.feature-card.large{grid-column:span 2;}.sync-split{grid-template-columns:1fr;gap:1.6rem;}.article-grid{grid-template-columns:repeat(2,1fr);}.margin-note-grid{grid-template-columns:1fr 1fr;}.toc .toc-cols{grid-template-columns:1fr;}}@media (max-width:640px){h1{font-size:2rem;}.hero h1{font-size:2rem;}.container{padding:0 1.1rem;}.notebook-inner{padding:0 1.1rem;}.margin-note-grid{padding:3.4rem 1.1rem 2.6rem;}.value-grid,.feature-grid,.stat-row,.link-grid,.article-grid{grid-template-columns:1fr;}.netdisk-card{flex-direction:column;gap:1.2rem;padding:1.5rem 1.2rem;text-align:center;}.netdisk-info .btn{display:inline-flex;}.feature-card.large{grid-column:span 1;grid-template-columns:1fr;}.mock-body{grid-template-columns:1fr;height:auto;}.mock-pane{display:none;}.mock-editor{min-height:260px;}.margin-note-grid{grid-template-columns:1fr;gap:1.8rem;}.hero-actions .btn{width:100%;}.faq-item .faq-body{padding-left:1.3rem;}pre,pre code{white-space:pre-wrap;word-break:break-all;}code{word-break:break-all;}.table-wrap{margin-left:-1.1rem;margin-right:-1.1rem;border-radius:0;border-left:none;border-right:none;}.table-wrap table{font-size:0.78rem;}.margin-note .margin-note-grid > div > a{display:inline-block;padding:0.3rem 0;}}.skip-link{position:absolute;top:-100px;left:1rem;z-index:200;padding:0.7rem 1.2rem;background:var(--primary);color:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600;text-decoration:none;transition:none;}.skip-link:focus{top:0;outline:3px solid var(--accent);outline-offset:-3px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px;}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}.notebook-menu a:focus-visible,.margin-note-grid a:focus-visible{outline-offset:-2px;}@media print{.skip-link,.notebook,.margin-note,.back-top,.notebook-toggle,.hero-actions,.toc,.crumb-note,.app-mockup,.faq-item summary::after{display:none !important;}body{background:var(--bg);color:#000;font-size:12pt;}main{max-width:100%;padding:0;}a{color:#000;text-decoration:underline;}h1,h2,h3{page-break-after:avoid;}pre,blockquote,table,.callout,.link-card{page-break-inside:avoid;}pre{background:#f5f5f5 !important;color:#111 !important;border:1px solid #ccc;}details{display:block;}details > :not(summary){display:block !important;}summary{list-style:none;}}@media (prefers-color-scheme:dark){:root{--ink:#e3ebf5;--ink-soft:#bfcddd;--muted:#8fa1b7;--bg:#0e1626;--surface:#151f30;--surface-2:#1b2739;--border:#253349;--border-strong:#3a4d68;--primary-50:#0f2140;--accent-50:#32240e;--accent-ink:#e8a13c;--row-label:#8ab8e8;--check-ink:#63c98f;--sync-ink:#c3d0e0;--success-50:#102e24;--footer-bg:#090f1a;--footer-ink:#8fa1b7;--footer-border:#1b2a3f;--shadow-sm:0 1px 2px rgba(0,0,0,0.45);--shadow-md:0 10px 30px rgba(0,0,0,0.55);--shadow-lg:0 24px 60px rgba(0,0,0,0.65);}body{background:var(--bg);color:var(--ink);}.notebook{background:rgba(14,22,38,0.92);}.mock-editor{background:#101a29;}.mock-editor pre{color:#aebccd;}.table-wrap,.toc{background:var(--surface);}.link-card{background:var(--surface);}.link-card:hover{background:var(--surface-2);}.btn-ghost{border-color:var(--border-strong);color:var(--ink);}#main a:not(.btn){color:#79aeea;}#main a:not(.btn):hover{color:#9cc5f5;}.callout-info{color:#9cc5f5;border-color:#1b3a5e;}.callout-warn{color:#f0cf9a;border-color:#5a4316;}.callout-tip{color:#9fd9bd;border-color:#1e4a38;}.badge{color:#79aeea;}.badge.accent{color:#e8a13c;}.badge.green{color:#7fd0a5;}.notebook-menu a.active{color:#9cc5f5;background:transparent;box-shadow:inset 0 -2px 0 #9cc5f5;}.eyebrow{color:#9cc5f5;}code{color:#f0b37c;}.back-top{color:#9cc5f5;}.stat-box .num,.timeline .year{color:#9cc5f5;}.mock-pane-title,.mock-tree-item.dim,.mock-note-date{color:#7d91ab;}.hero-meta .dot{color:#8fa1b7;}.sync-list li{border-bottom-color:rgba(255,255,255,0.08);}}.article-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);}.article-nav-link{display:inline-flex;align-items:center;gap:0.4rem;padding:0.65rem 1.1rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--primary);font-weight:600;font-size:0.92rem;text-decoration:none;transition:border-color 0.2s,background 0.2s;}.article-nav-link:hover{border-color:var(--primary);background:var(--surface-2);}.article-nav-next{margin-left:auto;}.related-reads{margin-top:2.5rem;padding:1.4rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;}.related-title{font-size:1rem;font-weight:700;margin:0 0 0.9rem;color:var(--ink);}.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.6rem 1.2rem;}.related-link{display:inline-block;padding:0.45rem 0.7rem;border-radius:8px;background:var(--surface-2);color:var(--primary);font-size:0.9rem;font-weight:600;text-decoration:none;transition:background 0.2s,color 0.2s;}.related-link:hover{background:var(--primary-50);color:var(--primary-700);}.doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:start;max-width:1200px;margin:0 auto;padding:0 1.2rem;}.doc-toc{position:sticky;top:1.2rem;font-size:.86rem;border-left:2px solid var(--accent,#1a5fb4);padding:.4rem 0 .4rem 1rem;max-height:calc(100vh - 3rem);overflow:auto;}.doc-toc-title{font-weight:700;margin:0 0 .6rem;color:var(--ink);}.doc-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;}.doc-toc a{color:var(--muted);text-decoration:none;line-height:1.5;}.doc-toc a:hover{color:var(--accent);text-decoration:underline;}.doc-main{min-width:0;}.article-version{display:inline-block;margin:.6rem 0 0;padding:.2rem .7rem;font-size:.78rem;font-weight:600;color:var(--accent-ink);border:1px solid currentColor;border-radius:999px;}@media (max-width:860px){.doc-layout{grid-template-columns:1fr;}.doc-toc{position:static;border-left:none;border-bottom:1px solid var(--border,#ddd);padding:0 0 .8rem;max-height:none;}.doc-toc ol{display:flex;flex-wrap:wrap;gap:.3rem .8rem;}}.shortcut-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.92rem;}.shortcut-table th,.shortcut-table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border,#e5e5e5);}.shortcut-table th{font-weight:700;background:rgba(0,0,0,.03);}.shortcut-table tr:hover td{background:rgba(0,0,0,.02);}.shortcut-table code{background:rgba(0,0,0,.06);border-radius:4px;padding:.15rem .45rem;font-size:.85em;}@media (max-width:640px){.shortcut-table{font-size:.84rem;}.shortcut-table th,.shortcut-table td{padding:.55rem .5rem;}}.faq-item .faq-body a{display:inline-block;padding:0.15rem 0;}.article-byline{margin:.35rem 0 0;font-size:.82rem;color:var(--muted);}.page-updated{margin:.35rem 0 0;font-size:.82rem;color:var(--muted);}.article-updated{color:var(--muted);}.recent-list{max-width:820px;margin:0 auto;}.recent-item{display:flex;gap:1rem;align-items:baseline;padding:.75rem .2rem;border-bottom:1px solid var(--border,#e5e5e5);text-decoration:none;color:inherit;}.recent-date{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}.recent-title{font-weight:600;}.recent-item:hover .recent-title{color:#1a5fb4;}.news-list{list-style:none;padding:0;max-width:860px;margin:0 auto;}.news-item{display:flex;gap:1.2rem;padding:1rem .2rem;border-bottom:1px solid var(--border,#e5e5e5);}.news-date{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:.25rem;}.news-body h3{margin:0 0 .25rem;}.news-body p{margin:0;color:var(--muted);font-size:.92rem;}@media (max-width:560px){.news-item{flex-direction:column;gap:.3rem;}.recent-item{flex-direction:column;gap:.15rem;}}figure.site-shot{margin:2.6rem auto;max-width:300px;text-align:center;}figure.site-shot picture{display:block;}figure.site-shot img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);}figure.site-shot figcaption{margin-top:0.7rem;font-size:0.85rem;line-height:1.65;color:var(--muted);}.joplin-compare{width:100%;border-collapse:collapse;margin:1rem 0 1.2rem;font-size:.92rem;}.joplin-compare th,.joplin-compare td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border,#e5e5e5);vertical-align:top;}.joplin-compare th{font-weight:700;background:rgba(0,0,0,.03);white-space:nowrap;}.joplin-compare tr td:first-child{font-weight:700;color:var(--row-label);white-space:nowrap;}@media (max-width:520px){.joplin-compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}