1 line
2.0 KiB
CSS
1 line
2.0 KiB
CSS
.message-demo[data-v-735520bc]{max-width:800px;margin:0 auto;padding:40px 20px}h1[data-v-735520bc]{text-align:center;margin-bottom:40px;color:#333}h2[data-v-735520bc]{margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #eee;color:#444}.demo-section[data-v-735520bc]{margin-bottom:40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.btn-group[data-v-735520bc]{display:flex;gap:10px;flex-wrap:wrap}button[data-v-735520bc]{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;transition:all .3s}button[data-v-735520bc]:hover{background-color:#e0e0e0}.fn-btn[data-v-735520bc]{background-color:#65b687;color:#fff}.fn-btn[data-v-735520bc]:hover{background-color:#549c72}.primary-btn[data-v-735520bc]{background-color:#3273dc;color:#fff;font-weight:500;padding:10px 20px;margin-top:20px}.primary-btn[data-v-735520bc]:hover{background-color:#2366d1}.code-tip[data-v-735520bc]{margin-top:20px;background-color:#f8f8f8;border-radius:6px;padding:15px;overflow-x:auto}.code-tip pre[data-v-735520bc]{margin:0;font-family:Courier New,monospace;font-size:13px;color:#333;line-height:1.5}.form-group[data-v-735520bc]{margin-bottom:15px}.form-group label[data-v-735520bc]{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input[data-v-735520bc]:not([type=checkbox]),.form-group input[type=password][data-v-735520bc],.form-group input[type=text][data-v-735520bc]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group.checkbox[data-v-735520bc]{display:flex;align-items:center;gap:8px}.form-group.checkbox label[data-v-735520bc]{margin-bottom:0}.result-section[data-v-735520bc]{margin-top:30px}.result-box[data-v-735520bc]{padding:15px;background-color:#f9f9f9;border-radius:6px;border-left:4px solid #3273dc}.result-box p[data-v-735520bc]{margin:0;color:#666}.result-box span[data-v-735520bc]{font-weight:600;color:#333}@media (max-width:768px){.message-demo[data-v-735520bc]{padding:20px 15px}.demo-section[data-v-735520bc]{padding:15px}} |