*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#fdfdfd;color:#222;display:flex;flex-direction:column;min-height:100vh;scroll-behavior:smooth}header{background:#fff;color:#000;border-bottom:1px solid #eee;position:sticky;top:0;width:100%;z-index:10;box-shadow:0 1px 6px 0 rgb(0 0 0 / .01)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;width:100%;height:48px;padding:0 10px}.site-title,.back-home{font-size:22px;font-weight:600;text-decoration:none;transition:color 0.2s;letter-spacing:.5px;display:flex;align-items:center;color:#000}.site-title:hover,.site-title:focus,.back-home:hover,.back-home:focus{color:#06c;text-decoration:underline}.back-home{display:none;background:#fff0;border:none;cursor:pointer;padding:0 10px;border-radius:50%;box-shadow:none;height:48px}.back-home.visible{display:flex;justify-content:center;align-items:center}.back-icon{font-size:22px;line-height:1;color:inherit}@media (prefers-color-scheme:dark){.site-title,.back-home{color:#fff}.site-title:hover,.site-title:focus,.back-home:hover,.back-home:focus{color:#62adff}}@media (max-width:600px){.header-content{max-width:100%;padding:0 6px;height:45px}.site-title,.back-home{font-size:16px}.back-icon{font-size:16px}}@keyframes fadeBackBtn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}main{flex:1;max-width:800px;width:100%;margin:10px auto 0 auto;padding:8px 12px 0 12px;line-height:1.6;font-size:16px;display:flex;flex-direction:column;align-items:stretch;margin-bottom:1px}.main-title{font-size:22px;font-weight:600;text-align:center;margin-bottom:.35em}.description{margin-bottom:.65em;font-size:16px;line-height:1.5;text-align:left;word-break:break-word}main>*:last-child{margin-bottom:.5em}main a{color:#06c;text-decoration:underline;transition:color 0.18s;border-bottom:none;padding-bottom:1px}main a:hover{color:#036;text-decoration:none}main ul{margin:.6em 0 1em;padding-left:1.3em}main ul:last-of-type{margin-bottom:.4em}main li{margin-bottom:.6em;line-height:1.5;word-break:break-word}.section-title{font-size:17px;font-weight:500;color:#444;text-align:left;display:flex;align-items:center;gap:8px;letter-spacing:.02em;border-top:1px solid rgb(0 0 0 / .05);padding-top:.3em;margin-top:.6em;margin-bottom:.4em}.section-title.first{border-top:none;padding-top:0;margin-top:.5em}ul#article-list{list-style:none;padding:0;margin:0;width:100%;max-width:800px;background:none;box-shadow:none;border:1px solid #f2f2f2;border-radius:0}#article-list li{border-bottom:1px solid #f3f3f3;padding:.4em .6em;font-size:16px;text-align:left;transition:background 0.14s;word-break:break-word}#article-list li:last-child{border-bottom:none}#article-list a{color:#06c;text-decoration:none;font-weight:500;transition:color 0.18s;border-bottom:none;padding-bottom:1px;word-break:break-all}#article-list a:hover{color:#036;border-bottom:none}.simple-list{list-style-type:disc;padding-left:1.4em;margin:1em 0;display:flex;flex-direction:column;gap:.3em}.simple-list li{font-size:16px;line-height:1.5}.simple-list a{color:#06c;text-decoration:none;transition:color 0.2s}.simple-list a:hover{color:#036;text-decoration:underline}footer{background:#fff;color:#888;font-size:15px;border-top:1px solid #ddd;margin-top:10px;text-align:center;width:100%;height:48px;display:flex;align-items:center;justify-content:center;padding:0}footer a{color:#06c;text-decoration:none;transition:color 0.2s;margin-left:.35em}footer a:hover,footer a:focus{text-decoration:underline;color:#036}blockquote{margin:2em 0 2.5em 0;padding:1.2em 1.2em 1em 2em;border-left:4px solid #eee;background:#f8f8fa;border-radius:14px;font-style:italic;font-size:1.13em;color:#222;box-shadow:0 1px 8px 0 rgb(22 28 45 / .03);position:relative}blockquote span{vertical-align:middle;margin-left:.3em}.mini-quote{font-size:1em;color:#555;border-left:2px solid #d6d6d6;background:#fff0;margin:1.5em 0 1.5em 0;padding:.6em 1em .6em 1.2em;border-radius:6px;font-style:italic;line-height:1.4}.mini-quote span{margin-left:.3em}@media (prefers-color-scheme:dark){body{background:#111;color:#eee}header,footer{background:#16181a;color:#bbb;border-color:#23262b;height:48px}.main-title,.description,.section-title{color:#e8e8e8}.section-title{border-top:1px solid rgb(255 255 255 / .06)}.section-title.first{border-top:none}ul#article-list{border-color:#23262b}#article-list li{border-bottom:1px solid #23262b}#article-list a,main a{color:#62adff;border-bottom:none}#article-list a:hover,main a:hover{color:#7fcbfd;border-bottom:none}.simple-list a{color:#62adff}.simple-list a:hover{color:#7fcbfd}.site-title,.back-home{color:#fff}.site-title:hover,.site-title:focus,.back-home:hover,.back-home:focus{color:#62adff}footer a{color:#62adff}footer a:hover,footer a:focus{color:#7fcbfd}}@media (max-width:600px){.header-content{max-width:100%;padding:0 6px;height:45px}.site-title,.back-home{font-size:16px}.back-icon{font-size:16px}main{max-width:100%;padding:4px 2vw 0;font-size:15px}.main-title{font-size:18px;margin-bottom:.27em}.description{font-size:14px;margin-bottom:.5em}.section-title{font-size:16px;margin:.55em 0 .22em;gap:5px}ul#article-list{max-width:100%;font-size:14px;border-radius:0}#article-list li{font-size:14px;padding:.38em .2em}main ul{margin:.7em 0 1em;padding-left:1em}main li{font-size:15px;margin-bottom:.4em}}.section-description{margin-top:.5em;margin-bottom:1.1em;font-size:16px;color:#555;line-height:1.55;padding-left:.8em;padding-right:.8em}@media (max-width:600px){.section-description{font-size:14px;margin-top:.3em;margin-bottom:.75em;padding-left:.7em;padding-right:.7em}}.section-divider{border:none;border-top:1.5px solid rgb(0 0 0 / .06);margin:.7em 0 1.1em 0;width:100%;max-width:800px;background:none;height:0}@media (prefers-color-scheme:dark){.section-divider{border-top:1.5px solid rgb(255 255 255 / .08)}}.current-article{background:#f2f8ff;color:#003366!important;border-radius:5px;font-weight:700;padding:.18em .4em}@media (prefers-color-scheme:dark){.current-article{background:#1e2633;color:#7fcbfd!important}}.fade-ani{opacity:0;transform:translateY(18px);transition:opacity 0.8s,transform 0.8s}.fade-ani.visible{opacity:1;transform:none}header{transition:box-shadow 0.25s}header.scrolled{box-shadow:0 4px 16px rgb(0 0 0 / .08)}
