.Tips{background-color:#fff;border-radius:5px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);color:#ff5a00;color:var(--Dark);font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:10px 40px;top:20px;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);transition:.3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10000}.Tips,.modal{position:fixed}.modal{-webkit-align-items:center;align-items:center;background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;top:0;width:100%;z-index:9999}.modal .modal-box{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:15% auto;max-width:500px;position:relative;-webkit-transform:scale(0);transform:scale(0);width:90%}.modal .modal-header{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:18px;-webkit-justify-content:center;justify-content:center;padding:20px 0;width:100%}.modal .modal-footer{padding:20px 0}.modal .close{-webkit-align-items:center;align-items:center;color:#aaa;display:-webkit-flex;display:flex;font-size:38px;font-weight:700;height:50px;-webkit-justify-content:center;justify-content:center;padding:10px;position:absolute;right:0;top:0;width:50px}.modal .close:focus,.modal .close:hover{color:#000;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.showModal{display:-webkit-flex;display:flex}.showModal .modal-box{-webkit-animation:showModalAn .3s ease-in-out forwards;animation:showModalAn .3s ease-in-out forwards}.floating{--h-h5:50px;--box-shadow:transparent 0px 0px 0px 0px,transparent 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 1px 3px 0px,rgba(0,0,0,.1) 0px 1px 2px -1px;color:red;display:none;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:fixed;right:40px;top:20vh;-webkit-transform-origin:top right;transform-origin:top right;transition:.3s;width:150px;z-index:990}@media screen and (max-width:600px){.floating{display:none!important}}.floating .floating-pc{--w:25px;background-color:#fff;border-radius:20px;box-shadow:var(--box-shadow);-webkit-flex-direction:column;flex-direction:column;padding:15px;position:relative;width:100%}.floating .floating-pc,.floating .floating-pc .close{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.floating .floating-pc .close{background-color:rgba(0,0,0,.13);border-radius:50%;color:#000;cursor:pointer;font-size:18px;-webkit-justify-content:center;justify-content:center;right:calc(var(--w)/4*-1)}.floating .floating-pc .close,.floating .floating-pc:after{height:var(--w);position:absolute;top:calc(var(--w)/4*-1);width:var(--w)}.floating .floating-pc:after{background:url(/ac09a9584fbcd3a072be.png) no-repeat;background-size:cover;content:" ";left:calc(var(--w)/4*-1)}.floating .floating-left{margin-bottom:10px;width:100%}.floating .floating-left img{width:100%}.floating .floating-right{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;font-size:12px;-webkit-justify-content:center;justify-content:center;width:100%}.floating .floating-right,.floating-show{display:-webkit-flex;display:flex}.closeFloating{-webkit-transform:scale(0);transform:scale(0)}*{box-sizing:border-box;margin:0;padding:0}html{--scrollbar-w:10px}@media screen and (max-width:969px){html{--scrollbar-w:0px}}body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;position:relative;width:100%}@media screen and (max-width:969px){body{--content-padding:15px;touch-action:manipulation;touch-callout:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media screen and (max-width:768px){body{--content-padding:10px}}@media screen and (max-width:600px){body{--content-padding:5px}}body,html{font-size:14px;height:100vh;scroll-behavior:smooth;width:calc(100vw - 10px);width:calc(100vw - var(--scrollbar-w));-webkit-font-smoothing:unset!important;font-family:Helvetica Neue,Luxi Sans,Segoe UI,Hiragino Sans GB,Microsoft Yahei,sans-serif,Apple Logo!important;touch-action:manipulation}html::-webkit-scrollbar{height:1px;width:10px;width:var(--scrollbar-w)}html::-webkit-scrollbar-thumb{background:#ababab;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}html::-webkit-scrollbar-track{background:#ededed;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}:root{--shadow:3px 3px 8px rgba(0,0,0,.2),-3px -3px 8px hsla(0,0%,100%,.5);--Dark:#ff5a00;--DarkHover:#ff5a00;--DarkTone:#5e5d5b;--TagsDark:#a2a2a2;--TagsDarkHover:hsla(0,0%,93%,.4);--layout-padding-x:20px;--banner-height:60px;--banner-background-color:#f3f4ff;--banner-index:999;--banner--fontsize:14px;--banner--barHeight:2px;--body-bgcolor:#f1f4f9;--floating-height:70px;--layout-max-width:1600px;--content-padding:30px}.Module .content-item-content-box{--display:none}.content{-webkit-align-items:center;align-items:center;background-color:#f1f4f9;background-color:var(--body-bgcolor);display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-justify-content:center;justify-content:center;padding-top:60px;padding-top:var(--banner-height);position:relative;width:100%}a{color:#5e5d5b;color:var(--DarkTone);-webkit-text-decoration:none;text-decoration:none}img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.fc,.fr{display:-webkit-flex;display:flex}.fc{-webkit-flex-direction:column;flex-direction:column}.ac{-webkit-align-items:center;align-items:center}.jc{-webkit-justify-content:center;justify-content:center}.jb{-webkit-justify-content:space-between;justify-content:space-between}.ja{-webkit-justify-content:space-around;justify-content:space-around}.f1{-webkit-flex:1;flex:1}.gg-box{color:#000;color:initial;display:inline-block;width:100%}.gg-box img{margin-bottom:-4px;width:100%}@-webkit-keyframes showModalAn{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showModalAn{to{-webkit-transform:scale(1);transform:scale(1)}}.swiper{--swiper-theme-color:var(--Dark);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.swiper .swiper-button-next,.swiper .swiper-button-prev{transition:.3s}.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{font-weight:bolder;text-shadow:0 0 5px rgba(0,0,0,.32)}@media screen and (max-width:969px){#swiper{--item-padding:25px 40px}}@media screen and (max-width:639px){#swiper{--item-padding:50px 80px}}@media screen and (max-width:476px){#swiper{--item-padding:25px 40px}}.googleCardAd{background:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.banner{--padding-x:5%;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.1);color:#000;height:60px;height:var(--banner-height);left:0;position:fixed;top:0;width:100%;z-index:9999}@media screen and (max-width:1440px){.banner{--padding-x:2%}}@media screen and (max-width:600px){.banner{--padding-x:5%}}.banner-layout{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:100%;-webkit-justify-content:space-between;justify-content:space-between;padding:var(--banner--barHeight) var(--padding-x);position:relative;width:100%}.banner-bar{background-color:#ff5a00;background-color:var(--Dark);bottom:0;height:2px;height:var(--banner--barHeight);left:0;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s linear;width:100%}.banner-logo{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1}.banner-logo:has(img:hover) .banner-logo-hoverBox{display:-webkit-flex;display:flex}.banner-logo img{cursor:pointer;height:30px}.banner-logo-hoverBox{background-color:#fff;border-radius:5px;box-shadow:2px 6px 15px rgba(235,241,251,.78);color:#000;display:none;font-weight:600;position:fixed;top:70px;top:calc(var(--banner-height) + 10px)}.banner-logo-hoverBox,.banner-logo-hoverBox>div{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.banner-logo-hoverBox>div{display:-webkit-flex;display:flex;padding:10px 15px;position:relative}.banner-logo-hoverBox>div:before{border:8px solid #fff;content:" ";height:0;left:10%;position:absolute;top:0;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:0}.banner-logo-hoverBox span{background-color:#ff5a00;background-color:var(--Dark);border-radius:5px;color:#fff;display:block;margin:0 5px;padding:5px 10px}.banner-nav-box{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:10;flex:10;height:100%;-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:1024px){.banner-nav-box{background-color:#fff;-webkit-flex-direction:column;flex-direction:column;height:100%;left:0;padding:1vw;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s;width:200px;z-index:999999}.banner-nav-box .search-box{display:none}.banner-nav-box .banner-nav{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;font-size:14px;font-size:var(--banner--fontsize);width:100%}.banner-nav-box .banner-nav>div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0;width:100%}.banner-nav-box .banner-nav>div:after{display:none}.banner-nav-box .banner-nav>div i{display:block}.banner-nav-box .banner-nav .banner-item,.banner-nav-box .banner-nav a{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:16px;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;width:100%}.banner-nav-box .banner-nav .banner-item:active,.banner-nav-box .banner-nav a:active{background-color:#ff5a00;background-color:var(--Dark);border-radius:10px;color:#fff;overflow:hidden}}.subscriptionBtn{background-color:#ff5a00;background-color:var(--Dark);border-radius:5px;color:#fff;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:10px 25px;position:relative}.subscriptionBtn i{margin-right:5px}.banner-left{-webkit-justify-content:space-between;justify-content:space-between;padding:0 10px}.banner-left,.banner-nav{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:100%}.banner-nav{--hover-w:70%;font-size:14px;font-size:var(--banner--fontsize);font-weight:600;-webkit-justify-content:flex-start;justify-content:flex-start}.banner-nav>div{-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-flex;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;position:relative}.banner-nav>div i{display:none}.banner-nav>div:after{background-color:#ff5a00;background-color:var(--Dark);bottom:0;content:" ";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:0}.banner-nav>div:hover .banner-item-hover{-webkit-transform:scaleY(1);transform:scaleY(1)}.banner-nav>div:hover:after{width:var(--hover-w)}.banner-nav .banner-item,.banner-nav a{-webkit-align-items:center;align-items:center;color:#000;display:-webkit-flex;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;padding:0 20px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.banner-nav .banner-nav-active a{color:#ff5a00;color:var(--Dark)}.banner-nav .banner-nav-active:after{width:70%}.banner-item{--hover-w:100%}@media screen and (max-width:1024px){.banner-item{-webkit-align-items:flex-start!important;align-items:flex-start!important;-webkit-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:0;width:100%}.banner-item span{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 0;width:100%}}.banner-item i{display:block;margin-left:5px}.banner-item-hover{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:2px 2px 5px rgba(0,0,0,.2);left:0;padding:5px;position:absolute;top:100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top center;transform-origin:top center;transition:.3s ease-in-out;width:100%}@media screen and (max-width:1024px){.banner-item-hover{box-shadow:none;display:none;padding:0;position:relative;top:0;-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}.banner-item-hover>div>a:last-child{padding-bottom:0!important}.banner-item-hover>div>a:first-child{padding-top:15px!important}.banner-item-hover a{padding:10px 0!important}}.banner-item-hover a{border-radius:5px;color:#000!important;padding:8px 0;width:100%}.banner-item-hover a:hover{background-color:rgba(0,0,0,.1)}.banner-item-hover .banner-nav-active a{color:#ff5a00!important;color:var(--Dark)!important}@media screen and (max-width:1024px){.menuActive .overlay,.show-hover .banner-item-hover{display:block}.menuActive .banner-nav-box{box-shadow:2px 5px 10px rgba(0,0,0,.22);-webkit-transform:translateX(0);transform:translateX(0)}}.banner-menu-btn>.icons{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:35px;-webkit-justify-content:center;justify-content:center}.banner-menu-btn input[type=checkbox]{display:none}.banner-right{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-justify-content:flex-end;justify-content:flex-end}.banner-right-h5{display:none}@media screen and (max-width:1024px){.banner-right-h5{display:-webkit-flex;display:flex}}.banner-right-pc{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.s-sticker{padding:10px!important}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.2);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:14px;padding-bottom:30px}.modal-content img{width:140px}.modal-content>div{margin-top:15px}.search-box{background-color:#fff;border:2px solid #71757e;border-radius:10px;display:-webkit-flex;display:flex;height:100%;margin-right:20px;max-width:240px;overflow:hidden;padding:8px 0;position:relative;transition:all .3s ease;width:100%}.search-box input{border:none;font-size:var(--input-font-size);font-weight:600;height:100%;outline:none;padding-left:8px;width:100%}.search-box i{color:#71757e}.search-box:has(input:focus){border-color:#ff5a00;border-color:var(--Dark)}.search-box:has(input:focus) i{color:#ff5a00;color:var(--Dark)}.search-box .search-btn{background-color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-size:15px;font-weight:600;height:90%;padding:0 10px;position:absolute;right:.3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease}.search-box .search-btn,.search-box .search-btn div{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.search-box-h5{display:none;-webkit-flex:2;flex:2;height:40px;margin:0 0 0 40px;max-width:none}@media screen and (max-width:1024px){.search-box-h5{display:-webkit-flex;display:flex}}.footer{-webkit-align-items:center;align-items:center;background-color:#26282c;color:#adb5bd;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:12px;font-weight:600;height:-webkit-max-content;height:-moz-max-content;height:max-content;-webkit-justify-content:center;justify-content:center;padding:15px 0;width:100%;--paddings:5px calc(50% - var(--layout-max-width)/2 + var(--content-padding)*2/2);--hao-left:20px;--collection--display:flex}@media screen and (max-width:969px){.footer{--collection--display:none}}@media screen and (max-width:620px){.footer .footer-record{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding-left:5px;padding-right:5px}.footer .footer-record>span{display:none}.footer .footer-record p{margin-top:5px}.footer .footer-record .dem{display:none}}@media screen and (max-width:600px){.footer .footer-ewm{display:block!important}.footer .footer-left{display:none!important}.footer .footer-details{-webkit-flex-wrap:wrap;flex-wrap:wrap}.footer .footer-details>div{-webkit-flex:1;flex:1}.footer .footer-details>div:nth-child(2){margin-bottom:20px;min-width:calc(100vw - 40px);min-width:calc(100vw - var(--layout-padding-x)*2);padding:0}.footer .footer-details>div:nth-child(3){-webkit-order:2;order:2;width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer .footer-record{padding-left:5px;padding-right:5px}}@media screen and (max-width:473px){.footer{--details-p-y:20px;--record-p-y:10px;--hao-left:5px}}.footer a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.collection{-webkit-align-items:center;align-items:center;background-color:#2b374c;color:#fff;display:var(--collection--display);font-size:16px;-webkit-justify-content:space-between;justify-content:space-between;margin-top:-15px;padding:var(--paddings);padding-bottom:10px;padding-top:10px;width:100%}@media screen and (max-width:1600px){.collection{padding:5px 30px;padding:5px var(--content-padding)}}.collection>div{padding:5px 0}.collection span{background-color:#fff;border-radius:5px;color:#ff5a00;color:var(--Dark);font-weight:600;margin:0 5px;padding:5px 10px}.wx-img{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-right:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wx-img span{display:inline-block;font-size:14px;margin-top:12px}.wx-img img{width:90px}.footer-ewm{display:none!important}.footer-details{box-sizing:border-box;display:-webkit-flex;display:flex;padding:var(--paddings);padding-bottom:20px;padding-top:20px;width:100%}@media screen and (max-width:1600px){.footer-details{padding:15px 30px;padding:15px var(--content-padding)}}.footer-details .footer-left{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-details .footer-right{-webkit-flex:1;flex:1}.footer-details .friendship>div{margin-right:20px}.footer-details .footer-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:14px}.footer-details .footer-item i{color:#fff;font-size:18px;margin-right:10px;padding-top:2px}.footer-details .footer-item .title{font-size:16px;font-weight:700;width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer-details .footer-item .title img{height:50px}.footer-details .footer-item .subtitle{font-size:16px}.footer-details .footer-item>div{margin-top:15px}.footer-record{font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-justify-content:center;justify-content:center;max-width:1600px;padding:var(--record-p-y) var(--layout-padding-x)}.footer-record,.footer-record>div{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.footer-record span{margin:0 5px}.footer-record img{margin-right:2px;width:15px}.footer-record a,.footer-record p{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}.ContactBox{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.ContactBox>div{margin-left:var(--hao-left)}.statement{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:0 10px}.statement img{margin-right:3px;width:15px}.statement span,.statement>div{margin:3px 5px}.statement a,.statement>div{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}:root{--primary-color:#ff5a00;--primary-light:#ff7033;--primary-dark:#e6510a;--bg-color:#f8fafc;--surface-color:#fff;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--border-radius:8px;--border-radius-lg:12px;--transition:all 0.2s ease}.ssDrawer{display:none!important}.markdown2image-page{background:#f8fafc;background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;width:100%}.markdown2image-page .toolbar{-webkit-align-items:center;align-items:center;background:#fff;background:var(--surface-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:var(--shadow-sm);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1.5rem 2rem}@media(max-width:1400px){.markdown2image-page .toolbar{padding:1.5rem 1rem}}@media(max-width:768px){.markdown2image-page .toolbar{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;gap:1rem;padding:1rem .5rem}}.markdown2image-page .toolbar .toolbar-left .page-title{-webkit-align-items:center;align-items:center;color:#1e293b;color:var(--text-primary);display:-webkit-flex;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}.markdown2image-page .toolbar .toolbar-left .page-title i{color:#ff5a00;color:var(--primary-color)}.markdown2image-page .toolbar .toolbar-left .page-subtitle{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin:0}.markdown2image-page .toolbar .toolbar-right{display:-webkit-flex;display:flex;gap:.75rem}.markdown2image-page .main-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;height:calc(100vh - 140px);padding:1.5rem 2rem}@media(max-width:1400px){.markdown2image-page .main-content{padding:1.5rem 1rem}}@media(max-width:1024px){.markdown2image-page .main-content{gap:1rem;grid-template-columns:1fr;height:auto;padding:1rem}}@media(max-width:768px){.markdown2image-page .main-content{gap:.75rem;padding:.75rem .5rem}}.markdown2image-page .editor-panel,.markdown2image-page .preview-panel{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px rgba(0,0,0,.07);box-shadow:var(--shadow-md);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.markdown2image-page .editor-panel .panel-header,.markdown2image-page .preview-panel .panel-header{-webkit-align-items:center;align-items:center;background:#fafbfc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem 1.25rem}.markdown2image-page .editor-panel .panel-header h3,.markdown2image-page .preview-panel .panel-header h3{-webkit-align-items:center;align-items:center;color:#1e293b;color:var(--text-primary);display:-webkit-flex;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.markdown2image-page .editor-panel .panel-header h3 i,.markdown2image-page .preview-panel .panel-header h3 i{color:#ff5a00;color:var(--primary-color)}.markdown2image-page .editor-panel .panel-header .panel-actions,.markdown2image-page .preview-panel .panel-header .panel-actions{display:-webkit-flex;display:flex;gap:.5rem}.markdown2image-page .editor-panel .editor-wrapper{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column}.markdown2image-page .editor-panel #markdown-editor{background:#fafbfc;border:none;color:#1e293b;color:var(--text-primary);-webkit-flex:1;flex:1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;line-height:1.6;outline:none;padding:1.25rem;resize:none}.markdown2image-page .editor-panel #markdown-editor::-webkit-input-placeholder{color:#94a3b8;color:var(--text-muted)}.markdown2image-page .editor-panel #markdown-editor::-moz-placeholder{color:#94a3b8;color:var(--text-muted)}.markdown2image-page .editor-panel #markdown-editor::placeholder{color:#94a3b8;color:var(--text-muted)}.markdown2image-page .editor-panel #markdown-editor:focus{background:#fff;background:var(--surface-color);box-shadow:inset 0 0 0 2px rgba(255,90,0,.1)}.markdown2image-page .preview-panel .preview-wrapper{-webkit-align-items:flex-start;align-items:flex-start;background:#f8fafc;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;overflow-x:hidden;overflow-y:auto}.markdown2image-page .preview-panel .poster-container{background:transparent;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;max-width:100%;min-height:auto;padding:0;transition:all .2s ease;transition:var(--transition);width:100%}.markdown2image-page .preview-panel .poster-container:hover{box-shadow:none;-webkit-transform:none;transform:none}.markdown2image-page .preview-panel .poster-container .default-poster,.markdown2image-page .preview-panel .poster-container .markdown-poster,.markdown2image-page .preview-panel .poster-container .poster-template,.markdown2image-page .preview-panel .poster-container .recruitment-poster{display:block;height:auto;margin:0 auto;max-height:none;max-width:none;width:100%}.markdown2image-page .preview-panel .poster-container .poster-header{-webkit-align-items:center;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.markdown2image-page .preview-panel .poster-container .poster-header .poster-title{font-size:1.25rem;font-weight:700}.markdown2image-page .preview-panel .poster-container .poster-header .poster-date{font-size:.875rem;opacity:.8}.markdown2image-page .preview-panel .poster-container .poster-content{-webkit-flex:1;flex:1;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.markdown2image-page .preview-panel .poster-container .poster-content h1{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.markdown2image-page .preview-panel .poster-container .poster-content h2{font-size:1.375rem;font-weight:600;line-height:1.3;margin:1.5rem 0 .75rem}.markdown2image-page .preview-panel .poster-container .poster-content h3{font-size:1.125rem;font-weight:600;line-height:1.4;margin:1.25rem 0 .5rem}.markdown2image-page .preview-panel .poster-container .poster-content p{margin:0 0 1rem}.markdown2image-page .preview-panel .poster-container .poster-content blockquote{border-left:3px solid hsla(0,0%,100%,.4);font-style:italic;margin:1rem 0;opacity:.9;padding-left:1rem}.markdown2image-page .preview-panel .poster-container .poster-content ol,.markdown2image-page .preview-panel .poster-container .poster-content ul{list-style:none;margin:1rem 0;padding-left:1.5rem}.markdown2image-page .preview-panel .poster-container .poster-content ol li,.markdown2image-page .preview-panel .poster-container .poster-content ul li{margin:.5rem 0;position:relative}.markdown2image-page .preview-panel .poster-container .poster-content ol{counter-reset:list-counter}.markdown2image-page .preview-panel .poster-container .poster-content ol li{counter-increment:list-counter;padding-left:1.5rem}.markdown2image-page .preview-panel .poster-container .poster-content ol li:before{color:hsla(0,0%,100%,.9);content:counter(list-counter) ".";font-weight:600;left:0;min-width:1.5rem;position:absolute;top:0}.markdown2image-page .preview-panel .poster-container .poster-content ul li{padding-left:1.5rem}.markdown2image-page .preview-panel .poster-container .poster-content ul li:before{color:hsla(0,0%,100%,.9);content:"•";font-weight:600;left:0;position:absolute;top:0}.markdown2image-page .preview-panel .poster-container .poster-content code{background:hsla(0,0%,100%,.2);border-radius:4px;font-family:SF Mono,monospace;font-size:.875rem;padding:.125rem .375rem}.markdown2image-page .preview-panel .poster-container .poster-content strong{font-weight:700}.markdown2image-page .preview-panel .poster-container .poster-content em{font-style:italic}.markdown2image-page .preview-panel .poster-container .poster-content img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin:1rem 0;max-width:100%}.markdown2image-page .preview-panel .poster-container .poster-footer{border-top:1px solid hsla(0,0%,100%,.2);margin-top:auto;padding-top:1rem;text-align:center}.markdown2image-page .preview-panel .poster-container .poster-footer .poster-brand{font-size:.75rem;font-weight:500;opacity:.6}.markdown2image-page .btn{-webkit-align-items:center;align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:-webkit-inline-flex;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.markdown2image-page .btn.loading{opacity:.8;pointer-events:none}.markdown2image-page .btn.loading:before{-webkit-animation:btn-spin 1s linear infinite;animation:btn-spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.markdown2image-page .btn.loading .btn-text{opacity:0}.markdown2image-page .btn.success{background:#10b981!important}.markdown2image-page .btn.success:before{-webkit-animation:btn-success .3s ease-out;animation:btn-success .3s ease-out;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.markdown2image-page .btn.success .btn-text{opacity:0}.markdown2image-page .btn.btn-primary{background:#ff5a00;background:var(--primary-color);box-shadow:0 2px 4px rgba(255,90,0,.2);color:#fff}.markdown2image-page .btn.btn-primary:hover:not(.loading):not(.success){background:#e6510a;background:var(--primary-dark);box-shadow:0 4px 8px rgba(255,90,0,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.markdown2image-page .btn.btn-primary:active:not(.loading):not(.success){box-shadow:0 2px 4px rgba(255,90,0,.2);-webkit-transform:translateY(0);transform:translateY(0)}.markdown2image-page .btn.btn-secondary{background:#6b7280;color:#fff}.markdown2image-page .btn.btn-secondary:hover:not(.loading):not(.success){background:#4b5563;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.markdown2image-page .btn.btn-secondary:active:not(.loading):not(.success){-webkit-transform:translateY(0);transform:translateY(0)}.markdown2image-page .btn.btn-outline{background:transparent;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.markdown2image-page .btn.btn-outline:hover:not(.loading):not(.success){background:#fff;background:var(--surface-color);border-color:#ff5a00;border-color:var(--primary-color);color:#ff5a00;color:var(--primary-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.markdown2image-page .btn.btn-outline:active:not(.loading):not(.success){-webkit-transform:translateY(0);transform:translateY(0)}.markdown2image-page .btn.btn-sm{background:transparent;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.75rem;padding:.375rem .75rem}.markdown2image-page .btn.btn-sm:hover:not(.loading):not(.success){background:#fff;background:var(--surface-color);border-color:#ff5a00;border-color:var(--primary-color);color:#1e293b;color:var(--text-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.markdown2image-page .btn.btn-sm:active:not(.loading):not(.success){-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes btn-success{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes btn-success{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.markdown2image-page .modal{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.markdown2image-page .modal.active{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.markdown2image-page .modal .modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.markdown2image-page .modal .modal-content{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);max-height:85vh;max-width:500px;overflow:hidden;position:relative;width:90%}.markdown2image-page .modal .modal-header{-webkit-align-items:center;align-items:center;background:#fafbfc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1.25rem 1.5rem}.markdown2image-page .modal .modal-header h3{-webkit-align-items:center;align-items:center;color:#1e293b;color:var(--text-primary);display:-webkit-flex;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.markdown2image-page .modal .modal-header h3 i{color:#ff5a00;color:var(--primary-color)}.markdown2image-page .modal .modal-header .modal-close{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s ease;transition:var(--transition)}.markdown2image-page .modal .modal-header .modal-close:hover{background:rgba(239,68,68,.1);color:#ef4444}.markdown2image-page .modal .modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.markdown2image-page .modal .modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:-webkit-flex;display:flex;gap:.75rem;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1.25rem 1.5rem}.markdown2image-page .settings-modal .modal-body{max-height:70vh;overflow-y:auto}.markdown2image-page .settings-modal .settings-section{margin-bottom:24px}.markdown2image-page .settings-modal .settings-section h4{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.markdown2image-page .settings-modal .settings-section h4 i{color:#ff5a00;color:var(--primary-color);margin-right:8px}.markdown2image-page .template-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.markdown2image-page .template-selector .template-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.markdown2image-page .template-selector .template-option:hover{border-color:#ff5a00;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.markdown2image-page .template-selector .template-option.active{background:rgba(var(--primary-color-rgb),.05);border-color:#ff5a00;border-color:var(--primary-color)}.markdown2image-page .template-selector .template-option .template-preview{border-radius:4px;height:60px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.markdown2image-page .template-selector .template-option .template-preview:after{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.markdown2image-page .template-selector .template-option .template-info h4{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.markdown2image-page .template-selector .template-option .template-info p{color:#64748b;color:var(--text-secondary);font-size:12px;line-height:1.3;margin:0}.markdown2image-page .poster-container canvas{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);height:auto;max-width:100%;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.markdown2image-page .poster-container canvas:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.markdown2image-page .debug-info h4{font-size:14px;margin:0 0 8px}.markdown2image-page .debug-info ul{margin:0;padding-left:16px}.markdown2image-page .debug-info ul li{font-size:11px;margin-bottom:2px}.markdown2image-page .debug-info p{font-size:11px;margin:8px 0 0;opacity:.8}.markdown2image-page .settings-section{margin-bottom:2rem}.markdown2image-page .settings-section:last-child{margin-bottom:0}.markdown2image-page .settings-section h4{-webkit-align-items:center;align-items:center;color:#1e293b;color:var(--text-primary);display:-webkit-flex;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.markdown2image-page .settings-section h4 i{color:#ff5a00;color:var(--primary-color)}.markdown2image-page .settings-section .color-palette{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.markdown2image-page .settings-section .color-palette .color-item{border:2px solid transparent;border-radius:50%;cursor:pointer;height:2.5rem;transition:all .2s ease;transition:var(--transition);width:2.5rem}.markdown2image-page .settings-section .color-palette .color-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.markdown2image-page .settings-section .color-palette .color-item.active{border-color:#ff5a00;border-color:var(--primary-color);-webkit-transform:scale(1.1);transform:scale(1.1)}.markdown2image-page .settings-section .gradient-options{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.markdown2image-page .settings-section .gradient-options .gradient-item{border:2px solid transparent;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;height:3rem;transition:all .2s ease;transition:var(--transition);width:100%}.markdown2image-page .settings-section .gradient-options .gradient-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.markdown2image-page .settings-section .gradient-options .gradient-item.active{border-color:#ff5a00;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.markdown2image-page .settings-section .gradient-options .gradient-item:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(6){background:linear-gradient(135deg,#a8edea,#fed6e3)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(7){background:linear-gradient(135deg,#ff9a9e,#fecfef)}.markdown2image-page .settings-section .gradient-options .gradient-item:nth-child(8){background:linear-gradient(135deg,#ffecd2,#fcb69f)}.markdown2image-page .settings-section .theme-options{display:-webkit-flex;display:flex;gap:.75rem}.markdown2image-page .settings-section .theme-options .theme-btn{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#1e293b;color:var(--text-primary);cursor:pointer;-webkit-flex:1;flex:1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition)}.markdown2image-page .settings-section .theme-options .theme-btn:hover{border-color:#ff5a00;border-color:var(--primary-color);color:#ff5a00;color:var(--primary-color)}.markdown2image-page .settings-section .theme-options .theme-btn.active{background:#ff5a00;background:var(--primary-color);border-color:#ff5a00;border-color:var(--primary-color);color:#fff}.markdown2image-page .settings-section .font-size-control,.markdown2image-page .settings-section .padding-control{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:1rem}.markdown2image-page .settings-section .font-size-control .padding-value,.markdown2image-page .settings-section .font-size-control .size-label,.markdown2image-page .settings-section .padding-control .padding-value,.markdown2image-page .settings-section .padding-control .size-label{color:#64748b;color:var(--text-secondary);font-weight:600;min-width:1.5rem;text-align:center}.markdown2image-page .settings-section .font-size-control .padding-value.large,.markdown2image-page .settings-section .font-size-control .size-label.large,.markdown2image-page .settings-section .padding-control .padding-value.large,.markdown2image-page .settings-section .padding-control .size-label.large{font-size:1.25rem}.markdown2image-page .settings-section .font-size-control input[type=range],.markdown2image-page .settings-section .padding-control input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:.25rem;cursor:pointer;-webkit-flex:1;flex:1;height:.375rem;outline:none}.markdown2image-page .settings-section .font-size-control input[type=range]::-webkit-slider-thumb,.markdown2image-page .settings-section .padding-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ff5a00;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px rgba(255,90,0,.3);cursor:pointer;height:1.25rem;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:var(--transition);transition:var(--transition);width:1.25rem}.markdown2image-page .settings-section .font-size-control input[type=range]::-webkit-slider-thumb:hover,.markdown2image-page .settings-section .padding-control input[type=range]::-webkit-slider-thumb:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.markdown2image-page .settings-section .font-size-control input[type=range]::-moz-range-thumb,.markdown2image-page .settings-section .padding-control input[type=range]::-moz-range-thumb{background:#ff5a00;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(255,90,0,.3);cursor:pointer;height:1.25rem;width:1.25rem}@media(max-width:1024px){.markdown2image-page .toolbar{-webkit-flex-direction:column;flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.markdown2image-page .toolbar .toolbar-left,.markdown2image-page .toolbar .toolbar-right{width:100%}.markdown2image-page .toolbar .toolbar-right{-webkit-justify-content:center;justify-content:center}.markdown2image-page .main-content .editor-panel,.markdown2image-page .main-content .preview-panel{min-height:400px}.markdown2image-page .main-content .poster-container{max-width:350px;width:100%}}@media(max-width:768px){.markdown2image-page .toolbar{padding:1rem}.markdown2image-page .toolbar .page-title{font-size:1.25rem}.markdown2image-page .toolbar .toolbar-right{-webkit-flex-direction:column;flex-direction:column;gap:.5rem}.markdown2image-page .main-content{gap:.75rem;padding:.75rem}.markdown2image-page .modal .modal-content{margin:.75rem;width:95%}.markdown2image-page .settings-section .color-palette{grid-template-columns:repeat(4,1fr)}.markdown2image-page .settings-section .gradient-options{grid-template-columns:repeat(2,1fr)}.markdown2image-page .settings-section .theme-options{-webkit-flex-direction:column;flex-direction:column}}.markdown2image-page ::-webkit-scrollbar{width:.375rem}.markdown2image-page ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.25rem}.markdown2image-page ::-webkit-scrollbar-thumb{background:#ff5a00;background:var(--primary-color);border-radius:.25rem;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:var(--transition);transition:var(--transition)}.markdown2image-page ::-webkit-scrollbar-thumb:hover{background:#e6510a;background:var(--primary-dark)}