@touchvue/ui 0.0.1-alpha.2

package/lib/utils/index.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var vue = require('vue');
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+const withInstallFunction = (fn, name) => {
+  fn.install = (app) => {
+    fn._context = app;
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+
+const useGlobalConfig = () => {
+  const instance = vue.getCurrentInstance();
+  if (!instance) {
+    console.warn("useGlobalConfig() \u53EA\u80FD\u5728setup()\u6216\u751F\u547D\u5468\u671F\u94A9\u5B50\u4E2D\u8C03\u7528");
+    return {};
+  }
+  return instance.appContext.config.globalProperties.$TOUCHVUE_CONFIG || {};
+};
+const getComponentConfig = (props, key) => {
+  var _a;
+  const globalConfig = useGlobalConfig();
+  return (_a = props[key]) != null ? _a : globalConfig[key];
+};
+
+const ua = navigator.userAgent.toLowerCase();
+function setRatio(options = {}) {
+  var _a, _b, _c, _d, _e;
+  const ua2 = navigator.userAgent.toLowerCase();
+  const base = (_b = (_a = options == null ? void 0 : options.ratio) == null ? void 0 : _a.base) != null ? _b : {};
+  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua2) ? (_c = base.phone) != null ? _c : 375 : /ipad|android(?!.*mobile)|tablet/i.test(ua2) ? (_d = base.pad) != null ? _d : 1100 : (_e = base.pc) != null ? _e : 1366;
+  const updateFontSize = () => {
+    const width = window.innerWidth || document.documentElement.clientWidth;
+    document.documentElement.style.fontSize = width / baseSize * 100 + "px";
+  };
+  updateFontSize();
+  window.addEventListener("resize", updateFontSize);
+}
+function getMedia(options = {}) {
+  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);
+  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);
+  return isMobile ? "phone" : isTablet ? "pad" : "pc";
+}
+function setMedia(options = {}) {
+  const html = document.documentElement;
+  const classList = [];
+  if (/windows/i.test(ua)) {
+    classList.push("os-windows");
+  } else if (/macintosh|mac os x/i.test(ua)) {
+    classList.push("os-macos");
+  } else if (/android/i.test(ua)) {
+    classList.push("os-android");
+  } else if (/iphone|ipad|ipod/i.test(ua)) {
+    classList.push("os-ios");
+  }
+  const media = getMedia();
+  if (media === "pad") {
+    classList.push("media-pad");
+  } else if (media === "phone") {
+    classList.push("media-phone");
+  } else {
+    classList.push("media-pc");
+  }
+  html.className += " " + classList.join(" ");
+}
+function getEm() {
+  const el = document.createElement("div");
+  el.style.width = "1em";
+  el.style.height = "1em";
+  el.style.position = "absolute";
+  document.body.appendChild(el);
+  const size = el.getBoundingClientRect().height;
+  document.body.removeChild(el);
+  return size;
+}
+
+exports.getComponentConfig = getComponentConfig;
+exports.getEm = getEm;
+exports.getMedia = getMedia;
+exports.setMedia = setMedia;
+exports.setRatio = setRatio;
+exports.useGlobalConfig = useGlobalConfig;
+exports.withInstall = withInstall;
+exports.withInstallFunction = withInstallFunction;
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/utils/types.ts","../../../packages/utils/config.ts","../../../packages/utils/ratio.ts"],"sourcesContent":["import type { App, Plugin } from 'vue';\n\n/* 生成install函数 */\n\nexport type SFCWithInstall<T> = T & Plugin;\n\nexport type SFCInstallWithContext<T> = SFCWithInstall<T> & {\n  _context: App | null;\n};\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp);\n    }\n  };\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      (main as any)[key] = comp;\n    }\n  }\n  return main as SFCWithInstall<T> & E;\n};\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  (fn as SFCWithInstall<T>).install = (app: App) => {\n    (fn as SFCInstallWithContext<T>)._context = app;\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as SFCInstallWithContext<T>;\n};\n","import { getCurrentInstance } from 'vue';\nimport type { TouchVueUIOptions } from '../components';\n\n/**\n * 获取组件库全局配置\n * 可以在组件内部使用此函数获取全局配置\n * @returns 全局配置对象\n */\nexport const useGlobalConfig = (): TouchVueUIOptions => {\n  const instance = getCurrentInstance();\n  if (!instance) {\n    console.warn('useGlobalConfig() 只能在setup()或生命周期钩子中调用');\n    return {} as TouchVueUIOptions;\n  }\n\n  // 从应用实例中获取全局配置\n  return instance.appContext.config.globalProperties.$TOUCHVUE_CONFIG || {};\n};\n\n/**\n * 获取组件配置\n * 合并全局配置和组件自身的props配置\n * @param props 组件props\n * @param key 配置键名\n * @returns 合并后的配置值\n */\nexport const getComponentConfig = <T>(props: Record<string, any>, key: string): T => {\n  const globalConfig = useGlobalConfig();\n\n  // 优先使用组件自身的props配置，如果没有则使用全局配置\n  return (props[key] ?? globalConfig[key]) as T;\n};\n","interface Options {\n  ratio?: {\n    base?: {\n      pc?: number;\n      pad?: number;\n      phone?: number;\n    };\n  };\n}\n\nconst ua = navigator.userAgent.toLowerCase();\n\nexport function setRatio(options: Options = {}) {\n  const ua = navigator.userAgent.toLowerCase();\n  const base = options?.ratio?.base ?? {};\n\n  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua)\n    ? (base.phone ?? 375)\n    : /ipad|android(?!.*mobile)|tablet/i.test(ua)\n      ? (base.pad ?? 1100)\n      : (base.pc ?? 1366);\n\n  const updateFontSize = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth;\n    document.documentElement.style.fontSize = (width / baseSize) * 100 + 'px';\n  };\n\n  updateFontSize();\n  window.addEventListener('resize', updateFontSize);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getMedia(options: Options = {}) {\n  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);\n  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);\n\n  return isMobile ? 'phone' : isTablet ? 'pad' : 'pc';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function setMedia(options: Options = {}) {\n  const html = document.documentElement;\n  const classList: string[] = [];\n\n  // 判断操作系统\n  if (/windows/i.test(ua)) {\n    classList.push('os-windows');\n  } else if (/macintosh|mac os x/i.test(ua)) {\n    classList.push('os-macos');\n  } else if (/android/i.test(ua)) {\n    classList.push('os-android');\n  } else if (/iphone|ipad|ipod/i.test(ua)) {\n    classList.push('os-ios');\n  }\n\n  // 判断设备类型\n  const media = getMedia();\n  if (media === 'pad') {\n    classList.push('media-pad');\n  } else if (media === 'phone') {\n    classList.push('media-phone');\n  } else {\n    classList.push('media-pc');\n  }\n\n  // 添加 class 到 <html>\n  html.className += ' ' + classList.join(' ');\n}\n\nexport function getEm() {\n  const el = document.createElement('div');\n  el.style.width = '1em';\n  el.style.height = '1em';\n  el.style.position = 'absolute';\n  document.body.appendChild(el);\n  const size = el.getBoundingClientRect().height;\n  document.body.removeChild(el);\n  return size;\n}\n"],"names":["getCurrentInstance","ua"],"mappings":";;;;AAUa,MAAA,WAAA,GAAc,CAAmC,IAAA,EAAS,KAAc,KAAA;AACnF,EAAC,IAAA,CAA2B,OAAU,GAAA,CAAC,GAAmB,KAAA;AACxD,IAAW,KAAA,MAAA,IAAA,IAAQ,CAAC,IAAA,EAAM,GAAG,MAAA,CAAO,OAAO,KAAS,IAAA,IAAA,GAAA,KAAA,GAAA,EAAE,CAAC,CAAG,EAAA;AACxD,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,KAAA,MAAW,CAAC,GAAK,EAAA,IAAI,KAAK,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAG,EAAA;AAC/C,MAAC,IAAA,CAAa,GAAG,CAAI,GAAA,IAAA,CAAA;AAAA,KACvB;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAEa,MAAA,mBAAA,GAAsB,CAAI,EAAA,EAAO,IAAiB,KAAA;AAC7D,EAAC,EAAA,CAAyB,OAAU,GAAA,CAAC,GAAa,KAAA;AAChD,IAAC,GAAgC,QAAW,GAAA,GAAA,CAAA;AAC5C,IAAI,GAAA,CAAA,MAAA,CAAO,gBAAiB,CAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AAAA,GACtC,CAAA;AAEA,EAAO,OAAA,EAAA,CAAA;AACT;;ACxBO,MAAM,kBAAkB,MAAyB;AACtD,EAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AACpC,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAA,OAAA,CAAQ,KAAK,yGAAwC,CAAA,CAAA;AACrD,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAGA,EAAA,OAAO,QAAS,CAAA,UAAA,CAAW,MAAO,CAAA,gBAAA,CAAiB,oBAAoB,EAAC,CAAA;AAC1E,EAAA;AASa,MAAA,kBAAA,GAAqB,CAAI,KAAA,EAA4B,GAAmB,KAAA;AA1BrF,EAAA,IAAA,EAAA,CAAA;AA2BE,EAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAGrC,EAAA,OAAA,CAAQ,EAAM,GAAA,KAAA,CAAA,GAAG,CAAT,KAAA,IAAA,GAAA,EAAA,GAAc,aAAa,GAAG,CAAA,CAAA;AACxC;;ACrBA,MAAM,EAAA,GAAK,SAAU,CAAA,SAAA,CAAU,WAAY,EAAA,CAAA;AAE3B,SAAA,QAAA,CAAS,OAAmB,GAAA,EAAI,EAAA;AAZhD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAaE,EAAMC,MAAAA,GAAAA,GAAK,SAAU,CAAA,SAAA,CAAU,WAAY,EAAA,CAAA;AAC3C,EAAA,MAAM,QAAO,EAAS,GAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,KAAT,IAAgB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAhB,YAAwB,EAAC,CAAA;AAEtC,EAAA,MAAM,WAAW,4CAA6C,CAAA,IAAA,CAAKA,GAAE,CAChE,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,UAAL,IAAc,GAAA,EAAA,GAAA,GAAA,GACf,mCAAmC,IAAKA,CAAAA,GAAE,KACvC,EAAK,GAAA,IAAA,CAAA,GAAA,KAAL,YAAY,IACZ,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAL,IAAW,GAAA,EAAA,GAAA,IAAA,CAAA;AAElB,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,UAAc,IAAA,QAAA,CAAS,eAAgB,CAAA,WAAA,CAAA;AAC5D,IAAA,QAAA,CAAS,eAAgB,CAAA,KAAA,CAAM,QAAY,GAAA,KAAA,GAAQ,WAAY,GAAM,GAAA,IAAA,CAAA;AAAA,GACvE,CAAA;AAEA,EAAe,cAAA,EAAA,CAAA;AACf,EAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,cAAc,CAAA,CAAA;AAClD,CAAA;AAGgB,SAAA,QAAA,CAAS,OAAmB,GAAA,EAAI,EAAA;AAC9C,EAAM,MAAA,QAAA,GAAW,4CAA6C,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AACrE,EAAM,MAAA,QAAA,GAAW,kCAAmC,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAE3D,EAAO,OAAA,QAAA,GAAW,OAAU,GAAA,QAAA,GAAW,KAAQ,GAAA,IAAA,CAAA;AACjD,CAAA;AAGgB,SAAA,QAAA,CAAS,OAAmB,GAAA,EAAI,EAAA;AAC9C,EAAA,MAAM,OAAO,QAAS,CAAA,eAAA,CAAA;AACtB,EAAA,MAAM,YAAsB,EAAC,CAAA;AAG7B,EAAI,IAAA,UAAA,CAAW,IAAK,CAAA,EAAE,CAAG,EAAA;AACvB,IAAA,SAAA,CAAU,KAAK,YAAY,CAAA,CAAA;AAAA,GAClB,MAAA,IAAA,qBAAA,CAAsB,IAAK,CAAA,EAAE,CAAG,EAAA;AACzC,IAAA,SAAA,CAAU,KAAK,UAAU,CAAA,CAAA;AAAA,GAChB,MAAA,IAAA,UAAA,CAAW,IAAK,CAAA,EAAE,CAAG,EAAA;AAC9B,IAAA,SAAA,CAAU,KAAK,YAAY,CAAA,CAAA;AAAA,GAClB,MAAA,IAAA,mBAAA,CAAoB,IAAK,CAAA,EAAE,CAAG,EAAA;AACvC,IAAA,SAAA,CAAU,KAAK,QAAQ,CAAA,CAAA;AAAA,GACzB;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,IAAI,UAAU,KAAO,EAAA;AACnB,IAAA,SAAA,CAAU,KAAK,WAAW,CAAA,CAAA;AAAA,GAC5B,MAAA,IAAW,UAAU,OAAS,EAAA;AAC5B,IAAA,SAAA,CAAU,KAAK,aAAa,CAAA,CAAA;AAAA,GACvB,MAAA;AACL,IAAA,SAAA,CAAU,KAAK,UAAU,CAAA,CAAA;AAAA,GAC3B;AAGA,EAAA,IAAA,CAAK,SAAa,IAAA,GAAA,GAAM,SAAU,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC5C,CAAA;AAEO,SAAS,KAAQ,GAAA;AACtB,EAAM,MAAA,EAAA,GAAK,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AACvC,EAAA,EAAA,CAAG,MAAM,KAAQ,GAAA,KAAA,CAAA;AACjB,EAAA,EAAA,CAAG,MAAM,MAAS,GAAA,KAAA,CAAA;AAClB,EAAA,EAAA,CAAG,MAAM,QAAW,GAAA,UAAA,CAAA;AACpB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,EAAE,CAAA,CAAA;AAC5B,EAAM,MAAA,IAAA,GAAO,EAAG,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AACxC,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,EAAE,CAAA,CAAA;AAC5B,EAAO,OAAA,IAAA,CAAA;AACT;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@touchvue/ui",
+  "version": "0.0.1-alpha.2",
+  "description": "Vue3 UI Components Library",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "types/index.d.ts",
+  "style": "theme/index.css",
+  "files": [
+    "lib",
+    "es",
+    "theme",
+    "README.md"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.less",
+    "theme/**/*"
+  ],
+  "keywords": [
+    "vue",
+    "vue3",
+    "component",
+    "ui",
+    "library"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/theme/components/article/index.css

@@ -0,0 +1 @@
+.to-article{background:#fff;border-radius:.5em;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:2em;margin:1em 0}.to-article-header{font-size:1.3em;font-weight:bold;margin-bottom:1em}.to-article-content{font-size:1em;color:#333}.to-article-footer{margin-top:1.5em;color:#888;font-size:.93em}

package/theme/components/box/index.css

@@ -0,0 +1 @@
+.to-box{--bg:var(--color-bg);--bg-size:(100% 100%);--padding:0;--radius:var(--radius-block);--border:0 none;--width:auto;--height:auto;--shadow:none;width:var(--width);background:var(--bg);background-size:var(--bg-size);padding:var(--padding);border:var(--border);border-radius:var(--radius);box-sizing:border-box;height:var(--height);box-shadow:var(--shadow);position:relative}.to-box.is-cut{overflow:hidden}

package/theme/components/button/index.css

@@ -0,0 +1 @@
+.to-button{--height:var(--height-fe);--padding:0 1.5em;--border:var(--border-fe);--gap:.5em;--radius:var(--radius-fe);--icon-size:1em;--icon-font-size:1em;--font-size:1em;--color:inherit;--bg:#fff}.to-button{flex-shrink:0;color:var(--color);border:0 none;position:relative;padding:var(--padding);height:var(--height);line-height:var(--height);font-size:100%;background:var(--bg);cursor:pointer;border-radius:var(--radius);display:inline-flex;gap:var(--gap);align-items:center}.to-button-icon.to-icon{--size:var(--icon-size);--font-size:var(--icon-font-size);--color:var(--color)}.to-button-text{font-size:var(--font-size)}.to-button::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-button.mode-default:hover{background:rgba(0,0,0,0.1)}.to-button.mode-default:active{background:rgba(0,0,0,0.2)}.to-button.icon-position-right .to-button-icon.to-icon{order:2}

package/theme/components/card/index.css

@@ -0,0 +1 @@
+.to-card{--color:inherit;--gap-x:1em;--gap-y:.2em;--align:center;--border:none;--padding:1em;--wrap:normal;--line-height:1em;--title-font-size:1.2em;--title-line-height:1.2em;--title-font-weight:normal;--title-wrap:nowrap;--content-color:inherit;--content-line-height:1.2em;--content-font-size:100%;--content-wrap:normal;--radius:var(--radius-block);--bg:none}.to-card{line-height:var(--line-height);color:var(--color);border:var(--border);display:flex;align-items:var(--align);padding:var(--padding);position:relative;text-overflow:ellipsis;white-space:var(--wrap);gap:var(--gap-x);border-radius:var(--radius);background:var(--bg)}.to-card-item.is-main{flex:1;display:flex;overflow:hidden;flex-direction:column;gap:var(--gap-y)}.to-card-title{align-items:center;display:flex;overflow:hidden}.to-card-title-main{flex:1;flex-shrink:0;line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:var(--title-wrap)}.to-card-title-side{flex-shrink:0}.to-card-title-text{font-size:var(--title-font-size);font-weight:var(--title-font-weight)}.to-card-content{color:var(--content-color);line-height:var(--content-line-height)}.to-card-content-main{flex:1;color:var(--content-color);overflow:hidden;text-overflow:ellipsis;white-space:var(--content-wrap)}.to-card-content-text{font-size:var(--content-font-size)}.to-card-item.align-right{text-align:right}.to-card-item.align-top{align-self:flex-start}.to-card.type-v{flex-direction:column;align-items:flex-start}

package/theme/components/checkbox/index.css

@@ -0,0 +1 @@
+.to-checkbox{--padding:0 1em;--gap:.5em;--height:var(--height-fe);--width:auto;--box-size:1em;--box-bg:#fff;--box-color:#fff;--box-radius:var(--radius-fe);--box-border:var(--border-fe);--checked-box-bg:var(--color-primary);--checked-box-border:0 none}.to-checkbox:hover{background:rgba(0,0,0,0.1)}.to-checkbox:active{background:rgba(0,0,0,0.2)}.to-checkbox{cursor:pointer;padding:var(--padding);display:inline-flex;box-sizing:border-box;width:var(--width);align-items:center;gap:var(--gap);height:var(--height)}.to-checkbox .to-checkbox-box{position:relative;width:var(--box-size);height:var(--box-size);box-sizing:border-box;line-height:var(--box-size);text-align:center;background:var(--box-bg);color:var(--box-color);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:var(--box-border);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:after{content:'\e05c';font-family:'icon';font-size:50%;vertical-align:top}.to-checkbox .to-checkbox-label{flex:1}.to-checkbox.is-checked .to-checkbox-box{background:var(--checked-box-bg)}.to-checkbox.is-checked .to-checkbox-box:before{border:var(--checked-box-border)}

package/theme/components/form/index.css

@@ -0,0 +1 @@
+.to-form{--gap-x:1em;--gap-y:.5em;--item-gap:.5em;--item-border:0 none;--item-padding:0;--item-bg:none;--item-height:var(--height-fe);--item-radius:var(--radius-fe);--label-line-height:2em;--label-padding:.5em 0;--label-color:inherit;--label-gap:.5em;--required-color:var(--color-danger);--col:1;--submit-gap:.5em}.to-form{position:relative}.to-form-list{display:flex;flex-wrap:wrap;gap:var(--gap-y) var(--gap-x)}.to-form-item{--merge:1;position:relative;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--item-gap);padding:var(--item-padding);background:var(--item-bg);border-radius:var(--item-radius);width:calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x))}.to-form-item.merge-2{--merge:2}.to-form-item.merge-3{--merge:3}.to-form-item.merge-4{--merge:4}.to-form-item.merge-5{--merge:5}.to-form-item::after{border:var(--item-border);border-radius:var(--item-radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-form-label{text-align:right;justify-content:flex-end;color:var(--label-color);padding:var(--label-padding);line-height:var(--label-line-height);display:inline-flex;gap:var(--label-gap)}.to-form-value{flex:1;overflow:hidden}.to-form-value .to-switch{margin-top:calc((var(--item-height) - 1.43em) / 2)}.to-form-submit{white-space:nowrap;display:flex;gap:var(--submit-gap)}.to-form-item.is-required .to-form-label:before{content:'*';color:var(--required-color)}.to-form.submit-position-right .to-form-item{flex:1}.to-form.submit-position-corner .to-form-placeholder{visibility:hidden;content:'';height:var(--item-height);width:2em}.to-form.submit-position-corner .to-form-submit{position:absolute;right:0;bottom:0}.to-form.col-1{--col:1}.to-form.col-2{--col:2}.to-form.col-3{--col:3}.to-form.col-4{--col:4}.to-form.col-5{--col:5}.to-form.col-6{--col:6}.to-form.col-7{--col:7}

package/theme/components/grid/index.css

@@ -0,0 +1 @@
+.to-grid{--border:1px solid var(--color-border)}.to-grid{box-sizing:border-box;display:flex;flex-flow:column}.to-grid>.to-grid-content{display:flex;flex:1}.to-grid>.to-grid-content>.to-grid-item{flex:1;overflow:hidden;box-sizing:border-box}.to-grid>.to-grid-content>.to-grid-item[style*='width']{flex:none}.to-grid>.to-grid-content>.to-grid-item.is-side{flex:none;width:auto;overflow:visible;z-index:1}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-2{flex:2}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-3{flex:3}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-4{flex:4}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-5{flex:5}.to-grid.is-visible>.to-grid-content>.to-grid-item{overflow:visible}.to-grid.type-v>.to-grid-content{display:block}.to-grid.type-v>.to-grid-content>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content,.to-grid.type-v>.to-grid-content[style*='height']{flex-flow:column;flex:none;display:flex}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item:first-child,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item:first-child{padding-top:0 !important}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item[style*='height'],.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item[style*='height']{flex:none}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item.is-side,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item.is-side{height:auto}.to-grid.height-full{height:100%}.to-grid.height-full>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content>.to-grid-item{height:100%}[class*='col-']>.to-grid-content{flex-wrap:wrap}[class*='col-']>.to-grid-content>.to-grid-item{flex:none}.to-grid.col-auto>.to-grid-content>.to-grid-item{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.title .main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.content .main{width:auto}.to-grid.wrap-false>.to-grid-content{flex-wrap:nowrap}.to-grid.col-1>.to-grid-content>.to-grid-item{width:100%}.to-grid.col-2>.to-grid-content>.to-grid-item{width:50%}.to-grid.col-3>.to-grid-content>.to-grid-item{width:33.33333333%}.to-grid.col-3>.to-grid-content>.to-grid-item.merge-2{width:66.66666667%}.to-grid.col-4>.to-grid-content>.to-grid-item{width:25%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-2{width:50%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-3{width:75%}.to-grid.col-5>.to-grid-content>.to-grid-item{width:20%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-2{width:40%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-3{width:60%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-4{width:80%}.to-grid.col-6>.to-grid-content>.to-grid-item{width:16.66%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-2{width:33.33333333%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-3{width:50%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-4{width:66.66666667%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-5{width:83.33333333%}.to-grid.col-7>.to-grid-content>.to-grid-item{width:14.28%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-2{width:28.57%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-3{width:42.86%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-4{width:57.14%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-5{width:71.43%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-6{width:85.71%}.to-grid.col-8>.to-grid-content>.to-grid-item{width:12.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-2{width:25%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-3{width:37.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-4{width:50%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-5{width:62.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-6{width:75%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-7{width:87.5%}.to-grid.col-9>.to-grid-content>.to-grid-item{width:11.11%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-2{width:22.22%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-3{width:33.33%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-4{width:44.44%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-5{width:55.56%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-6{width:66.67%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-7{width:77.78%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-8{width:88.89%}.to-grid.col-10>.to-grid-content>.to-grid-item{width:10%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-2{width:20%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-3{width:30%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-4{width:40%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-5{width:50%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-6{width:60%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-7{width:70%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-8{width:80%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-9{width:90%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-10,.to-grid.col-9>.to-grid-content>.to-grid-item.merge-9,.to-grid.col-8>.to-grid-content>.to-grid-item.merge-8,.to-grid.col-7>.to-grid-content>.to-grid-item.merge-7,.to-grid.col-6>.to-grid-content>.to-grid-item.merge-6,.to-grid.col-5>.to-grid-content>.to-grid-item.merge-5,.to-grid.col-4>.to-grid-content>.to-grid-item.merge-4,.to-grid.col-3>.to-grid-content>.to-grid-item.merge-3,.to-grid.col-2>.to-grid-content>.to-grid-item.merge-2{width:100%}.to-grid.is-line{overflow:hidden}.to-grid.is-line>.to-grid-content{margin-bottom:-1px;margin-left:-1px}.to-grid.is-line>.to-grid-content>.to-grid-item{border-bottom:var(--border);border-left:var(--border)}.to-grid.va-center>.to-grid-content{align-items:center}.to-grid.va-center>.to-grid-content .to-grid-item{border-bottom:0 none}.to-grid.va-bottom>.to-grid-content{align-items:flex-end}

package/theme/components/header/index.css

@@ -0,0 +1 @@
+.to-header{--bg:none;--height:auto;--padding:0;--gap:0;--title-gap:0;--title-font-size:1.29em;--title-line-height:1em;--title-font-weight:bold;--title-color:inherit;--fn-gap:.5em;--icon-width:0;--icon-height:0;--icon-bg:0;--icon-radius:0}.to-header{padding:var(--padding);height:var(--height);background:var(--bg);height:none;display:flex;overflow:hidden;align-items:center;gap:var(--gap)}.to-header-title{display:flex;align-items:center;flex:1;overflow:hidden;gap:var(--title-gap)}.to-header-title-icon{width:var(--icon-width);height:var(--icon-height);background:var(--icon-bg);border-radius:var(--icon-radius);background-size:100% 100%}.to-header-title-text{font-size:var(--title-font-size);line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--title-font-weight);color:var(--title-color)}.to-header-fn{display:flex;align-items:center;overflow:hidden;white-space:nowrap;gap:var(--fn-gap)}

package/theme/components/icon/index.css

@@ -0,0 +1 @@
+.to-icon{display:inline-block;width:40px;height:40px;background:url('../../img/default.png');background-size:cover}

package/theme/components/input/index.css

@@ -0,0 +1 @@
+.to-input{--height:var(--height-fe);--border:var(--border-fe);--font-size:1em;--bg:var(--bg-fe);--padding:0 1em;--width:100%;--radius:var(--radius-fe);--gap:0}.to-input{display:inline-flex;width:var(--width);height:var(--height);border-radius:var(--radius);box-sizing:border-box;overflow:hidden;background:var(--bg);position:relative;align-items:center;flex-wrap:wrap;gap:var(--gap)}.to-input.type-text{padding:var(--padding)}.to-input.type-textarea{--padding:.75em 1em}.to-input.type-textarea .to-input-textarea{line-height:1.5em;padding:var(--padding)}.to-input.is-readonly{background:var(--bg-readonly);color:var(--color-readonly)}.to-input::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}input.to-input-content{background:none;width:auto;text-align:inherit;flex:1;display:block;font-size:var(--font-size);width:100%;box-sizing:border-box;position:relative;color:inherit;appearance:none;border:0 none;min-width:0}input.to-input-content::placeholder{color:var(--color-placeholder)}input.to-input-content::-ms-clear{display:none}input.to-input-content:-webkit-autofill{-webkit-text-fill-color:var(--bg) !important;transition:background-color 5000s ease-in-out 0s}input.to-input-content::-webkit-outer-spin-button,input.to-input-content::-webkit-inner-spin-button{-webkit-appearance:none}.to-input-textarea{height:100%;width:100%;box-sizing:border-box;border:0 none;font-size:100%}.to-input-textarea::placeholder{color:var(--color-placeholder)}.to-input-prefix .to-icon{--size:var(--height-fe);vertical-align:baseline}.to-input-suffix .to-icon{--size:var(--height-fe);vertical-align:baseline}

package/theme/components/line/index.css

@@ -0,0 +1 @@
+.to-line{--color:var(--color-border);--mode:solid;--height:1em}.to-line.type-v{height:var(--height);width:0;border-left:1px var(--mode) var(--color)}.to-line.type-default{height:0;border-bottom:1px var(--mode) var(--color);margin:0 auto}

package/theme/components/msg/index.css

@@ -0,0 +1 @@
+.to-msg{position:absolute;inset:0 0 0 0;z-index:1100;visibility:hidden;transition:.1s visibility ease-out;display:flex;align-items:center;justify-content:center}.to-msg-bg{transition:.1s opacity ease-out;position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);opacity:0}.to-msg-wrapper{background:url(../../img/msg/success-bg.png) #fff no-repeat;box-shadow:-8px 0 30px 0 rgba(0,0,0,0.15);background-size:100% auto;transition:.1s transform ease-out;transform:scale(0);position:relative;padding:1.14285714em;vertical-align:middle;border-radius:.85714286em;max-width:90%;width:42.85714286em;box-sizing:border-box}.to-msg-main{display:flex;flex-direction:column}.to-msg-pic{width:12.57142857em;height:5.28571429em;margin:0 auto;background:url(../../img/msg/success-icon.png);background-size:100% 100%}.to-msg-title{order:1;margin-top:.57142857em;line-height:1.85714286em;text-align:center;color:#1d2129;font-weight:bold}.to-msg-title-text{font-size:1.28571429em}.to-msg-content{order:1;margin-top:.28571429em;line-height:1.57142857em;text-align:center;color:#434c59}.to-msg.is-show{visibility:visible}.to-msg.is-show .to-msg-bg{opacity:1}.to-msg.is-show .to-msg-wrapper{transform:scale(1)}.to-msg-detail{order:2;margin-top:1.14em;background:#f7f8fa;border-radius:.57142857em;padding:.85714286em}.to-msg-fn{margin-top:1.21428571em;display:flex;gap:1.14285714em;order:1}.to-msg-fn .to-button{flex:1;justify-content:center}.to-msg-fn .to-button[style*='width']{flex:none}.to-msg.type-error .to-msg-wrapper{background-image:url(../../img/msg/error-bg.png)}.to-msg.type-error .to-msg-pic{background-image:url(../../img/msg/error-icon.png)}

package/theme/components/padding/index.css

@@ -0,0 +1 @@
+.to-padding{box-sizing:border-box;--value:var(--padding)}.to-padding{padding:var(--value);box-sizing:border-box}

package/theme/components/space/index.css

@@ -0,0 +1 @@
+.to-space.mode-default:not(.is-inline){height:1em}.to-space.is-inline{width:1em;display:inline-block;height:.1em}

package/theme/components/step/index.css

@@ -0,0 +1 @@
+.media-pc .to-step{display:flex;align-items:center;gap:1.14em}.media-pc .to-step-item{flex:1;display:flex;gap:.57em}.media-pc .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-pc .to-step-icon{height:1.57em}.media-pc .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-pc .to-step-number{font-size:.88em}.media-pc .to-step-text{flex:1}.media-pc .to-step-title{display:flex;gap:1.14em;align-items:center}.media-pc .to-step-label{font-size:1.14em;color:#434c59}.media-pc .to-step-content{color:#86909c;margin-top:.14em}.media-pc .to-step-line{flex:1;height:2px;border-radius:1px;background:#eee}.media-pc .to-step-item:last-child .to-step-line{display:none}.media-pc .to-step-item:last-child{flex:none}.media-pc .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-on .to-step-line{background:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-content{color:#434c59}.media-pc .to-step-item.is-completed .to-step-line{background:var(--color-primary)}.media-phone .to-step{display:flex;align-items:flex-start}.media-phone .to-step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;gap:.57em;position:relative}.media-phone .to-step-item:not(:first-child)::before{content:'';position:absolute;top:.785em;left:0;right:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-item:not(:last-child):after{content:'';position:absolute;top:.785em;right:0;left:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-phone .to-step-icon{height:1.57em}.media-phone .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-phone .to-step-number{font-size:.88em}.media-phone .to-step-label{color:#434c59}.media-phone .to-step-content{display:none}.media-phone .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-on+.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:after{background:var(--color-primary) !important}.media-phone .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-completed .to-step-content{color:#434c59}.media-phone .to-step-item.is-completed.to-step-item:before,.media-phone .to-step-item.is-completed.to-step-item:after{background:var(--color-primary) !important}

package/theme/components/switch/index.css

@@ -0,0 +1 @@
+.to-switch{cursor:pointer;vertical-align:middle;position:relative;display:inline-flex;transition:color .5s ease-out,background .5s ease-out;width:2.86em;padding:0 .14em;height:1.43em;background:#EAECF0;border-radius:.75em;line-height:1.5em;text-align:center}.to-switch .to-switch-on{flex:1;font-size:.86em;text-align:left;padding-left:.6em;opacity:0;color:#fff}.to-switch .to-switch-off{flex:1;font-size:.86em;text-align:right;padding-right:.6em;opacity:1;color:#86909C}.to-switch:before{content:"";position:absolute;transition:transform .5s ease-out;left:.14em;top:.14em;width:1.14em;height:1.14em;background:#fff;border-radius:55%;box-shadow:0 .14em .36em 0 rgba(0,0,0,0.1)}.to-switch:hover{background:#ccc}.to-switch:active{background:#aaa}.to-switch.is-on{background:var(--color-primary)}.to-switch.is-on:before{transform:translateX(1.7em)}.to-switch.is-on:hover{filter:brightness(1.3)}.to-switch.is-on:active{filter:brightness(.8)}.to-switch.is-on .to-switch-on{opacity:1}.to-switch.is-on .to-switch-off{opacity:0}

package/theme/components/tab/index.css

@@ -0,0 +1 @@
+.to-tab{--gap:.25em;--line-color:var(--color-border);--line-width:0;--fn-radius:0;--fn-bg:none;--fn-padding:0;--fn-gap:.5em;--fn-item-size:2em;--fn-item-font-size:.8em;--fn-item-radius:50%;--item-gap:0;--item-height:3em;--item-padding:0 1em;--item-width:auto;--item-content-bg:none;--item-font-size:1em;--item-font-weight:normal;--item-left-bg:none;--item-left-width:none;--item-right-bg:none;--item-right-width:none;--item-radius:0;--item-bg:none;--item-line-width:0;--item-line-color:var(--color-border);--item-line-height:1em;--item-color:rgba(0,0,0,0.3);--item-under-height:0;--item-under-width:auto;--item-under-radius:0;--item-under-gap:0;--item-under-bg:none;--item-on-height:var(--item-height);--item-on-padding:var(--item-padding);--item-on-width:var(--item-width);--item-on-left-bg:var(--item-left-bg);--item-on-left-width:var(--item-left-width);--item-on-right-bg:var(--item-right-bg);--item-on-right-width:var(--item-right-width);--item-on-content-bg:var(--item-content-bg);--item-on-font-size:var(--item-font-size);--item-on-font-weight:var(--item-on-font-weight);--item-on-radius:var(--item-radius);--item-on-bg:var(--item-bg);--item-on-line-width:var(--item-line-width);--item-on-line-color:var(--item-line-color);--item-on-line-height:var(--item-line-height);--item-on-color:#000;--item-on-under-height:0;--item-on-under-width:100%;--item-on-under-radius:0;--item-on-under-gap:0;--item-on-under-bg:none}.to-tab{z-index:0;position:relative}.to-tab-tab{display:flex;position:relative;align-items:center;gap:var(--gap)}.to-tab-list{flex:1;white-space:nowrap;overflow:hidden;display:flex}.to-tab-wrapper{display:inline-flex;align-items:start;vertical-align:top;margin-left:-100000px;position:relative;left:100000px;gap:var(--list-gap)}.to-tab-item{width:var(--item-width);border-radius:var(--item-radius)}.to-tab-item-main{display:flex;overflow:hidden}.to-tab-item-main:after{content:'';width:var(--item-line-width);background:var(--item-line-color);height:var(--item-line-height);align-self:center}.to-tab-item-left{background-image:var(--item-left-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-left-width)}.to-tab-item-right{background-image:var(--item-right-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-right-width)}.to-tab-item-content{flex:1;overflow:hidden;padding:var(--item-padding);cursor:pointer;line-height:var(--item-height);text-overflow:ellipsis;display:flex;align-items:center;gap:.5em;background:var(--item-content-bg);background-size:100% 100%}.to-tab-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--item-font-size);font-weight:var(--item-font-weight);color:var(--item-color)}.to-tab-item-delete{visibility:hidden;cursor:default;width:1em;height:1em;border-radius:var(--radius-r);line-height:1em;text-align:center}.to-tab-item-delete:after{content:'\e01b';font-family:"icon";font-size:50%;vertical-align:top}.to-tab-item-delete:hover{background:rgba(0,0,0,0.2);color:#fff}.to-tab-item-delete:active{background:rgba(0,0,0,0.3)}.to-tab-item:hover .to-tab-item-delete{visibility:visible}.to-tab-item-under{margin:0 auto;height:var(--item-under-height);width:var(--item-under-width);margin-top:var(--item-under-gap);background:var(--item-under-bg);border-radius:var(--item-under-radius)}.to-tab-item.is-on{width:var(--item-on-width);background:var(--item-on-bg);z-index:1}.to-tab-item.is-on .to-tab-item-under{height:var(--item-on-under-height);width:var(--item-on-under-width);margin-top:var(--item-on-under-gap);background:var(--item-on-under-bg);border-radius:var(--item-on-under-radius)}.to-tab-item.is-on:after{width:var(--item-on-line-width);background:var(--item-on-line-color);height:var(--item-on-line-height)}.to-tab-item.is-on .to-tab-item-label{color:var(--item-on-color)}.to-tab-item.is-on .to-tab-item-left{background-image:var(--item-on-left-bg);height:var(--item-on-height);width:var(--item-on-left-width)}.to-tab-item.is-on .to-tab-item-right{background-image:var(--item-on-right-bg);height:var(--item-on-height);width:var(--item-on-right-width)}.to-tab-item.is-on .to-tab-item-content{padding:var(--item-on-padding);cursor:pointer;line-height:var(--item-on-height);background:var(--item-on-content-bg)}.to-tab-item.is-on .to-tab-item-label{font-size:var(--item-on-font-size);font-weight:var(--item-on-font-weight);color:var(--item-on-color)}.to-tab-item:not(.is-on):hover{background:rgba(0,0,0,0.05)}.to-tab-item:not(.is-on):active{background:rgba(0,0,0,0.2)}.to-tab-line{height:1em;width:var(--line-width);background:var(--line-color)}.to-tab-fn{display:flex;border-radius:var(--fn-radius);background:var(--fn-bg);padding:var(--fn-padding);gap:var(--fn-gap)}.to-tab-fn-item:after{font-family:'icon';font-size:var(--fn-item-font);vertical-align:top}.to-tab-fn-item{width:var(--fn-item-size);height:var(--fn-item-size);border-radius:var(--fn-item-radius);text-align:center;line-height:var(--fn-item-size);cursor:pointer}.to-tab-fn-item:hover{background:rgba(0,0,0,0.1)}.to-tab-fn-item:active{background:rgba(0,0,0,0.3)}.to-tab-fn-item.fn-left:after{content:'\e009'}.to-tab-fn-item.fn-right:after{content:'\e05a'}.to-tab-fn-item.fn-refresh:after{content:'\e06a'}.to-tab-page{overflow:hidden;position:relative;z-index:0}.to-tab-page>.content{position:relative}.to-tab.position-left{display:flex}.to-tab.position-left .to-tab-wrapper{display:flex;margin:auto;left:0;flex-direction:column}.to-tab.position-left .to-tab-page{flex:1}

package/theme/components/table/index.css

@@ -0,0 +1 @@
+.to-table{--border:1px solid var(--color-border);--head-bg:#f7f7f7;--head-line-x:1px solid var(--color-border);--head-line-y:1px solid var(--color-border);--body-line-x:1px solid var(--color-border);--body-line-y:1px solid var(--color-border);--action-gap:1em;--th-color:var(--color-fg);--th-height:3em;--th-line-height:1.5em;--th-padding:.6em 1em;--td-color:var(--color-fg);--td-height:3em;--td-padding:.6em 1em;--td-line-height:1.5em}.to-table{position:relative;overflow:auto;background:#fff;z-index:0;box-sizing:border-box}.to-table-table{border-collapse:collapse;width:100%}.to-table-th{background:var(--head-bg)}.to-table-head-row:first-child .to-table-th:first-child{border-top-left-radius:.5em}.to-table-head-row:first-child .to-table-th:last-child{border-top-right-radius:.5em}.to-table-head-row:last-child .to-table-th:first-child{border-bottom-left-radius:.5em}.to-table-head-row:last-child .to-table-th:last-child{border-bottom-right-radius:.5em}.to-table-body-row:nth-last-of-type(1) .to-table-td{border-bottom:0 none}.to-table.height-full{height:100%}.to-table-th{height:var(--th-height);line-height:var(--th-line-height);border-left:var(--head-line-y);border-right:var(--head-line-y);border-bottom:var(--head-line-x);padding:var(--th-padding);color:var(--th-color);font-weight:normal;white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-th:first-child{border-left:0 none}.to-table-th:last-child{border-right:0 none}.to-table-td{height:var(--td-height);line-height:var(--td-line-height);border-left:var(--body-line-y);border-right:var(--body-line-y);border-bottom:var(--body-line-x);padding:var(--td-padding);color:var(--td-color);white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-td:first-child{border-left:0 none}.to-table-td:last-child{border-right:0 none}.to-table-toggle{display:inline-block;height:1em;line-height:1em;border-radius:.1em;margin-right:.5em;width:1em;text-align:center;background:#C9CDD4;color:#fff}.to-table-toggle:before{font-family:'icon';font-size:.5em;vertical-align:top;content:'\e003'}.to-table-toggle:hover{background:#ddd}.to-table-toggle:active{background:#999}.to-table-toggle.is-expand{background:#86909C}.to-table-toggle.is-expand:before{content:'\e069'}.to-table-toggle.is-expand:hover{background:#ddd}.to-table-toggle.is-expand:active{background:#999}.to-table-td.is-action .to-button:not(:first-child){margin-left:var(--action-gap)}.to-table-th.is-check,.to-table-td.is-check{padding:0}

package/theme/index.css

@@ -0,0 +1 @@
+#app{height:100%}.flex{display:flex}.flex.center-x{justify-content:center}.flex.center-y{align-items:center}.p-flex{display:flex;align-items:center}.p-flex.wrap{flex-wrap:wrap}.p-flex.type-v{flex-direction:column;align-items:stretch}.p-flex.between{justify-content:space-between}.p-flex.center{justify-content:center;align-items:center}.p-flex.center-y{justify-content:center}.p-flex.center-x{align-items:center}.p-flex.around{justify-content:space-around}.p-flex.right{justify-content:flex-end;align-items:flex-end}.p-flex.left{justify-content:flex-start;align-items:flex-start}.p-flex>*{flex-shrink:0}.p-flex>.main{flex:1}.p-flex.h-full{height:100%}.to-space.mode-s:not(.is-inline){height:1em}.to-space.mode-xs:not(.is-inline){height:.86em}.to-space.mode-xxs:not(.is-inline){height:.71em}.to-space.mode-xxxs:not(.is-inline){height:.57em}.to-space.mode-default.is-inline{width:.71em}.to-space.mode-s.is-inline{width:.57em}.to-space.mode-xs.is-inline{width:.43em}.to-space.mode-xxs.is-inline{width:.29em}.to-space.mode-xxxs.is-inline{width:.14em}.to-box.mode-line{--border:1px solid #eaecf0}.to-box.mode-condition{--bg:#fff url(../img/box/condition.png) no-repeat;--padding:1.14em;--bg-size:100% auto}.to-box.mode-qr{--width:10em;--padding:.71em;--radius:.5em;--border:1px solid #eaecf0;margin:0 auto}.to-box.mode-submit{padding:1.14em;border-top:1px solid #eaecf0;box-shadow:0 -1px 6px 0 rgba(0,0,0,0.2);--radius:0}.to-box.mode-sub{--bg:#f7f8fa;--radius:.71em;--padding:.86em 1.14em}.to-float{--radius:.86em;--border:1.5px solid #fff;--bg:linear-gradient(180deg, #f3f8ff 0%, #fff 100%);--shadow:0 .43em 1.07em rgba(0,0,0,0.1)}.to-form.mode-condition{--item-border:1px solid #000;--label-padding:.54em 0;--item-bg:var(--color-bg);--item-border:1px solid var(--color-border);--label-color:#434c59;--label-padding:.43em 0 .43em .86em;--submit-gap:.86em;--item-gap:0}.to-form.mode-condition .to-form-item.is-required .to-form-label:before{order:1}.to-form.mode-condition .to-input{--border:none;--bg:none}.to-form.mode-condition .to-select{--border:none;--bg:none}.to-card.mode-pay{--padding:.86em 1.14em;--gap:.86em;--border:1px solid #d8dce4;--title-font-size:1.3em}.to-card.mode-pay:hover{background:#f7f7f7}.to-card.mode-pay:active{background:#eee}.to-card.mode-pay.is-checked{background:linear-gradient(180deg, rgba(29,119,255,0.1) 0%, rgba(29,119,255,0) 100%),#fff}.to-card.mode-offer{--padding:0;--border:1px solid #eaecf0;--title-font-size:1.14em;--content-font-size:.86em}.to-card.mode-offer:hover{background:#f7f7f7}.to-card.mode-offer:active{background:#eee}.to-card.mode-number{--radius:.57em;--border:1px solid #eaecf0;--title-line-height:1.71em;--content-color:var(--color-fg-fade);--gap-y:.14em;--bg:linear-gradient(180deg, rgba(19,54,255,0.04) 0%, rgba(19,54,255,0) 100%), #fff}.to-card.mode-number:hover{--bg:#fff}.to-card.mode-number:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-card.mode-submit{--padding:0;--align:flex-start;--gap-x:.57em;--title-font-size:1.3em;--content-font-size:.86em}.to-card.mode-cart-title{--padding:0;--title-font-size:1.14em;--title-font-weight:bold;--gap-x:.57em}.to-card.is-checked{--border:1px solid #1361ff}.to-card.is-checked:after{content:'';width:2em;height:2em;background:url(../img/card/check.svg);background-size:100% 100%;position:absolute;top:-1px;right:-1px}.to-card.mode-cart-list{--padding:0 .57em;--line-height:1.57em}.to-header.mode-cart{--icon-bg:url(../img/icon/offer.png);--icon-width:1.72em;--icon-height:1.42em;--title-gap:.57em;--title-font-weight:normal;--bg:rgba(19,97,255,0.08);--padding:.86em 1.14em;--gap:.86em;--title-color:var(--color-primary)}.to-tag{--height:1.3em;--radius:.29em;--border:1px solid var(--color-fg-fade2);--font-size:.86em;--padding:0 .29em}.to-tag.color-primary{--border:1px solid var(--color-primary);--color:var(--color-primary);--bg:rgba(19,97,255,0.1)}.to-tag.mode-box{--height:2.43em;--padding:0 .86em;--gap:.86em;--delete-size:1.07em;--delete-color:#fff;--delete-bg:#c9cdd4;--bg:#fff;--border:1px solid #d8dce4;--radius:.43em}.to-tag.position-float{position:absolute;top:-0.5em;left:0}.to-tag.mode-lucky{--width:4.57em;--height:1.64em;--bg:url(../img/tag/lucky.png);--border:0 none}.to-tag.mode-command{--width:4.57em;--height:1.64em;--bg:url(../img/tag/command.png);--border:0 none}.to-tag.mode-search-tag{--padding:0 .71em;--radius:.57em;--border:.5px solid #d8dce4;--bg:#fff;--height:2.28em;--color:var(--color-fg-fade)}.to-tag.color-danger{--border:1px solid var(--color-danger);--color:var(--color-danger);--bg:#fff0ee}.to-tag.color-success{--border:1px solid var(--color-success);--color:var(--color-success);--bg:rgba(59,179,70,0.07)}.to-tag.color-warning{--border:1px solid var(--color-warning);--color:var(--color-warning);--bg:rgba(255,160,0,0.1)}.to-tag.mode-plain{--border:0 none}.to-tag.mode-rightTopOut{position:absolute;top:-0.43em;right:0;transform:translateX(30%);--height:1.43em;--padding:0 .29em;--border:0 none;--radius:.5em .5em .5em 0;--color:#fff}.to-tag.mode-rightTopOut.color-primary{--bg:linear-gradient(212deg, #599bff 15.34%, #3c69ff 80.58%)}.to-tag.mode-rightTopOut.color-danger{--bg:linear-gradient(224deg, #fffaf7 -78.34%, #ff5613 75.48%)}.to-text.color-primary{color:var(--color-primary)}.to-text.color-success{color:var(--color-success)}.to-text.color-danger{color:var(--color-danger)}.to-text.color-fade{color:var(--color-fg-fade)}.to-text.color-fade2{color:var(--color-fg-fade2)}.to-text.color-gd{background:linear-gradient(137deg, #3477ff 16.35%, #9b7aff 75.98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;backdrop-filter:blur(2.49999976px);font-weight:600}.to-text.color-gd-deep{background:linear-gradient(90deg, #000 0%, #002b82 88.35%, #5f69fa 113.27%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.to-text.color-gdbusiness{background:linear-gradient(137deg, #0054ff 16.35%, #5a23ff 75.98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;backdrop-filter:blur(2.49999976px)}.to-segment.mode-filter{--border:var(--border-fe);--gap-x:.29em;--bg:#f7f8fa;--radius:.43em;--item-border:0 none;--item-padding:0 .86em;--item-bg:none;--item-on-bg:#fff;--item-radius:.36em}.to-checkbox{--box-size:1.14em;--box-radius:.29em;--box-border:1px solid #eaecf0}.to-checkbox.mode-single{--padding:0;--height:auto}.media-phone{--border-fe:1px solid #d8dce4;--color-fg:#1d2129;--color-fg-fade:#434c59;--color-fg-fade2:#86909c;--color-dis:#c9cdd4;--color-bg:#fff;--color-primary:#1361ff;--color-success:#00c445;--color-danger:#fc4253;--color-warning:#f3b100;--color-border:#ddd;--color-placeholder:#c9cdd4;--color-readonly:var(--color-dis);--bg-readonly:#f7f8fa;--gap:.5em;--radius-block:1em;--radius-fe:.5em;--height-fe:2.66666667em;--bg-gd1:linear-gradient(143deg, #b77eff 23.03%, #7f72ff 93.79%);--bg-gd2:linear-gradient(153deg, #5090ff 16.74%, #6459ff 113.28%)}.media-phone .p-flex.gap-2{gap:.16666667em}.media-phone .p-flex.gap-3{gap:.25em}.media-phone .p-flex.gap-4{gap:.33333333em}.media-phone .p-flex.gap-6{gap:.5em}.media-phone .p-flex.gap-8{gap:.66666667em}.media-phone .p-flex.gap-12{gap:1em}.media-phone .p-flex.gap-16{gap:1.33333333em}.media-phone .p-flex.gap-20{gap:1.66666667em}.media-phone .p-flex.h-22{height:1.83333333em}.media-phone .p-flex.h-26{height:2.16666667em}.media-phone .p-flex.h-32{height:2.66666667em}.media-phone body{font-size:12%}.media-phone .to-pic.mode-fix{filter:drop-shadow(0 .66666667em 1.66666667em rgba(0,0,0,0.1))}.media-phone .to-box.mode-search{--radius:0;--bg:url(../img-phone/box/search.png) no-repeat, linear-gradient(182deg, #d8ebfd 2.23%, #f0f2f8 20.01%)}.media-phone .to-input{--padding-x:1em;--gap:.41666667em}.media-phone .to-input>.to-icon{--radius:var(--radius-fe);--color:#86909c}.media-phone .to-input.mode-search{--border:1px solid #fff;--height:2.66666667em;--radius:.66666667em;--bg:rgba(255,255,255,0.45)}.media-phone .to-button.mode-none{--border:none;--bg:none}.media-phone .to-button.mode-text{--padding:0;--height:1em;--border:0 none;--bg:none}.media-phone .to-button.color-primary{--color:var(--color-primary)}.media-phone .to-button.mode-text.color-primary:active{--color:#0a3180}.media-phone .to-button.mode-fill{--color:#fff;--border:0 none;--bg:linear-gradient(90deg, #1361ff 0%, #505fff 100%)}.media-phone .to-button.mode-fill:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.media-phone .to-button.mode-fill:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-phone .to-icon.mode-fe{--size:1.33333333em;--font-size:1em;--color:var(--color-fg-fade2)}.media-phone .to-icon.color-fg{--color:var(--color-fg)}.media-phone .to-tab.mode-default{--item-height:2.66666667em;--item-padding:0 1em;--item-font-size:1.16666667em;--item-color:var(--color-fg-fade);--item-on-font-weight:600;--item-on-color:var(--color-fg);--item-on-under-height:.25em;--item-on-under-radius:.125em;--item-on-under-width:1.33333333em;--item-on-under-bg:var(--color-primary)}.media-phone .to-tag.mode-result{--border:none;--height:2em;--padding:0 .66666667em;--bg:#fff}.media-phone .to-card{--gap-x:1em;--gap-y:.16666667em;--title-font-weight:bold;--title-font-size:1.16666667em;--title-line-height:1.83333333em;--content-line-height:1.66666667em;--content-color:var(--color-fg-fade2)}.media-phone .to-header.mode-2{--icon-width:.25em;--icon-height:1.16666667em;--icon-bg:linear-gradient(332deg, #0098ed -22.22%, #8571f3 135.38%);--icon-radius:.125em;--title-gap:.66666667em;--title-font-size:1.16666667em;--title-line-height:1.83333333em}.media-phone .to-header.mode-3{--title-font-size:1.16666667em;--title-line-height:1.83333333em;--title-font-weight:normal;--title-color:var(--color-fg-fade2)}.media-phone .to-box.mode-step{--bg:#f7f8fa;--radius:.83333333em;--padding:1em 1.33333333em}.media-pc{--border-fe:1px solid #d8dce4;--color-fg:#1d2129;--color-fg-fade:#434c59;--color-fg-fade2:#86909c;--color-dis:#c9cdd4;--color-bg:#fff;--color-primary:#1361ff;--color-success:#00c445;--color-danger:#fc4253;--color-warning:#f3b100;--color-border:#ddd;--color-placeholder:#c9cdd4;--color-readonly:var(--color-dis);--bg-readonly:#f7f8fa;--gap:.5em;--radius-block:.71em;--radius-fe:.43em;--height-fe:2.43em;--bg-gd1:linear-gradient(143deg, #b77eff 23.03%, #7f72ff 93.79%);--bg-gd2:linear-gradient(153deg, #5090ff 16.74%, #6459ff 113.28%)}.media-pc .p-flow{display:flex;align-items:center}.media-pc .p-flow .p-flow-node{display:flex;height:3.43em;padding:.43em .86em;font-weight:bold;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;border-radius:.57em;border:1px solid var(--Border-Border-, #d8dce4);background:#fff;box-shadow:0 .29em 1.07em rgba(0,0,0,0.05);position:relative}.media-pc .p-flow .p-flow-node.type-start{border:.5px solid #0b82ff;background:rgba(11,130,255,0.1);backdrop-filter:blur(.14em)}.media-pc .p-flow .p-flow-node.type-current{color:#fff;border:1px solid #1361ff;background:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%);box-shadow:0 .29em 1.07em rgba(0,0,0,0.05)}.media-pc .p-flow .p-flow-node.type-error{color:#7f4216;border:.5px solid #ff7916;background:rgba(255,121,22,0.1);backdrop-filter:blur(.14em)}.media-pc .p-flow .p-flow-arrow{flex:1;background:url(../img/icon/flowArrow.png) #f2f3f5 no-repeat center center;background-size:auto 100%;width:auto;height:.57em}.media-pc .p-flex.gap-2{gap:.14em}.media-pc .p-flex.gap-3{gap:.21em}.media-pc .p-flex.gap-4{gap:.29em}.media-pc .p-flex.gap-6{gap:.43em}.media-pc .p-flex.gap-8{gap:.57em}.media-pc .p-flex.gap-12{gap:.86em}.media-pc .p-flex.gap-16{gap:1.14em}.media-pc .p-flex.h-22{height:1.57em}.media-pc .p-flex.h-26{height:1.86em}.media-pc .p-flex.h-32{height:2.28em}.media-pc body{font-size:14%}.media-pc .to-grid{--border:1px solid #eaecf0}.media-pc .to-pic.mode-fix{--shadow:0 .93em 2.36em rgba(0,0,0,0.1)}.media-pc .to-fix{--number-inset:-0.28em .21em auto auto;--number-border:1px solid rgba(255,255,255,0.6);--number-size:1.14em;--number-font-size:.93em}.media-pc .to-segment{--gap-x:1.14em;--gap-y:1.14em;--item-border:1px solid #d8dce4;--item-padding:0 .86em}.media-pc .to-segment.mode-default.type-default .to-segment-item.is-on:after{content:'';width:1.4em;height:1.4em;background:url(../img/card/check.svg);background-size:100% 100%;position:absolute;top:-1px;right:-1px}.media-pc .to-segment.type-radio{--gap-y:.57em;--gap-x:2.29em;--item-bg:none;--item-border:0 none;--item-padding:0;--radio-size:1.14em;--radio-border:1px solid var(--color-border);--radio-on-border:.36em solid var(--color-primary)}.media-pc .to-segment.type-check{--gap-y:.57em;--gap-x:2.29em;--item-bg:none;--item-border:0 none;--item-padding:0;--check-size:1.14em;--check-radius:.29em;--check-border:1px solid #eaecf0;--check-on-border:.36em solid var(--color-primary)}.media-pc .to-segment.col-auto{--item-padding:0 2.14em 0 1.14em}.media-pc .to-segment.col-auto .to-segment-item{width:auto}.media-pc .to-text.mode-tip{color:#434c59;text-align:center;font-size:1.14em;line-height:1.71em;display:block}.media-pc .to-box.mode-SearchToDoR{--radius:.43em .43em 0 0;--gap-y:.14em;--bg:url(../img/box/SearchToDoR.png) top;--width:100%;--padding:0 1.14em;--bg-size:100% 100%}.media-pc .to-box.mode-SearchToDoR:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-pc .to-box.mode-body{--radius:0;--bg:url(../img/box/body.png)}.media-pc .to-box.mode-step{--bg:#f7f8fa;--radius:.71em}.media-pc .to-box.mode-sale{--border:1px solid #fff;--bg:url(../img/box/sale.png);--radius:.57em;--shadow:0 .21em .71em 0 rgba(0,0,0,0.1)}.media-pc .to-box.mode-sale:hover{filter:brightness(1.03)}.media-pc .to-box.mode-sale:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-pc .to-box.mode-glass{--radius:0;--padding:.86em 1.14em;--radius:0 0 .57em .57em;--bg:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.7) 100%);backdrop-filter:blur(10px)}.media-pc .to-box.mode-business{--bg:url(../img/box/sub.png) no-repeat, linear-gradient(216deg, rgba(255,255,255,0) 26.91%, rgba(225,215,255,0.2) 98.66%), linear-gradient(0deg, rgba(23,19,255,0) 80.04%, rgba(23,19,255,0.09) 93.01%, rgba(23,19,255,0.2) 100%);--bg-size:100% 100%;--border:1px solid #fff}.media-pc .to-box.mode-chart{--bg:rgba(19,97,255,0.08);--border:1px solid #fff;--padding:1.14em;filter:drop-shadow(0 .14em .71em rgba(0,0,0,0.03))}.media-pc .to-space.mode-default:not(.is-inline){height:1.14em}.media-pc .to-table{--head-bg:#f2f6fb;--border:0 none;--head-line-x:0 none;--head-line-y:0 none;--body-line-x:1px solid #eaecf0;--body-line-y:0 none;--th-color:#434c59;--th-padding:.64em 1.14em;--th-line-height:1.57em;--td-color:#1d2129;--td-padding:.86em 1.14em;--td-line-height:1.57em}.media-pc .to-table.border{border:1px solid #eaecf0;border-radius:.57em}.media-pc .to-header{--fn-gap:.86em;--title-line-height:1.86em}.media-pc .to-header.mode-2{--title-font-size:1.14em;--title-line-height:1.71em;--title-gap:.57em;--icon-width:.29em;--icon-height:1.14em;--icon-radius:.29em;--icon-bg:var(--color-primary)}.media-pc .to-header.mode-3{--title-font-size:1em;--title-line-height:1.57em;--title-font-weight:normal;--title-color:var(--color-fg-fade2)}.media-pc .to-header.mode-4{--title-gap:.57em;--title-font-weight:normal;--bg:rgba(19,97,255,0.08);--padding:.86em 1.14em;--gap:.86em;--title-color:var(--color-primary)}.media-pc .to-header.mode-offer{--icon-bg:url(../img/icon/offer.png);--icon-width:1.72em;--icon-height:1.42em;--title-gap:.57em}.media-pc .to-header.mode-map{--icon-bg:url(../img/icon/map.png);--icon-width:1.72em;--icon-height:1.42em;--title-gap:.57em}.media-pc .to-header.mode-msg-detail{--title-font-size:1.14em;--title-line-height:1.71em}.media-pc .to-header.mode-SearchToDoRheader{--padding:.86em 0}.media-pc .to-header.mode-hd{--icon-bg:url(../img/icon/hd.png);--icon-width:1.72em;--icon-height:1.42em;--title-gap:.57em}.media-pc .to-icon.mode-user{--size:2.58em;--color:var(--color-bg);--font-size:.86em}.media-pc .to-icon.mode-userFn{--size:1.14em;--bg:var(--bg-gd2);--color:var(--color-bg);--font-size:.64em}.media-pc .to-icon.mode-fe{--size:1.14em;--font-size:.86em;--color:var(--color-fg-fade2)}.media-pc .to-icon.mode-task{--size:1.43em;--color:#434c59;--radius:var(--radius-fe)}.media-pc .to-icon.mode-header{--size:1.43em;--font-size:.71em;--color:var(--color-fg-fade);--radius:var(--radius-fe)}.media-pc .to-icon.color-bg1{--bg:var(--bg-gd1);--color:var(--color-bg)}.media-pc .to-icon.color-info{color:#86909c}.media-pc .to-card{--title-line-height:1.86em;--content-line-height:1.57em}.media-pc .to-card.mode-offerList{--padding:1.3em 1.14em;--gap-x:1.14em;--bg:url(../img/card/offerlistBG.png) no-repeat;--bg-size:100% 100%;--border:1px solid #eaecf0;--radius:.57em}.media-pc .to-card.mode-offerList .to-card-title-main{--title-line-height:1.71em}.media-pc .to-card.mode-offerList .to-card-title-main .to-card-title-text{--title-font-size:1.14em;--title-font-weight:500}.media-pc .to-card.mode-offerList .to-card-content-main{--title-line-height:1.57em}.media-pc .to-card.mode-offerList .to-card-content-main .to-card-content-text{--title-font-size:1em}.media-pc .to-card.mode-offerList.is-link:hover{background:#f7f7f7}.media-pc .to-card.mode-offerList.is-link:active{background:#eee}.media-pc .to-card.mode-list{--padding:1.14em .29em;--gap-x:.86em}.media-pc .to-card.mode-thead{--padding:0;--color:var(--color-fg-fade2);--title-line-height:1.57em}.media-pc .to-card.mode-tbody{--gap-x:.57em;--padding:.29em 0;--title-line-height:1.71em}.media-pc .to-card.mode-user{--padding-x:.86em;--padding-y:.57em;--gap-x:.57em}.media-pc .to-card.mode-baseNav{--padding:.36em .71em;--gap-x:.21em;--radius:var(--radius-fe);cursor:pointer}.media-pc .to-card.mode-baseNav:not(.color-on):hover{background:rgba(0,0,0,0.1)}.media-pc .to-card.mode-baseNav:not(.color-on):active{background:rgba(0,0,0,0.2)}.media-pc .to-card.mode-baseNav.color-on{--bg:#dfe3ff;font-weight:bold}.media-pc .to-card.mode-scan{--padding:0;--title-line-height:1.86em;--title-font-size:1.14em;--content-color:#86909c;--gap-x:1.14em;--gap-y:.29em}.media-pc .to-card.mode-msg-detail{--padding:0;--line-height:1.57em}.media-pc .to-card.mode-sale-sub{--gap-y:.29em;--title-font-size:1.14em;--title-line-height:1.57em;--title-font-weight:bold;--content-color:var(--color-fade);--content-line-height:1.43em;--padding:.86em 1.14em;--radius:.57em;--border:1px solid #eaecf0;--bg:radial-gradient(49.59% 69.05% at 93.84% -5.24%, rgba(19,97,255,0.1) 0%, rgba(41,198,255,0) 100%), #fff}.media-pc .to-card.mode-knowledgeBasebg{--radius:.57em;--border:1px solid rgba(153,155,198,0.18);--title-line-height:1.71em;--content-color:var(--color-fg-fade);--gap-y:.14em;--bg:url(../img/box/knowledgeBasebg.png) right;--width:100%;--height:5.2em;--bg-size:100% 100%}.media-pc .to-card.mode-knowledgeBasebg:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-pc .to-card.mode-todo{--radius:.57em;--border:1px solid rgba(153,155,198,0.18);--title-line-height:1.71em;--content-color:var(--color-fg-fade);--gap-y:.14em;--bg:url(../img/box/Todobg.png) right;--width:100%;--height:5.2em;--bg-size:100% 100%}.media-pc .to-card.mode-todo:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-pc .to-input{--padding-x:.86em;--gap:.36em}.media-pc .to-input>.to-icon{--radius:var(--radius-fe);--color:#86909c}.media-pc .to-input.type-textarea{--padding-y:.57em}.media-pc .to-input:has(.to-input-prefix){padding-left:var(--padding-x)}.media-pc .to-input.mode-search{--padding-x:.57em;--height:1.86em;--border:1px solid #fff;--color-placeholder:#86909c;--bg:rgba(255,255,255,0.5)}.media-pc .to-input.mode-size{--font-size:1.14em}.media-pc .to-input.mode-search-large{--font-size:1.14em;--padding:.43em .43em .43em 1.14em;--height:3.14em;--radius:.75em;--border:1px solid #fff;--color-placeholder:var(--color-fg-fade2);--bg:rgba(255,255,255,0.5);box-shadow:0 4px 15px 0 rgba(0,0,0,0.03)}.media-pc .to-line{--color:rgba(67,77,88,0.15)}.media-pc .to-line.color-bg{--color:var(--color-bg)}.media-pc .to-line.mode-sub{--color:#eaecf0}.media-pc .to-line.mode-bg{--color:#fff}.media-pc .to-select{--padding:.36em .86em}.media-pc .to-tab.mode-task{--gap:.36em;--item-padding:0 .57em 0 .86em;--item-width:10em;--item-height:2.28em;--item-font:.86em;--item-line-width:1px;--item-line-color:rgba(134,144,156,0.5);--item-color:#434c59;--item-on-offset:1em;--item-on-width:11.72em;--item-on-left-bg:url(../img/tab/task-left.png);--item-on-left-width:1.71em;--item-on-right-bg:url(../img/tab/task-right.png);--item-on-right-width:1.71em;--item-on-content-bg:#fff;--item-on-padding:0;--item-line-height:.71em;--item-on-line-width:0;--fn-radius:.43em;--fn-bg:rgba(201,203,223,0.45);--fn-padding:.14em .71em;--fn-gap:.36em;--fn-item-size:1.14em;--fn-item-radius:.43em;--fn-item-font:.625em;--line-width:1px;--line-color:rgba(134,144,156,0.5)}.media-pc .to-tab.mode-task .to-tab-list{order:3}.media-pc .to-tab.mode-task .to-tab-line{order:2;margin-right:-0.5em}.media-pc .to-tab.mode-task .to-tab-fn{order:1}.media-pc .to-tab.mode-task .to-tab-list{padding-left:1em}.media-pc .to-tab.mode-task .to-tab-item.is-on{filter:drop-shadow(0 -4px 5px rgba(0,0,0,0.05));margin:0 -1em}.media-pc .to-tab.mode-task .to-tab-item.is-on .to-tab-item-main:after{display:none}.media-pc .to-tab.mode-task .to-tab-item:has(+ .is-on) .to-tab-item-main:after{display:none}.media-pc .to-tab.mode-offer{--item-height:1.86em;--item-padding:0;--item-font-size:1.14em;--item-color:#1D212;--item-on-padding:0;--item-on-height:1.86em;--item-on-content-bg:rgba(19,97,255,0.1);--item-on-font-size:1.14em;--item-on-font-weight:500}.media-pc .to-tab.mode-offer .to-tab-item:not(.is-on):hover{border-radius:.43em}.media-pc .to-tab.mode-offer ul.to-tab-wrapper{width:100%;justify-content:center;gap:1.14em}.media-pc .to-tab.mode-offer ul.to-tab-wrapper li.to-tab-item .to-tab-item-content{border-radius:.43em}.media-pc .to-tab.mode-offer ul.to-tab-wrapper li.to-tab-item .to-tab-item-label{display:flex;padding:.36em .86em;justify-content:center;align-items:center;gap:.71em}.media-pc .to-tab.mode-offer ul.to-tab-wrapper li.to-tab-item.is-on .to-tab-item-content{border-radius:.43em}.media-pc .to-tab.mode-offer ul.to-tab-wrapper li.to-tab-item.is-on .to-tab-item-label{display:flex;padding:.36em .86em;justify-content:center;align-items:center;gap:.71em}.media-pc .to-tab.mode-default{--list-gap:1.14em;--item-height:1.86em;--item-padding:0 .29em;--item-font-size:1.14em;--item-on-font-size:1.29em;--item-on-font-weight:600;--item-on-under-height:.21em;--item-on-under-gap:.42em;--item-on-under-radius:.11em;--item-on-under-bg:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%)}.media-pc .to-tab.mode-2{--fn-gap:1.14em;--list-gap:1.14em;--item-radius:.43em;--item-height:1.86em;--item-color:var(--color-fg-fade);--item-padding:.14em .57em;--item-line-height:1.57em;--item-on-color:var(--color-primary);--item-on-font-weight:bold;--item-on-bg:rgba(19,97,255,0.1)}.media-pc .to-tab.mode-left{--dir:column}.media-pc .to-form{--gap-x:1.14em;--gap-y:1.14em;--label-line-height:1.57em;--label-gap:.14em;--item-gap:.86em}.media-pc .to-form.label-position-top{--item-gap:.857em;--label-padding:0;--label-color:#86909c}.media-pc .to-form.label-position-top .to-form-item{align-items:flex-start;flex-direction:column}.media-pc .to-form.label-position-top .to-form-item .to-form-value{width:100%}.media-pc .to-form.mode-marginRight{margin-right:20em}.media-pc .to-button{--gap:.29em;--padding:0 .86em}.media-pc .to-button-icon{--size:1.14em}.media-pc .to-button.mode-fill{--color:#fff;--border:0 none;--bg:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%)}.media-pc .to-button.mode-fill:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.media-pc .to-button.mode-fill:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.media-pc .to-button.mode-fill-l{--color:#fff;--border:0 none;--bg:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%);--height:2.86em;--gap:.71em;--padding:0 1.14em}.media-pc .to-button.mode-fill-l:hover{filter:brightness(1.3)}.media-pc .to-button.mode-fill-l:active{filter:brightness(.8)}.media-pc .to-button.mode-fill-l .to-button-text{font-size:1.14em !important}.media-pc .to-button.mode-line-l{--border:var(--border-fe);--bg:#fff;--height:2.86em;--gap:.71em;--padding:0 1.14em}.media-pc .to-button.mode-line-l:hover{background:rgba(0,0,0,0.1)}.media-pc .to-button.mode-line-l:active{background:rgba(0,0,0,0.2)}.media-pc .to-button.mode-line-l .to-button-text{font-size:1.14em !important}.media-pc .to-button.mode-text{--padding:0;--height:1em;--border:0 none;--color:#1361ff;--bg:none}.media-pc .to-button.mode-text:hover{color:#89b0ff}.media-pc .to-button.mode-text:active{color:#1157e6}.media-pc .to-button.mode-text.color-fg{color:var(--color-fg)}.media-pc .to-button.mode-text.color-fg:hover{color:#999}.media-pc .to-button.mode-text.color-fg:active{color:#000}.media-pc .to-button.mode-none{--padding:.14em .43em;--height:1.5em;--border:0 none;--icon-size:1.14em;--icon-font-size:.57em;--color:#1361ff}.media-pc .to-button.mode-none:hover{background:#f7f7f7}.media-pc .to-button.mode-none:active{background:#eee}.media-pc .to-button.mode-card{--height:1.86em;--padding:0 .57em;--font-size:.86em}:root{--ui-color-primary:#409eff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,ul>li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,button,input,textarea,time,mark,audio,video{margin:0;padding:0;list-style:none;outline:0 none;font-style:normal;-webkit-focus-ring-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit;font-family:inherit}html{height:100%;font-size:100px;overflow:hidden;width:100%;border:0 none;font-family:'PingFang SC','microsoft yahei',simhei,verdana}body{height:100%;position:relative;color:var(--color-fg);overflow:hidden;z-index:0;font-size:.12em;width:100%;border:0 none;text-align:left}a{text-decoration:none}iframe{border:0 none;height:100%;width:100%;display:block}img{border:0 none;vertical-align:top;max-width:100%}label{cursor:default !important}#scrollerTest{position:absolute;width:100px;height:100px;left:-100em;top:-100em;overflow:scroll}#scrollerTest div{height:100%}.is-link{cursor:pointer}html body .height-full{height:100%}:root{--color-fg:#333;--color-fg-fade:#999;--color-fg-fade2:#ddd;--color-bg:#fff;--color-primary:#0085d0;--color-success:#8fc320;--color-danger:#e40077;--color-warning:#f3b100;--color-placeholder:#ddd;--color-readonly:#ddd;--color-border:#ddd;--radius-block:.5em;--radius-fe:.25em;--radius-r:50%;--bg-fe:#fff;--bg-readonly:#eee;--border-fe:1px solid #ddd;--height-fe:3em;--width-border:1px}.hover{background:rgba(0,0,0,0.1)}.active{background:rgba(0,0,0,0.2)}@font-face{font-family:"icon";src:url("../img/icon.ttf") format("truetype")}@font-face{font-family:"icon-type-fill";src:url("../img/icon-type-fill.ttf") format("truetype")}.to-button{--height:var(--height-fe);--padding:0 1.5em;--border:var(--border-fe);--gap:.5em;--radius:var(--radius-fe);--icon-size:1em;--icon-font-size:1em;--font-size:1em;--color:inherit;--bg:#fff}.to-button{flex-shrink:0;color:var(--color);border:0 none;position:relative;padding:var(--padding);height:var(--height);line-height:var(--height);font-size:100%;background:var(--bg);cursor:pointer;border-radius:var(--radius);display:inline-flex;gap:var(--gap);align-items:center}.to-button-icon.to-icon{--size:var(--icon-size);--font-size:var(--icon-font-size);--color:var(--color)}.to-button-text{font-size:var(--font-size)}.to-button::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-button.mode-default:hover{background:rgba(0,0,0,0.1)}.to-button.mode-default:active{background:rgba(0,0,0,0.2)}.to-button.icon-position-right .to-button-icon.to-icon{order:2}.to-icon{display:inline-block;width:40px;height:40px;background:url('../../img/default.png');background-size:cover}.to-article{background:#fff;border-radius:.5em;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:2em;margin:1em 0}.to-article-header{font-size:1.3em;font-weight:bold;margin-bottom:1em}.to-article-content{font-size:1em;color:#333}.to-article-footer{margin-top:1.5em;color:#888;font-size:.93em}.to-box{--bg:var(--color-bg);--bg-size:(100% 100%);--padding:0;--radius:var(--radius-block);--border:0 none;--width:auto;--height:auto;--shadow:none;width:var(--width);background:var(--bg);background-size:var(--bg-size);padding:var(--padding);border:var(--border);border-radius:var(--radius);box-sizing:border-box;height:var(--height);box-shadow:var(--shadow);position:relative}.to-box.is-cut{overflow:hidden}.to-select{--height:var(--height-fe);--border:var(--border-fe);--bg:var(--bg-fe);--padding:0 1em 0 1em;--width:100%;--radius:var(--radius-fe);--gap:0;--arrow-size:1em;--arrow-font-size:.75em;--arrow-color:var(--color-fg-fade);--gap:1em}.to-select{box-sizing:border-box;position:relative;display:flex;gap:var(--gap);align-items:center;height:var(--height);padding:var(--padding);border-radius:var(--radius);background:var(--bg);cursor:pointer}.to-select::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-select-content{flex:1;text-overflow:ellipsis;overflow:hidden}.to-select-arrow{flex-shrink:0;width:var(--arrow-size);height:var(--arrow-size);line-height:var(--arrow-size)}.to-select-arrow:before{color:var(--arrow-color);font-size:var(--arrow-font-size);font-family:'icon';content:'\e081'}.to-select-option{position:absolute;overflow:auto;z-index:1100;visibility:hidden;transform:scale(1, 0);transition:visibility .1s ease-out,transform .1s ease-out;transform-origin:top;padding:.5em;background:#fff;box-sizing:border-box;border:1px solid var(--color-border)}.to-select-item{padding:0 1em;line-height:var(--height-fe);cursor:pointer}.to-select-item:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.to-select-item:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-select-item.is-on{color:var(--color-primary)}.to-select-option.is-show{transform:scale(1);visibility:visible}.to-select:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.to-select:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-select.is-placeholder{color:var(--color-placeholder)}.to-space.mode-default:not(.is-inline){height:1em}.to-space.is-inline{width:1em;display:inline-block;height:.1em}.to-form{--gap-x:1em;--gap-y:.5em;--item-gap:.5em;--item-border:0 none;--item-padding:0;--item-bg:none;--item-height:var(--height-fe);--item-radius:var(--radius-fe);--label-line-height:2em;--label-padding:.5em 0;--label-color:inherit;--label-gap:.5em;--required-color:var(--color-danger);--col:1;--submit-gap:.5em}.to-form{position:relative}.to-form-list{display:flex;flex-wrap:wrap;gap:var(--gap-y) var(--gap-x)}.to-form-item{--merge:1;position:relative;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--item-gap);padding:var(--item-padding);background:var(--item-bg);border-radius:var(--item-radius);width:calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x))}.to-form-item.merge-2{--merge:2}.to-form-item.merge-3{--merge:3}.to-form-item.merge-4{--merge:4}.to-form-item.merge-5{--merge:5}.to-form-item::after{border:var(--item-border);border-radius:var(--item-radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-form-label{text-align:right;justify-content:flex-end;color:var(--label-color);padding:var(--label-padding);line-height:var(--label-line-height);display:inline-flex;gap:var(--label-gap)}.to-form-value{flex:1;overflow:hidden}.to-form-value .to-switch{margin-top:calc((var(--item-height) - 1.43em) / 2)}.to-form-submit{white-space:nowrap;display:flex;gap:var(--submit-gap)}.to-form-item.is-required .to-form-label:before{content:'*';color:var(--required-color)}.to-form.submit-position-right .to-form-item{flex:1}.to-form.submit-position-corner .to-form-placeholder{visibility:hidden;content:'';height:var(--item-height);width:2em}.to-form.submit-position-corner .to-form-submit{position:absolute;right:0;bottom:0}.to-form.col-1{--col:1}.to-form.col-2{--col:2}.to-form.col-3{--col:3}.to-form.col-4{--col:4}.to-form.col-5{--col:5}.to-form.col-6{--col:6}.to-form.col-7{--col:7}.to-grid{--border:1px solid var(--color-border)}.to-grid{box-sizing:border-box;display:flex;flex-flow:column}.to-grid>.to-grid-content{display:flex;flex:1}.to-grid>.to-grid-content>.to-grid-item{flex:1;overflow:hidden;box-sizing:border-box}.to-grid>.to-grid-content>.to-grid-item[style*='width']{flex:none}.to-grid>.to-grid-content>.to-grid-item.is-side{flex:none;width:auto;overflow:visible;z-index:1}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-2{flex:2}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-3{flex:3}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-4{flex:4}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-5{flex:5}.to-grid.is-visible>.to-grid-content>.to-grid-item{overflow:visible}.to-grid.type-v>.to-grid-content{display:block}.to-grid.type-v>.to-grid-content>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content,.to-grid.type-v>.to-grid-content[style*='height']{flex-flow:column;flex:none;display:flex}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item:first-child,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item:first-child{padding-top:0 !important}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item[style*='height'],.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item[style*='height']{flex:none}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item.is-side,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item.is-side{height:auto}.to-grid.height-full{height:100%}.to-grid.height-full>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content>.to-grid-item{height:100%}[class*='col-']>.to-grid-content{flex-wrap:wrap}[class*='col-']>.to-grid-content>.to-grid-item{flex:none}.to-grid.col-auto>.to-grid-content>.to-grid-item{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.title .main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.content .main{width:auto}.to-grid.wrap-false>.to-grid-content{flex-wrap:nowrap}.to-grid.col-1>.to-grid-content>.to-grid-item{width:100%}.to-grid.col-2>.to-grid-content>.to-grid-item{width:50%}.to-grid.col-3>.to-grid-content>.to-grid-item{width:33.33333333%}.to-grid.col-3>.to-grid-content>.to-grid-item.merge-2{width:66.66666667%}.to-grid.col-4>.to-grid-content>.to-grid-item{width:25%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-2{width:50%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-3{width:75%}.to-grid.col-5>.to-grid-content>.to-grid-item{width:20%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-2{width:40%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-3{width:60%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-4{width:80%}.to-grid.col-6>.to-grid-content>.to-grid-item{width:16.66%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-2{width:33.33333333%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-3{width:50%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-4{width:66.66666667%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-5{width:83.33333333%}.to-grid.col-7>.to-grid-content>.to-grid-item{width:14.28%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-2{width:28.57%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-3{width:42.86%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-4{width:57.14%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-5{width:71.43%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-6{width:85.71%}.to-grid.col-8>.to-grid-content>.to-grid-item{width:12.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-2{width:25%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-3{width:37.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-4{width:50%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-5{width:62.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-6{width:75%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-7{width:87.5%}.to-grid.col-9>.to-grid-content>.to-grid-item{width:11.11%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-2{width:22.22%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-3{width:33.33%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-4{width:44.44%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-5{width:55.56%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-6{width:66.67%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-7{width:77.78%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-8{width:88.89%}.to-grid.col-10>.to-grid-content>.to-grid-item{width:10%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-2{width:20%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-3{width:30%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-4{width:40%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-5{width:50%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-6{width:60%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-7{width:70%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-8{width:80%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-9{width:90%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-10,.to-grid.col-9>.to-grid-content>.to-grid-item.merge-9,.to-grid.col-8>.to-grid-content>.to-grid-item.merge-8,.to-grid.col-7>.to-grid-content>.to-grid-item.merge-7,.to-grid.col-6>.to-grid-content>.to-grid-item.merge-6,.to-grid.col-5>.to-grid-content>.to-grid-item.merge-5,.to-grid.col-4>.to-grid-content>.to-grid-item.merge-4,.to-grid.col-3>.to-grid-content>.to-grid-item.merge-3,.to-grid.col-2>.to-grid-content>.to-grid-item.merge-2{width:100%}.to-grid.is-line{overflow:hidden}.to-grid.is-line>.to-grid-content{margin-bottom:-1px;margin-left:-1px}.to-grid.is-line>.to-grid-content>.to-grid-item{border-bottom:var(--border);border-left:var(--border)}.to-grid.va-center>.to-grid-content{align-items:center}.to-grid.va-center>.to-grid-content .to-grid-item{border-bottom:0 none}.to-grid.va-bottom>.to-grid-content{align-items:flex-end}.to-header{--bg:none;--height:auto;--padding:0;--gap:0;--title-gap:0;--title-font-size:1.29em;--title-line-height:1em;--title-font-weight:bold;--title-color:inherit;--fn-gap:.5em;--icon-width:0;--icon-height:0;--icon-bg:0;--icon-radius:0}.to-header{padding:var(--padding);height:var(--height);background:var(--bg);height:none;display:flex;overflow:hidden;align-items:center;gap:var(--gap)}.to-header-title{display:flex;align-items:center;flex:1;overflow:hidden;gap:var(--title-gap)}.to-header-title-icon{width:var(--icon-width);height:var(--icon-height);background:var(--icon-bg);border-radius:var(--icon-radius);background-size:100% 100%}.to-header-title-text{font-size:var(--title-font-size);line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--title-font-weight);color:var(--title-color)}.to-header-fn{display:flex;align-items:center;overflow:hidden;white-space:nowrap;gap:var(--fn-gap)}.to-input{--height:var(--height-fe);--border:var(--border-fe);--font-size:1em;--bg:var(--bg-fe);--padding:0 1em;--width:100%;--radius:var(--radius-fe);--gap:0}.to-input{display:inline-flex;width:var(--width);height:var(--height);border-radius:var(--radius);box-sizing:border-box;overflow:hidden;background:var(--bg);position:relative;align-items:center;flex-wrap:wrap;gap:var(--gap)}.to-input.type-text{padding:var(--padding)}.to-input.type-textarea{--padding:.75em 1em}.to-input.type-textarea .to-input-textarea{line-height:1.5em;padding:var(--padding)}.to-input.is-readonly{background:var(--bg-readonly);color:var(--color-readonly)}.to-input::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}input.to-input-content{background:none;width:auto;text-align:inherit;flex:1;display:block;font-size:var(--font-size);width:100%;box-sizing:border-box;position:relative;color:inherit;appearance:none;border:0 none;min-width:0}input.to-input-content::placeholder{color:var(--color-placeholder)}input.to-input-content::-ms-clear{display:none}input.to-input-content:-webkit-autofill{-webkit-text-fill-color:var(--bg) !important;transition:background-color 5000s ease-in-out 0s}input.to-input-content::-webkit-outer-spin-button,input.to-input-content::-webkit-inner-spin-button{-webkit-appearance:none}.to-input-textarea{height:100%;width:100%;box-sizing:border-box;border:0 none;font-size:100%}.to-input-textarea::placeholder{color:var(--color-placeholder)}.to-input-prefix .to-icon{--size:var(--height-fe);vertical-align:baseline}.to-input-suffix .to-icon{--size:var(--height-fe);vertical-align:baseline}.to-line{--color:var(--color-border);--mode:solid;--height:1em}.to-line.type-v{height:var(--height);width:0;border-left:1px var(--mode) var(--color)}.to-line.type-default{height:0;border-bottom:1px var(--mode) var(--color);margin:0 auto}.to-msg{position:absolute;inset:0 0 0 0;z-index:1100;visibility:hidden;transition:.1s visibility ease-out;display:flex;align-items:center;justify-content:center}.to-msg-bg{transition:.1s opacity ease-out;position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);opacity:0}.to-msg-wrapper{background:url(../../img/msg/success-bg.png) #fff no-repeat;box-shadow:-8px 0 30px 0 rgba(0,0,0,0.15);background-size:100% auto;transition:.1s transform ease-out;transform:scale(0);position:relative;padding:1.14285714em;vertical-align:middle;border-radius:.85714286em;max-width:90%;width:42.85714286em;box-sizing:border-box}.to-msg-main{display:flex;flex-direction:column}.to-msg-pic{width:12.57142857em;height:5.28571429em;margin:0 auto;background:url(../../img/msg/success-icon.png);background-size:100% 100%}.to-msg-title{order:1;margin-top:.57142857em;line-height:1.85714286em;text-align:center;color:#1d2129;font-weight:bold}.to-msg-title-text{font-size:1.28571429em}.to-msg-content{order:1;margin-top:.28571429em;line-height:1.57142857em;text-align:center;color:#434c59}.to-msg.is-show{visibility:visible}.to-msg.is-show .to-msg-bg{opacity:1}.to-msg.is-show .to-msg-wrapper{transform:scale(1)}.to-msg-detail{order:2;margin-top:1.14em;background:#f7f8fa;border-radius:.57142857em;padding:.85714286em}.to-msg-fn{margin-top:1.21428571em;display:flex;gap:1.14285714em;order:1}.to-msg-fn .to-button{flex:1;justify-content:center}.to-msg-fn .to-button[style*='width']{flex:none}.to-msg.type-error .to-msg-wrapper{background-image:url(../../img/msg/error-bg.png)}.to-msg.type-error .to-msg-pic{background-image:url(../../img/msg/error-icon.png)}.to-padding{box-sizing:border-box;--value:var(--padding)}.to-padding{padding:var(--value);box-sizing:border-box}.to-page{position:relative;z-index:201;display:flex;gap:1.14em;align-items:center;color:#333}.to-page.is-lite{justify-content:center}.to-page-total{color:#434c59}.to-page-slot{flex:1}.to-page-jumper{color:#434c59;display:flex;align-items:center;padding:0 .57em;border-radius:.43em;white-space:nowrap;line-height:2.29em;background:rgba(0,0,0,0.026);gap:.57em}.to-page-jumper .to-input{--height:2em;--width:4.21em;text-align:center}.to-page-pager{color:#1d2129;user-select:none;display:flex;gap:.57em}.to-page-pager-prev{cursor:pointer;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-prev:after{vertical-align:top;font-family:'icon';content:'\e009';font-size:.71em}.to-page-pager-prev:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.to-page-pager-prev:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-page-pager-next{cursor:pointer;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-next:after{vertical-align:top;font-family:'icon';content:'\e05a';font-size:.71em}.to-page-pager-next:hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.to-page-pager-next:active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-page-pager-list{flex:1;display:flex;gap:.57em}.to-page-pager-ellipsis{width:2.29em;height:1.5em;line-height:1.5em;text-align:center}.to-page-pager-item{position:relative;background:#fff;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-item::before{position:absolute;content:'';top:0;bottom:0;left:0;right:0;border:1px solid #d8dce4;border-radius:.43em}.to-page-pager-item:not(.is-on){cursor:pointer}.to-page-pager-item:not(.is-on):hover{filter:brightness(1.3);background:rgba(0,0,0,0.1)}.to-page-pager-item:not(.is-on):active{filter:brightness(.8);background:rgba(0,0,0,0.2)}.to-page-pager-item.is-on{background:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%);color:#fff}.to-page-pager-item.is-on::before{display:none}.to-page-border{border:1px solid #ddd}.media-pc .to-step{display:flex;align-items:center;gap:1.14em}.media-pc .to-step-item{flex:1;display:flex;gap:.57em}.media-pc .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-pc .to-step-icon{height:1.57em}.media-pc .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-pc .to-step-number{font-size:.88em}.media-pc .to-step-text{flex:1}.media-pc .to-step-title{display:flex;gap:1.14em;align-items:center}.media-pc .to-step-label{font-size:1.14em;color:#434c59}.media-pc .to-step-content{color:#86909c;margin-top:.14em}.media-pc .to-step-line{flex:1;height:2px;border-radius:1px;background:#eee}.media-pc .to-step-item:last-child .to-step-line{display:none}.media-pc .to-step-item:last-child{flex:none}.media-pc .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-on .to-step-line{background:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-content{color:#434c59}.media-pc .to-step-item.is-completed .to-step-line{background:var(--color-primary)}.media-phone .to-step{display:flex;align-items:flex-start}.media-phone .to-step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;gap:.57em;position:relative}.media-phone .to-step-item:not(:first-child)::before{content:'';position:absolute;top:.785em;left:0;right:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-item:not(:last-child):after{content:'';position:absolute;top:.785em;right:0;left:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-phone .to-step-icon{height:1.57em}.media-phone .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-phone .to-step-number{font-size:.88em}.media-phone .to-step-label{color:#434c59}.media-phone .to-step-content{display:none}.media-phone .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-on+.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:after{background:var(--color-primary) !important}.media-phone .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-completed .to-step-content{color:#434c59}.media-phone .to-step-item.is-completed.to-step-item:before,.media-phone .to-step-item.is-completed.to-step-item:after{background:var(--color-primary) !important}.to-card{--color:inherit;--gap-x:1em;--gap-y:.2em;--align:center;--border:none;--padding:1em;--wrap:normal;--line-height:1em;--title-font-size:1.2em;--title-line-height:1.2em;--title-font-weight:normal;--title-wrap:nowrap;--content-color:inherit;--content-line-height:1.2em;--content-font-size:100%;--content-wrap:normal;--radius:var(--radius-block);--bg:none}.to-card{line-height:var(--line-height);color:var(--color);border:var(--border);display:flex;align-items:var(--align);padding:var(--padding);position:relative;text-overflow:ellipsis;white-space:var(--wrap);gap:var(--gap-x);border-radius:var(--radius);background:var(--bg)}.to-card-item.is-main{flex:1;display:flex;overflow:hidden;flex-direction:column;gap:var(--gap-y)}.to-card-title{align-items:center;display:flex;overflow:hidden}.to-card-title-main{flex:1;flex-shrink:0;line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:var(--title-wrap)}.to-card-title-side{flex-shrink:0}.to-card-title-text{font-size:var(--title-font-size);font-weight:var(--title-font-weight)}.to-card-content{color:var(--content-color);line-height:var(--content-line-height)}.to-card-content-main{flex:1;color:var(--content-color);overflow:hidden;text-overflow:ellipsis;white-space:var(--content-wrap)}.to-card-content-text{font-size:var(--content-font-size)}.to-card-item.align-right{text-align:right}.to-card-item.align-top{align-self:flex-start}.to-card.type-v{flex-direction:column;align-items:flex-start}.to-checkbox{--padding:0 1em;--gap:.5em;--height:var(--height-fe);--width:auto;--box-size:1em;--box-bg:#fff;--box-color:#fff;--box-radius:var(--radius-fe);--box-border:var(--border-fe);--checked-box-bg:var(--color-primary);--checked-box-border:0 none}.to-checkbox:hover{background:rgba(0,0,0,0.1)}.to-checkbox:active{background:rgba(0,0,0,0.2)}.to-checkbox{cursor:pointer;padding:var(--padding);display:inline-flex;box-sizing:border-box;width:var(--width);align-items:center;gap:var(--gap);height:var(--height)}.to-checkbox .to-checkbox-box{position:relative;width:var(--box-size);height:var(--box-size);box-sizing:border-box;line-height:var(--box-size);text-align:center;background:var(--box-bg);color:var(--box-color);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:var(--box-border);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:after{content:'\e05c';font-family:'icon';font-size:50%;vertical-align:top}.to-checkbox .to-checkbox-label{flex:1}.to-checkbox.is-checked .to-checkbox-box{background:var(--checked-box-bg)}.to-checkbox.is-checked .to-checkbox-box:before{border:var(--checked-box-border)}.to-switch{cursor:pointer;vertical-align:middle;position:relative;display:inline-flex;transition:color .5s ease-out,background .5s ease-out;width:2.86em;padding:0 .14em;height:1.43em;background:#EAECF0;border-radius:.75em;line-height:1.5em;text-align:center}.to-switch .to-switch-on{flex:1;font-size:.86em;text-align:left;padding-left:.6em;opacity:0;color:#fff}.to-switch .to-switch-off{flex:1;font-size:.86em;text-align:right;padding-right:.6em;opacity:1;color:#86909C}.to-switch:before{content:"";position:absolute;transition:transform .5s ease-out;left:.14em;top:.14em;width:1.14em;height:1.14em;background:#fff;border-radius:55%;box-shadow:0 .14em .36em 0 rgba(0,0,0,0.1)}.to-switch:hover{background:#ccc}.to-switch:active{background:#aaa}.to-switch.is-on{background:var(--color-primary)}.to-switch.is-on:before{transform:translateX(1.7em)}.to-switch.is-on:hover{filter:brightness(1.3)}.to-switch.is-on:active{filter:brightness(.8)}.to-switch.is-on .to-switch-on{opacity:1}.to-switch.is-on .to-switch-off{opacity:0}.to-tab{--gap:.25em;--line-color:var(--color-border);--line-width:0;--fn-radius:0;--fn-bg:none;--fn-padding:0;--fn-gap:.5em;--fn-item-size:2em;--fn-item-font-size:.8em;--fn-item-radius:50%;--item-gap:0;--item-height:3em;--item-padding:0 1em;--item-width:auto;--item-content-bg:none;--item-font-size:1em;--item-font-weight:normal;--item-left-bg:none;--item-left-width:none;--item-right-bg:none;--item-right-width:none;--item-radius:0;--item-bg:none;--item-line-width:0;--item-line-color:var(--color-border);--item-line-height:1em;--item-color:rgba(0,0,0,0.3);--item-under-height:0;--item-under-width:auto;--item-under-radius:0;--item-under-gap:0;--item-under-bg:none;--item-on-height:var(--item-height);--item-on-padding:var(--item-padding);--item-on-width:var(--item-width);--item-on-left-bg:var(--item-left-bg);--item-on-left-width:var(--item-left-width);--item-on-right-bg:var(--item-right-bg);--item-on-right-width:var(--item-right-width);--item-on-content-bg:var(--item-content-bg);--item-on-font-size:var(--item-font-size);--item-on-font-weight:var(--item-on-font-weight);--item-on-radius:var(--item-radius);--item-on-bg:var(--item-bg);--item-on-line-width:var(--item-line-width);--item-on-line-color:var(--item-line-color);--item-on-line-height:var(--item-line-height);--item-on-color:#000;--item-on-under-height:0;--item-on-under-width:100%;--item-on-under-radius:0;--item-on-under-gap:0;--item-on-under-bg:none}.to-tab{z-index:0;position:relative}.to-tab-tab{display:flex;position:relative;align-items:center;gap:var(--gap)}.to-tab-list{flex:1;white-space:nowrap;overflow:hidden;display:flex}.to-tab-wrapper{display:inline-flex;align-items:start;vertical-align:top;margin-left:-100000px;position:relative;left:100000px;gap:var(--list-gap)}.to-tab-item{width:var(--item-width);border-radius:var(--item-radius)}.to-tab-item-main{display:flex;overflow:hidden}.to-tab-item-main:after{content:'';width:var(--item-line-width);background:var(--item-line-color);height:var(--item-line-height);align-self:center}.to-tab-item-left{background-image:var(--item-left-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-left-width)}.to-tab-item-right{background-image:var(--item-right-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-right-width)}.to-tab-item-content{flex:1;overflow:hidden;padding:var(--item-padding);cursor:pointer;line-height:var(--item-height);text-overflow:ellipsis;display:flex;align-items:center;gap:.5em;background:var(--item-content-bg);background-size:100% 100%}.to-tab-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--item-font-size);font-weight:var(--item-font-weight);color:var(--item-color)}.to-tab-item-delete{visibility:hidden;cursor:default;width:1em;height:1em;border-radius:var(--radius-r);line-height:1em;text-align:center}.to-tab-item-delete:after{content:'\e01b';font-family:"icon";font-size:50%;vertical-align:top}.to-tab-item-delete:hover{background:rgba(0,0,0,0.2);color:#fff}.to-tab-item-delete:active{background:rgba(0,0,0,0.3)}.to-tab-item:hover .to-tab-item-delete{visibility:visible}.to-tab-item-under{margin:0 auto;height:var(--item-under-height);width:var(--item-under-width);margin-top:var(--item-under-gap);background:var(--item-under-bg);border-radius:var(--item-under-radius)}.to-tab-item.is-on{width:var(--item-on-width);background:var(--item-on-bg);z-index:1}.to-tab-item.is-on .to-tab-item-under{height:var(--item-on-under-height);width:var(--item-on-under-width);margin-top:var(--item-on-under-gap);background:var(--item-on-under-bg);border-radius:var(--item-on-under-radius)}.to-tab-item.is-on:after{width:var(--item-on-line-width);background:var(--item-on-line-color);height:var(--item-on-line-height)}.to-tab-item.is-on .to-tab-item-label{color:var(--item-on-color)}.to-tab-item.is-on .to-tab-item-left{background-image:var(--item-on-left-bg);height:var(--item-on-height);width:var(--item-on-left-width)}.to-tab-item.is-on .to-tab-item-right{background-image:var(--item-on-right-bg);height:var(--item-on-height);width:var(--item-on-right-width)}.to-tab-item.is-on .to-tab-item-content{padding:var(--item-on-padding);cursor:pointer;line-height:var(--item-on-height);background:var(--item-on-content-bg)}.to-tab-item.is-on .to-tab-item-label{font-size:var(--item-on-font-size);font-weight:var(--item-on-font-weight);color:var(--item-on-color)}.to-tab-item:not(.is-on):hover{background:rgba(0,0,0,0.05)}.to-tab-item:not(.is-on):active{background:rgba(0,0,0,0.2)}.to-tab-line{height:1em;width:var(--line-width);background:var(--line-color)}.to-tab-fn{display:flex;border-radius:var(--fn-radius);background:var(--fn-bg);padding:var(--fn-padding);gap:var(--fn-gap)}.to-tab-fn-item:after{font-family:'icon';font-size:var(--fn-item-font);vertical-align:top}.to-tab-fn-item{width:var(--fn-item-size);height:var(--fn-item-size);border-radius:var(--fn-item-radius);text-align:center;line-height:var(--fn-item-size);cursor:pointer}.to-tab-fn-item:hover{background:rgba(0,0,0,0.1)}.to-tab-fn-item:active{background:rgba(0,0,0,0.3)}.to-tab-fn-item.fn-left:after{content:'\e009'}.to-tab-fn-item.fn-right:after{content:'\e05a'}.to-tab-fn-item.fn-refresh:after{content:'\e06a'}.to-tab-page{overflow:hidden;position:relative;z-index:0}.to-tab-page>.content{position:relative}.to-tab.position-left{display:flex}.to-tab.position-left .to-tab-wrapper{display:flex;margin:auto;left:0;flex-direction:column}.to-tab.position-left .to-tab-page{flex:1}.to-table{--border:1px solid var(--color-border);--head-bg:#f7f7f7;--head-line-x:1px solid var(--color-border);--head-line-y:1px solid var(--color-border);--body-line-x:1px solid var(--color-border);--body-line-y:1px solid var(--color-border);--action-gap:1em;--th-color:var(--color-fg);--th-height:3em;--th-line-height:1.5em;--th-padding:.6em 1em;--td-color:var(--color-fg);--td-height:3em;--td-padding:.6em 1em;--td-line-height:1.5em}.to-table{position:relative;overflow:auto;background:#fff;z-index:0;box-sizing:border-box}.to-table-table{border-collapse:collapse;width:100%}.to-table-th{background:var(--head-bg)}.to-table-head-row:first-child .to-table-th:first-child{border-top-left-radius:.5em}.to-table-head-row:first-child .to-table-th:last-child{border-top-right-radius:.5em}.to-table-head-row:last-child .to-table-th:first-child{border-bottom-left-radius:.5em}.to-table-head-row:last-child .to-table-th:last-child{border-bottom-right-radius:.5em}.to-table-body-row:nth-last-of-type(1) .to-table-td{border-bottom:0 none}.to-table.height-full{height:100%}.to-table-th{height:var(--th-height);line-height:var(--th-line-height);border-left:var(--head-line-y);border-right:var(--head-line-y);border-bottom:var(--head-line-x);padding:var(--th-padding);color:var(--th-color);font-weight:normal;white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-th:first-child{border-left:0 none}.to-table-th:last-child{border-right:0 none}.to-table-td{height:var(--td-height);line-height:var(--td-line-height);border-left:var(--body-line-y);border-right:var(--body-line-y);border-bottom:var(--body-line-x);padding:var(--td-padding);color:var(--td-color);white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-td:first-child{border-left:0 none}.to-table-td:last-child{border-right:0 none}.to-table-toggle{display:inline-block;height:1em;line-height:1em;border-radius:.1em;margin-right:.5em;width:1em;text-align:center;background:#C9CDD4;color:#fff}.to-table-toggle:before{font-family:'icon';font-size:.5em;vertical-align:top;content:'\e003'}.to-table-toggle:hover{background:#ddd}.to-table-toggle:active{background:#999}.to-table-toggle.is-expand{background:#86909C}.to-table-toggle.is-expand:before{content:'\e069'}.to-table-toggle.is-expand:hover{background:#ddd}.to-table-toggle.is-expand:active{background:#999}.to-table-td.is-action .to-button:not(:first-child){margin-left:var(--action-gap)}.to-table-th.is-check,.to-table-td.is-check{padding:0}

package/theme/skin/default.css

@@ -0,0 +1 @@
+:root{--ui-color-primary:#409eff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,ul>li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,button,input,textarea,time,mark,audio,video{margin:0;padding:0;list-style:none;outline:0 none;font-style:normal;-webkit-focus-ring-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit;font-family:inherit}html{height:100%;font-size:100px;overflow:hidden;width:100%;border:0 none;font-family:'PingFang SC','microsoft yahei',simhei,verdana}body{height:100%;position:relative;color:var(--color-fg);overflow:hidden;z-index:0;font-size:.12em;width:100%;border:0 none;text-align:left}a{text-decoration:none}iframe{border:0 none;height:100%;width:100%;display:block}img{border:0 none;vertical-align:top;max-width:100%}label{cursor:default !important}#scrollerTest{position:absolute;width:100px;height:100px;left:-100em;top:-100em;overflow:scroll}#scrollerTest div{height:100%}.is-link{cursor:pointer}html body .height-full{height:100%}:root{--color-fg:#333;--color-fg-fade:#999;--color-fg-fade2:#ddd;--color-bg:#fff;--color-primary:#0085d0;--color-success:#8fc320;--color-danger:#e40077;--color-warning:#f3b100;--color-placeholder:#ddd;--color-readonly:#ddd;--color-border:#ddd;--radius-block:.5em;--radius-fe:.25em;--radius-r:50%;--bg-fe:#fff;--bg-readonly:#eee;--border-fe:1px solid #ddd;--height-fe:3em;--width-border:1px}.hover{background:rgba(0,0,0,0.1)}.active{background:rgba(0,0,0,0.2)}@font-face{font-family:"icon";src:url("../img/icon.ttf") format("truetype")}@font-face{font-family:"icon-type-fill";src:url("../img/icon-type-fill.ttf") format("truetype")}.to-button{--height:var(--height-fe);--padding:0 1.5em;--border:var(--border-fe);--gap:.5em;--radius:var(--radius-fe);--icon-size:1em;--icon-font-size:1em;--font-size:1em;--color:inherit;--bg:#fff}.to-button{flex-shrink:0;color:var(--color);border:0 none;position:relative;padding:var(--padding);height:var(--height);line-height:var(--height);font-size:100%;background:var(--bg);cursor:pointer;border-radius:var(--radius);display:inline-flex;gap:var(--gap);align-items:center}.to-button-icon.to-icon{--size:var(--icon-size);--font-size:var(--icon-font-size);--color:var(--color)}.to-button-text{font-size:var(--font-size)}.to-button::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-button.mode-default:hover{background:rgba(0,0,0,0.1)}.to-button.mode-default:active{background:rgba(0,0,0,0.2)}.to-button.icon-position-right .to-button-icon.to-icon{order:2}.to-icon{display:inline-block;width:40px;height:40px;background:url('../../img/default.png');background-size:cover}.to-article{background:#fff;border-radius:.5em;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:2em;margin:1em 0}.to-article-header{font-size:1.3em;font-weight:bold;margin-bottom:1em}.to-article-content{font-size:1em;color:#333}.to-article-footer{margin-top:1.5em;color:#888;font-size:.93em}.to-box{--bg:var(--color-bg);--bg-size:(100% 100%);--padding:0;--radius:var(--radius-block);--border:0 none;--width:auto;--height:auto;--shadow:none;width:var(--width);background:var(--bg);background-size:var(--bg-size);padding:var(--padding);border:var(--border);border-radius:var(--radius);box-sizing:border-box;height:var(--height);box-shadow:var(--shadow);position:relative}.to-box.is-cut{overflow:hidden}.to-select{--height:var(--height-fe);--border:var(--border-fe);--bg:var(--bg-fe);--padding:0 1em 0 1em;--width:100%;--radius:var(--radius-fe);--gap:0;--arrow-size:1em;--arrow-font-size:.75em;--arrow-color:var(--color-fg-fade);--gap:1em}.to-select{box-sizing:border-box;position:relative;display:flex;gap:var(--gap);align-items:center;height:var(--height);padding:var(--padding);border-radius:var(--radius);background:var(--bg);cursor:pointer}.to-select::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-select-content{flex:1;text-overflow:ellipsis;overflow:hidden}.to-select-arrow{flex-shrink:0;width:var(--arrow-size);height:var(--arrow-size);line-height:var(--arrow-size)}.to-select-arrow:before{color:var(--arrow-color);font-size:var(--arrow-font-size);font-family:'icon';content:'\e081'}.to-select-option{position:absolute;overflow:auto;z-index:1100;visibility:hidden;transform:scale(1, 0);transition:visibility .1s ease-out,transform .1s ease-out;transform-origin:top;padding:.5em;background:#fff;box-sizing:border-box;border:1px solid var(--color-border)}.to-select-item{padding:0 1em;line-height:var(--height-fe);cursor:pointer}.to-select-item:hover{background:rgba(0,0,0,0.1)}.to-select-item:active{background:rgba(0,0,0,0.2)}.to-select-item.is-on{color:var(--color-primary)}.to-select-option.is-show{transform:scale(1);visibility:visible}.to-select:hover{background:rgba(0,0,0,0.1)}.to-select:active{background:rgba(0,0,0,0.2)}.to-select.is-placeholder{color:var(--color-placeholder)}.to-space.mode-default:not(.is-inline){height:1em}.to-space.is-inline{width:1em;display:inline-block;height:.1em}.to-form{--gap-x:1em;--gap-y:.5em;--item-gap:.5em;--item-border:0 none;--item-padding:0;--item-bg:none;--item-height:var(--height-fe);--item-radius:var(--radius-fe);--label-line-height:2em;--label-padding:.5em 0;--label-color:inherit;--label-gap:.5em;--required-color:var(--color-danger);--col:1;--submit-gap:.5em}.to-form{position:relative}.to-form-list{display:flex;flex-wrap:wrap;gap:var(--gap-y) var(--gap-x)}.to-form-item{--merge:1;position:relative;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--item-gap);padding:var(--item-padding);background:var(--item-bg);border-radius:var(--item-radius);width:calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x))}.to-form-item.merge-2{--merge:2}.to-form-item.merge-3{--merge:3}.to-form-item.merge-4{--merge:4}.to-form-item.merge-5{--merge:5}.to-form-item::after{border:var(--item-border);border-radius:var(--item-radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}.to-form-label{text-align:right;justify-content:flex-end;color:var(--label-color);padding:var(--label-padding);line-height:var(--label-line-height);display:inline-flex;gap:var(--label-gap)}.to-form-value{flex:1;overflow:hidden}.to-form-value .to-switch{margin-top:calc((var(--item-height) - 1.43em) / 2)}.to-form-submit{white-space:nowrap;display:flex;gap:var(--submit-gap)}.to-form-item.is-required .to-form-label:before{content:'*';color:var(--required-color)}.to-form.submit-position-right .to-form-item{flex:1}.to-form.submit-position-corner .to-form-placeholder{visibility:hidden;content:'';height:var(--item-height);width:2em}.to-form.submit-position-corner .to-form-submit{position:absolute;right:0;bottom:0}.to-form.col-1{--col:1}.to-form.col-2{--col:2}.to-form.col-3{--col:3}.to-form.col-4{--col:4}.to-form.col-5{--col:5}.to-form.col-6{--col:6}.to-form.col-7{--col:7}.to-grid{--border:1px solid var(--color-border)}.to-grid{box-sizing:border-box;display:flex;flex-flow:column}.to-grid>.to-grid-content{display:flex;flex:1}.to-grid>.to-grid-content>.to-grid-item{flex:1;overflow:hidden;box-sizing:border-box}.to-grid>.to-grid-content>.to-grid-item[style*='width']{flex:none}.to-grid>.to-grid-content>.to-grid-item.is-side{flex:none;width:auto;overflow:visible;z-index:1}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-2{flex:2}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-3{flex:3}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-4{flex:4}.to-grid:not([class*='to-grid-col'])>.to-grid-content>.to-grid-item.merge-5{flex:5}.to-grid.is-visible>.to-grid-content>.to-grid-item{overflow:visible}.to-grid.type-v>.to-grid-content{display:block}.to-grid.type-v>.to-grid-content>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content,.to-grid.type-v>.to-grid-content[style*='height']{flex-flow:column;flex:none;display:flex}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item{width:auto}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item:first-child,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item:first-child{padding-top:0 !important}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item[style*='height'],.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item[style*='height']{flex:none}.to-grid.type-v.to-grid.height-full>.to-grid-content>.to-grid-item.is-side,.to-grid.type-v>.to-grid-content[style*='height']>.to-grid-item.is-side{height:auto}.to-grid.height-full{height:100%}.to-grid.height-full>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content{height:100%}.to-grid.height-full:not(.to-grid.type-v)>.to-grid-content>.to-grid-item{height:100%}[class*='col-']>.to-grid-content{flex-wrap:wrap}[class*='col-']>.to-grid-content>.to-grid-item{flex:none}.to-grid.col-auto>.to-grid-content>.to-grid-item{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.title .main{width:auto}.to-grid.col-auto>.to-grid-content>.to-grid-item .to-cardItem-main>.content .main{width:auto}.to-grid.wrap-false>.to-grid-content{flex-wrap:nowrap}.to-grid.col-1>.to-grid-content>.to-grid-item{width:100%}.to-grid.col-2>.to-grid-content>.to-grid-item{width:50%}.to-grid.col-3>.to-grid-content>.to-grid-item{width:33.33333333%}.to-grid.col-3>.to-grid-content>.to-grid-item.merge-2{width:66.66666667%}.to-grid.col-4>.to-grid-content>.to-grid-item{width:25%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-2{width:50%}.to-grid.col-4>.to-grid-content>.to-grid-item.merge-3{width:75%}.to-grid.col-5>.to-grid-content>.to-grid-item{width:20%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-2{width:40%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-3{width:60%}.to-grid.col-5>.to-grid-content>.to-grid-item.merge-4{width:80%}.to-grid.col-6>.to-grid-content>.to-grid-item{width:16.66%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-2{width:33.33333333%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-3{width:50%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-4{width:66.66666667%}.to-grid.col-6>.to-grid-content>.to-grid-item.merge-5{width:83.33333333%}.to-grid.col-7>.to-grid-content>.to-grid-item{width:14.28%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-2{width:28.57%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-3{width:42.86%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-4{width:57.14%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-5{width:71.43%}.to-grid.col-7>.to-grid-content>.to-grid-item.merge-6{width:85.71%}.to-grid.col-8>.to-grid-content>.to-grid-item{width:12.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-2{width:25%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-3{width:37.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-4{width:50%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-5{width:62.5%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-6{width:75%}.to-grid.col-8>.to-grid-content>.to-grid-item.merge-7{width:87.5%}.to-grid.col-9>.to-grid-content>.to-grid-item{width:11.11%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-2{width:22.22%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-3{width:33.33%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-4{width:44.44%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-5{width:55.56%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-6{width:66.67%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-7{width:77.78%}.to-grid.col-9>.to-grid-content>.to-grid-item.merge-8{width:88.89%}.to-grid.col-10>.to-grid-content>.to-grid-item{width:10%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-2{width:20%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-3{width:30%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-4{width:40%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-5{width:50%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-6{width:60%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-7{width:70%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-8{width:80%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-9{width:90%}.to-grid.col-10>.to-grid-content>.to-grid-item.merge-10,.to-grid.col-9>.to-grid-content>.to-grid-item.merge-9,.to-grid.col-8>.to-grid-content>.to-grid-item.merge-8,.to-grid.col-7>.to-grid-content>.to-grid-item.merge-7,.to-grid.col-6>.to-grid-content>.to-grid-item.merge-6,.to-grid.col-5>.to-grid-content>.to-grid-item.merge-5,.to-grid.col-4>.to-grid-content>.to-grid-item.merge-4,.to-grid.col-3>.to-grid-content>.to-grid-item.merge-3,.to-grid.col-2>.to-grid-content>.to-grid-item.merge-2{width:100%}.to-grid.is-line{overflow:hidden}.to-grid.is-line>.to-grid-content{margin-bottom:-1px;margin-left:-1px}.to-grid.is-line>.to-grid-content>.to-grid-item{border-bottom:var(--border);border-left:var(--border)}.to-grid.va-center>.to-grid-content{align-items:center}.to-grid.va-center>.to-grid-content .to-grid-item{border-bottom:0 none}.to-grid.va-bottom>.to-grid-content{align-items:flex-end}.to-header{--bg:none;--height:auto;--padding:0;--gap:0;--title-gap:0;--title-font-size:1.29em;--title-line-height:1em;--title-font-weight:bold;--title-color:inherit;--fn-gap:.5em;--icon-width:0;--icon-height:0;--icon-bg:0;--icon-radius:0}.to-header{padding:var(--padding);height:var(--height);background:var(--bg);height:none;display:flex;overflow:hidden;align-items:center;gap:var(--gap)}.to-header-title{display:flex;align-items:center;flex:1;overflow:hidden;gap:var(--title-gap)}.to-header-title-icon{width:var(--icon-width);height:var(--icon-height);background:var(--icon-bg);border-radius:var(--icon-radius);background-size:100% 100%}.to-header-title-text{font-size:var(--title-font-size);line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--title-font-weight);color:var(--title-color)}.to-header-fn{display:flex;align-items:center;overflow:hidden;white-space:nowrap;gap:var(--fn-gap)}.to-input{--height:var(--height-fe);--border:var(--border-fe);--font-size:1em;--bg:var(--bg-fe);--padding:0 1em;--width:100%;--radius:var(--radius-fe);--gap:0}.to-input{display:inline-flex;width:var(--width);height:var(--height);border-radius:var(--radius);box-sizing:border-box;overflow:hidden;background:var(--bg);position:relative;align-items:center;flex-wrap:wrap;gap:var(--gap)}.to-input.type-text{padding:var(--padding)}.to-input.type-textarea{--padding:.75em 1em}.to-input.type-textarea .to-input-textarea{line-height:1.5em;padding:var(--padding)}.to-input.is-readonly{background:var(--bg-readonly);color:var(--color-readonly)}.to-input::after{border:var(--border);border-radius:var(--radius);content:'';position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;pointer-events:none}input.to-input-content{background:none;width:auto;text-align:inherit;flex:1;display:block;font-size:var(--font-size);width:100%;box-sizing:border-box;position:relative;color:inherit;appearance:none;border:0 none;min-width:0}input.to-input-content::placeholder{color:var(--color-placeholder)}input.to-input-content::-ms-clear{display:none}input.to-input-content:-webkit-autofill{-webkit-text-fill-color:var(--bg) !important;transition:background-color 5000s ease-in-out 0s}input.to-input-content::-webkit-outer-spin-button,input.to-input-content::-webkit-inner-spin-button{-webkit-appearance:none}.to-input-textarea{height:100%;width:100%;box-sizing:border-box;border:0 none;font-size:100%}.to-input-textarea::placeholder{color:var(--color-placeholder)}.to-input-prefix .to-icon{--size:var(--height-fe);vertical-align:baseline}.to-input-suffix .to-icon{--size:var(--height-fe);vertical-align:baseline}.to-line{--color:var(--color-border);--mode:solid;--height:1em}.to-line.type-v{height:var(--height);width:0;border-left:1px var(--mode) var(--color)}.to-line.type-default{height:0;border-bottom:1px var(--mode) var(--color);margin:0 auto}.to-msg{position:absolute;inset:0 0 0 0;z-index:1100;visibility:hidden;transition:.1s visibility ease-out;display:flex;align-items:center;justify-content:center}.to-msg-bg{transition:.1s opacity ease-out;position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);opacity:0}.to-msg-wrapper{background:url(../../img/msg/success-bg.png) #fff no-repeat;box-shadow:-8px 0 30px 0 rgba(0,0,0,0.15);background-size:100% auto;transition:.1s transform ease-out;transform:scale(0);position:relative;padding:1.14285714em;vertical-align:middle;border-radius:.85714286em;max-width:90%;width:42.85714286em;box-sizing:border-box}.to-msg-main{display:flex;flex-direction:column}.to-msg-pic{width:12.57142857em;height:5.28571429em;margin:0 auto;background:url(../../img/msg/success-icon.png);background-size:100% 100%}.to-msg-title{order:1;margin-top:.57142857em;line-height:1.85714286em;text-align:center;color:#1d2129;font-weight:bold}.to-msg-title-text{font-size:1.28571429em}.to-msg-content{order:1;margin-top:.28571429em;line-height:1.57142857em;text-align:center;color:#434c59}.to-msg.is-show{visibility:visible}.to-msg.is-show .to-msg-bg{opacity:1}.to-msg.is-show .to-msg-wrapper{transform:scale(1)}.to-msg-detail{order:2;margin-top:1.14em;background:#f7f8fa;border-radius:.57142857em;padding:.85714286em}.to-msg-fn{margin-top:1.21428571em;display:flex;gap:1.14285714em;order:1}.to-msg-fn .to-button{flex:1;justify-content:center}.to-msg-fn .to-button[style*='width']{flex:none}.to-msg.type-error .to-msg-wrapper{background-image:url(../../img/msg/error-bg.png)}.to-msg.type-error .to-msg-pic{background-image:url(../../img/msg/error-icon.png)}.to-padding{box-sizing:border-box;--value:var(--padding)}.to-padding{padding:var(--value);box-sizing:border-box}.to-page{position:relative;z-index:201;display:flex;gap:1.14em;align-items:center;color:#333}.to-page.is-lite{justify-content:center}.to-page-total{color:#434c59}.to-page-slot{flex:1}.to-page-jumper{color:#434c59;display:flex;align-items:center;padding:0 .57em;border-radius:.43em;white-space:nowrap;line-height:2.29em;background:rgba(0,0,0,0.026);gap:.57em}.to-page-jumper .to-input{--height:2em;--width:4.21em;text-align:center}.to-page-pager{color:#1d2129;user-select:none;display:flex;gap:.57em}.to-page-pager-prev{cursor:pointer;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-prev:after{vertical-align:top;font-family:'icon';content:'\e009';font-size:.71em}.to-page-pager-prev:hover{background:rgba(0,0,0,0.1)}.to-page-pager-prev:active{background:rgba(0,0,0,0.2)}.to-page-pager-next{cursor:pointer;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-next:after{vertical-align:top;font-family:'icon';content:'\e05a';font-size:.71em}.to-page-pager-next:hover{background:rgba(0,0,0,0.1)}.to-page-pager-next:active{background:rgba(0,0,0,0.2)}.to-page-pager-list{flex:1;display:flex;gap:.57em}.to-page-pager-ellipsis{width:2.29em;height:1.5em;line-height:1.5em;text-align:center}.to-page-pager-item{position:relative;background:#fff;width:2.29em;height:2.29em;line-height:2.29em;text-align:center;border-radius:.43em}.to-page-pager-item::before{position:absolute;content:'';top:0;bottom:0;left:0;right:0;border:1px solid #d8dce4;border-radius:.43em}.to-page-pager-item:not(.is-on){cursor:pointer}.to-page-pager-item:not(.is-on):hover{background:rgba(0,0,0,0.1)}.to-page-pager-item:not(.is-on):active{background:rgba(0,0,0,0.2)}.to-page-pager-item.is-on{background:linear-gradient(266deg, #5090ff 6.92%, #6459ff 111.12%);color:#fff}.to-page-pager-item.is-on::before{display:none}.to-page-border{border:1px solid #ddd}.media-pc .to-step{display:flex;align-items:center;gap:1.14em}.media-pc .to-step-item{flex:1;display:flex;gap:.57em}.media-pc .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-pc .to-step-icon{height:1.57em}.media-pc .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-pc .to-step-number{font-size:.88em}.media-pc .to-step-text{flex:1}.media-pc .to-step-title{display:flex;gap:1.14em;align-items:center}.media-pc .to-step-label{font-size:1.14em;color:#434c59}.media-pc .to-step-content{color:#86909c;margin-top:.14em}.media-pc .to-step-line{flex:1;height:2px;border-radius:1px;background:#eee}.media-pc .to-step-item:last-child .to-step-line{display:none}.media-pc .to-step-item:last-child{flex:none}.media-pc .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-on .to-step-line{background:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-pc .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-pc .to-step-item.is-completed .to-step-content{color:#434c59}.media-pc .to-step-item.is-completed .to-step-line{background:var(--color-primary)}.media-phone .to-step{display:flex;align-items:flex-start}.media-phone .to-step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;gap:.57em;position:relative}.media-phone .to-step-item:not(:first-child)::before{content:'';position:absolute;top:.785em;left:0;right:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-item:not(:last-child):after{content:'';position:absolute;top:.785em;right:0;left:calc(50% + .9em);height:1px;background:#eee}.media-phone .to-step-index{width:1.57em;height:1.57em;color:#434c59;border-radius:50%;border:1px solid #d8dce4;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.media-phone .to-step-icon{height:1.57em}.media-phone .to-step-icon:before{content:'\e05c';font-size:.7em;font-family:'icon'}.media-phone .to-step-number{font-size:.88em}.media-phone .to-step-label{color:#434c59}.media-phone .to-step-content{display:none}.media-phone .to-step-item.is-on .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-on .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-on+.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:before,.media-phone .to-step-item.is-on.to-step-item:after{background:var(--color-primary) !important}.media-phone .to-step-item.is-completed .to-step-index{border:0 none;background:linear-gradient(153deg, #5090ff 16.74%, #766cff 113.28%);color:#fff}.media-phone .to-step-item.is-completed .to-step-label{color:var(--color-primary)}.media-phone .to-step-item.is-completed .to-step-content{color:#434c59}.media-phone .to-step-item.is-completed.to-step-item:before,.media-phone .to-step-item.is-completed.to-step-item:after{background:var(--color-primary) !important}.to-card{--color:inherit;--gap-x:1em;--gap-y:.2em;--align:center;--border:none;--padding:1em;--wrap:normal;--line-height:1em;--title-font-size:1.2em;--title-line-height:1.2em;--title-font-weight:normal;--title-wrap:nowrap;--content-color:inherit;--content-line-height:1.2em;--content-font-size:100%;--content-wrap:normal;--radius:var(--radius-block);--bg:none}.to-card{line-height:var(--line-height);color:var(--color);border:var(--border);display:flex;align-items:var(--align);padding:var(--padding);position:relative;text-overflow:ellipsis;white-space:var(--wrap);gap:var(--gap-x);border-radius:var(--radius);background:var(--bg)}.to-card-item.is-main{flex:1;display:flex;overflow:hidden;flex-direction:column;gap:var(--gap-y)}.to-card-title{align-items:center;display:flex;overflow:hidden}.to-card-title-main{flex:1;flex-shrink:0;line-height:var(--title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:var(--title-wrap)}.to-card-title-side{flex-shrink:0}.to-card-title-text{font-size:var(--title-font-size);font-weight:var(--title-font-weight)}.to-card-content{color:var(--content-color);line-height:var(--content-line-height)}.to-card-content-main{flex:1;color:var(--content-color);overflow:hidden;text-overflow:ellipsis;white-space:var(--content-wrap)}.to-card-content-text{font-size:var(--content-font-size)}.to-card-item.align-right{text-align:right}.to-card-item.align-top{align-self:flex-start}.to-card.type-v{flex-direction:column;align-items:flex-start}.to-checkbox{--padding:0 1em;--gap:.5em;--height:var(--height-fe);--width:auto;--box-size:1em;--box-bg:#fff;--box-color:#fff;--box-radius:var(--radius-fe);--box-border:var(--border-fe);--checked-box-bg:var(--color-primary);--checked-box-border:0 none}.to-checkbox:hover{background:rgba(0,0,0,0.1)}.to-checkbox:active{background:rgba(0,0,0,0.2)}.to-checkbox{cursor:pointer;padding:var(--padding);display:inline-flex;box-sizing:border-box;width:var(--width);align-items:center;gap:var(--gap);height:var(--height)}.to-checkbox .to-checkbox-box{position:relative;width:var(--box-size);height:var(--box-size);box-sizing:border-box;line-height:var(--box-size);text-align:center;background:var(--box-bg);color:var(--box-color);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:var(--box-border);border-radius:var(--box-radius)}.to-checkbox .to-checkbox-box:after{content:'\e05c';font-family:'icon';font-size:50%;vertical-align:top}.to-checkbox .to-checkbox-label{flex:1}.to-checkbox.is-checked .to-checkbox-box{background:var(--checked-box-bg)}.to-checkbox.is-checked .to-checkbox-box:before{border:var(--checked-box-border)}.to-switch{cursor:pointer;vertical-align:middle;position:relative;display:inline-flex;transition:color .5s ease-out,background .5s ease-out;width:2.86em;padding:0 .14em;height:1.43em;background:#EAECF0;border-radius:.75em;line-height:1.5em;text-align:center}.to-switch .to-switch-on{flex:1;font-size:.86em;text-align:left;padding-left:.6em;opacity:0;color:#fff}.to-switch .to-switch-off{flex:1;font-size:.86em;text-align:right;padding-right:.6em;opacity:1;color:#86909C}.to-switch:before{content:"";position:absolute;transition:transform .5s ease-out;left:.14em;top:.14em;width:1.14em;height:1.14em;background:#fff;border-radius:55%;box-shadow:0 .14em .36em 0 rgba(0,0,0,0.1)}.to-switch:hover{background:#ccc}.to-switch:active{background:#aaa}.to-switch.is-on{background:var(--color-primary)}.to-switch.is-on:before{transform:translateX(1.7em)}.to-switch.is-on:hover{filter:brightness(1.3)}.to-switch.is-on:active{filter:brightness(.8)}.to-switch.is-on .to-switch-on{opacity:1}.to-switch.is-on .to-switch-off{opacity:0}.to-tab{--gap:.25em;--line-color:var(--color-border);--line-width:0;--fn-radius:0;--fn-bg:none;--fn-padding:0;--fn-gap:.5em;--fn-item-size:2em;--fn-item-font-size:.8em;--fn-item-radius:50%;--item-gap:0;--item-height:3em;--item-padding:0 1em;--item-width:auto;--item-content-bg:none;--item-font-size:1em;--item-font-weight:normal;--item-left-bg:none;--item-left-width:none;--item-right-bg:none;--item-right-width:none;--item-radius:0;--item-bg:none;--item-line-width:0;--item-line-color:var(--color-border);--item-line-height:1em;--item-color:rgba(0,0,0,0.3);--item-under-height:0;--item-under-width:auto;--item-under-radius:0;--item-under-gap:0;--item-under-bg:none;--item-on-height:var(--item-height);--item-on-padding:var(--item-padding);--item-on-width:var(--item-width);--item-on-left-bg:var(--item-left-bg);--item-on-left-width:var(--item-left-width);--item-on-right-bg:var(--item-right-bg);--item-on-right-width:var(--item-right-width);--item-on-content-bg:var(--item-content-bg);--item-on-font-size:var(--item-font-size);--item-on-font-weight:var(--item-on-font-weight);--item-on-radius:var(--item-radius);--item-on-bg:var(--item-bg);--item-on-line-width:var(--item-line-width);--item-on-line-color:var(--item-line-color);--item-on-line-height:var(--item-line-height);--item-on-color:#000;--item-on-under-height:0;--item-on-under-width:100%;--item-on-under-radius:0;--item-on-under-gap:0;--item-on-under-bg:none}.to-tab{z-index:0;position:relative}.to-tab-tab{display:flex;position:relative;align-items:center;gap:var(--gap)}.to-tab-list{flex:1;white-space:nowrap;overflow:hidden;display:flex}.to-tab-wrapper{display:inline-flex;align-items:start;vertical-align:top;margin-left:-100000px;position:relative;left:100000px;gap:var(--list-gap)}.to-tab-item{width:var(--item-width);border-radius:var(--item-radius)}.to-tab-item-main{display:flex;overflow:hidden}.to-tab-item-main:after{content:'';width:var(--item-line-width);background:var(--item-line-color);height:var(--item-line-height);align-self:center}.to-tab-item-left{background-image:var(--item-left-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-left-width)}.to-tab-item-right{background-image:var(--item-right-bg);background-size:100% 100%;height:var(--item-height);width:var(--item-right-width)}.to-tab-item-content{flex:1;overflow:hidden;padding:var(--item-padding);cursor:pointer;line-height:var(--item-height);text-overflow:ellipsis;display:flex;align-items:center;gap:.5em;background:var(--item-content-bg);background-size:100% 100%}.to-tab-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--item-font-size);font-weight:var(--item-font-weight);color:var(--item-color)}.to-tab-item-delete{visibility:hidden;cursor:default;width:1em;height:1em;border-radius:var(--radius-r);line-height:1em;text-align:center}.to-tab-item-delete:after{content:'\e01b';font-family:"icon";font-size:50%;vertical-align:top}.to-tab-item-delete:hover{background:rgba(0,0,0,0.2);color:#fff}.to-tab-item-delete:active{background:rgba(0,0,0,0.3)}.to-tab-item:hover .to-tab-item-delete{visibility:visible}.to-tab-item-under{margin:0 auto;height:var(--item-under-height);width:var(--item-under-width);margin-top:var(--item-under-gap);background:var(--item-under-bg);border-radius:var(--item-under-radius)}.to-tab-item.is-on{width:var(--item-on-width);background:var(--item-on-bg);z-index:1}.to-tab-item.is-on .to-tab-item-under{height:var(--item-on-under-height);width:var(--item-on-under-width);margin-top:var(--item-on-under-gap);background:var(--item-on-under-bg);border-radius:var(--item-on-under-radius)}.to-tab-item.is-on:after{width:var(--item-on-line-width);background:var(--item-on-line-color);height:var(--item-on-line-height)}.to-tab-item.is-on .to-tab-item-label{color:var(--item-on-color)}.to-tab-item.is-on .to-tab-item-left{background-image:var(--item-on-left-bg);height:var(--item-on-height);width:var(--item-on-left-width)}.to-tab-item.is-on .to-tab-item-right{background-image:var(--item-on-right-bg);height:var(--item-on-height);width:var(--item-on-right-width)}.to-tab-item.is-on .to-tab-item-content{padding:var(--item-on-padding);cursor:pointer;line-height:var(--item-on-height);background:var(--item-on-content-bg)}.to-tab-item.is-on .to-tab-item-label{font-size:var(--item-on-font-size);font-weight:var(--item-on-font-weight);color:var(--item-on-color)}.to-tab-item:not(.is-on):hover{background:rgba(0,0,0,0.05)}.to-tab-item:not(.is-on):active{background:rgba(0,0,0,0.2)}.to-tab-line{height:1em;width:var(--line-width);background:var(--line-color)}.to-tab-fn{display:flex;border-radius:var(--fn-radius);background:var(--fn-bg);padding:var(--fn-padding);gap:var(--fn-gap)}.to-tab-fn-item:after{font-family:'icon';font-size:var(--fn-item-font);vertical-align:top}.to-tab-fn-item{width:var(--fn-item-size);height:var(--fn-item-size);border-radius:var(--fn-item-radius);text-align:center;line-height:var(--fn-item-size);cursor:pointer}.to-tab-fn-item:hover{background:rgba(0,0,0,0.1)}.to-tab-fn-item:active{background:rgba(0,0,0,0.3)}.to-tab-fn-item.fn-left:after{content:'\e009'}.to-tab-fn-item.fn-right:after{content:'\e05a'}.to-tab-fn-item.fn-refresh:after{content:'\e06a'}.to-tab-page{overflow:hidden;position:relative;z-index:0}.to-tab-page>.content{position:relative}.to-tab.position-left{display:flex}.to-tab.position-left .to-tab-wrapper{display:flex;margin:auto;left:0;flex-direction:column}.to-tab.position-left .to-tab-page{flex:1}.to-table{--border:1px solid var(--color-border);--head-bg:#f7f7f7;--head-line-x:1px solid var(--color-border);--head-line-y:1px solid var(--color-border);--body-line-x:1px solid var(--color-border);--body-line-y:1px solid var(--color-border);--action-gap:1em;--th-color:var(--color-fg);--th-height:3em;--th-line-height:1.5em;--th-padding:.6em 1em;--td-color:var(--color-fg);--td-height:3em;--td-padding:.6em 1em;--td-line-height:1.5em}.to-table{position:relative;overflow:auto;background:#fff;z-index:0;box-sizing:border-box}.to-table-table{border-collapse:collapse;width:100%}.to-table-th{background:var(--head-bg)}.to-table-head-row:first-child .to-table-th:first-child{border-top-left-radius:.5em}.to-table-head-row:first-child .to-table-th:last-child{border-top-right-radius:.5em}.to-table-head-row:last-child .to-table-th:first-child{border-bottom-left-radius:.5em}.to-table-head-row:last-child .to-table-th:last-child{border-bottom-right-radius:.5em}.to-table-body-row:nth-last-of-type(1) .to-table-td{border-bottom:0 none}.to-table.height-full{height:100%}.to-table-th{height:var(--th-height);line-height:var(--th-line-height);border-left:var(--head-line-y);border-right:var(--head-line-y);border-bottom:var(--head-line-x);padding:var(--th-padding);color:var(--th-color);font-weight:normal;white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-th:first-child{border-left:0 none}.to-table-th:last-child{border-right:0 none}.to-table-td{height:var(--td-height);line-height:var(--td-line-height);border-left:var(--body-line-y);border-right:var(--body-line-y);border-bottom:var(--body-line-x);padding:var(--td-padding);color:var(--td-color);white-space:nowrap;text-align:left;box-sizing:border-box;position:relative;transition:width .1s ease-out,height .1s ease-out}.to-table-td:first-child{border-left:0 none}.to-table-td:last-child{border-right:0 none}.to-table-toggle{display:inline-block;height:1em;line-height:1em;border-radius:.1em;margin-right:.5em;width:1em;text-align:center;background:#C9CDD4;color:#fff}.to-table-toggle:before{font-family:'icon';font-size:.5em;vertical-align:top;content:'\e003'}.to-table-toggle:hover{background:#ddd}.to-table-toggle:active{background:#999}.to-table-toggle.is-expand{background:#86909C}.to-table-toggle.is-expand:before{content:'\e069'}.to-table-toggle.is-expand:hover{background:#ddd}.to-table-toggle.is-expand:active{background:#999}.to-table-td.is-action .to-button:not(:first-child){margin-left:var(--action-gap)}.to-table-th.is-check,.to-table-td.is-check{padding:0}