.UrlCodec .ModeSwitch[data-v-868b200b]{display:flex;justify-content:center;margin-bottom:20px}.UrlCodec .InputSection[data-v-868b200b]{margin-bottom:16px}.UrlCodec .InputSection .InputHeader[data-v-868b200b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.UrlCodec .InputSection .InputHeader .Title[data-v-868b200b]{color:#1e293b;font-size:14px;font-weight:600}.UrlCodec .InputSection .CodecTextarea[data-v-868b200b] .arco-textarea{font-family:Fira Code,monospace;font-size:13px;line-height:1.6}.UrlCodec .ActionBar[data-v-868b200b]{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.UrlCodec .OutputSection[data-v-868b200b]{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden}.UrlCodec .OutputSection .OutputHeader[data-v-868b200b]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.UrlCodec .OutputSection .OutputHeader .Title[data-v-868b200b]{color:#1e293b;font-size:14px;font-weight:600}.UrlCodec .OutputSection .OutputContent[data-v-868b200b]{background:#fafafa;max-height:300px;overflow-y:auto;padding:12px}.UrlCodec .OutputSection .OutputContent[data-v-868b200b]::-webkit-scrollbar{width:4px}.UrlCodec .OutputSection .OutputContent[data-v-868b200b]::-webkit-scrollbar-track{background:transparent}.UrlCodec .OutputSection .OutputContent[data-v-868b200b]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.UrlCodec .OutputSection .OutputContent[data-v-868b200b]::-webkit-scrollbar-thumb:hover{background:#bbb}.UrlCodec .OutputSection .OutputContent .ResultText[data-v-868b200b]{color:#1e293b;font-family:Fira Code,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-all}.UrlCodec .OutputSection .UrlParseSection[data-v-868b200b]{background:#fff;border-top:1px solid #e2e8f0;padding:16px}.UrlCodec .OutputSection .UrlParseSection .SectionHeader[data-v-868b200b]{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:12px}.UrlCodec .OutputSection .UrlParseSection .ParamItem[data-v-868b200b]{margin-bottom:4px}.UrlCodec .OutputSection .UrlParseSection .ParamItem code[data-v-868b200b]{background:#f1f5f9;border-radius:4px;color:var(--theme-primary,#1e7fff);font-size:12px;padding:2px 6px}.UrlCodec .OutputSection .UrlParseSection .ParamItem span[data-v-868b200b]{color:#1e293b}.UrlCodec .OutputSection .UrlParseSection .ParamItem[data-v-868b200b]:last-child{margin-bottom:0}.UrlCodec .BatchSection[data-v-868b200b]{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.UrlCodec .BatchSection .SectionHeader[data-v-868b200b]{align-items:center;display:flex;gap:8px;margin-bottom:12px}.UrlCodec .BatchSection .SectionHeader .Title[data-v-868b200b]{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:6px}.UrlCodec .BatchSection .SectionHeader .Title[data-v-868b200b] .arco-icon{color:var(--theme-primary,#1e7fff)}.UrlCodec .BatchSection .SectionHeader .SubTitle[data-v-868b200b]{color:#64748b;font-size:12px}.UrlCodec .BatchSection .BatchTextarea[data-v-868b200b]{margin-bottom:12px}.UrlCodec .BatchSection .BatchTextarea[data-v-868b200b] .arco-textarea{font-family:Fira Code,monospace;font-size:13px}.UrlCodec .BatchSection .BatchActions[data-v-868b200b]{display:flex;gap:8px;margin-bottom:16px}.UrlCodec .BatchSection .BatchOutput[data-v-868b200b]{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.UrlCodec .BatchSection .BatchOutput .BatchOutputHeader[data-v-868b200b]{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.UrlCodec .BatchSection .BatchOutput .BatchResult[data-v-868b200b]{background:#fff;font-family:Fira Code,monospace;font-size:12px;line-height:1.6;margin:0;max-height:200px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.UrlCodec .ExamplesSection[data-v-868b200b]{margin-bottom:20px}.UrlCodec .ExamplesSection .SectionHeader[data-v-868b200b]{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.UrlCodec .ExamplesSection .SectionHeader[data-v-868b200b] .arco-icon{color:var(--theme-primary,#1e7fff)}.UrlCodec .ExamplesSection .ExamplesGrid[data-v-868b200b]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.UrlCodec .ExamplesSection .ExamplesGrid .ExampleItem[data-v-868b200b]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease}.UrlCodec .ExamplesSection .ExamplesGrid .ExampleItem[data-v-868b200b]:hover{background:#fff;border-color:var(--theme-primary,#1e7fff);box-shadow:0 4px 12px rgba(var(--theme-primary-rgb,30,127,255),.1)}.UrlCodec .ExamplesSection .ExamplesGrid .ExampleItem .ExampleName[data-v-868b200b]{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:4px}.UrlCodec .ExamplesSection .ExamplesGrid .ExampleItem .ExampleValue[data-v-868b200b]{color:#64748b;font-family:Fira Code,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UrlCodec .InfoSection .InfoList[data-v-868b200b]{margin:0;padding-left:20px}.UrlCodec .InfoSection .InfoList li[data-v-868b200b]{color:#64748b;font-size:13px;margin-bottom:4px}.UrlCodec .InfoSection .InfoList li[data-v-868b200b]:last-child{margin-bottom:0}.UrlCodec .InfoSection .InfoList li code[data-v-868b200b]{background:#f1f5f9;border-radius:4px;color:var(--theme-primary,#1e7fff);font-size:12px;padding:2px 6px}@media (max-width:768px){.UrlCodec .ActionBar[data-v-868b200b]{flex-direction:column}.UrlCodec .ActionBar[data-v-868b200b] .arco-btn{width:100%}.UrlCodec .ExamplesGrid[data-v-868b200b]{grid-template-columns:1fr}}