:root{--csstools-color-scheme--light: initial;color-scheme:light;--pd-bg: #f3f6f3;--pd-surface: #ffffff;--pd-surface-soft: #edf3ee;--pd-sidebar: #eaf1eb;--pd-text: #17211b;--pd-muted: #68756c;--pd-border: #d7e1d9;--pd-border-strong: #b9c8bc;--pd-accent: #167c36;--pd-accent-hover: #126f2e;--pd-on-accent: #ffffff;--pd-accent-soft: #e5f3e8;--pd-danger: #c43d4b;--pd-danger-soft: #fdebed;--pd-warning: #a76d0a;--pd-radius-sm: 4px;--pd-radius: 6px;--pd-radius-lg: 8px;--pd-shadow: 0 18px 50px rgba(31, 55, 39, .1);--pd-shadow-raised: 0 30px 90px rgba(31, 55, 39, .16);--pd-glow: 0 10px 26px rgba(22, 138, 58, .14);--pd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--pd-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}body{padding:0;margin:0;background:#f3f6f3;background:var(--pd-bg);color:#17211b;color:var(--pd-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-family:var(--pd-font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,textarea,select{font:inherit;accent-color:#167c36;accent-color:var(--pd-accent)}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,input,textarea,select{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #167c36;outline:2px solid var(--pd-accent);outline-offset:3px}::-moz-selection{color:#fff;color:var(--pd-on-accent);background:#167c36;background:var(--pd-accent)}::selection{color:#fff;color:var(--pd-on-accent);background:#167c36;background:var(--pd-accent)}.pd-page{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:56px max(24px,min(4vw,72px)) 56px}.pd-page-heading{margin-bottom:32px}.pd-page-heading h1{margin:10px 0 14px;color:#17211b;color:var(--pd-text);font-size:max(32px,min(5vw,56px));font-weight:750;line-height:1.08;letter-spacing:-2.6px}.pd-page-heading .heading-accent{color:#167c36;color:var(--pd-accent)}.pd-page-heading p{margin:0;color:#68756c;color:var(--pd-muted);max-width:540px;font-size:15px;line-height:1.7}.pd-eyebrow{display:block;color:#167c36;color:var(--pd-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-family:var(--pd-mono);font-size:10px;font-weight:700;line-height:1.5;letter-spacing:2.5px;text-transform:uppercase}.pd-card{padding:24px;border:1px solid #d7e1d9;border:1px solid var(--pd-border);border-radius:6px;border-radius:var(--pd-radius);background:#fff;background:var(--pd-surface);box-shadow:0 18px 50px #1f37271a;box-shadow:var(--pd-shadow)}.pd-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:10px;border:1px solid #d7e1d9;border:1px solid var(--pd-border);border-radius:4px;border-radius:var(--pd-radius-sm);background:#fff;background:var(--pd-surface);color:#68756c;color:var(--pd-muted);cursor:pointer}.pd-icon-button svg{width:20px;height:20px}.pd-icon-button:hover:not(:disabled){border-color:#b9c8bc;border-color:var(--pd-border-strong);background:#e5f3e8;background:var(--pd-accent-soft);color:#167c36;color:var(--pd-accent)}.pd-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:11px 20px;border:1px solid #167c36;border:1px solid var(--pd-accent);border-radius:4px;border-radius:var(--pd-radius-sm);background:#167c36;background:var(--pd-accent);color:#fff;color:var(--pd-on-accent);font-weight:750;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px #168a3a24;box-shadow:var(--pd-glow)}.pd-button svg{width:18px;height:18px}.pd-button:hover:not(:disabled){border-color:#126f2e;border-color:var(--pd-accent-hover);background:#126f2e;background:var(--pd-accent-hover);color:#fff;color:var(--pd-on-accent);box-shadow:0 0 32px #168a3a33}.pd-button:disabled{border-color:#d7e1d9;border-color:var(--pd-border);background:#edf3ee;background:var(--pd-surface-soft);color:#68756c;color:var(--pd-muted);box-shadow:none;opacity:1;cursor:not-allowed}.pd-icon-button:disabled{opacity:.45;cursor:not-allowed}.pd-switch{position:relative;flex-shrink:0;box-sizing:border-box;width:40px;height:24px;margin:0;border:1px solid #b9c8bc;border:1px solid var(--pd-border-strong);border-radius:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d5e0d7;cursor:pointer}.pd-switch:before{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073;content:"";transition:transform .16s ease}.pd-switch:checked{border-color:#167c36;border-color:var(--pd-accent);background:#167c36;background:var(--pd-accent)}.pd-switch:checked:before{transform:translate(16px)}.pd-switch:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 700px){.pd-page{padding:36px 20px 40px}.pd-page-heading{margin-bottom:24px}.pd-card{padding:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.disable-modal-wrap .mask[data-v-b9014295]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080}.disable-modal-wrap .content .update-content[data-v-b9014295]:hover::-webkit-scrollbar{width:8px;height:0px;border-radius:0;background:#0000}.disable-modal-wrap .content .update-content[data-v-b9014295]:hover::-webkit-scrollbar-track{border-radius:0;background:#0000;box-shadow:#0000}.disable-modal-wrap .content .update-content[data-v-b9014295]:hover::-webkit-scrollbar-thumb{border-radius:3px;background:var(--pd-border-strong)}.disable-modal-wrap .content .update-content[data-v-b9014295]::-webkit-scrollbar{width:8px;height:0px;border-radius:0;background:#0000}.disable-modal-wrap .content .update-content[data-v-b9014295]::-webkit-scrollbar-track{border-radius:0;background:#0000;box-shadow:#0000}.disable-modal-wrap .content .update-content[data-v-b9014295]::-webkit-scrollbar-thumb{border-radius:3px;background:transparent}.disable-modal-wrap[data-v-b9014295]{position:relative;z-index:20}.disable-modal-wrap .mask[data-v-b9014295]{background-color:#000000b8!important}.disable-modal-wrap .content[data-v-b9014295]{position:fixed;top:50%;left:50%;z-index:100;box-sizing:border-box;padding:15px 20px;width:320px;border-radius:var(--pd-radius-lg);background-color:var(--pd-surface);border:1px solid var(--pd-border);box-shadow:var(--pd-shadow-raised);transform:translate(-50%,-50%)}.disable-modal-wrap .content .top[data-v-b9014295]{display:flex;align-items:center;justify-content:space-between}.disable-modal-wrap .content .top .title[data-v-b9014295]{font-weight:500;font-size:16px}.disable-modal-wrap .content .update-content[data-v-b9014295]{overflow:scroll;padding-top:10px;max-height:200px;font-size:16px}.disable-modal-wrap .content .other[data-v-b9014295]{margin-top:10px;color:var(--pd-muted);text-align:right;font-size:12px}.disable-modal-wrap .content .btn[data-v-b9014295]{margin-top:10px;width:100%;height:40px;border-radius:4px;background-color:var(--pd-accent);color:var(--pd-on-accent);text-align:center;line-height:40px;cursor:pointer}.disable-modal-wrap .content .btn[data-v-b9014295]:hover{background-color:var(--pd-accent-hover)}.update-modal-wrap .content .top .close[data-v-5468fc34]{position:relative}.update-modal-wrap .content .top .close[data-v-5468fc34]:before,.update-modal-wrap .content .top .close[data-v-5468fc34]:after{position:absolute;left:50%;height:inherit;content:"";transform-origin:50%}.update-modal-wrap .content .top .close[data-v-5468fc34]:before{transform:translate(-50%) rotate(45deg)}.update-modal-wrap .content .top .close[data-v-5468fc34]:after{transform:translate(-50%) rotate(-45deg)}.update-modal-wrap .mask[data-v-5468fc34]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080}.update-modal-wrap .content .update-content[data-v-5468fc34]:hover::-webkit-scrollbar{width:8px;height:0px;border-radius:0;background:#0000}.update-modal-wrap .content .update-content[data-v-5468fc34]:hover::-webkit-scrollbar-track{border-radius:0;background:#0000;box-shadow:#0000}.update-modal-wrap .content .update-content[data-v-5468fc34]:hover::-webkit-scrollbar-thumb{border-radius:3px;background:var(--pd-border-strong)}.update-modal-wrap .content .update-content[data-v-5468fc34]::-webkit-scrollbar{width:8px;height:0px;border-radius:0;background:#0000}.update-modal-wrap .content .update-content[data-v-5468fc34]::-webkit-scrollbar-track{border-radius:0;background:#0000;box-shadow:#0000}.update-modal-wrap .content .update-content[data-v-5468fc34]::-webkit-scrollbar-thumb{border-radius:3px;background:transparent}.update-modal-wrap[data-v-5468fc34]{position:relative;z-index:20}.update-modal-wrap .mask[data-v-5468fc34]{background-color:#000000b8!important}.update-modal-wrap .content[data-v-5468fc34]{position:fixed;top:50%;left:50%;z-index:99;box-sizing:border-box;padding:15px 20px;width:320px;border-radius:var(--pd-radius-lg);background-color:var(--pd-surface);border:1px solid var(--pd-border);box-shadow:var(--pd-shadow-raised);transform:translate(-50%,-50%)}.update-modal-wrap .content .top[data-v-5468fc34]{display:flex;align-items:center;justify-content:space-between}.update-modal-wrap .content .top .title[data-v-5468fc34]{font-weight:500;font-size:16px}.update-modal-wrap .content .top .close[data-v-5468fc34]{width:14px;height:14px;cursor:pointer}.update-modal-wrap .content .top .close[data-v-5468fc34]:before,.update-modal-wrap .content .top .close[data-v-5468fc34]:after{width:2px;background-color:var(--pd-muted)}.update-modal-wrap .content .update-content[data-v-5468fc34]{overflow:scroll;padding-top:10px;max-height:200px;font-size:16px}.update-modal-wrap .content .other[data-v-5468fc34]{margin-top:10px;color:var(--pd-muted);text-align:right;font-size:12px}.update-modal-wrap .content .btn[data-v-5468fc34]{margin-top:10px;width:100%;height:40px;border-radius:4px;background-color:var(--pd-accent);color:var(--pd-on-accent);text-align:center;line-height:40px;cursor:pointer}.update-modal-wrap .content .btn[data-v-5468fc34]:hover{background-color:var(--pd-accent-hover)}.system-bar .ico .corss[data-v-9bd4acd2]{position:relative}.system-bar .ico .corss[data-v-9bd4acd2]:before,.system-bar .ico .corss[data-v-9bd4acd2]:after{position:absolute;left:50%;height:inherit;content:"";transform-origin:50%}.system-bar .ico .corss[data-v-9bd4acd2]:before{transform:translate(-50%) rotate(45deg)}.system-bar .ico .corss[data-v-9bd4acd2]:after{transform:translate(-50%) rotate(-45deg)}.layout[data-v-9bd4acd2]{display:flex;width:100%;height:100dvh;background:transparent}.system-bar[data-v-9bd4acd2]{position:fixed;top:0;right:0;bottom:auto;left:0;z-index:999;display:flex;height:50px;background:#fffffff0;border-bottom:1px solid var(--pd-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.system-bar.drag[data-v-9bd4acd2]{-webkit-app-region:drag}.system-bar.no-drag[data-v-9bd4acd2]{-webkit-app-region:no-drag}.system-bar .top-left[data-v-9bd4acd2]{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:240px;padding:0 18px;background:var(--pd-sidebar);border-right:1px solid var(--pd-border)}.system-bar .left[data-v-9bd4acd2]{display:flex;gap:8px}.system-bar .ico[data-v-9bd4acd2]{display:grid;align-items:center;justify-items:center;place-items:center;width:13px;height:13px;border-radius:50%;cursor:pointer;-webkit-app-region:no-drag}.system-bar .ico .corss[data-v-9bd4acd2]{width:7px;height:7px}.system-bar .ico .corss[data-v-9bd4acd2]:before,.system-bar .ico .corss[data-v-9bd4acd2]:after{width:1px;background-color:#71332d}.system-bar .ico .heng[data-v-9bd4acd2]{width:7px;height:1px;background:#79581e}.system-bar .ico.close[data-v-9bd4acd2]{background:#f5786d}.system-bar .ico.min[data-v-9bd4acd2]{background:#e9c369}.system-bar .ico.max[data-v-9bd4acd2]{background:#d4dbd0;cursor:default}.system-bar .right[data-v-9bd4acd2]{color:var(--pd-muted);font-size:10px}.system-bar .top-right[data-v-9bd4acd2]{flex:1}.sidebar[data-v-9bd4acd2]{position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 240px;width:240px;padding:70px 18px 22px;background:var(--pd-sidebar);border-right:1px solid var(--pd-border)}.brand[data-v-9bd4acd2]{display:flex;align-items:center;gap:10px;padding:0 4px;-webkit-text-decoration:none;text-decoration:none;color:var(--pd-text);position:relative;z-index:1}.brand-mark[data-v-9bd4acd2]{display:grid;align-items:center;justify-items:center;place-items:center;flex:0 0 38px;width:38px;height:42px;border-radius:var(--pd-radius-sm);background:var(--pd-accent);color:var(--pd-on-accent);box-shadow:var(--pd-glow)}.brand-mark svg[data-v-9bd4acd2]{width:24px;height:24px}.brand-name[data-v-9bd4acd2]{font-size:21px;font-weight:750;letter-spacing:-1px;line-height:1.3}.brand-name span[data-v-9bd4acd2]{display:block;margin-top:4px;color:var(--pd-muted);font-family:var(--pd-mono);font-size:8px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.list[data-v-9bd4acd2]{position:relative;z-index:1;margin-top:56px}.nav-label[data-v-9bd4acd2]{display:block;margin:0 14px 12px;color:var(--pd-accent);font-family:var(--pd-mono);font-size:9px;letter-spacing:2.5px;text-transform:uppercase}.item[data-v-9bd4acd2]{display:flex;align-items:center;gap:12px;min-height:48px;box-sizing:border-box;margin:6px 0;padding:10px 14px;border:1px solid transparent;border-radius:var(--pd-radius-sm);color:var(--pd-muted);font-size:13px;font-weight:650;-webkit-text-decoration:none;text-decoration:none;transition:background-color .16s ease,color .16s ease}.item svg[data-v-9bd4acd2]{width:19px;height:19px;flex-shrink:0}.item .nav-arrow[data-v-9bd4acd2]{width:14px;height:14px;margin-left:auto;opacity:0}.item[data-v-9bd4acd2]:hover{background:var(--pd-accent-soft);color:var(--pd-text)}.item.active[data-v-9bd4acd2]{background:var(--pd-accent);color:var(--pd-on-accent);box-shadow:var(--pd-glow)}.item.active .nav-arrow[data-v-9bd4acd2]{opacity:.65}.sidebar-footer[data-v-9bd4acd2]{position:relative;z-index:1;margin-top:auto;padding:40px 12px 0;color:var(--pd-muted)}.sidebar-footer .footer-symbol[data-v-9bd4acd2]{font-size:32px;color:var(--pd-accent)}.sidebar-footer p[data-v-9bd4acd2]{margin:10px 0 28px;font-size:12px;line-height:1.9}.sidebar-footer>div[data-v-9bd4acd2]{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--pd-border);color:var(--pd-muted);font-family:var(--pd-mono);font-size:9px;letter-spacing:.5px}.view[data-v-9bd4acd2]{flex:1;min-width:0;overflow:auto;padding-top:50px}.browser .sidebar[data-v-9bd4acd2]{padding-top:32px}.browser .view[data-v-9bd4acd2]{padding-top:0}.debug-area[data-v-9bd4acd2]{position:fixed;bottom:0;left:0;z-index:300;width:20px;height:20px}.debug-area-wrap[data-v-9bd4acd2]{position:fixed;bottom:24px;left:10px;z-index:300;display:flex;gap:10px;color:var(--pd-danger);font-size:13px;cursor:pointer}@media (max-width: 900px) and (min-width: 701px){.sidebar[data-v-9bd4acd2]{flex-basis:192px;width:192px;padding-left:14px;padding-right:14px}.system-bar .top-left[data-v-9bd4acd2]{width:192px}.brand-name[data-v-9bd4acd2]{font-size:19px}.brand-name span[data-v-9bd4acd2]{font-size:8px}}@media (max-width: 700px){.layout[data-v-9bd4acd2]{flex-direction:column;height:auto;min-height:100dvh}.sidebar[data-v-9bd4acd2],.browser .sidebar[data-v-9bd4acd2]{position:relative;z-index:10;display:block;flex:0 0 auto;width:100%;min-height:76px;padding:max(18px,env(safe-area-inset-top)) 20px 12px;border-right:0;border-bottom:1px solid var(--pd-border);background:var(--pd-sidebar)}.layout:not(.browser) .sidebar[data-v-9bd4acd2]{padding-top:60px}.brand[data-v-9bd4acd2]{padding:0;gap:9px;width:-moz-fit-content;width:fit-content}.brand-mark[data-v-9bd4acd2]{flex-basis:30px;width:30px;height:32px;border-radius:var(--pd-radius-sm)}.brand-mark svg[data-v-9bd4acd2]{width:20px;height:20px}.brand-name[data-v-9bd4acd2]{display:flex;align-items:baseline;gap:10px;font-size:19px}.brand-name span[data-v-9bd4acd2]{display:none}.list[data-v-9bd4acd2]{position:absolute;top:max(18px,env(safe-area-inset-top));right:20px;display:flex;gap:8px;margin-top:0}.nav-label[data-v-9bd4acd2],.sidebar-footer[data-v-9bd4acd2]{display:none}.item[data-v-9bd4acd2]{flex:0 0 42px;justify-content:center;gap:0;width:42px;min-height:42px;margin:0;padding:8px;border-color:var(--pd-border);border-radius:var(--pd-radius-sm);background:var(--pd-surface-soft);font-size:0}.item svg[data-v-9bd4acd2]{width:17px;height:17px}.item .nav-arrow[data-v-9bd4acd2]{display:none}.view[data-v-9bd4acd2]{overflow:visible;padding-top:0}}