*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#000000e0;-webkit-font-smoothing:antialiased;background:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}::selection{background:#2f54eb29}:focus-visible{outline-offset:2px;outline:2px solid #2f54eb}*{scrollbar-width:thin;scrollbar-color:#ccd1da transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d2d7df;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b7bdc8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tp-layout{height:100vh;overflow:hidden}.tp-mono{font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace}.tp-sider__menu.ant-menu{border-inline-end:none!important}.tp-sider{border-right:1px solid #eceef1;background:#fff!important}.tp-sider__inner{flex-direction:column;height:100%;display:flex}.tp-brand{cursor:pointer;align-items:center;gap:10px;padding:18px 16px 12px;display:flex}.tp-brand__mark{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#2f54eb,#597ef7);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.tp-brand__name{letter-spacing:.2px;font-size:16px;font-weight:650;line-height:1.2}.tp-brand__sub{color:#00000073;letter-spacing:.4px;font-size:11px}.tp-sider__search{padding:4px 12px 8px}.tp-sider__menu{flex:1;overflow:hidden auto}.tp-sider__foot{color:#00000073;border-top:1px solid #f2f3f5;padding:12px 16px 16px;font-size:12px;line-height:1.7}.tp-header{background:#fff;border-bottom:1px solid #eceef1;flex:0 0 56px;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.tp-header__menu-btn{display:none}@media (width<=991px){.tp-header__menu-btn{display:inline-flex}}.tp-content{flex:1;min-height:0;padding:24px;overflow-y:auto}.tp-container{max-width:1080px;margin:0 auto}.tp-footer{color:#00000073;background:#fff;border-top:1px solid #eceef1;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:12px;line-height:1.8;display:flex}.tp-footer__divider{color:#00000040}.tp-footer__link{color:#00000073;transition:color .18s}.tp-footer__link:hover{color:#2f54eb}.tp-hero{text-align:center;background:linear-gradient(135deg,#fff 0%,#f2f5ff 100%);border:1px solid #e6eaf5;border-radius:16px;margin-bottom:28px;padding:40px 32px}.tp-hero__title{letter-spacing:-.4px;margin:0 0 12px;font-size:32px;font-weight:700}.tp-hero__title span{background:linear-gradient(120deg,#2f54eb,#597ef7);color:#0000;-webkit-background-clip:text;background-clip:text}.tp-hero__desc{color:#0000008c;max-width:620px;margin:0 auto 22px;font-size:15px;line-height:1.8}.tp-section-title{color:#000000a6;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:600;display:flex}.tp-section-title:after{content:"";background:#eceef1;flex:1;height:1px}.tp-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;margin-bottom:28px;display:grid}.tp-card{cursor:pointer;contain:layout paint;background:#fff;border:1px solid #eceef1;border-radius:12px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s}.tp-card:hover{border-color:#2f54eb;transform:translateY(-2px);box-shadow:0 8px 24px #2f54eb1f}.tp-card__icon{color:#2f54eb;background:#f0f5ff;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:14px;font-size:18px;display:grid}.tp-card__title{margin-bottom:6px;font-size:15px;font-weight:600}.tp-card__desc{color:#00000080;font-size:13px;line-height:1.65}.tp-page__head{margin-bottom:18px}.tp-page__title{align-items:center;gap:10px;margin:0 0 6px;font-size:21px;font-weight:650;display:flex}.tp-page__desc{color:#00000080;margin:0;font-size:13px}.tp-panel{background:#fff;border:1px solid #eceef1;border-radius:12px;margin-bottom:16px;padding:18px}.tp-panel__title{color:#0009;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.tp-panel__title:before{content:"";background:linear-gradient(#2f54eb,#597ef7);border-radius:2px;flex:0 0 3px;width:3px;height:12px}.tp-result{word-break:break-all;background:#fafbfc;border:1px solid #eceef1;border-radius:8px;min-height:42px;padding:12px 14px;font-size:13px;line-height:1.7}.tp-list{margin:0;padding:0;list-style:none}.tp-list li{border-bottom:1px dashed #eef0f3;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.tp-list li:last-child{border-bottom:none}.tp-list__index{color:#2f54eb;background:#f0f5ff;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:inline-grid}.tp-uuid-item{word-break:break-all;font-size:13px}.tp-presets{flex-wrap:wrap;gap:8px;display:flex}.tp-code{white-space:pre-wrap;word-break:break-all;background:#fafbfc;border:1px solid #eceef1;border-radius:8px;max-height:420px;margin:0;padding:12px 14px;font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.tp-swatch{border:1px solid #00000014;border-radius:8px;width:100%;height:52px}.tp-swatch--large{height:96px}.tp-color-contrast{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.tp-color-contrast__card{border:1px solid #eceef1;border-radius:10px;padding:12px}.tp-color-contrast__head{color:#0000008c;margin-bottom:8px;font-size:12px}.tp-color-contrast__sample{text-align:center;border-radius:8px;padding:14px 12px;font-size:15px;font-weight:600}.tp-color-contrast__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.tp-color-palette{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.tp-color-palette__item{flex-direction:column;align-items:stretch;gap:6px;display:flex}.tp-color-palette__label{color:#00000073;font-size:12px}.tp-diff{border:1px solid #eceef1;border-radius:8px;max-height:560px;font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace;font-size:12.5px;line-height:1.7;overflow:hidden auto}.tp-diff__row{white-space:pre-wrap;word-break:break-all;align-items:flex-start;gap:8px;padding:1px 10px;display:flex}.tp-diff__row--add{color:#237804;background:#f6ffed}.tp-diff__row--del{color:#a8071a;background:#fff1f0}.tp-diff__no{text-align:right;color:#0000004d;-webkit-user-select:none;user-select:none;flex:0 0 42px}.tp-diff__sign{-webkit-user-select:none;user-select:none;flex:0 0 10px}.tp-diff__text{flex:1;min-width:0}.tp-diff__collapsed{color:#0006;text-align:center;background:#fafafa;border-top:1px dashed #eceef1;border-bottom:1px dashed #eceef1;padding:3px 10px;font-size:12px}.tp-regex__pre{max-height:320px}.tp-regex__mark{color:inherit;background:#fff1b8;border-radius:3px;padding:0 1px}.tp-file{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tp-file__meta{color:#00000073;word-break:break-all;font-size:12px}.tp-file__hint{color:#00000073;margin-top:10px;font-size:12px;line-height:1.7}@media (width<=767px){.tp-content{padding:16px 14px}.tp-hero{border-radius:14px;margin-bottom:22px;padding:28px 18px}.tp-hero__title{font-size:24px}.tp-hero__desc{margin-bottom:18px;font-size:14px}.tp-grid{grid-template-columns:1fr;gap:12px}.tp-panel{border-radius:10px;padding:14px}.tp-page__title{font-size:19px}.tp-code{max-height:320px;font-size:12px}.tp-swatch--large{height:76px}}