@charset "utf-8";
/* CSS Document */

.container,{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
.mt-md-2{margin-top:.5rem!important}
.col-md-9{flex:0 0 auto;width:75%}
.gx-2{--bs-gutter-x:0.5rem}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}
.headimg{color:#ebebeb!important;}
.pb-2{padding-bottom:.5rem!important}
.text-white{color:#7e0c00;}
.text-center{text-align:center!important}
.text-center p{color: #845B5C}
.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.w-100{max-width:  1200px; overflow: hidden; margin: 0px auto;}
.mt-3{margin-top:1rem!important}
.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}
.form-group {max-width:  1200px; overflow: hidden; margin: 0px auto;}
.result-area {max-width:  1200px; overflow: hidden; margin: 0px auto;
              min-height: 200px;
              border-radius: 15px;
              padding: 15px;
              white-space: pre-wrap;
              word-break: break-all;
              font-family: 'Microsoft YaHei', monospace;
              background-color: #f8f9fa;
              transition: all 0.3s ease;
              line-height: 1.8;
          }
          .form-group textarea.form-control {
			  min-width: 99%;
            min-height: 20vh;   /* 视口高度的30% */
            max-height: 40vh;   /* 最大不超过视口高度的60% */
            resize: vertical;color: #572D2D;font-size: 18px;
        }
          
          .result-area {
              background-color: #f7f7f7; font-size: 18px;
              color: #474646;

          }
        
          .result-area:hover {
              box-shadow: 0 0 8px rgba(0,0,0,0.1);
          }
        
          .result-area:hover {
              box-shadow: 0 0 8px rgba(255,255,255,0.1);
          }
        
          .btn-group {
              margin-bottom: 20px; margin-top: 20px;
          }
        
          .form-control {
              resize: vertical;
              background-color: #f8f9fa;
              color: #212529;
          }
        
          .form-control {
              background-color: #f7f7f7;
              color: #f8f9fa;
              border-color: #7e0c00;
              font-family: 'Microsoft YaHei', monospace;
          }
        
          .pinyin-item {
              display: inline;
              margin-right: 5px;
          }
        
          .char {
              font-size: 1.1em;
              font-weight: bold;
          }
        
          .char {
              color: #f8f9fa;
          }
        
          .pinyin {
              margin-left: 1px;
              color: #28a745;
              font-size: 1em;
          }
        
          .pinyin {
              color: #7e0c00;
          }
        
          .text-muted {
              color: #6c757d;
              font-size: 0.9em;
          }
        
          .text-muted {
              color: #7e0c00; font-size: 14px;
          }
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-success{--bs-btn-bg:#95191b;--bs-btn-border-color:#95191b;--bs-btn-hover-color:#7e0c00;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#7e0c00;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#7e0c00;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-bg:#95191b;--bs-btn-disabled-border-color:#95191b}
.btn-outline-success{--bs-btn-color:#95191b;--bs-btn-border-color:#95191b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#95191b;--bs-btn-hover-border-color:#95191b;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#7e0c00;--bs-btn-active-bg:#95191b;--bs-btn-active-border-color:#95191b;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#95191b;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#95191b;--bs-gradient:none}