@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;src:url('/assets/fonts/Mono/JetBrainsMono-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;src:url('/assets/fonts/Baloo2/Baloo2-ExtraBold-800.woff2') format('woff2');font-display:swap}@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:400;src:url('/assets/fonts/NotoSansSC/NotoSansSC-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:700;src:url('/assets/fonts/NotoSansSC/NotoSansSC-Bold-700.woff2') format('woff2');font-display:swap}:root{--highlight-color:#2563eb;--radius:12px;--bg-light:#f9fafb;--text-light:#111827;--code-bg-light:#f3f4f6;--code-text-light:#1f2937;--toggle-bg-light:#e0e7ff;--toggle-text-light:#1e3a8a;--notice-bg-light:#fff7ed;--notice-text-light:#b45309;--bg-dark:#0f172a;--text-dark:#e2e8f0;--code-bg-dark:#1e293b;--code-text-dark:#f8fafc;--toggle-bg-dark:#334155;--toggle-text-dark:#e2e8f0;--notice-bg-dark:#1e3a8a;--notice-text-dark:#facc15}[data-theme="light"],[data-theme="dark"]{--bg:var(--bg-light);--text:var(--text-light);--code-bg:var(--code-bg-light);--code-text:var(--code-text-light);--toggle-bg:var(--toggle-bg-light);--toggle-text:var(--toggle-text-light);--notice-bg:var(--notice-bg-light);--notice-text:var(--notice-text-light)}[data-theme="dark"]{--bg:var(--bg-dark);--text:var(--text-dark);--code-bg:var(--code-bg-dark);--code-text:var(--code-text-dark);--toggle-bg:var(--toggle-bg-dark);--toggle-text:var(--toggle-text-dark);--notice-bg:var(--notice-bg-dark);--notice-text:var(--notice-text-dark)}body{background-color:var(--bg);color:var(--text);font-family:'Noto Sans SC,sans-serif';font-weight:400;margin:0;padding:0;transition:background 0.3s ease,color 0.3s ease;line-height:1.5}html{overflow-y:scroll}.container{max-width:700px;margin:20px auto;background:var(--bg);padding:20px;border-radius:var(--radius);box-shadow:0 0 12px rgba(0,0,0,0.1)}.header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;position:relative}h1{color:var(--highlight-color);font-size:26px;margin:0}.nav-links{display:flex;gap:5px;margin-left:25px;flex-wrap:wrap}.nav-links a{color:var(--highlight-color);text-decoration:none;font-size:20px;font-weight:bold;padding:5px;border-radius:6px;transition:background 0.2s}.nav-links a:hover{background:rgba(37,99,235,0.1)}.theme-toggle{background:var(--toggle-bg);color:var(--toggle-text);border:none;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:all 0.3s ease;margin-left:auto}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.step{margin-bottom:24px}.step h2{font-size:18px;margin-bottom:8px;color:var(--highlight-color)}.notice{color:var(--notice-text);background:var(--notice-bg);font-weight:bold;font-size:16px;padding:10px;border-radius:var(--radius);margin-bottom:15px;text-align:center;border-left:4px solid var(--notice-text);line-height:1.5}.code-comment{color:var(--text);opacity:0.7;font-size:13px;margin-left:12px;padding-right:10px;flex-shrink:0}.code-container{background:var(--code-bg);color:var(--code-text);display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:10px;margin-bottom:10px;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.1);height:42px}.code-container:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}.code-block-wrapper{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden}.code-block{flex:1;position:relative;margin:0;white-space:pre-wrap;font-family:'JetBrains Mono',monospace;font-weight:400;font-size:15px;line-height:1.5;overflow:auto;max-width:calc(100% - 40px)}#snackbar{background:var(--notice-bg);color:var(--notice-text);text-align:center;border-radius:var(--radius);padding:12px 20px;position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:500;visibility:hidden;opacity:0;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease-in-out;max-width:90%;width:max-content}#snackbar.show{visibility:visible;opacity:1;bottom:30px}.copy-btn{background-color:var(--highlight-color);color:white;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.copy-btn:hover{background-color:#2563eb;transform:scale(1.1)}a{font-family:'Noto Sans SC',sans-serif;font-weight:700;color:var(--highlight-color);text-decoration:none}a:hover{text-decoration:underline}.author{font-family:'Baloo 2',cursive;font-weight:800;margin-bottom:12px;font-size:20px;color:var(--text);opacity:0.8}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:15px 0;flex-wrap:wrap}.page-btn{background-color:var(--toggle-bg);color:var(--toggle-text);min-width:30px;text-align:center;box-sizing:border-box;border:none;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:bold;cursor:pointer;transition:all 0.3s ease}.page-btn:hover:not(.disabled):not(.active){transform:translateY(-2px);background-color:var(--highlight-color);color:white}.page-btn.active{background-color:var(--highlight-color);color:white;cursor:default}.page-btn.disabled{opacity:0.4;cursor:not-allowed}.script-block{transition:opacity 0.4s ease;opacity:0;display:none}.script-block.show{display:block;opacity:1}.search-container{margin:10px auto;position:relative;display:flex;align-items:center;max-width:400px;height:36px}#search-input{width:100%;padding:6px 12px 6px 32px;border-radius:20px;border:1px solid rgba(0,0,0,0.1);background:var(--code-bg);color:var(--text);font-size:13px;box-sizing:border-box;transition:all 0.3s;height:36px}#search-input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 3px rgba(37,99,235,0.2)}.search-icon{position:absolute;left:12px;color:var(--text);opacity:0.6;pointer-events:none;font-size:14px}.changelog{background:var(--code-bg);padding:15px;border-radius:var(--radius);margin-top:20px}.changelog h2{margin-top:0;color:var(--highlight-color);border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:8px}.no-results{text-align:center;padding:20px;color:var(--text);opacity:0.7;display:none}.tag{display:inline-block;vertical-align:middle;position:relative;top:-1px;margin-left:8px;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}.tag.top{background-color:#a65f00}.tag.new{background-color:#1e8449}@media (max-width:768px){.code-comment{font-size:12px;margin-left:8px}.header{flex-direction:row;align-items:center;gap:5px}.nav-links{margin-left:10px;gap:0}.theme-toggle{position:absolute;top:20px;right:20px}}@media (max-width:480px){.code-comment{display:none}.nav-links{gap:4px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.nav-links a{font-size:15px;padding:5px;flex-shrink:0}.code-container{padding:5px 10px;height:38px}.search-container{max-width:100%;margin:8px 0}#search-input{height:34px;padding:6px 10px 6px 30px}.header{flex-direction:column;align-items:flex-start}}