.hub-intro{max-width:1080px;margin:6px auto 22px;padding:0;text-align:center;font-size:14px;line-height:1.8;color:var(--color-text-sub)}.hub-grid{display:grid;gap:18px;max-width:1080px;margin:0 auto 26px;padding:0}.hub-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid-2 .hub-card-illo{grid-column:1 / -1}.hub-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 20px;text-decoration:none;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:var(--transition);min-width:0;overflow:hidden}.hub-card:hover{border-color:#2563eb73;box-shadow:0 10px 20px -14px #2563eb4d}body.dark .hub-card:hover{border-color:#608dfa73;box-shadow:0 8px 18px -12px #00000073}.hub-card:hover,.hub-card:focus,.hub-card:active{text-decoration:none}.hub-card:hover .hub-go,.hub-card:focus .hub-go{text-decoration:underline}.hub-card .hub-ico{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center}.hub-card .hub-ico img{width:48px;height:48px;display:block}.hub-card b{font-size:16px;color:var(--color-text-main)}.hub-card{position:relative}.hub-tag{position:absolute;top:14px;right:14px;padding:3px 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;color:var(--color-text-sub, #5b6b87);background:var(--color-primary-soft, rgba(91, 103, 255, .06));border:1px solid var(--color-border-light)}.hub-tip{max-width:1080px;margin:0 auto 26px;padding:14px 18px;border-radius:12px;background:var(--color-card-bg);border:1px dashed var(--color-border-light);font-size:13px;line-height:1.8;color:var(--color-text-sub)}.hub-tip b{display:block;margin-bottom:4px;font-size:13px;color:var(--color-text-main)}.hub-tip p{margin:2px 0}.hub-card p{margin:0;font-size:13px;line-height:1.7;color:var(--color-text-sub)}.hub-card .hub-go{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600;color:var(--color-primary)}.hub-card .hub-go svg{width:15px;height:15px;transition:var(--transition)}.hub-card:hover .hub-go svg{transform:translate(3px)}@media(max-width:1000px){.hub-intro,.hub-grid,.hub-tip{padding-left:16px;padding-right:16px}}@media(max-width:560px){.hub-grid-2,.hub-grid-3{grid-template-columns:1fr}}.hub-card-illo .hub-illo{display:block;width:100%;max-width:300px;margin:6px 0 0}.illo-ui{position:relative;display:block;padding:30px 12px 139px;border-radius:8px;background:#eef4ff;border:1px solid var(--color-border-light, #d6e3fb)}body.dark .illo-ui{background:#1c2331;border-color:#ffffff1f}.illo-bar{position:relative;display:flex;align-items:center;padding:2px;border-radius:6px;background:var(--color-card-bg, #fff);border:1px solid var(--color-border-light, #d6e3fb);font-size:12px;line-height:1}.illo-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 7px;white-space:nowrap;color:var(--color-primary, #2563eb)}.illo-btn+.illo-btn{border-left:1px solid var(--color-border-light, #d6e3fb)}.illo-ico{width:15px;height:15px;flex:none;display:block}.illo-caret{width:9px;height:9px;flex:none;opacity:.7;display:block}.illo-split{position:relative}.illo-btn-add{margin-left:auto;padding:0 6px}.illo-btn-add .illo-ico{width:14px;height:14px}.illo-menu{position:absolute;top:calc(100% + 6px);right:-4px;z-index:2;display:block;width:max-content;padding:3px;border-radius:7px;background:var(--color-card-bg, #fff);box-shadow:0 6px 18px #0000002e;font-size:11px;line-height:1.3;text-align:left}.illo-mi{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;white-space:nowrap;color:var(--color-text-main, #1f2d3d)}.illo-mi.is-on{background:#50a0ff2e;color:#0b62d6}body.dark .illo-mi.is-on{color:#9cc4ff}.illo-mi.is-danger{color:#d9363e}.illo-mico{display:inline-flex;width:15px;height:15px;flex:none;color:#d9363e}.illo-mico svg{width:15px;height:15px;display:block}.illo-step{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #e53e3e;border-radius:50%;background:var(--color-card-bg, #fff);color:#e53e3e;font:700 12px/1 Arial,Helvetica,sans-serif}.illo-step b{font-weight:700}.illo-step-1{left:50%;top:-26px;transform:translate(-50%)}.illo-step-1:after{content:"";position:absolute;left:50%;top:100%;margin-top:2px;border:4px solid transparent;border-top-color:#e53e3e;transform:translate(-50%)}.illo-step-2{left:-10px;top:50%;transform:translate(-100%,-50%)}.illo-step-2:after{content:"";position:absolute;left:100%;top:50%;margin-left:1px;border:4px solid transparent;border-left-color:#e53e3e;transform:translateY(-50%)}@media(min-width:640px){.hub-grid-2 .hub-card-illo{flex-direction:row;align-items:center;column-gap:24px}.hub-grid-2 .hub-card-illo .illo-copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hub-grid-2 .hub-card-illo .hub-illo{flex:0 0 300px;max-width:300px;margin:26px 0 0}}.hub-card .hub-hint{display:block;font-size:12.5px;line-height:1.7;color:var(--color-text-sub, #4b5a76)}
