:root{--bg:#f5f6fa;--card:#ffffff;--text:#222;--muted:#888;--border:#e4e6eb;--primary:#0078ff;--primary-hover:#0069e0;--primary-shadow-color:0 6px 16px rgba(0,120,255,.35);--primary-shadow-color-hover:0 0 8px rgba(0,120,255,.5),0 0 18px rgba(0,120,255,.35);--success:#22c55e;--success-hover:#16a34a;--warning:#f59e0b;--warning-hover:#d97706;--error:#ef4444;--error-hover:#dc2626;--nav:#ffffff;--footer:#ffffff;--card-shadow-color:rgba(0,120,255,.25);--toolbar-bg:#e5e6eb;--btn-bg:#e0e0e0;--btn-hover:#d0d0d0}[data-theme="dark"]{--bg:#0f0f18;--card:#1a1a2b;--text:#ddd;--muted:#a0a4c0;--border:#3e3e42;--primary:#00ffaa;--primary-hover:#33ffbb;--primary-shadow-color:0 6px 16px rgba(0,255,170,.35);--primary-shadow-color-hover:0 0 8px rgba(0,255,170,.5),0 0 18px rgba(0,255,170,.35);--nav:#151522;--footer:#151522;--card-shadow-color:rgba(0,255,170,.25);--toolbar-bg:#3b3f5f;--btn-bg:#3e3e42;--btn-hover:#505050}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.text-warning{color:#ff9300}.text-success{color:#22c55e}.text-danger{color:#ff4d4f}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:var(--text);transition:.3s;padding-bottom:60px}.navbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--nav);border-bottom:1px solid var(--border)}.nav{flex:1;display:flex;gap:22px;font-size:14px;margin-left:80px}.nav a{text-decoration:none;color:#a0a4c0}.nav a:hover{color:#e6e6eb}.logo a{text-decoration:none;font-size:20px;font-weight:bold;color:var(--primary)}.theme-btn{cursor:pointer;padding:6px 14px;border-radius:6px;background:var(--card)}.menu-bar{position:sticky;top:0;z-index:999;background:var(--bg);border-bottom:1px solid var(--border)}.menu{width:1300px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 20px}.menu-item{position:relative}.menu-item > a{text-decoration:none;color:var(--text);font-size:16px;padding:6px 4px;display:inline-block;transition:.25s}.menu-item > a:hover{color:var(--primary);text-shadow:0 0 8px var(--primary)}.menu-item > a > i{font-size:16px;margin-right:6px}.menu-item-active > a{text-decoration:none;color:var(--text);font-size:16px;padding:6px 4px;display:inline-block;transition:.25s;color:var(--primary);text-shadow:0 0 8px var(--primary)}.dropdown{position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:230px;width:auto;max-height:80vh;overflow-y:auto;padding:8px 0;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.35)}.menu-item.open .dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown a{display:block;padding:8px 14px;text-decoration:none;color:var(--text);font-size:14px;transition:.2s}.dropdown a:hover{background:rgba(0,255,170,.08);color:var(--primary);padding-left:16px}.dropdown a.active{background:rgba(0,255,170,.08);color:var(--primary);padding-left:16px}.dropdown a i{font-size:14px;margin-right:6px}.search-box{margin-left:auto;position:relative}.search-results{position:absolute;top:36px;left:0;width:260px;background:var(--card);border:1px solid var(--border);border-radius:8px;display:none;max-height:260px;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}.search-results a{display:block;padding:8px 12px;text-decoration:none;color:var(--text);font-size:14px;transition:.2s}.search-results a:hover{background:rgba(0,255,170,.08);color:var(--primary)}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main{flex:1}.title{width:1200px;margin:20px auto 20px auto;font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;position:relative;padding-left:15px}.title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:var(--primary);border-radius:2px}.subtitle{width:1200px;margin:0px auto 10px auto;font-size:14px;font-weight:500;color:var(--muted);display:none;align-items:center;position:relative;padding-left:16px}.container{display:flex;flex-direction:column;width:1200px;margin:auto;height:60vh;background:var(--bg)}.container-row{display:flex;flex-direction:row;width:1200px;margin:auto;height:60vh;max-height:90vh;background:var(--bg)}.toolbar-container{width:1200px;margin:auto;padding:8px 12px;background:var(--toolbar-bg);border:1px solid var(--bg);border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.toolbar-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.editor-box{width:50%;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:0 0 8px 8px;background:var(--card-bg);overflow:hidden;margin-right:2px}.editor-header{padding:10px 16px;background:var(--toolbar-bg);border-radius:0 0 0px 0px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:600}.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:1000}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.flex{display:flex;flex-direction:column;gap:6px}.flex-row{display:flex;align-items:center;flex-direction:row;gap:6px;font-size:14px}.flex-row label{font-weight:600;color:var(--text)}.card{background:var(--card);border-radius:10px;padding:20px;border:1px solid var(--border);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 0 10px var(--card-shadow-color)}.card h3{margin:0 0 10px;color:var(--primary)}.card p{font-size:14px;opacity:.8}.card a{text-decoration:none}.tool-intro{max-width:1200px;margin:20px auto 0 auto}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.intro-card{display:block;padding:24px;cursor:default}.intro-card:hover{transform:none}.intro-header{border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:15px}.section-title{font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;position:relative;padding-left:15px}.section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:var(--primary);border-radius:2px}.intro-content{color:var(--text);line-height:1.8;font-size:14px}.intro-content p{margin-bottom:12px;opacity:0.9;font-weight:600}.intro-content ul{padding-left:20px;list-style-type:disc}.intro-content li{margin-bottom:8px;opacity:0.85}.footer{height:40px;width:1200px;margin:10px auto 0 auto;display:flex;font-size:14px;color:var(--muted)}.footer a{text-decoration:none;color:var(--muted)}