@font-face{font-family:"CustomFont";src:url("/assets/markdown.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
:root{
    --main-bg-color:#fff;
    --main-sp-bg-color:#f6f8fa;
    --main-font-color:#59636e;
    --main-border-color:#d1d9e0;
    --main-button-bgcolor:#d1d9e0;
    --link-color:#0969da;
    --secondary-color:#999;
    --code-bg-color:#f1f1f1;
    --modal-bg-color:rgba(0,0,0,0.5);
    --copytips-bg-color:rgba(0,0,0,0.7)
}
html,body{margin:0;padding:0;height:100%;width:100%;}
body{overflow:hidden;color:var(--main-font-color);}
a{color:var(--main-font-color);}
ul{margin:0;padding:0;}
ul li{list-style:none;}
p{margin:0;padding:0;}
.wrapper{width:66.66vw;margin:20px auto 0;transition:width .3s ease;}
.breadcrumb{margin:10px 0;display: flex;}
.breadcrumb a{text-decoration:none;color:#000;}
.breadcrumb a:first-child{color:var(--link-color);}
.breadcrumb span{margin:0 5px;}
.breadcrumb span::before{content:"/";margin-right:5px;}
.breadcrumb #copyThisUrl{background:#fff;border:none;cursor:pointer;padding:0;margin-left:5px;}
.breadcrumb #copyThisUrl:hover{color:var(--link-color);}
.url-copy{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;}
.language-selector{position:relative;margin-left:auto}
.selector-btn{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:white;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease}
.selector-btn:hover{background:#f5f5f5;border-color:#bbb}
.selector-btn::after{content:"▼";margin-left:10px;font-size:10px;color:#666;transition:transform 0.3s ease}
.language-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:5px;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:10;overflow:hidden}
.language-selector:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.language-selector:hover .selector-btn::after{transform:rotate(180deg)}
.language-option{display:block;padding:8px 12px;font-size:14px;cursor:pointer;transition:background 0.2s ease;text-decoration:none;color:#333;background:none;border:none;width:100%;text-align:left}
.language-option:hover{background:#f0f5ff}
.language-option.active{background:#e6f0ff;color:#3498db;font-weight:500}
.header{padding:8px;display:flex;align-items:center;justify-content:space-between;background-color:var(--main-sp-bg-color);border:1px solid var(--main-border-color);border-bottom:0;height:30px;border-radius:6px 6px 0 0;position:relative;}
.menu{display:flex;align-items:center;gap:8px;min-width:0;flex:1;justify-content:space-between;}
.nav,.navext{list-style-type:none;padding:0;overflow:hidden;margin:12px 16px;display:flex;gap:15px;}
.nav li,.navext li{display:inline-block;padding:2px 10px;cursor:pointer;}
.nav li a,.navext li a{text-align:center;text-decoration:none;}
.navext{margin-left:auto;gap:0;}
.menu-tools{display:flex;align-items:center;gap:50px;margin-right:8px;position:relative;}
.mtools{display:inline-flex;vertical-align:middle;isolation:isolate;}
#ago{text-align:right;margin:0 10px 0 0;padding:0;width:60px;font-size:.7em;cursor:pointer;color:#656d76;}
#saved{position:absolute;right:16px;bottom:-36px;font-size:.7em;z-index:99999;}
.show{display:block;opacity:0;animation:3s fadeInOut 0s;}
.hide{display:none;}
.menu-toggle{cursor:pointer;font-size:24px;display:none;}
.menu-toggle::before{content:"\2630"}
.menu-toggle.open{transform:rotate(90deg)}
@keyframes fadeInOut{
    0%,50%,100%{opacity:0;}
    25%,75%{opacity:.8;}
}
#code{width:100%;}
.container{display:flex;margin:0;padding:0;height:60vh;border-radius:0;box-sizing:border-box;overflow:hidden;background-color:var(--main-bg-color);border:1px solid var(--main-border-color);position:relative;}
#contenttext,#contentline{font-family:Consolas,Georgia,SimSun,"宋体";font-size:16px;line-height:1.5;padding:10px;border:none;outline:none;resize:none;box-shadow:none;}
#contentline{flex:0 0 2.8rem;text-align:right;border-right:0;overflow:hidden;}
#contenttext{flex:1 1 auto;padding-left:20px;}
#contentline:focus-visible,#contenttext:focus-visible{outline:none;}
#contentline.disnum{color:var(--main-bg-color);}
.footer{padding:8px;align-items:center;justify-content:space-between;background-color:var(--main-sp-bg-color);border:1px solid var(--main-border-color);border-top:0;position:relative;}
.copyright{margin:10px;font-size:1em;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:20px;color:var(--secondary-color);}
.copyright a{text-decoration:none;}
.copyright .status{position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.statusbr,.statuspin{font-size:.7em;margin-left:10px;display:none;color:var(--secondary-color);}
.indextips{margin:20px auto;position:relative;width:100%;height:2em;overflow:hidden;}
.tips-container{position:relative;transition:transform .5s ease;}
.tips{height:2em;line-height:2em;text-align:center;white-space:nowrap;}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-bg-color);z-index:1000;}
.box{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background:var(--main-bg-color);padding:20px;border-radius:5px;width:80%;max-width:500px;text-align:center;}
.modal-box{display:none;}
.modal-box h2{color:var(--link-color);margin-top:0;}
.modal-box p{margin:20px 0;}
#cclength{position:absolute;right:30px;bottom:20px;font-size:.7em;}
.readonce,.readonly{background:repeating-linear-gradient(145deg,#f8f8f8,#f8f8f8 15px,#fff 0,#fff 30px);}
.readonce_notice,.readonly_notice{background:repeating-linear-gradient(145deg,#ffebeb,#ffdddd 20px,#fff 0,#fff 40px);border:1px solid var(--main-border-color);border-top:0;border-bottom:0;padding:5px;text-align:center;}
.abutton{background-color:#e6eaef;border:none;cursor:pointer;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;color:var(--main-font-color);border:1px solid var(--main-border-color);font-size:1em;}
.abutton:first-child{border-radius:5px 0 0 5px;border-right:0;}
.abutton:first-child+.abutton{border-right:0;}
.abutton:last-child{border-radius:0 5px 5px 0;border-left:0;}
.breakon{background-color:var(--main-bg-color);border:.0625rem solid var(--main-border-color);}
.disbutton{pointer-events:none;}
#qrcode img{text-align:center;margin:0 auto;}
@keyframes caretColorChange{
    0%{caret-color:red;}
    16.66%{caret-color:orange;}
    33.32%{caret-color:yellow;}
    49.98%{caret-color:green;}
    66.64%{caret-color:blue;}
    83.3%{caret-color:cyan;}
    100%{caret-color:purple;}
}
.caretColoranimation{animation:caretColorChange 5s infinite;}
@media screen and (max-width:1180px){.wrapper{width:98vw;}}
@media (max-width:810px){
    .menu{display:none;flex-direction:column;align-items:flex-start;background-color:var(--main-bg-color);border:1px solid var(--main-border-color);position:absolute;top:46px;left:-1px;width:calc(98vw - 42px);padding:10px 20px;z-index:999;}
    .menushow{display:flex;}
    .nav{flex-direction:column;width:100%;}
    .nav li{width:100%;text-align:left;}
    .menu-toggle{display:block;}
    .menu-toggle.open::before{content:"×"}
    #contenttext{padding-left:5px;}
}
#content_bro{font-family:Consolas,Georgia,SimSun,"宋体";font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all;width:100%;height:100%;padding:10px 10px 10px 20px;flex:1 1 auto;overflow-y:auto;border:none;border-left:1px solid var(--main-border-color);outline:none;resize:none;box-shadow:none;}
#content_bro::before{font-family:"CustomFont";content:"Markdown Preview";font-size:1.5em;position:absolute;top:20px;left:66px;padding:5px;border:1px solid var(--main-border-color);border-top:none;transform:rotate(90deg);transform-origin:left top;white-space:nowrap;}
#n_markdown{font-size:.8em;padding:0;cursor:pointer;}
#n_markdown span{padding:5px 16px;}
#n_markdown .mkedit{border-radius:10px;border:1px solid var(--main-border-color);display:inline-block;background-color:var(--main-bg-color);}
#n_markdown .mkresult{border-radius:0 10px 10px 0;border:1px solid var(--main-border-color);display:inline-block;margin-left:-10px;border-left:none;}
#n_markdown.mkactive .mkedit{border-radius:10px 0 0 10px;border:1px solid var(--main-border-color);display:inline-block;border-right:none;background-color:var(--main-sp-bg-color);}
#n_markdown.mkactive .mkresult{border-radius:10px;border:1px solid var(--main-border-color);display:inline-block;background-color:var(--main-bg-color);}
#copytips{position:absolute;pointer-events:none;background:var(--copytips-bg-color);color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.89,.32,1.28);z-index:1000000000000000000;}
#copytips.active{opacity:1;transform:translateY(0);}
.markdownhelp ul{list-style-position:inside;padding-left:10px;}
.markdownhelp li{margin-bottom:8px;padding-left:10px;}
.markdownhelp code{background:var(--code-bg-color);padding:2px 6px;border-radius:4px;font-family:monospace;}
.output h1,.output h2,.output h3,.output h4,.output h5,.output h6{margin:15px 0 10px;color:#2c3e50;}
.output p{margin:10px 0;line-height:1.6;}
.output strong{font-weight:700;color:#2c3e50;}
.output em{font-style:italic;}
.output del{text-decoration:line-through;}
.output ul,.output ol{margin:10px 0 10px 20px;}
.output blockquote{border-left:4px solid #4b6cb7;padding-left:15px;margin:15px 0;color:#7f8c8d;}
.output code{background-color:var(--code-bg-color);padding:2px 5px;border-radius:3px;font-family:'Courier New',monospace;}
.output pre{background-color:var(--code-bg-color);padding:10px;border-radius:5px;overflow-x:auto;margin:15px 0;}
.output table{width:100%;border-collapse:collapse;margin:15px 0;}
.output table th,.output table td{border:1px solid #ddd;padding:8px;text-align:left;}
.output table th{background-color:#f2f2f2;}
.output hr{border:none;height:2px;background-color:#ddd;margin:20px 0;}