.url-encode-page{background:#f5f5f5;min-height:100vh;padding:24px}.url-encode-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.url-encode-page .main-card .page-title{text-align:center;color:#000000e0;margin-bottom:12px;font-weight:600}.url-encode-page .main-card .page-title .anticon{margin-right:8px}.url-encode-page .main-card .description{text-align:center;color:#00000073;margin-bottom:32px;font-size:14px;line-height:1.5}.url-encode-page .ant-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.url-encode-page .ant-card:hover{box-shadow:0 4px 12px #00000026}.url-encode-page .ant-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.url-encode-page .ant-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.url-encode-page .ant-card .code-textarea{background:#fafafa;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6}.url-encode-page .ant-card .code-textarea:hover{border-color:#40a9ff}.url-encode-page .ant-card .code-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.url-encode-page .action-buttons{justify-content:center;margin:24px 0;display:flex}.url-encode-page .action-buttons .ant-btn{min-width:120px;height:40px}.url-encode-page .action-buttons .ant-btn:hover{transition:all .3s;transform:translateY(-1px)}.url-encode-page .action-buttons .ant-btn.ant-btn-primary{background:#1890ff}.url-encode-page .action-buttons .ant-btn.ant-btn-primary:hover{background:#40a9ff}@media (max-width:768px){.url-encode-page{padding:16px}}