:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #e74c3c;--background-color: #f8f9fa;--card-background: #ffffff;--text-color: #2c3e50;--text-secondary: #7f8c8d;--border-radius: 12px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--header-height: 64px}body{margin:0;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--card-background);padding:0 50px;box-shadow:var(--box-shadow);position:sticky;top:0;z-index:100;height:var(--header-height);line-height:var(--header-height);transition:var(--transition)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:100%}.app-title{color:var(--primary-color)!important;margin:0!important;font-weight:700!important;font-size:24px!important;letter-spacing:1px;line-height:1!important}.language-selector{width:120px!important;height:36px!important;background:var(--card-background)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:var(--border-radius)!important;box-shadow:var(--box-shadow)!important;transition:var(--transition)!important;margin:0!important;display:flex!important;align-items:center!important}.language-selector:hover{border-color:var(--secondary-color)!important;box-shadow:0 6px 24px #3498db26!important}.language-selector .ant-select-selector{background:transparent!important;border:none!important;height:100%!important;padding:0 12px!important;display:flex!important;align-items:center!important}.language-selector .ant-select-selection-item{color:var(--text-color)!important;font-weight:500!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;line-height:1!important;padding:0!important}.language-selector .ant-select-selection-item .anticon{margin-right:8px!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.language-selector .ant-select-selection-item .anticon svg{vertical-align:middle!important;display:inline-block!important;margin:auto!important;position:relative!important;top:40%!important;transform:translateY(-50%)!important}.language-selector .ant-select-arrow{color:var(--text-secondary)!important;font-size:14px!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.language-selector .ant-select-arrow .anticon{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.language-selector .ant-select-arrow .anticon svg{vertical-align:middle!important;display:inline-block!important;margin:auto!important;position:relative!important;top:40%!important;transform:translateY(-50%)!important}.language-selector .ant-select-dropdown{border-radius:var(--border-radius)!important;box-shadow:var(--box-shadow)!important;padding:8px!important;background:var(--card-background)!important;margin-top:4px!important}.language-selector .ant-select-item{border-radius:8px!important;margin:4px 0!important;padding:8px 12px!important;transition:var(--transition)!important;min-height:36px!important;line-height:1!important}.language-selector .ant-select-item:hover{background:#3498db1a!important}.language-selector .ant-select-item-option-selected{background:#3498db26!important;font-weight:500!important}.language-selector .ant-select-item-option-content{color:var(--text-color)!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important}.app-content{padding:40px 50px;max-width:1200px;margin:0 auto;flex:1}.content-space{width:100%;gap:30px!important}.description-card,.input-card,.output-card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);border:none;padding:30px}.description-card:hover,.input-card:hover,.output-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.card-title{color:var(--primary-color)!important;margin-bottom:24px!important;font-weight:600!important;font-size:20px!important;position:relative;padding-bottom:12px}.card-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--secondary-color);border-radius:2px}.description-text{color:var(--text-secondary);line-height:1.8;white-space:pre-line;font-size:16px}.markdown-input,.text-output{border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.1);transition:var(--transition);padding:16px;font-size:16px;line-height:1.8;resize:none}.markdown-input:focus,.text-output:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.text-output{background-color:var(--background-color)}.button-group{margin-bottom:20px;display:flex;gap:12px}.action-button{border-radius:var(--border-radius);transition:var(--transition);font-weight:500;height:40px;padding:0 20px;font-size:15px}.action-button.ant-btn-primary{background:var(--secondary-color);border-color:var(--secondary-color)}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.app-footer{text-align:center;background:var(--card-background);padding:30px 50px;color:var(--text-secondary);box-shadow:0 -4px 20px #0000000d;font-size:14px}@media (max-width: 768px){.app-header{padding:0 20px;height:56px;line-height:56px}.app-content{padding:20px}.header-content{height:60px}.app-title{font-size:20px!important}.description-card,.input-card,.output-card{padding:20px}.language-selector{width:100px!important;height:32px!important}.language-selector .ant-select-selection-item,.language-selector .ant-select-item-option-content{font-size:13px!important}.language-selector .ant-select-selection-item .anticon{font-size:14px!important;margin-right:6px!important}.language-selector .ant-select-selection-item .anticon svg,.language-selector .ant-select-arrow .anticon svg{width:14px!important;height:14px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.description-card,.input-card,.output-card{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1200px;margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}.ant-layout{background:#f0f2f5;min-height:100vh}.ant-layout-header{background:#fff!important;padding:0 1rem!important;position:sticky;top:0;z-index:1;box-shadow:0 1px 4px #0000001a}.ant-layout-content{padding:1rem!important;margin-top:1rem}.ant-layout-footer{background:#fff!important;padding:1rem!important;margin-top:1rem}.ant-card{box-shadow:0 1px 2px #0000001a}@media (max-width: 768px){#root{padding:.5rem}.ant-layout-header{padding:0 .5rem!important}.ant-layout-content,.ant-layout-footer{padding:.5rem!important}}