*{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}body{margin:0;padding:0;background:#f5f5f5}.header{background:#fff;padding:0 30px;height:50px;line-height:50px;box-shadow:0 1px 4px rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:100}.header .logo{color:#333;font-size:16px;font-weight:600;text-decoration:none}.header .logo:hover{color:#1890ff}.header .back{color:#999;font-size:13px;text-decoration:none;margin-right:16px}.header .back:hover{color:#1890ff}.container{width:90%;max-width:960px;margin:0 auto;padding:80px 20px 40px}.container h1{font-size:22px;color:#333;margin-bottom:16px}.container h2{font-size:18px;color:#333;margin-bottom:12px}.container h3{font-size:16px;color:#333;margin-bottom:10px}.container label{font-weight:700;display:block;margin:10px 0 5px;font-size:14px;color:#333}.container input[type=datetime-local],.container input[type=number],.container input[type=text],.container select,.container textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:0;box-sizing:border-box;margin-bottom:12px}.container input[type=datetime-local]:focus,.container input[type=number]:focus,.container input[type=text]:focus,.container select:focus,.container textarea:focus{border-color:#1890ff}.container button{background:#1890ff;color:#fff;padding:8px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.container button:hover{background:#40a9ff}.card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:16px 20px;margin-bottom:20px}.info,.output,.result{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:15px;margin-top:12px;line-height:1.8;word-break:break-all}.container pre{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:15px;margin-top:12px;white-space:pre-wrap;word-break:break-all}.container table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.container table td,.container table th{padding:8px 12px;border:1px solid #e8e8e8;text-align:left}.container table th{background:#fafafa;font-weight:600}.container .layui-card{width:100%}.header{display:flex;align-items:center}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative;flex-shrink:0}.lang-switch{position:relative}.lang-switch .lang-curr{display:inline-block;padding:0 10px;font-size:13px;font-weight:600;color:#333;cursor:pointer;line-height:32px;border:1px solid #e8e8e8;border-radius:6px;background:#fafbfc;transition:all .2s;white-space:nowrap}.lang-switch .lang-curr:hover{border-color:#1890ff;color:#1890ff}.lang-switch .lang-drop{display:none;position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;z-index:210;min-width:100%}.lang-switch.open .lang-drop{display:block}.lang-switch .lang-drop a{display:block;padding:8px 16px;font-size:13px;color:#666;text-decoration:none;white-space:nowrap;transition:all .15s}.lang-switch .lang-drop a:hover{background:#f0f5ff;color:#1890ff}.lang-switch .lang-drop a.active{color:#333;font-weight:700}