.example-title[data-v-20c0ef64]{display:flex;justify-content:center;margin:30px;font-size:24px;cursor:pointer}.example-desc[data-v-20c0ef64]{white-space:pre-wrap}.pre-container[data-v-20c0ef64]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px 0}.example-more[data-v-20c0ef64]{width:1200px;text-align:end;cursor:pointer}.example-more[data-v-20c0ef64]:hover{color:#f3801c;text-decoration:underline}.pre-img-container[data-v-20c0ef64]{position:relative;min-width:600px;aspect-ratio:16/10;overflow:hidden}.img-box[data-v-20c0ef64]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;overflow:hidden;border-radius:5px;background-size:800px 500px}img[data-v-20c0ef64]{width:100%}.img-before[data-v-20c0ef64]{z-index:1}.slider[data-v-20c0ef64]{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;outline:none;margin:0;transition:all .2s;z-index:3}.slider[data-v-20c0ef64]::-webkit-slider-thumb{width:4px;height:500px;-webkit-appearance:none;appearance:none;background:#ffffff;border-radius:4px;box-shadow:0 .125em .125em #3b4547;cursor:pointer;z-index:5}.btn[data-v-20c0ef64]{position:absolute;top:50%;z-index:2}.btn[data-v-20c0ef64]:before{content:"";position:absolute;left:-15px;padding:5px;display:inline-block;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(135deg)}.btn[data-v-20c0ef64]:after{content:"";position:absolute;left:3px;padding:5px;display:inline-block;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(-45deg)}.pre-title[data-v-20c0ef64]{display:flex;flex-direction:column;height:400px;max-height:400px;padding:20px;border-radius:5px;color:#333;cursor:pointer}.example-name[data-v-20c0ef64]{font-size:28px}.pre-note-container[data-v-20c0ef64]{width:530px;padding:10px}h1[data-v-20c0ef64]{display:flex;font-size:18px;color:#333}.txt[data-v-20c0ef64]{white-space:pre-wrap;font-size:16px;line-height:170%;color:#333}.example-card[data-v-20c0ef64]{display:flex;height:440px;--border-radius: 10px;--border-width: 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:5px;border:0;font-size:18px;font-weight:500;z-index:2;margin:10px;box-shadow:0 8px 16px #0000004d;border-radius:10px;transition:.5s}.example-card[data-v-20c0ef64]:hover{transform:scale(1.05);border-radius:10px;animation-play-state:running;background-image:conic-gradient(#b6cff8,#d5d1fa,#aefdf0,#adcbfc);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(0);animation:rotate-hue linear .5s infinite;animation-play-state:paused}.more-btn[data-v-20c0ef64]{display:flex;justify-content:center;margin-top:30px;margin-bottom:80px}.more[data-v-20c0ef64]{width:100px;line-height:32px;background-color:#004387;border-radius:8px;color:#fff;text-align:center;cursor:pointer}.dialog-overlay[data-v-92bfd55e]{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-container[data-v-92bfd55e]{background:white;width:600px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.dialog-header[data-v-92bfd55e]{padding:16px;border-radius:8px 8px 0 0}.header-mac[data-v-92bfd55e]{background:#f5a62320;border-bottom:2px solid #f5a623}.header-linux[data-v-92bfd55e]{background:#007bff20;border-bottom:2px solid #007bff}.dialog-content[data-v-92bfd55e]{padding:20px;max-height:70vh;overflow-y:auto;line-height:1.6}.error-message[data-v-92bfd55e]{color:#dc3545;font-weight:700;margin:10px 0}.solution-title[data-v-92bfd55e]{color:#28a745;font-weight:700;margin:15px 0 10px}.terminal-command[data-v-92bfd55e]{display:block;background:#f8f9fa;padding:10px;margin:10px 0;border-radius:4px;font-family:monospace;border:1px solid #dee2e6}.solution-steps[data-v-92bfd55e]{margin-left:20px}.close-button[data-v-92bfd55e]{background:#007bff;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;transition:background .3s}.close-button[data-v-92bfd55e]:hover{background:#0056b3}.dialog-footer[data-v-92bfd55e]{padding:15px;text-align:center;border-top:1px solid #dee2e6}kbd[data-v-92bfd55e]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;padding:2px 5px;font-size:.9em;box-shadow:0 1px 1px #0000001a}.tooltip-d[data-v-118eaefa]{position:absolute;background-color:#333;color:#fff;padding:5px;font-size:12px;border-radius:3px;top:45px;left:-70px;z-index:999;width:200px;a[data-v-118eaefa]{color: #fff; text-decoration: underline; cursor: pointer;}}.tooltip[data-v-118eaefa]{position:absolute;background-color:#333;color:#fff;padding:5px;font-size:12px;border-radius:3px;top:45px;left:-28px;z-index:999;width:200px;a[data-v-118eaefa]{color: #fff; text-decoration: underline; cursor: pointer;}}.tooltip-arrow[data-v-118eaefa]{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #333;top:-5px;left:50%;transform:translate(-50%)}.tips[data-v-118eaefa]{width:14px;height:14px;background:#fff;border-radius:50%;display:inline-block;cursor:pointer}