:root{--bg-color: #fff;--text-color: #333;--link-color: #4caf50;--home-bg-color: #fcfcfc;--card-bg-color: #fff;--card-bd-color: #e1e1e1;--input-bd-color: #ccc;--input-bg-color: #fff;--input-text-color: #555;--input-focus-bd-color: #aaa;--side-bd-color: #eee;--side-bg-color: #fff;--cal-bd-color: #ffd08d;--cal-bg-color: #fffbf3;--cal-text-color: #9d5d01;--gray-text-color: #666;--code-bg-color: #f6f6f6;--table-bd-color: #ddd;--table-th-color: #f5f5f5;--table-td-color: #fff;--table-hover-color: #f2f2f2}body.dark{--bg-color: #1e1e1e;--text-color: #f5f5f5;--home-bg-color: #1e1e1e;--card-bg-color: #171717;--card-bd-color: #444;--input-bd-color: #444;--input-bg-color: #0a0a0a;--input-text-color: #d5d5d5;--input-focus-bd-color: #555;--side-bd-color: #333;--side-bg-color: #171717;--cal-bd-color: #444;--cal-bg-color: #0a0a0a;--cal-text-color: #d5d5d5;--gray-text-color: #bbb;--code-bg-color: #151515;--table-bd-color: #333;--table-th-color: #0a0a0a;--table-td-color: #141414;--table-hover-color: #222}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--home-bg-color);color:var(--text-color);font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s}a{color:var(--text-color);text-decoration:none}a:hover{color:var(--link-color)}button,input,select,textarea{font:inherit}.header{width:220px;height:100%;background:#171717;border-right:1px solid var(--side-bd-color);position:fixed;left:0;top:0;z-index:100;overflow:hidden}.header-int{display:flex;flex-direction:column;height:100%}.logo{display:block;text-align:center;padding-top:2.5rem}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid #4caf50;color:#4caf50;font-size:1.15rem;font-weight:800;letter-spacing:0}.logo h2{color:#4caf50;font-size:1.35rem;line-height:1.3;margin:.55rem 0 0;font-weight:700}.logo p{color:#666;font-size:.85rem;margin:.15rem 0 1rem}.menu{display:block;flex:1;overflow-y:auto;padding:.5rem 0 1rem}.menu .link,.menu dt{color:#b8b8b8;cursor:pointer;text-align:center;padding:.22rem 0;border-bottom:1px solid #222;-webkit-user-select:none;user-select:none}.menu .link a{color:#b8b8b8}.menu .link a.current,.menu .link a:hover,.menu dt.current{color:#4caf50}.menu dl{margin:0}.menu dd{margin:0;padding:.45rem 0;text-align:center;background:#222;border-bottom:1px solid #333}.menu ul{list-style:none;margin:0;padding:0}.menu li{line-height:1.75}.menu li a{color:#b8b8b8;font-size:.875rem}.menu li.current a,.menu li a:hover{color:#4caf50}.menu-btn{display:none}.content{min-height:100vh;margin-left:220px;transition:margin .25s}.with-sidebar{margin-right:220px}.content-body{width:80%;margin:0 auto;padding-top:2rem}.sidebar{position:fixed;top:0;right:0;width:220px;height:100%;padding:2rem 1rem;background:var(--side-bg-color);border-left:1px solid var(--side-bd-color);overflow-y:auto}.sidebar-close{display:none}.sidebar-box{margin-bottom:1.2rem}.sidebar-box h3{font-size:.95rem;margin:0 0 .45rem;font-weight:700}.calendar-box{border:1px solid var(--cal-bd-color);background:var(--cal-bg-color);color:var(--cal-text-color);border-radius:3px;text-align:center;padding:.85rem .5rem}.calendar-box svg{margin-bottom:.3rem}.calendar-box p{margin:.15rem 0;font-size:.9rem}.fav-box{font-size:.85rem;color:var(--gray-text-color)}.fav-box a{display:block;padding:.25rem 0;color:var(--gray-text-color)}.fav-box svg{vertical-align:-2px;color:#ffb349}.tool-card{background:var(--card-bg-color);border:1px solid var(--card-bd-color);border-radius:3px;margin:0 1rem 1rem}.tool-card a{display:block;padding:.8rem}.tool-card:hover{border-color:#4caf50}.index-today,.index-search{margin-bottom:2rem;padding:.8rem}.tool-content{margin-bottom:2rem}.tool-cate{margin:0 0 .2rem 1rem;font-size:1rem;color:#888;font-weight:400}.tool-box{list-style:none;margin:0;padding:.6rem 0}.tool-box:after,.row:after,.tool-title:after,.form-btn:after{clear:both;content:"";display:table}.tool-box li{display:block;float:left;width:25%}.tool-card-dt{display:flex;gap:.55rem;align-items:center;min-height:30px}.tool-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#4caf50;background:#4caf501a;border-radius:3px;flex:0 0 auto}.tool-card-dt strong{display:block;color:#4caf50;font-size:.95rem;line-height:1.3}.tool-card-dd{display:flex;justify-content:space-between;gap:.5rem;color:#999;font-size:.75rem;padding-top:.7rem}.tool-title{padding-bottom:1.7rem}.tool-name{float:left;margin:0;font-size:1.3rem;font-weight:400}.tool-bar{float:right}.tool-bar button{display:inline-flex;align-items:center;gap:.25rem;color:var(--gray-text-color);background:var(--input-bg-color);border:1px solid var(--input-bd-color);border-radius:3px;padding:.3rem .45rem;cursor:pointer}.tool-bar button:not(:first-child){margin-left:.5rem}.tool-form{margin-bottom:1.5rem}.row{margin-left:-.5rem;margin-right:-.5rem}.compact-row{display:flex;flex-wrap:wrap}.col-2,.compact-row>.field-label{float:left;width:50%;padding-left:.5rem;padding-right:.5rem}.compact-row>.field-label:nth-child(3){width:33.333%}.compact-row>.field-label{float:none;flex:1 1 220px;width:auto}.compact-row>.field-label:nth-child(3){width:auto}.field-label{display:block;margin-bottom:1rem;color:var(--gray-text-color);font-size:.875rem}.field-label span{display:block;margin-bottom:.25rem}.form-field{position:relative;margin-bottom:1rem}.form-input,.form-textarea{border:1px solid var(--input-bd-color);border-radius:4px;color:var(--input-text-color);background:var(--input-bg-color);padding:.375rem .5rem;max-width:100%}.form-input{height:2.25rem}.form-input:focus,.form-textarea:focus{border-color:var(--input-focus-bd-color);outline:0}.form-textarea{min-height:13.75rem;resize:vertical}.compact-textarea{min-height:6rem}.note-box{min-height:10rem}.form-block{display:block;width:100%}.minw-300{min-width:300px}.minw-420{min-width:420px}.word-count{position:absolute;right:8px;bottom:8px;color:var(--gray-text-color);font-size:.75rem}.form-btn,.btn-list{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:2.25rem;border:1px solid #eee;border-radius:4px;background:#eee;color:#333;padding:.375rem .75rem;font-size:.875rem;line-height:1;cursor:pointer;white-space:nowrap}.btn:hover{background:#ddd}.btn-success{color:#fff;background:#28a745;border-color:#28a745}.btn-success:hover{background:#23923d}.btn-warning{color:#fff;background:#ec971f;border-color:#ec971f}.btn-error{color:#fff;background:#d9534f;border-color:#d9534f}.search-box{display:flex;gap:.5rem;align-items:center}.search-box-block{display:block}.search-box-block .btn{width:100%;margin-top:.5rem}.search-input-wrap{position:relative;flex:1}.search-input-wrap svg{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:#999}.search-input-wrap .form-input{width:100%;padding-left:1.9rem}.tool-result{background:var(--input-bg-color);border:1px solid var(--input-bd-color);border-radius:3px;color:var(--input-text-color);margin-bottom:1rem;padding:.7rem;word-break:break-word}.tool-result pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.tool-info{padding-top:1rem;color:var(--gray-text-color);font-size:.875rem}.tool-info-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid var(--table-bd-color)}.tool-info-head a{color:var(--link-color);font-size:.8rem}.knowledge-section{margin-bottom:1rem}.knowledge-section h2{margin:0 0 .35rem;color:var(--text-color);font-size:.95rem}.knowledge-section p{margin:.25rem 0}.panel{margin-bottom:1.2rem;border:1px solid var(--table-bd-color);border-radius:4px;background:var(--card-bg-color)}.panel-heading{padding:.625rem 1rem;border-bottom:1px solid var(--table-bd-color);background:var(--table-th-color)}.panel-heading h5{margin:0;font-size:.95rem}.panel-body{padding:1rem}.table-scroll-x{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.875rem}.table th,.table td{padding:.5rem;text-align:left;border-top:1px solid var(--table-bd-color);background:var(--table-td-color)}.table th{background:var(--table-th-color);font-weight:700}.table-bordered{border:1px solid var(--table-bd-color)}.table-bordered th,.table-bordered td{border-left:1px solid var(--table-bd-color)}.kv-table th{width:11rem;color:var(--gray-text-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:0 0 1rem}.stats-grid li{border:1px solid var(--card-bd-color);background:var(--card-bg-color);border-radius:3px;padding:.8rem;text-align:center}.stats-grid strong{display:block;color:#4caf50;font-size:1.4rem}.stats-grid span{color:var(--gray-text-color);font-size:.85rem}.symbol-list{display:flex;flex-wrap:wrap;gap:.35rem}.symbol-list button{min-width:2rem;height:2rem;padding:0 .35rem;border:1px solid var(--input-bd-color);border-radius:3px;background:var(--input-bg-color);color:var(--text-color);cursor:pointer}.tool-navi{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.tool-navi a{border:1px solid var(--input-bd-color);border-radius:3px;padding:.25rem .55rem;color:var(--gray-text-color);background:var(--input-bg-color);font-size:.85rem}.workflow-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) minmax(320px,1.4fr);gap:1rem;align-items:start}.workflow-op-list{display:grid;gap:.35rem}.workflow-op-list button,.workflow-step-head button{border:1px solid var(--input-bd-color);border-radius:3px;background:var(--input-bg-color);color:var(--input-text-color);padding:.35rem .5rem;text-align:left;cursor:pointer}.workflow-step-list{display:grid;gap:.7rem}.workflow-step{border:1px solid var(--table-bd-color);border-radius:3px;padding:.65rem;background:var(--input-bg-color)}.workflow-step-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.workflow-step-head button{color:#d9534f;padding:.2rem .45rem}.checkbox-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;color:var(--gray-text-color);font-size:.875rem}.checkbox-row label{display:inline-flex;align-items:center;gap:.3rem}.image-preview-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}.image-preview-row img{max-width:100%;border:1px solid var(--table-bd-color);border-radius:3px}.color-swatch{width:100%;height:3.5rem;border:1px solid var(--table-bd-color);border-radius:3px;margin-bottom:1rem}.qr-preview{text-align:center;margin:1rem 0}.qr-preview img{border:1px solid var(--card-bd-color);background:#fff;padding:.5rem}.stopwatch{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:2.4rem;color:#4caf50;margin-bottom:1rem}.color-picker{width:4rem;height:2.25rem;border:1px solid var(--input-bd-color);background:var(--input-bg-color);border-radius:4px}.tips{color:#888;font-size:.75rem}.footer{color:#777;text-align:center;padding:2rem 0}.footer-nav{line-height:2;padding-top:1rem;border-top:1px solid var(--side-bd-color);font-size:.9rem}.footer-nav span{padding:0 .25rem}.footer p{font-size:.75rem}.footer a{color:inherit}.footer a:hover{color:var(--link-color)}.scroll-nav{position:fixed;right:.625rem;bottom:.625rem;z-index:1010;width:2rem}.scroll-nav button{display:flex;align-items:center;justify-content:center;position:relative;width:2rem;min-height:2rem;margin-top:.625rem;border:0;border-radius:2px;background:#555;color:#ddd;cursor:pointer}.scroll-nav .mobile-side-action{display:none}.scroll-nav button:hover{background:#333;color:#fff}.scroll-nav span{position:absolute;right:-9999px;top:50%;transform:translateY(-50%);opacity:0;background:#333;color:#fff;border-radius:2px;white-space:nowrap;font-size:.75rem;padding:.35rem .875rem;transition:opacity .2s}.scroll-nav button:hover span{opacity:.9;right:40px}@media only screen and (max-width: 1600px){.with-sidebar .tool-box li{width:33.333%}}@media only screen and (max-width: 1440px){.header{width:12.5rem}.content{margin-left:12.5rem}.with-sidebar{margin-right:12.5rem}.sidebar{width:12.5rem}.content-body{width:86%}}@media only screen and (max-width: 1280px){.content-body{width:90%}.tool-box li{width:33.333%}.with-sidebar .tool-box li{width:50%}}@media only screen and (max-width: 1024px){.header{width:11.875rem}.content{margin-left:11.875rem}.with-sidebar{margin-right:11.875rem}.sidebar{width:11.875rem}.tool-box li{width:50%}.workflow-grid{grid-template-columns:1fr}}@media only screen and (max-width: 980px){.content-body{width:92%}.with-sidebar .tool-box li,.tool-box li{width:100%}.col-2,.compact-row>.field-label,.compact-row>.field-label:nth-child(3){width:100%}}@media only screen and (max-width: 768px){.with-sidebar{margin-right:0}.sidebar{display:none}.sidebar.mobile-open{display:block;width:min(88vw,22rem);z-index:1005;box-shadow:-10px 0 24px #0000002e}.sidebar-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:-1rem 0 1rem auto;border:1px solid var(--input-bd-color);border-radius:3px;background:var(--input-bg-color);color:var(--text-color);cursor:pointer}.scroll-nav .mobile-side-action{display:flex}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-input,.minw-300,.minw-420{width:100%;min-width:0}}@media only screen and (max-width: 640px){.header{width:100%;height:50px;border-right:0;overflow:visible}.header-int{display:block}.logo{height:50px;padding-top:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.logo-mark{width:38px;height:38px;font-size:.9rem}.logo h2{margin:0;font-size:1rem}.logo p{display:none}.menu-btn{position:absolute;top:7px;right:15px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;width:36px;height:36px;cursor:pointer}.menu{display:none;max-height:calc(100vh - 50px);overflow-y:auto;background:#252525;border-bottom:10px solid #252525;padding-top:.5rem}.menu.on{display:block}.content{margin:0;padding-top:50px}.content-body{width:92%;padding-top:1.25rem}.tool-card{margin-left:0;margin-right:0}.tool-cate{margin-left:0}.tool-name,.tool-bar{float:none}.tool-bar{margin-top:.75rem}.stopwatch{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.tool-info-head,.workflow-step-head{align-items:flex-start;flex-direction:column}.kv-table th{width:8rem}}