.common-layout[data-v-4476d140]{padding:20px;background-color:#f5f5fb;width:100%;box-sizing:border-box;overflow-x:hidden}.common-layout.is-component[data-v-4476d140]{border-top:1px solid #e4e7ed;margin-top:20px}.is-not-component[data-v-4476d140]{min-height:100vh}.component-header[data-v-4476d140]{display:flex;align-items:center;margin-bottom:20px;padding-left:10px}.header-line[data-v-4476d140]{width:4px;height:20px;background:#409eff;border-radius:2px;margin-right:12px}.header-text[data-v-4476d140]{font-size:18px;font-weight:600;color:#303133}.service-grid[data-v-4476d140]{display:grid;gap:20px;width:100%;grid-template-columns:1fr}.service-block[data-v-4476d140]{background-color:#fff;border-radius:12px;padding:24px;height:160px;box-sizing:border-box;border:1px solid #eee;transition:all .3s ease;display:flex;flex-direction:column;min-width:0}.block-top[data-v-4476d140]{display:flex;align-items:center}.icon-wrapper[data-v-4476d140]{width:46px;height:46px;flex-shrink:0}.service-icon[data-v-4476d140]{width:100%;height:100%;object-fit:contain}.block-title[data-v-4476d140]{font-size:16px;line-height:46px;color:#444;font-weight:500;padding-left:15px;height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.block-desc p[data-v-4476d140]{color:#999;line-height:24px;height:60px;overflow:hidden;word-break:break-all;font-size:14px;padding-top:12px;margin:0;display:-webkit-box;-webkit-box-orient:vertical}.service-block.enabled[data-v-4476d140]{cursor:pointer}.service-block.enabled[data-v-4476d140]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000000d;border-color:#409eff}.service-block.toBe[data-v-4476d140]{filter:grayscale(1);opacity:.6;cursor:not-allowed}@media screen and (min-width: 380px){.service-grid[data-v-4476d140]{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 380px) and (max-width: 480px){.block-title[data-v-4476d140]{font-size:13px}}@media screen and (max-width: 480px){.common-layout[data-v-4476d140]{padding:20px 10px}.service-grid[data-v-4476d140]{gap:10px}.service-block[data-v-4476d140]{padding:15px}}@media screen and (min-width: 769px) and (max-width: 1200px){.service-grid[data-v-4476d140]{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1201px) and (max-width: 1920px){.service-grid[data-v-4476d140]{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1921px) and (max-width: 2559px){.service-grid[data-v-4476d140]{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 2560px){.service-grid[data-v-4476d140]{grid-template-columns:repeat(6,1fr)}}
